@charset "UTF-8";


:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/ 2);
  animation-duration: calc(var(--animate-duration)/ 2)
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion:reduce),
print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }

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

@keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }

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

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

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

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

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

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

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

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

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

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

@-webkit-keyframes shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@-webkit-keyframes shakeY {

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

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

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

@keyframes shakeY {

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

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

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

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

@-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)
  }
}

.animate__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: rotate(15deg);
    transform: rotate(15deg)
  }

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

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

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

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

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

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

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

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

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

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

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

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

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

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

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

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

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

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

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

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

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

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

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

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

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

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

.animate__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)
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

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

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

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

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

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

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

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

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

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

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

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

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

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

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

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

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

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

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

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

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

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

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

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

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

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

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

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

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

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

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

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

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

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

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

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

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

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

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

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

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

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

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

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

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

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

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

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

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

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

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

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

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

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

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

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

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

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

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

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

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

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

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

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

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

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

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

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

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

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

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

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

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

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

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

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

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

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

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

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

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

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

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

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

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

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

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

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

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

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

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

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

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

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

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

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

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

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

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

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

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

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

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

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

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

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

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

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

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

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

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
  0% {
    -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: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInRight {
  0% {
    -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: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -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: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInLeft {
  0% {
    -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: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

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

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

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

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

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

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

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

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

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

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

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

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

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

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

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

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

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

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

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

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

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

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

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

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

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

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

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

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

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

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

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

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

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -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-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -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
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.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 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.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)
  }
}

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

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

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

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

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

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

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

@keyframes rollOut {
  0% {
    opacity: 1
  }

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

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

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

  50% {
    opacity: 1
  }
}

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

  50% {
    opacity: 1
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

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

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

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

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

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

  to {
    opacity: 0
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

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

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

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

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

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

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

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

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

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

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 20px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

@font-face {
  font-family: iconfont;
  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA8EAAsAAAAAGpwAAA63AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACGIAqicJwRATYCJANYCy4ABCAFhGcHgi4bSxYzo8LGAQBUPg/Z/wGqwFj6IQIkuN2TBejntUlR+GvEhEKNHPj3raNKgKAAAODbEVUCqAUAcgdQ4T0eJmCBT+ANAAAAAAieJ7yqV/WTRlpewMysyBOZ6TMTABO0zbeCCm2wGnDeBIPQJqSesME3EgNjBdr8OoJYdLOpyy/z6mEJtrzijuuf4xgUUirLgW+AAALtbQ71qxtBD0xjGL8GAAfdSugIrYfkRX2uCldxe4P1WCPIi+E1EeT/1lKb3YQVoGQSJqwjZIz8czy3/+DfJmmnxEGYFMECGxWhZkuIwvDzfRWyVaJaVlYYX6VqMLx29UIY1eY3bgYFWNTSgm7XoVs/wtNGz5tBEQZsdwXeaDVt8sTR+MYmRkaCwuf3qJ7UQO3ABL1RvwBst768+oY6+UBjCuySek1oP45HnMT3BLFdG+QDNtW3Cg6uARMQoFrPWnUye74KIw6vZhlWkmzwGVBFKfJrYzkJh+pEOLFOqpOplwEGGW6JFe5zPna+LayYx+SJ3y79PuW6qNW7fEOwfVFU4XVV++c88BLCIEyMRiH4CZJk4iEqLsVHhASLACgPGBIEUMYyQApOQhJeC8uACAErgjCA1UCEgU1AxICtQGhgLxAKOACEAAeB8AOHgwgCl4BIApeDMIErQHiA94GIAj8GEQd+ixKkUFixBD7Ix4gIMI0SJPDtiRJY8H1qGgGYkTZOUg20gLkevL2A74o1XSG8pvLJeWY7x67CQGGh0SGVC8ZSnmwqIpIsFisRZBNiwVA0m1N+qqhaMpUaMCQcjkVxl2KJ6jXLj41r48hwpaDPkwhWqDB31IX9SsxHwfPafbZSc2S2IWOxiHQYtNnSjXKrNd0kNZuPrpllILwGVuF+FfdbrSYzYgyWGNjWYbTWZDfnIiOoTrCsKBmkCyoVemUGR8frVuC2uW5hY2/WaDXIGrIPgHco5ZlO0JG7GbpShhh6f5W2EaoeI589oxtSZq7JU3wRA7uImf3eTgVB1uN0UFfqvojQtq+FvFNI61CDfmi20lzp0MGZMR3oCFMvyMVBFhxcy7pBiIuOHJqVdxrcM6+AIdSMp+q3R8yt3p67Og4mJtFKSEztR5oCNcy1tK94ogluplZ3LRVPNlHTQluYa/d9MJDxgVWx1470OgwMz+0dDIyLOJU6PF8vOGbHwMjsafpEJMo88XICCsawxq1mA0c+MGs0x240CkcLnENhBQPAmcX4O1bu7guqHlW9zTTTkUbI+BvTn2BbsuVzyp7Kh403S6VaP9doAGsZhXUBHKszq2jEwJ/Y95tIj9wqR/MaFSpPCCg0JONFx8y36Pl5eZRCYbZgqsAAYGdLFaz6uQhLdi4pFPdUIjYSaYvH0Hj97W5xjWtB+mnU7gocmCF6HFui1kWRazvAjJdzgNk7Rwb4RY2eA8Q5uwv0YxHJbjUkArAOKhYvXplnAGeP+pW1NT5VIwfgHBnPOCbagtJ9AQzu8cb/KXOqt8B9EC5+IKyGdCzfakbh637466Ftyp2ai7K6c8N3uilylFs1nUdSa/r6pD0L2MdhLG0jmqXC7VSoD+lMuuZtooifzY55B+Gw8RnnCEagpCsGIj38GzArrwJOJdkU77PK3wmiOIldCh6Z+VBcdh7+GrVJacDgSRRgyfyV2SL8PWYOeq71+jcnb9SAP8L1AOKAtowj60xfIg/KZouMCy94SydF6vpvCdcy88YTwQS/bfwnN6dfozC1Rq/vcvoNAAN0HrJzD3C+c2dSyBuZ2AzNNhFimnRI2sulrzc2vHYH4xZi5n4qRNVBtN4V4ae5cSSd8e4AXBFvsMaRdcjEin2dXRPPeeN5WLBTI4ourA5xdvc8++WQGYBHcn+evYyzRjhct/3S/ZH0ETAzh+WP51vVv1O5KZiONbiZNmw6vQm+ii3G14fl2C85bb8QvPuVmTCnuyJgdv8YSAWFCQbqTp/DqquZIXgjvYA5PmFDXXz7QVvissFhqQtbZnY0JxQi3j6OJ5V7Sj3VXkr57Lx7UO6/nNmlfazosTy5A6ZPZPGt8tQGbuM5R2ZpbFG/Ti0WNhnxHsHAbbFazZHSg+bjP9eWAc65UpfgpVfNVjbXJqm+oSAsZlGGbLVyZi/ZsIuwDt6Yo8xK3C2WdObu9UtIL+Ss6wZa0O4gmoF1Y0qiAbCv/DUxvCRcCcPKsJKIy6KiKgyGw5QRJZe7w1QwrErQlKpwVXhJ05x/DmiHvXqMIyogCiRPv8vjbc87QTJGTHnbToK5WkC5+EoXxNKmpmqY1R8JEHD3DLE+Rd6G3lNxHE4cAbBX1IIx8mhmIYsffpxcRi7JyMvIV4fXxuiQ0xGDOCqu8gZSh5jOUXDVtbGCYJm9RBjPj4vjxwv3U6BAwb/l/VPr0jH/dtrMKegw9CiLjRx40UIA/aTq6dNnT4GftOZda/yIb1/+aPeP+r0LKpYh2/rzkFnvWK/UDiD505K0dATVl4pI5yDjHtq5czOQFF8KMiMNQfHDAonb1pw9a4/s8fZljIHi7EF1DISP0OnzfKm+c+kMEhz2s4Pz6FAwZJmZB744yRgMl89NOcA8YN6Ei8R70feIxnTCRcAXCxCSHtHoOt0CaFb+ZPsWiADt05e8w+vXLmHMPhABYEwrWY2q589AGQoX1KFd+7qjKIY1Q8W8AO6JvV7/6EIhbwBECL3IYdMPbx3Af4phO8frpPGiWPWCEmWygJa/VqmqV8cqYugFDL5KxBrYulqwUZjAiWcLwosiygpn8a8k8URSyfB0vgpj/vxpJ0f3NjW5fX5WDHY4hNNNtKuFaqH+6IR3OrqUn+t4nfZ3QOefxWiLQjS0ZnxyPP7jHFrj3KMB7PKJOaEFYWos2zm2rnT1VtaAKO8+tQDY9A41aFu59+rn+xz6vR0zGQhZpiy7CwEJXYQv/dezEV0zmZO7IZbmtJnKgj4LgKbZ8ueIsosHgTRJUpKEBl4kYIK7Z5B2kf69eHpAvO1VO2vssOPrB+oe9kgychIdE52JB/r6JbtXfVfvuZliDPUwmD9+NI0tlB/aeMwp94QuYMKk499MDD+xav+Hot4v10RMl2try117k5POAe3Ngzsz2ZvzJHd2rbYp96D7R1K+LXXQO65xPHa67liu8eMNJPiT/T5tr7S6UtlzxhAwZozf07OD/+4lEplVwWWsiXNuskIbBVzik/u0cUGxQe92PFV7Gl3UuHU8ouH0j7vvnvu5uH4fkDijMEDeI2eCPLbyY81yLmwFI/tERE7ghsKqpNKsDKN/jg/kU52zATdgMzovru7URvC+qC7SQ1LXZ8o6vzecJ9fox/GdRDuY1licBHXJ63vL2fo+sF6OcLZ+GKpDhxLQXvf/hB/jp7hvbNl1v97tXtxlj26xeHjbv9gDzl0jM5snCAtc7be4A8ZM5xk8bpNza4/nYgfD2vxccI9LHm9cHUEWWkn5XM68HP9hQuDYqM0diDGIUqWUBCxGWwxWJzQyFMqsrOJFGAE6l6iXOw8LvjX0H5Hj3S5sVYIkSZ5fUF6uS25iaJt4bIeUyk+RIelPn6W93crBo76d4Q6Ts4a/TFu3GSPgd3HzuMD3QJNjBvcGjhQqdcqULjJAHiotuzP1n4/p7e7bjNgN4cGQLnJX8n8uFfQQ4ZcJGmUYGDo4GAqGKbW6xAoK7++wqpns6iROlF87svjhQzEVAYtyopnRYYev1EQLH2GfbLzaR6YSX435mS7hRsqryq+MtDqBhBb320nzoJhlND5I45AQqtpNg7REPSWtTZNSnswsSSt3ne16p0cUwri4L+XVcKrrmE1piFVRKo00WGJ5oDl29OkREX4cVXSFGia6plH1Jx5P/5e+4if06zF4uc1xLXH4UGx54KKsKOZo4qGjnTGih5gnG6/1kinhL8e8Ig0Ln3JW4I1ud8TFLj1YEcm7tm7RINW7I1hrxiphFXJZwa3j1CjTvVfFgFppkPj6+3Yt7KuOkyhR276QY+QU+fYt8kGT7bp4jpvZ3+UG9N2sct3uMsHlMC/YTkmgdD5d0bYz+BoF4bKhnzqbkxOZ0u82fEE4tn3QowUN2x2NPuarvsFzHMDF3kPjTwUckPjllYmzT9I4VKtxGKYbXURhBimBpKPTxo4d8aH6DptX19/Axep7dAaXtvoxY/RcF1vXo8dyo71g2StPPim6Z++Qwe3dBd7PX5od3e2b0jjzYdnzfp+QU0Fkdi16Ed5cNjMyV9qhwwh8vwytZ88PKl6K+EBYv+3UbWGTp5SfHLJt1Bs3ltu7Ba5jv716vjhqri+y0v0XZilKbwV3UP6WlZU5T76S+kybnVKvxQL9i+hjgNxQf+Daxdb/a10GKSY2mT5e/46kQ7ow6SW9QKzWQ5C5Xt4SeedJB6VZmbmGkgJ03bBdqtLpm6R6XUY+6dD3LJe27u+uPizZ9JvmYCS+9q6RqGa/5cHfnEVf/rxOYLnVesCH/jg0+AUjhhlkhH1f03IBpPcN/TtJ0/3eSna6zlhCg2Mbr/KjZXbcR33BRE/tBvcFHKNcjZeiXJIiy3ADkVVyTQLU4R5ENs+1qKr9qQMkzEJQhh+oYDVyFVEXczVh7uWCyKe5gci3c03SCrkHkf/lWgxQobMLUGHr1CtpyboUxSxAYWeEn63JfmkbGklxS/40ecAikcVpuPdTd5qqOIYfbM5shCFsxcfw0nTToOgJK604dsz9S5KYpGPECtvFK2nJRuFSKObqoLAzW+bgt/elbWgkKWp/gjy1kckLmViqoH0andIaeyL7weaYCCMkJ9LTCh9jAG9GXSj0yR2VVovpMVeio3+R8C0ZVSNu39deBD5OwbWwl5RuXRGqpkvDtGzH9fzOOu+iy6667sa2d9BDt2NeQ7bJ0OrTBmQ3Qe50AZ2NsvSYKXIE2+iIwDo+mgDO2fDeFzVLv8zu7ncqkE5idjBjcI/eMYZs2wbZFbCtJJQInU2FyDvdmbrJvprnEF5MPN4KptBtlfAP4WglIf+cBsIMPOoTYITsXJB7RQbn6W4ZcE6dsO0x+IC7KoMq0NliAQ==') format('woff2'), url(//at.alicdn.com/t/c/font_5075170_bbdrnsqw6sc.woff?t=1775031758659) format('woff'), url(//at.alicdn.com/t/c/font_5075170_bbdrnsqw6sc.ttf?t=1775031758659) format('truetype')
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-shipin:before {
  content: "\e650"
}

.icon-shipin1:before {
  content: "\e640"
}

.icon-time:before {
  content: "\e656"
}

.icon-lianxi2hebing-10:before {
  content: "\e627"
}

.icon-triangle-right:before {
  content: "\e67d"
}

.icon-triangle-left:before {
  content: "\e67e"
}

.icon-Rrl_s_145:before {
  content: "\e613"
}

.icon-jiahao1:before {
  content: "\e727"
}

.icon-youjiantou1:before {
  content: "\e658"
}

.icon-guanbi:before {
  content: "\eca0"
}

.icon-caidan:before {
  content: "\ee15"
}

.icon-xiangshangjiantou:before {
  content: "\e65d"
}

.icon-youjiantou:before {
  content: "\e622"
}

.icon-daohangzixun:before {
  content: "\e62c"
}

.icon-diqiu:before {
  content: "\e811"
}

.icon-zaixianliuyan:before {
  content: "\e6ba"
}

.icon-lianxidianhua:before {
  content: "\e63a"
}

.icon-jiantou20:before {
  content: "\e6df"
}

.icon-duoyuyan:before {
  content: "\e816"
}

.icon-sousuo:before {
  content: "\e67a"
}

.icon-lianjie1:before {
  content: "\e6ec"
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html,
html.os-html>.os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important
}

html.os-html>.os-host>.os-padding {
  position: absolute
}

body.os-dragging,
body.os-dragging * {
  cursor: default
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start
}

.os-host-flexbox {
  overflow: hidden !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.os-host-flexbox>.os-size-auto-observer {
  height: inherit !important
}

.os-host-flexbox>.os-content-glue {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.os-host-flexbox>.os-content-glue,
.os-host-flexbox>.os-size-auto-observer {
  min-height: 0;
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px
}

#os-dummy-scrollbar-size>div {
  width: 200%;
  height: 200%;
  margin: 10px 0
}

#os-dummy-scrollbar-size:after,
#os-dummy-scrollbar-size:before,
.os-content:after,
.os-content:before {
  content: '';
  display: table;
  width: .01px;
  height: .01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  background: 0 0 !important
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0
}

.os-host-overflow>.os-padding {
  overflow: hidden
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: 0 !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible
}

.os-content>.os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: 0 0 !important;
  outline: 0 none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  float: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  -webkit-perspective: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
  right: 0 !important
}

.os-content>.os-textarea-cover {
  z-index: -1;
  pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0 !important
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.os-resize-observer-host.observed>.os-resize-observer,
.os-resize-observer-host>.os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box
}

.os-resize-observer-host.observed>.os-resize-observer,
.os-resize-observer-host.observed>.os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box
}

.os-resize-observer-host.observed>.os-resize-observer:before {
  content: '';
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important
}

.os-resize-observer {
  -webkit-animation-duration: 1ms;
  animation-duration: 1ms;
  -webkit-animation-name: os-resize-observer-dummy-animation;
  animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
  box-sizing: border-box !important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto
  }

  to {
    cursor: none
  }
}

@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto
  }

  to {
    cursor: none
  }
}

.os-host-transition>.os-scrollbar,
.os-host-transition>.os-scrollbar-corner {
  -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
  transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html>.os-host>.os-scrollbar {
  position: absolute;
  z-index: 999999
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  z-index: 1
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0
}

.os-scrollbar {
  pointer-events: none
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0
}

.os-scrollbar-vertical {
  top: 0;
  right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
  right: 0
}

.os-host-rtl>.os-scrollbar-vertical {
  right: auto;
  left: 0
}

.os-host-rtl>.os-scrollbar-corner {
  right: auto;
  left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
.os-padding+.os-scrollbar-corner,
.os-scrollbar-auto-hidden,
.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
  cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
  top: 0;
  bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
  right: 0;
  left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize,
.os-scrollbar:hover {
  opacity: 1 !important;
  visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.os-host-overflow {
  overflow: hidden !important
}

.os-theme-none>.os-scrollbar-corner,
.os-theme-none>.os-scrollbar-horizontal,
.os-theme-none>.os-scrollbar-vertical {
  display: none !important
}

.os-theme-none>.os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,
.os-theme-light>.os-scrollbar-horizontal {
  right: 10px;
  height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
  bottom: 10px;
  width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
  left: 10px;
  right: 0
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
  height: 10px;
  width: 10px
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
  background-color: transparent
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
  background: 0 0
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
  background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
  min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
  min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
  border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
  background: rgba(0, 0, 0, .4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
  background: rgba(255, 255, 255, .4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
  background: rgba(0, 0, 0, .55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
  background: rgba(255, 255, 255, .55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
  background: rgba(0, 0, 0, .7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
  background: rgba(255, 255, 255, .7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 1200px
}

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

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

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

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

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

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

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

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

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

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
  display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

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

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

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

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

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

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

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

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

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

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

/*!
 * Viewer.js v1.11.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-06T05:18:17.414Z
 */
.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In"
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out"
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One"
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset"
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous"
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play"
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next"
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left"
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right"
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical"
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen"
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close"
}

.viewer-container {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.viewer-container ::-moz-selection,
.viewer-container::-moz-selection {
  background-color: transparent
}

.viewer-container ::selection,
.viewer-container::selection {
  background-color: transparent
}

.viewer-container:focus {
  outline: 0
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.viewer-canvas>img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, .5);
  overflow: hidden
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0
}

.viewer-list>li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: .5;
  overflow: hidden;
  transition: opacity .15s;
  width: 30px
}

.viewer-list>li:focus,
.viewer-list>li:hover {
  opacity: .75
}

.viewer-list>li:focus {
  outline: 0
}

.viewer-list>li+li {
  margin-left: 1px
}

.viewer-list>.viewer-loading {
  position: relative
}

.viewer-list>.viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px
}

.viewer-list>.viewer-active,
.viewer-list>.viewer-active:focus,
.viewer-list>.viewer-active:hover {
  opacity: 1
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1
}

.viewer-player,
.viewer-player>img {
  left: 0;
  position: absolute;
  top: 0
}

.viewer-toolbar>ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px
}

.viewer-toolbar>ul>li {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color .15s;
  width: 24px
}

.viewer-toolbar>ul>li:focus,
.viewer-toolbar>ul>li:hover {
  background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar>ul>li:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1
}

.viewer-toolbar>ul>li:before {
  margin: 2px
}

.viewer-toolbar>ul>li+li {
  margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
  margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
  margin: 5px
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, .8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .15s;
  white-space: nowrap
}

.viewer-title:hover {
  opacity: 1
}

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color .15s;
  width: 80px
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, .8)
}

.viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0
}

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute
}

.viewer-fixed {
  position: fixed
}

.viewer-open {
  overflow: hidden
}

.viewer-show {
  display: block
}

.viewer-hide {
  display: none
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
  visibility: hidden
}

.viewer-move {
  cursor: move;
  cursor: grab
}

.viewer-fade {
  opacity: 0
}

.viewer-in {
  opacity: 1
}

.viewer-transition {
  transition: all .3s
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.viewer-loading:after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0, 0%, 100%, .1);
  border-left-color: hsla(0, 0%, 100%, .5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1
}

@media (max-width:767px) {
  .viewer-hide-xs-down {
    display: none
  }
}

@media (max-width:991px) {
  .viewer-hide-sm-down {
    display: none
  }
}

@media (max-width:1199px) {
  .viewer-hide-md-down {
    display: none
  }
}



@font-face {
  font-family: "Montserrat-Regular";
  src: url(../font/Montserrat-Regular.otf);
  font-display: swap
}

@font-face {
  font-family: "Montserrat-Light";
  src: url(../font/Montserrat-Light.otf);
  font-display: swap
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url(../font/Montserrat-Medium.otf);
  font-display: swap
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url(../font/Montserrat-Bold.otf);
  font-display: swap
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url(../font/Montserrat-SemiBold.otf);
  font-display: swap
}

* {
  outline: none
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
  font-weight: inherit;
  margin: 0;
  padding: 0
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
  font: normal 12Px Helvetica Neue, Arial, Microsoft YaHei, PingFang SC, Source Han Sans SC, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

ul,
ol,
li {
  list-style: none
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block
}

a:hover {
  text-decoration: none
}

img {
  vertical-align: top;
  border: 0;
  max-width: 100%
}

button,
input,
textarea {
  font-size: 100%;
  vertical-align: middle;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none
}

table {
  border-spacing: 0;
  border-collapse: collapse
}

div,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
  font-size: var(--root-font-size, 200px);
  overflow: hidden auto
}

@media screen and (min-width: 1921px) {
  html {
    font-size: 200Px
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 26.6666666667vw
  }
}

body {
  width: 100vw;
  overflow: hidden
}

.clearfloat:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " "
}

.clearboth {
  clear: both
}

.wp {
  max-width: 7.2rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp {
    padding: 0 0.15rem
  }
}

.layout-wide {
  max-width: 8.8rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .layout-wide {
    padding: 0 0.15rem
  }
}

.wp1790 {
  max-width: 8.95rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1790 {
    padding: 0 0.15rem
  }
}

.wp1760 {
  max-width: 8.8rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1760 {
    padding: 0 0.15rem
  }
}

.layout-contact {
  max-width: 8rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .layout-contact {
    padding: 0 0.15rem
  }
}

.wp1620 {
  max-width: 8.1rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1620 {
    padding: 0 0.15rem
  }
}

.layout-footer {
  max-width: 8.4rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .layout-footer {
    padding: 0 0.15rem
  }
}

.wp1690 {
  max-width: 8.45rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1690 {
    padding: 0 0.15rem
  }
}

.wp1480 {
  max-width: 7.4rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1480 {
    padding: 0 0.15rem
  }
}

.wp1120 {
  max-width: 5.6rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1120 {
    padding: 0 0.15rem
  }
}

.wp1400 {
  max-width: 7rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1400 {
    padding: 0 0.15rem
  }
}

.wp1500 {
  max-width: 7.5rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1500 {
    padding: 0 0.15rem
  }
}

.wp1540 {
  max-width: 7.7rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1540 {
    padding: 0 0.15rem
  }
}

.wp1530 {
  max-width: 7.65rem;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1024px) {
  .wp1530 {
    padding: 0 0.15rem
  }
}

.revert-editor-style h1 {
  font-size: 2em
}

.revert-editor-style h2 {
  font-size: 1.5em
}

.revert-editor-style h3 {
  font-size: 1.17em
}

.revert-editor-style h4 {
  font-size: inherit
}

.revert-editor-style h5 {
  font-size: 0.83em
}

.revert-editor-style h6 {
  font-size: 0.67em
}

.revert-editor-style h1,
.revert-editor-style h2,
.revert-editor-style h3,
.revert-editor-style h4,
.revert-editor-style h5,
.revert-editor-style h6 {
  font-size: revert
}

.revert-editor-style ul {
  list-style: disc;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.revert-editor-style ul li {
  list-style: disc;
  list-style: revert
}

.revert-editor-style ol {
  list-style: decimal;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.revert-editor-style ol li {
  list-style: decimal;
  list-style: revert
}

.checkBrowser {
  font-size: 14Px;
  line-height: 40Px;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 50%;
  width: 700Px;
  height: 40Px;
  margin-left: -360Px;
  padding: 0 10Px;
  color: #fff;
  border-bottom-right-radius: 5Px;
  border-bottom-left-radius: 5Px;
  background-color: #e6212a
}

.checkBrowser a {
  font-size: 16Px;
  line-height: 20Px;
  position: absolute;
  top: 10Px;
  right: 5Px;
  display: block;
  width: 20Px;
  height: 20Px;
  cursor: pointer;
  text-align: center;
  color: #333;
  border-radius: 50%;
  background-color: #fff
}

.paged {
  margin-top: 0.35rem;
  text-align: center;
  list-style: none;
  padding: 0
}

.paged li {
  display: inline-block
}

.paged.gray a {
  background-color: #f4f5f4;
  color: #8b8b8b
}

.paged a,
.paged .current {
  display: inline-block;
  margin: 0 0.115rem;
  font-size: 0.08rem;
  font-weight: 600;
  text-align: center;
  color: #4f4c49;
  white-space: nowrap;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {

  .paged a,
  .paged .current {
    font-size: 0.13rem
  }
}

.paged a:hover,
.paged .current:hover {
  color: #b3a797
}

.paged .current {
  color: #b3a797
}

.paged .prev,
.paged .next {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.paged .prev i,
.paged .next i {
  font-size: 0.07rem
}

@media (max-width: 1024px) {

  .paged .prev i,
  .paged .next i {
    font-size: 0.13rem
  }
}

.article-swiper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -ms-touch-action: none;
  touch-action: none;
  z-index: 8888
}

.article-swiper .swiper-zoom-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%
}

.article-swiper .swiper-pagination {
  bottom: 1em;
  color: #fff
}

.article-swiper .swiper-slide img {
  max-width: 95%;
  max-height: -moz-calc(100% - 6em);
  max-height: calc(100% - 6em);
  vertical-align: middle
}

.article-swiper .swiper-slide p {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.08rem;
  color: #fff;
  z-index: 22
}

.article-swiper .swiper-close-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.3rem;
  z-index: 9999;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer
}

.article-swiper .swiper-close-icon .iconfont {
  color: #fff;
  font-size: 0.25rem
}

.article-swiper .swiper-close-icon::after {
  width: 100%;
  position: absolute;
  height: 0.015rem;
  background: #fff;
  content: "";
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.article-swiper .swiper-close-icon::before {
  width: 100%;
  position: absolute;
  height: 0.015rem;
  background: #fff;
  content: "";
  top: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}

.uweb-search {
  width: 1200Px;
  max-width: 100%;
  margin: 0.92rem auto 0.5rem
}

@media (max-width: 1200px) {
  .uweb-search {
    width: auto;
    margin-right: 0.15rem;
    margin-left: 0.15rem
  }
}

.uweb-search-input-con {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25Px
}

.uweb-search-select-con {
  float: left;
  width: 37%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25Px
}

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

  .uweb-search-input-con,
  .uweb-search-select-con {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.05rem
  }
}

.uweb-search-top {
  position: relative;
  margin-bottom: 40Px;
  height: 44Px;
  width: 100%
}

.uweb-search-top-s .uweb-search-input-con {
  float: left;
  width: 87%
}

@media screen and (max-width: 750px) {
  .uweb-search-top {
    height: auto
  }

  .uweb-search-top-s .uweb-search-input-con {
    width: 100%
  }
}

.uweb-search-top-text {
  float: left;
  width: 80Px;
  font-size: 14Px;
  color: #666;
  line-height: 44Px
}

.uweb-search-top-input {
  margin: 0 0 0 80Px;
  height: 44Px;
  border: 1Px solid #e9e9e9
}

.uweb-search-top-input input {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14Px;
  padding: 0 20Px
}

.uweb-search-top-button {
  float: left;
  width: 13%;
  height: 46Px;
  background: #b3a797;
  cursor: pointer;
  color: #fff;
  font-size: 14Px;
  line-height: 46Px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0
}

.uweb-search-top-button:hover {
  opacity: 0.7
}

@media screen and (max-width: 750px) {
  .uweb-search-top-button {
    float: none;
    width: 100%
  }
}

.uweb-search-top-input2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 80Px;
  height: 44Px;
  border: 1Px solid #e9e9e9
}

.uweb-search-top-input2 input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14Px;
  padding: 0 20Px
}

.uweb-search-top-text1 {
  float: left;
  width: 70Px;
  font-size: 14Px;
  color: #666;
  line-height: 44Px
}

.uweb-search-top-select {
  position: relative;
  margin-left: 70Px;
  height: 44Px;
  border: 1Px solid #e9e9e9;
  font-size: 14Px;
  color: #999
}

.uweb-search-top-select:after {
  position: absolute;
  right: 12Px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  width: 0;
  height: 0;
  border-left: 5Px solid transparent;
  border-right: 5Px solid transparent;
  border-top: 6Px solid #999
}

.uweb-search-top-select select {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100% !important;
  border: 0Px;
  padding: 0 22Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.uweb-search-top-select .customSelect {
  width: 100%;
  height: 100%;
  line-height: 42Px;
  padding: 0 22Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 1200px) {
  .uweb-search-top-select {
    float: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
}

.uweb-search-content {
  margin: 40Px -12Px;
  font-size: 0
}

.uweb-search-content li {
  display: inline-block;
  vertical-align: top;
  padding: 0 12Px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 156Px;
  margin-bottom: 30Px
}

.uweb-search-content li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1Px solid #e9e9e9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25Px 40Px 30Px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}

.uweb-search-content li a:hover {
  background: #f1f1f1
}

.uweb-search-content li a:hover .copy {
  color: #b3a797
}

.uweb-search-content li a:hover .btn {
  background: #b3a797
}

.uweb-search-content li a .copy {
  font-size: 16Px;
  font-weight: bold;
  color: #666;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 22Px;
  max-height: 44Px;
  overflow: hidden
}

.uweb-search-content li a .time {
  margin-top: 5Px;
  font-size: 14Px;
  font-family: "Arial";
  color: #999
}

.uweb-search-content li a .btn {
  margin-top: 20Px;
  width: 95Px;
  height: 28Px;
  background: #999;
  font-size: 14Px;
  color: #fff;
  line-height: 28Px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease
}

@media screen and (max-width: 1200px) {
  .uweb-search-content {
    margin-right: 0;
    margin-left: 0
  }

  .uweb-search-content li:nth-child(2n+1) {
    padding: 0 0.06rem 0 0
  }

  .uweb-search-content li:nth-child(2n) {
    padding: 0 0 0 0.06rem
  }
}

@media screen and (max-width: 480px) {
  .uweb-search-content li {
    float: none;
    width: 100%;
    height: auto
  }

  .uweb-search-content li:nth-child(2n+1),
  .uweb-search-content li:nth-child(2n) {
    padding: 0
  }

  .uweb-search-content li a .copy {
    max-height: none
  }
}

.uweb-search-tip-con {
  margin: 40Px auto;
  width: 1200Px;
  max-width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5rem;
  text-align: center
}

.uweb-search-tip-con .section-title {
  font-size: 24Px;
  color: #333;
  margin-bottom: 20Px
}

.uweb-search-tip-con .tips {
  font-size: 14Px;
  color: orange;
  font-weight: bold;
  line-height: 28Px;
  width: 900Px;
  margin: 0 auto 10Px;
  max-width: 100%
}

.uweb-search-tip-con .p {
  font-size: 14Px;
  color: #333;
  line-height: 28Px;
  margin-bottom: 10Px
}

.uweb-search-tip-con .num {
  color: red;
  padding: 0 3Px;
  text-decoration: underline
}

.uweb-search-tip-con .tip-btn {
  display: block;
  width: 140Px;
  height: 36Px;
  text-align: center;
  line-height: 36Px;
  color: #fff;
  background: #999;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto;
  cursor: pointer
}

.uweb-search-tip-con .tip-btn:hover {
  background: #b3b3b3
}

.tips-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999999
}

.tips-popup.init {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.tips-popup.show .tips-popup-mask {
  opacity: 1
}

.tips-popup.show .tips-popup-box {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1)
}

.tips-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.tips-popup-box {
  position: relative;
  padding: 18Px 24Px 8Px;
  width: 320Px;
  background-color: #fff;
  -webkit-box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
  border-radius: 8Px;
  z-index: 9;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

@media screen and (max-width: 414px) {
  .tips-popup-box {
    max-width: -moz-calc(100% - 0.4rem);
    max-width: calc(100% - 0.4rem);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.tips-popup-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10Px
}

.tips-popup-head .section-title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-top: 1Px;
  line-height: 22Px;
  font-size: 16Px;
  color: #000
}

.tips-popup-close {
  margin: 5Px 0 0 10Px;
  width: 14Px;
  height: 14Px;
  background: url(../assets/tips_icon.png) top -130Px left no-repeat;
  opacity: 0.7;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.tips-popup-close:hover {
  opacity: 1
}

.tips-popup-content {
  padding-bottom: 10Px;
  font-size: 14Px;
  line-height: 24Px;
  color: #666
}

.tips-popup-footer {
  padding: 4Px 0;
  text-align: right;
  font-size: 0
}

.tips-popup-footer li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10Px;
  padding: 8Px 15Px;
  line-height: 1;
  font-size: 12Px;
  white-space: nowrap;
  border-radius: 3Px;
  border-width: 1Px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.tips-popup-footer li:hover {
  opacity: 0.8
}

.tips-popup-footer .cancel-btn {
  color: #666;
  background-color: #fff;
  border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
  color: #fff
}

.tips-popup .tips-icon {
  margin-right: 10Px;
  width: 24Px;
  height: 24Px;
  background-image: url(../assets/tips_icon.png);
  background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
  background-position: 0 -104Px
}

.tips-popup .tips-icon-question {
  background-position: 0 -78Px
}

.tips-popup .tips-icon-info {
  background-position: 0 -52Px
}

.tips-popup .tips-icon-error {
  background-position: 0 -26Px
}

.tips-popup .tips-icon-alert {
  background-position: 0 0
}

.tips-popup-icon {
  padding-left: 20Px;
  padding-right: 20Px
}

.tips-popup-icon .tips-popup-content {
  padding-left: 34Px
}

.loading-wrap {
  position: relative
}

.loading-wrap .loading-box {
  position: absolute
}

.loading-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999
}

.loading-box-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25Px 0 0 -25Px;
  width: 50Px;
  height: 50Px;
  -webkit-animation: loading-rotate 2s linear infinite;
  -moz-animation: loading-rotate 2s linear infinite;
  animation: loading-rotate 2s linear infinite
}

.loading-box-circular .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  -moz-animation: loading-dash 1.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #0da945;
  stroke-linecap: round
}

@-webkit-keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-moz-keyframes loading-rotate {
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}

@-moz-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40Px
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120Px
  }
}

.normal-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9000
}

.normal-popup.init {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.normal-popup.show .normal-popup-box {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.normal-popup.show .normal-popup-mask {
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s
}

.normal-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.normal-popup-close {
  position: absolute;
  top: 10Px;
  right: 10Px;
  line-height: 1;
  font-size: 20Px;
  font-family: "iconfont";
  color: #666;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.normal-popup-close:before {
  content: "\e662"
}

.normal-popup-close:hover {
  color: #ea140a
}

.normal-popup-box {
  position: relative;
  width: 680Px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 6Px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  z-index: 6;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s
}

.normal-popup-title {
  margin-bottom: 25Px;
  text-align: center
}

.normal-popup-title h3 {
  line-height: 1.2;
  font-size: 30Px;
  color: #555
}

.normal-popup-title p {
  line-height: 1.2;
  font-size: 12Px;
  color: #999;
  text-transform: uppercase
}

.normal-popup-scroller {
  position: relative;
  overflow: hidden
}

.normal-popup-scroller .bscroll-indicator {
  background-color: rgba(205, 205, 205, 0.5) !important
}

.modal-popup .normal-popup-box {
  padding: 60Px;
  text-align: center
}

.modal-popup .icon {
  font-family: "iconfont";
  font-size: 80Px
}

.modal-popup .icon-error {
  color: #ea140a
}

.modal-popup .icon-error:before {
  content: "\e71e"
}

.modal-popup .icon-success {
  color: #0da945
}

.modal-popup .icon-success:before {
  content: "\e605"
}

.modal-popup .icon-notice {
  color: #fbba65
}

.modal-popup .icon-notice:before {
  content: "\e698"
}

.modal-popup .section-title {
  margin: 15Px 0 3Px;
  line-height: 1.4;
  font-size: 24Px;
  color: #333
}

.modal-popup .p {
  line-height: 1.6;
  font-size: 16Px;
  color: #888
}

.modal-popup-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30Px
}

.modal-popup-footer li {
  width: 242Px;
  line-height: 45Px;
  font-size: 16Px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.modal-popup-footer li+li {
  margin-left: 16Px
}

.modal-popup-footer li:hover {
  opacity: 0.8
}

.modal-popup-footer .cancel-btn {
  background-color: #bbb
}

.iframe-popup .normal-popup-box {
  padding: 55Px 60Px 70Px
}

.iframe-popup .normal-popup-title {
  margin-bottom: 30Px
}

.iframe-popup-box {
  position: relative;
  max-height: -moz-calc(98vh - 205Px);
  max-height: calc(98vh - 205Px);
  overflow-y: auto
}

.iframe-popup-box .iframe {
  display: block;
  width: 100%;
  border: none
}

.iframe-popup .loading-box {
  position: absolute
}

.captcha-title {
  height: 60Px;
  width: 100%;
  text-align: center;
  border-radius: 2Px;
  background-color: #f3f3f3;
  color: #bbb;
  font-size: 14Px;
  letter-spacing: 0.1Px;
  line-height: 60Px
}

.captcha-show {
  display: none;
  height: 60Px;
  width: 100%;
  text-align: center;
  border-radius: 2Px;
  background-color: #f3f3f3
}

.captcha-loading {
  margin: auto;
  width: 70Px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.captcha-loading-dot {
  width: 8Px;
  height: 8Px;
  margin: 18Px 4Px;
  background: #ccc;
  border-radius: 50%;
  opacity: 0;
  -webkit-box-shadow: 0 0 2Px black;
  box-shadow: 0 0 2Px black;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite
}

.captcha-loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s
}

.captcha-loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s
}

.captcha-loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s
}

.captcha .geetest_holder.geetest_wind .geetest_logo,
.captcha .geetest_holder.geetest_wind .geetest_success_logo {
  display: none
}

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0.8
  }

  100% {
    opacity: 0
  }
}

@-moz-keyframes loadingFade {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0.8
  }

  100% {
    opacity: 0
  }
}

@keyframes loadingFade {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0.8
  }

  100% {
    opacity: 0
  }
}

.error-con {
  padding: 0.5rem 0;
  background: #fff
}

.error-box {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.25rem;
  text-align: center;
  width: 1360Px;
  max-width: 100%;
  margin: 0 auto;
  display: grid
}

.error-box img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.error-box .tips {
  margin: 20Px auto;
  font-size: 18Px;
  color: #666
}

.error-box .btn a {
  display: inline-block;
  vertical-align: top;
  width: 170Px;
  height: 40Px;
  margin: 0 2Px;
  border-radius: 20Px;
  color: #fff;
  text-align: center;
  font-size: 16Px;
  background: #999;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  line-height: 40Px;
  max-width: 45%
}

.error-box .btn a:hover {
  background: #a6a6a6
}

.share-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.1rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.share-box-item {
  cursor: pointer;
  background-color: #181818;
  color: #fff;
  margin-right: 15Px;
  width: 40Px;
  height: 40Px;
  text-align: center;
  border-radius: 50%
}

.share-box-item .iconfont {
  font-size: 20Px;
  line-height: 40Px
}

.share-box .share-to-wechat {
  position: relative
}

.share-box .share-to-wechat .wechat-ewm {
  position: absolute;
  border-radius: 5Px;
  border: 1Px solid #eee;
  background: #fff;
  left: 50%;
  bottom: 100%;
  padding: 10Px 10Px 5Px;
  display: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}

.share-box .share-to-wechat .wechat-ewm p {
  font-size: 12Px;
  color: #333;
  text-align: center;
  margin-top: 5Px
}

.share-box .share-to-wechat:hover {
  background-color: #3dbe5b
}

.share-box .share-to-wechat:hover .wechat-ewm {
  display: block
}

.share-box .share-to-qq,
.share-box .share-to-qzone,
.share-box .share-to-weibo,
.share-box .share-to-wechat {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s
}

.share-box .share-to-qq:hover {
  background-color: #21b3f7
}

.share-box .share-to-qzone:hover {
  background-color: #f8c514
}

.share-box .share-to-weibo:hover {
  background-color: #ff5757
}

.wechat-tip-mask {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  background-image: url(../assets/share_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto
}

body {
  font-family: "Montserrat-Light";
  position: relative
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  background-color: #fff
}

/* header.hidden {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%)
} */

header.absolute {
  background-color: transparent
}

header.absolute .header .site-header__menu-btn i {
  color: #fff
}

header.absolute .site-header__logo .logo--light {
  opacity: 1
}

header.absolute .site-header__logo .logo--dark {
  opacity: 0
}

header.absolute .site-header__nav .site-nav__item:hover .site-nav__link span {
  color: #b3a797
}

header.absolute .site-header__nav .site-nav__item .site-nav__link.on span {
  color: #b3a797
}

header.absolute .site-header__nav .site-nav__item .site-nav__link span {
  color: #fff
}

header.mini {
  background-color: rgba(0, 0, 0, 0.5)
}

header.mini.active {
  background-color: #fff
}

header.mini .header {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header.mini .site-header__nav .site-nav__item .site-nav__link {
  padding: 0.15rem 0 0.15rem 0.07rem;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  header.mini .site-header__actions .site-header__action .search-form {
    top: 0.4rem
  }
}

header.white {
  position: -webkit-sticky;
  position: sticky
}

header.active,
header.white {
  background-color: #fff
}

header.active .site-header__logo .logo--light,
header.white .site-header__logo .logo--light {
  opacity: 0
}

header.active .site-header__logo .logo--dark,
header.white .site-header__logo .logo--dark {
  opacity: 1
}

header.active .site-header__nav .site-nav__item .site-nav__link span,
header.white .site-header__nav .site-nav__item .site-nav__link span {
  color: #585553
}

@media (max-width: 1024px) {
  header {
    padding: 0.2rem 0
  }
}

header .header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 1024px) {
  header .header .site-header__menu-btn {
    display: none
  }
}

header .header .site-header__menu-btn i {
  color: #585553;
  font-size: 0.25rem
}

header .site-header__logo {
  height: 0.14rem;
  position: relative
}

header .site-header__logo .logo--light {
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

header .site-header__logo .logo--dark {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  header .site-header__logo .logo--dark {
    height: 100%
  }
}

@media (max-width: 1024px) {
  header .site-header__logo {
    height: 0.2rem
  }
}

header .site-header__logo img {
  max-height: 100%
}

header .site-header__actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.15rem
}

@media (max-width: 1024px) {
  header .site-header__actions {
    gap: 0.19rem
  }
}

header .site-header__actions .site-header__lang .icon {
  border-radius: 50%;
  overflow: hidden
}

header .site-header__actions .site-header__lang:hover .lang-menu {
  visibility: visible;
  opacity: 1
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__search {
    display: none
  }
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__contact-btn {
    display: none
  }
}

header .site-header__actions .site-header__action {
  position: relative;
  cursor: pointer
}

header .site-header__actions .site-header__action:hover .icon img:first-child {
  opacity: 0
}

header .site-header__actions .site-header__action:hover .icon img:last-child {
  opacity: 1
}

header .site-header__actions .site-header__action .icon {
  width: 0.11rem;
  height: 0.11rem;
  position: relative
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .icon {
    width: 0.22rem;
    height: 0.22rem
  }
}

header .site-header__actions .site-header__action .icon img {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  width: 100%;
  height: 100%
}

header .site-header__actions .site-header__action .icon img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1
}

header .site-header__actions .site-header__action .lang-menu {
  padding: 0.1rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -moz-calc(100% + 0.05rem);
  top: calc(100% + 0.05rem);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .lang-menu {
    width: 0.8rem
  }
}

header .site-header__actions .site-header__action .lang-menu .lang-menu__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.07rem;
  color: #666;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  word-break: keep-all
}

header .site-header__actions .site-header__action .lang-menu .lang-menu__item:not(:first-child) {
  margin-top: 0.115rem
}

header .site-header__actions .site-header__action .lang-menu .lang-menu__item .lang-flag {
  width: 0.1rem;
  height: 0.06rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .lang-menu .lang-menu__item {
    font-size: 0.11rem
  }
}

header .site-header__actions .site-header__action .lang-menu .lang-menu__item:hover {
  color: #b3a797
}

header .site-header__actions .site-header__action .search-form {
  width: 1.5rem;
  height: 0.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: -moz-calc(100% + 0.125rem);
  top: calc(100% + 0.125rem);
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  visibility: hidden;
  opacity: 0
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .search-form {
    width: 100vw;
    position: fixed;
    top: 0.65rem;
    height: 0.4rem
  }
}

header .site-header__actions .site-header__action .search-form.on {
  visibility: visible;
  opacity: 1
}

header .site-header__actions .site-header__action .search-form input {
  background-color: #f5f5f5;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  height: 100%;
  padding: 0 0.1rem;
  font-size: 0.07rem;
  color: #333
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .search-form input {
    font-size: 0.12rem
  }
}

header .site-header__actions .site-header__action .search-form button {
  cursor: pointer;
  width: 0.25rem;
  height: 100%;
  background-color: #b3a797;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .search-form button {
    width: 0.4rem
  }
}

header .site-header__actions .site-header__action .search-form button:hover {
  opacity: 0.8
}

header .site-header__actions .site-header__action .search-form button i {
  font-size: 0.12rem;
  color: #fff
}

@media (max-width: 1024px) {
  header .site-header__actions .site-header__action .search-form button i {
    font-size: 0.18rem
  }
}

header .site-header__nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0
}

@media (max-width: 1024px) {
  header .site-header__nav {
    display: none
  }
}

header .site-header__nav .site-nav__item:hover .site-nav__link span {
  color: #000;
  font-family: "Montserrat-Medium"
}

header .site-header__nav .site-nav__item .site-nav__link {
  padding: 0.325rem 0 0.285rem 0.07rem;
  display: block;
  text-transform: uppercase;
  -webkit-transition: padding 0.45s ease;
  -moz-transition: padding 0.45s ease;
  transition: padding 0.45s ease
}

header .site-header__nav .site-nav__item .site-nav__link.on span {
  color: #000;
  font-family: "Montserrat-Medium"
}

header .site-header__nav .site-nav__item .site-nav__link span {
  color: #585553;
  font-size: 0.09rem;
  line-height: 1;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  display: block;
  position: relative;
  font-family: "Montserrat-Regular"
}

header .site-header__nav .site-nav__item .site-nav__link span::before {
  content: "";
  width: 0.03rem;
  height: 0.015rem;
  background-color: #b3a797;
  position: absolute;
  top: 55%;
  left: -0.07rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

header .site-header__nav .site-nav__item .site-nav__dropdown {
  display: none;
  border-top: 0.005rem solid #ededed;
  position: absolute;
  top: 100%;
  width: 100vw;
  background: #fff;
  z-index: 99;
  left: 0;
  color: #585553
}

header .site-header__nav .site-nav__item .site-nav__dropdown-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0
}

header .site-header__nav .site-nav__item .site-nav__dropdown a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2rem 0
}

header .site-header__nav .site-nav__item .site-nav__dropdown-inner > li:not(:last-child) {
  margin-right: 0.25rem
}

header .site-header__nav .site-nav__item .site-nav__dropdown a:hover p {
  color: #b3a797
}

header .site-header__nav .site-nav__item .site-nav__dropdown p {
  line-height: 1;
  font-size: 0.09rem;
  color: #585553;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s
}

header .mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background-color: #fff;
  z-index: 9999;
  padding: 0.2rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
  visibility: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

header .mobile-nav.show {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible
}

@media (max-width: 1024px) {
  header .mobile-nav {
    display: block
  }
}

header .mobile-nav .mobile-nav__panel {
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

header .mobile-nav .mobile-nav__panel .mobile-nav__close {
  margin-bottom: 0.25rem;
  text-align: right
}

header .mobile-nav .mobile-nav__panel .mobile-nav__close i {
  font-size: 0.16rem;
  color: #b3a797
}

header .mobile-nav .mobile-nav__panel .mobile-nav__logo {
  height: 0.24rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.215rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__logo img {
  height: 100%
}

header .mobile-nav .mobile-nav__panel .search-field {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fbfafa;
  border-radius: 0.075rem;
  border: 0.005rem solid #e8dbd1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.24rem
}

header .mobile-nav .mobile-nav__panel .search-field .search-form__submit {
  width: 1rem;
  height: 0.4rem;
  background-color: #b3a797;
  border-radius: 0.075rem;
  border: 0;
  margin-top: -0.005rem;
  margin-bottom: -0.005rem;
  font-size: 0.15rem;
  color: #fff
}

header .mobile-nav .mobile-nav__panel .search-field input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0.4rem;
  border: 0;
  background: transparent;
  padding: 0 0.065rem;
  font-size: 0.13rem;
  color: #666
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list {
  border-top: 0.005rem solid #e8dbd1;
  height: 80vh;
  overflow-y: auto
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  list-style: none;
  margin: 0;
  padding: 0
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item {
  display: block;
  position: relative
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.15rem;
  color: #333;
  padding: 0 0.075rem;
  border-bottom: 0.005rem solid #e8dbd1
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__row .iconfont {
  position: relative;
  width: 0.2rem;
  height: 0.2rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__row .iconfont::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.1rem;
  height: 0.01rem;
  background-color: #999
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__row .iconfont::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.01rem;
  height: 0.1rem;
  background-color: #999
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__row a {
  padding: 0.175rem 0
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu {
  padding: 0 0.1rem;
  display: none;
  list-style: none;
  margin: 0
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu .mobile-nav__subitem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.2rem 0;
  font-size: 0.14rem;
  color: #666;
  border-bottom: 0.005rem dashed #e4d3c5
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu .mobile-nav__subitem p {
  position: relative;
  padding-left: 0.1rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu .mobile-nav__subitem p::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0.015rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu .mobile-nav__subitem .iconfont {
  color: #999
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item .mobile-nav__submenu .mobile-nav__subitem.active {
  border-color: #b3a797;
  color: #b3a797
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item.on .mobile-nav__row {
  border-bottom: 0.01rem solid #b3a797;
  color: #b3a797
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item.on .mobile-nav__row .iconfont::after {
  opacity: 0
}

header .mobile-nav .mobile-nav__panel .mobile-nav__list .mobile-nav__inner .list-item.on .mobile-nav__row .iconfont::before {
  width: 0.055rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__langs {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.2rem;
  padding-left: 0.075rem
}

header .mobile-nav .mobile-nav__panel .mobile-nav__langs a .icon {
  width: 0.225rem;
  height: 0.225rem;
  border-radius: 50%;
  overflow: hidden
}

header .mobile-nav .mobile-nav__panel .mobile-nav__langs a .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

header .mobile-nav .round {
  height: 2.37rem;
  margin-top: 0.05rem
}

header .mobile-nav .round img {
  height: 100%
}

footer {
  background-color: #1c1c1c;
  padding: 0.3rem 0 0.26rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1024px) {
  footer {
    padding: 0.375rem 0 0.2rem
  }
}

footer .site-footer__top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 0.115rem;
  border-bottom: 0.01rem solid rgba(239, 255, 254, 0.15)
}

footer .site-footer__top .site-footer__logo {
  height: 0.14rem
}

footer .site-footer__top .site-footer__logo img {
  max-height: 100%
}

footer .site-footer__top .social-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.11rem
}

@media (max-width: 1024px) {
  footer .site-footer__top .social-list {
    gap: 0.15rem
  }
}

footer .site-footer__top .social-list .social-list__item {
  position: relative;
  cursor: pointer
}

footer .site-footer__top .social-list .social-list__item:hover .qr-preview {
  opacity: 1;
  visibility: visible
}

footer .site-footer__top .social-list .social-list__item .icon {
  height: 0.115rem;
  line-height: 0.115rem
}

@media (max-width: 1024px) {
  footer .site-footer__top .social-list .social-list__item .icon {
    height: 0.16rem;
    line-height: 0.16rem
  }
}

footer .site-footer__top .social-list .social-list__item .icon img {
  max-height: 100%;
  vertical-align: middle
}

footer .site-footer__top .social-list .social-list__item .qr-preview {
  position: absolute;
  top: -moz-calc(100% + 0.125rem);
  top: calc(100% + 0.125rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  visibility: hidden
}

footer .site-footer__top .social-list .social-list__item .qr-preview img {
  max-height: 100%
}

footer .site-footer__middle {
  padding: 0.25rem 0 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.875rem;
  border-bottom: 0.01rem solid rgba(239, 255, 254, 0.15)
}

@media (max-width: 1024px) {
  footer .site-footer__middle {
    padding: 0.25rem 0 0.325rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.55rem
  }
}

footer .site-footer__middle .card-title {
  font-size: 0.08rem;
  line-height: 1;
  color: #736f6c;
  margin-bottom: 0.23rem;
  font-family: "Montserrat-Regular"
}

@media (max-width: 1024px) {
  footer .site-footer__middle .card-title {
    font-size: 0.12rem
  }
}

footer .site-footer__middle .site-footer__nav {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

footer .site-footer__middle .site-footer__nav-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link:not(:last-child) {
    margin-bottom: 0.3rem
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .site-nav__item {
  line-height: 1;
  font-size: 0.09rem;
  color: #c7c7c7;
  position: relative;
  padding-left: 0.075rem;
  margin-bottom: 0.17rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .site-nav__item:hover {
  color: #b3a797
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .site-nav__item {
    padding-left: 0.11rem;
    font-size: 0.14rem;
    width: auto;
    margin-bottom: 0
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .site-nav__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.035rem;
  height: 0.015rem;
  background-color: #b3a797
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .site-nav__item::before {
    width: 0.05rem
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle {
  font-size: 0.07rem;
  line-height: 1;
  color: #585553;
  list-style: none;
  margin: 0;
  padding: 0
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle {
    padding-left: 0.11rem;
    font-size: 0.11rem;
    margin-top: 0.125rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.125rem 0.2rem
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle .mobile-nav__child {
  display: block;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle .mobile-nav__child {
    width: 100%
  }
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle .mobile-nav__child {
    line-height: 1.2
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle > li:not(:last-child) {
  margin-bottom: 0.15rem
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle > li:not(:last-child) {
    margin-bottom: 0
  }
}

footer .site-footer__middle .site-footer__nav-list .mobile-nav__link .mobile-nav__toggle .mobile-nav__child:hover {
  color: #fff
}

footer .site-footer__middle .site-footer__contact .site-footer__contact-item:not(:last-child) {
  margin-bottom: 0.24rem
}

footer .site-footer__middle .site-footer__contact .site-footer__contact-item .section-title {
  font-size: 0.08rem;
  color: #b3a797;
  line-height: 1
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__contact .site-footer__contact-item .section-title {
    font-size: 0.12rem
  }
}

footer .site-footer__middle .site-footer__contact .site-footer__contact-item p {
  font-size: 0.09rem;
  color: #fff;
  line-height: 1;
  margin-top: 0.045rem;
  font-family: "Montserrat-medium"
}

@media (max-width: 1024px) {
  footer .site-footer__middle .site-footer__contact .site-footer__contact-item p {
    font-size: 0.14rem;
    margin-top: 0.11rem
  }
}

footer .site-footer__bottom {
  padding-top: 0.17rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

footer .site-footer__bottom .site-copyright {
  font-size: 0.08rem;
  color: #8f8985;
  line-height: 1
}

@media (max-width: 1024px) {
  footer .site-footer__bottom .site-copyright {
    font-size: 0.13rem;
    line-height: 0.175rem
  }
}

footer .site-footer__bottom .scroll-top {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  border: 0.01rem solid #8f8985;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: #8f8985;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

footer .site-footer__bottom .scroll-top:hover {
  border-color: #b3a797;
  background-color: #b3a797;
  color: #fff
}

footer .site-footer__bottom .scroll-top i {
  font-size: 0.09rem;
  font-weight: bold
}

.link-more {
  width: 0.7rem;
  height: 0.22rem;
  border: 0.01rem solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.08rem;
  line-height: 1;
  position: relative
}

.link-more.colored {
  border-color: #bab0a2;
  color: #bab0a2;
  margin: 0.35rem auto 0
}

@media (max-width: 1024px) {
  .link-more.colored {
    margin: 0.175rem auto 0
  }
}

.link-more.colored:hover {
  color: #fff
}

@media (max-width: 1024px) {
  .link-more {
    border-width: 0.005rem;
    width: 0.9rem;
    height: 0.26rem;
    letter-spacing: 0.005rem;
    font-size: 0.12rem
  }
}

.link-more span {
  position: relative;
  z-index: 1
}

.link-more:hover::after {
  opacity: 1;
  width: -moz-calc(100% + 0.02rem);
  width: calc(100% + 0.02rem)
}

.link-more::after {
  content: "";
  position: absolute;
  top: -0.01rem;
  left: -0.01rem;
  background-color: #b3a797;
  opacity: 0;
  width: 0;
  height: -moz-calc(100% + 0.02rem);
  height: calc(100% + 0.02rem);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s
}

.contact-cta {
  background-color: #ededed;
  padding: 0.475rem 0 0.45rem
}

@media (max-width: 1024px) {
  .contact-cta {
    padding: 0.35rem 0 0.475rem
  }
}

.contact-cta__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1024px) {
  .contact-cta__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.175rem
  }
}

.contact-cta__inner .col-main .heading {
  font-size: 0.25rem;
  color: #595552;
  line-height: 1;
  font-family: "Montserrat-Bold"
}

.contact-cta__inner .col-main .heading span {
  color: #b3a797
}

.contact-cta__inner .col-main .subcopy {
  font-size: 0.09rem;
  line-height: 0.15rem;
  color: #736f6c;
  margin-top: 0.075rem;
  margin-left: 0.02rem
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-main .subcopy {
    text-align: center;
    font-size: 0.12rem;
    line-height: 0.15rem
  }
}

.contact-cta__inner .col-side {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.2rem
  }
}

.contact-cta__inner .col-side .list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.05rem
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side .list-item {
    padding: 0.075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 2rem;
    border: 0.005rem solid #b3a797
  }
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side .list-item:hover {
    background-color: #b3a797
  }

  .contact-cta__inner .col-side .list-item:hover .icon img:first-child {
    opacity: 0
  }

  .contact-cta__inner .col-side .list-item:hover .icon img:last-child {
    opacity: 1
  }
}

.contact-cta__inner .col-side .list-item:hover span {
  color: #b3a797
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side .list-item:hover span {
    color: #fff
  }
}

.contact-cta__inner .col-side .list-item .icon {
  width: 0.155rem;
  height: 0.155rem;
  position: relative
}

.contact-cta__inner .col-side .list-item .icon img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.contact-cta__inner .col-side .list-item .icon img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side .list-item .icon {
    /* width: 0.2rem;
    height: 0.2rem */
    display: none;
  }
}

.contact-cta__inner .col-side .list-item span {
  font-size: 0.1rem;
  line-height: 1;
  font-weight: bold;
  color: #736f6c;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .contact-cta__inner .col-side .list-item span {
    font-size:16px;
    white-space: nowrap;
  }
}

.page-banner {
  position: relative;
  margin-top: 0.7rem
}

@media (max-width: 1024px) {
  .page-banner {
    margin-top: 0.65rem
  }
}

.page-banner.join-banner .media-box {
  position: relative;
  padding-bottom: 38.5416666667%;
  overflow: hidden
}

.page-banner.join-banner .media-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.page-banner .media-box {
  position: relative;
  overflow: hidden
}

.page-banner .media-box img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.4s
}

.page-banner .media-box img:last-of-type {
  display: none
}

.page-banner .media-box img:last-of-type:first-of-type {
  display: block
}

@media screen and (max-width: 1024px) {
  .page-banner .media-box img:first-of-type {
    display: none
  }

  .page-banner .media-box img:last-of-type {
    display: block
  }
}

.page-banner .page-nav {
  position: absolute;
  z-index: 1;
  bottom: -0.925rem;
  right: 0;
  height: 1.7rem;
  width: -moz-calc(100% - 0.6rem);
  width: calc(100% - 0.6rem);
  background-color: #1c1c1c;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1024px) {
  .page-banner .page-nav {
    width: -moz-calc(100% - 0.15rem);
    width: calc(100% - 0.15rem);
    height: 1.3rem;
    bottom: -0.7rem
  }
}

.page-banner .page-nav-item {
  width: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .page-banner .page-nav-item {
    padding: 0 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.page-banner .page-nav-item:hover,
.page-banner .page-nav-item.on {
  background-color: #b3a797
}

.page-banner .page-nav-item:hover .name,
.page-banner .page-nav-item.on .name {
  color: #1c1c1c
}

.page-banner .page-nav-item:hover .name::after,
.page-banner .page-nav-item.on .name::after {
  opacity: 1;
  -webkit-transform: translateX(-50%) scaleX(1);
  -moz-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.page-banner .page-nav-item:hover .index,
.page-banner .page-nav-item.on .index {
  color: #585553
}

.page-banner .page-nav-item .index {
  position: absolute;
  top: 0.14rem;
  left: 0.105rem;
  color: #b3a797;
  font-size: 0.12rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.page-banner .page-nav-item .name {
  font-size: 0.15rem;
  font-weight: 600;
  color: #736f6c;
  position: relative;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .page-banner .page-nav-item .name {
    font-size: 0.12rem
  }
}

.page-banner .page-nav-item .name::after {
  content: "";
  position: absolute;
  bottom: -0.09rem;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
  -moz-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  width: -moz-calc(100% + 0.15rem);
  width: calc(100% + 0.15rem);
  height: 0.03rem;
  background-color: #000;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 0
}

@media (max-width: 1024px) {
  .page-banner .page-nav-item .name::after {
    width: 100%
  }
}

.cate-name {
  font-size: 0.16rem;
  font-family: "Montserrat-Medium";
  letter-spacing: -0.01rem
}

@media (max-width: 1024px) {
  .cate-name {
    font-size: 0.21rem
  }
}

.cate-name span {
  color: #ccc
}

.cate-name span:not(:first-child) {
  color: #b3a797
}

.category-title {
  font-size: 0.1rem;
  color: #999
}

@media (max-width: 1024px) {
  .category-title {
    font-size: 0.16rem
  }
}

.page-sub-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.4rem
}

@media (max-width: 1024px) {
  .page-sub-nav {
    gap: 0.25rem
  }
}

.page-sub-nav .site-nav__item {
  font-size: 0.14rem;
  font-weight: 600;
  color: #1c1c1c;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  padding-bottom: 0.04rem;
  position: relative
}

.page-sub-nav .site-nav__item:hover,
.page-sub-nav .site-nav__item.on {
  color: #b3a797
}

.page-sub-nav .site-nav__item:hover::after,
.page-sub-nav .site-nav__item.on::after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1
}

.page-sub-nav .site-nav__item::after {
  content: "";
  width: 100%;
  height: 0.01rem;
  background-color: #b3a797;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  opacity: 0
}

.page-content {
  color: #585553;
  font-size: 0.08rem;
  line-height: 0.12rem
}

.page-content img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 0.06rem
}

.page-content video {
  max-width: 100%;
  height: auto !important
}

.page-content h1 {
  font-size: 2em
}

.page-content h2 {
  font-size: 1.5em
}

.page-content h3 {
  font-size: 1.17em
}

.page-content h4 {
  font-size: inherit
}

.page-content h5 {
  font-size: 0.83em
}

.page-content h6 {
  font-size: 0.67em
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  font-size: revert
}

.page-content ul {
  list-style: disc;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.page-content ul li {
  list-style: disc;
  list-style: revert
}

.page-content ol {
  list-style: decimal;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.page-content ol li {
  list-style: decimal;
  list-style: revert
}

.page-content iframe {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .page-content {
    font-size: 0.13rem;
    line-height: 2
  }
}

.page-content img,
.page-content video,
.page-content iframe {
  max-width: 100%;
  margin-bottom: 0
}

.page-content p:not(:last-child) {
  margin-bottom: 0.1rem
}

.contact-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9001
}

.contact-modal.show .contact-modal__dialog,
.contact-modal.show .contact-modal__mask {
  opacity: 1
}

.contact-modal.show .contact-modal__dialog {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.contact-modal__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.35rem;
  height: 3.65rem;
  background-color: #fff;
  border-radius: 0.15rem;
  opacity: 0;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.2)
}

@media (max-width: 1024px) {
  .contact-modal__dialog {
    width: 90vw;
    overflow: hidden;
    height: 80vh
  }
}

.contact-modal__body {
  padding: 0.33rem 0.375rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}

@media (max-width: 1024px) {
  .contact-modal__body {
    padding: 0.3rem 0.25rem;
    overflow-y: auto
  }
}

.contact-modal__body .list-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item {
    height: auto
  }
}

.contact-modal__body .list-item.contact-modal--join .contact-form__fields .col-side {
  padding-top: 0.05rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item.contact-modal--join .contact-form__fields .col-side {
    padding-top: 0.2rem
  }
}

.contact-modal__body .list-item.contact-modal--inquire .contact-form__fields .col-side {
  padding-top: 0.1rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item.contact-modal--inquire .contact-form__fields .col-side {
    padding-top: 0.2rem
  }
}

.contact-modal__body .list-item.on {
  position: static;
  opacity: 1;
  visibility: visible
}

.contact-modal__body .contact-form__fields {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%
}

.contact-modal__body .contact-form__fields::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.015rem;
  height: -moz-calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  background-color: #a9a8a7
}

@media (max-width: 1024px) {
  .contact-modal__body .contact-form__fields::after {
    display: none
  }
}

@media (max-width: 1024px) {
  .contact-modal__body .contact-form__fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.contact-modal__body .list-item .col-main {
  width: 50%;
  position: relative;
  padding-right: 0.275rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0.2rem
  }
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 0.01rem;
    background-color: #a9a8a7
  }
}

.contact-modal__body .list-item .col-main .heading {
  font-size: 0.19rem;
  font-family: "Montserrat-Medium";
  color: #615d5a
}

.contact-modal__body .list-item .col-main .subcopy {
  font-size: 0.08rem;
  line-height: 0.1rem;
  color: #b5b5b5;
  margin-top: 0.04rem;
  max-width: 2.275rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .subcopy {
    font-size: 0.12rem;
    line-height: 0.18rem;
    max-width: 100%
  }
}

.contact-modal__body .list-item .col-main .seal-ring {
  margin-top: 0.21rem;
  width: 100%;
  height: 0.95rem;
  background-color: #585553;
  border-radius: 0.475rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .seal-ring {
    height: 1.2rem;
    border-radius: 0.75rem
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal {
  margin-left: -0.005rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.95rem;
  height: 100%;
  background-color: #e6e6e6;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal {
    width: 1.2rem
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal .brand-mark {
  height: 0.14rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal .brand-mark {
    height: 0.17rem
  }

  .contact-modal__body .list-item .col-main .site-footer__seal .brand-mark img {
    height: 100%
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal .brand-mark img {
  max-height: 100%
}

.contact-modal__body .list-item .col-main .site-footer__seal-text {
  padding: 0 0.225rem 0 0.085rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-text {
    padding: 0 0.1rem 0 0.07rem
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-top {
  padding-left: 0.05rem;
  position: relative;
  border-bottom: 0.01rem solid rgba(144, 142, 141, 0.5);
  padding-bottom: 0.025rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-top {
    border-width: 0.005rem
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-top-item {
  margin-bottom: 0.05rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-top-item {
    margin-bottom: 0.025rem
  }
}

@media (max-width: 320px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-top-item {
    margin-bottom: 0.015rem
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-top-item .card-title {
  font-size: 0.06rem;
  color: rgba(179, 167, 151, 0.7);
  margin-bottom: 0.02rem;
  letter-spacing: 0.005rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-top-item .card-title {
    font-size: 0.09rem
  }
}

@media (max-width: 320px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-top-item .card-title {
    margin-bottom: 0
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-top-item .field-control {
  font-size: 0.09rem;
  color: #e6e6e6;
  letter-spacing: 0.005rem
}

.contact-modal__body .list-item .col-main .site-footer__seal-top-item .field-control.value-email {
  letter-spacing: 0.005rem
}

.contact-modal__body .list-item .col-main .site-footer__seal-bottom {
  color: #ccc;
  padding-top: 0.035rem;
  padding-right: 0.075rem;
  padding-left: 0.05rem;
  text-align: left
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-bottom {
    padding-right: 0
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-bottom .card-title {
  font-size: 0.055rem;
  line-height: 0.09rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-bottom .card-title {
    font-size: 0.07rem;
    line-height: 1.2
  }
}

.contact-modal__body .list-item .col-main .site-footer__seal-bottom .form-submit {
  font-size: 0.05rem;
  padding: 0 0.05rem;
  line-height: 0.06rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .site-footer__seal-bottom .form-submit {
    font-size: 0.08rem;
    line-height: 1.2;
    word-break: break-all;
    padding: 0;
    max-width: 90%
  }
}

.contact-modal__body .list-item .col-main .wechat-qr {
  margin-top: 0.25rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .wechat-qr {
    margin: 0.25rem auto 0;
    text-align: center
  }
}

.contact-modal__body .list-item .col-main .wechat-qr .qr-preview {
  height: 0.715rem
}

.contact-modal__body .list-item .col-main .wechat-qr .qr-preview img {
  max-height: 100%
}

.contact-modal__body .list-item .col-main .wechat-qr .wechat-qr__title {
  font-size: 0.06rem;
  color: #999;
  margin-top: 0.06rem;
  letter-spacing: 0.005rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-main .wechat-qr .wechat-qr__title {
    font-size: 0.12rem
  }
}

.contact-modal__body .list-item .col-side {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side {
    padding-top: 0.2rem;
    text-align: left
  }
}

.contact-modal__body .list-item .col-side .field-label {
  font-size: 0.085rem;
  font-family: "Montserrat-Regular";
  color: #585553
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side .field-label {
    font-size: 0.12rem;
    width: 25%
  }
}

.contact-modal__body .list-item .col-side .contact-form__field {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.085rem;
  margin-bottom: 0.055rem
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side .contact-form__field {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.contact-modal__body .list-item .col-side .contact-form__field input {
  height: 0.28rem;
  background-color: #f0f0f0;
  border-radius: 0.05rem;
  width: 1.775rem;
  border: 0.005rem solid #f0f0f0;
  font-size: 0.07rem;
  color: #333;
  padding: 0 0.11rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  font-family: "Montserrat-Light"
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side .contact-form__field input {
    font-size: 0.12rem;
    height: 0.35rem;
    width: 75%
  }
}

.contact-modal__body .list-item .col-side .contact-form__field input:focus-within {
  background-color: #fff;
  border-color: #333
}

.contact-modal__body .list-item .col-side .contact-form__field input::-webkit-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field input:-moz-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field input::-moz-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field input:-ms-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field input::-ms-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field input::placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.085rem;
  margin-bottom: 0.075rem
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea .field-label {
  margin-top: 0.1rem
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea {
  height: 0.6rem;
  background-color: #f0f0f0;
  border-radius: 0.05rem;
  width: 1.775rem;
  border: 0.005rem solid #f0f0f0;
  font-size: 0.07rem;
  color: #333;
  padding: 0.1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side .contact-form__field--textarea textarea {
    font-size: 0.12rem;
    width: 75%
  }
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea:focus-within {
  background-color: #fff;
  border-color: #333
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea::-webkit-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea:-moz-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea::-moz-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea:-ms-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea::-ms-input-placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side .contact-form__field--textarea textarea::placeholder {
  color: #b5b5b5
}

.contact-modal__body .list-item .col-side button {
  width: 0.45rem;
  height: 0.25rem;
  background-color: #1a1a1a;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.08rem;
  color: #fff;
  cursor: pointer;
  margin-left: auto;
  margin-top: 0.1rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  border: none;
  font-family: "Montserrat-Regular"
}

.contact-modal__body .list-item .col-side button:hover {
  background-color: rgba(26, 26, 26, 0.8)
}

@media (max-width: 1024px) {
  .contact-modal__body .list-item .col-side button {
    width: 0.8rem;
    height: 0.35rem;
    font-size: 0.12rem;
    margin: 0.2rem auto 0
  }
}

.contact-modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s
}

.contact-modal__close {
  position: absolute;
  top: 0.1rem;
  right: 0.125rem;
  color: #b3a797;
  font-size: 0.13rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9
}

@media (max-width: 1024px) {
  .contact-modal__close {
    font-size: 0.225rem
  }
}

.contact-modal__close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.common-return {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.7rem;
  height: 0.22rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.01rem solid #b3a797;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b3a797;
  font-size: 0.08rem;
  line-height: 1;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  z-index: 1
}

@media (max-width: 1024px) {
  .common-return {
    border-width: 0.005rem;
    width: 0.9rem;
    height: 0.26rem;
    font-size: 0.12rem;
    margin-top: 0.15rem
  }
}

.common-return span {
  position: relative;
  z-index: 2
}

.common-return:hover {
  color: #fff
}

.common-return:hover::after {
  opacity: 1;
  width: 100%
}

.common-return::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b3a797;
  opacity: 0;
  width: 0;
  height: 100%;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  z-index: 1
}

.float-actions {
  position: fixed;
  right: 0;
  bottom: 16%;
  z-index: 1001
}

.back-to-top {
  width: 0.26rem;
  height: 0.26rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(179, 167, 151, 0.8);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  opacity: 0
}

.back-to-top.show {
  opacity: 1
}

.back-to-top i {
  font-size: 0.14rem;
  font-weight: bold;
  color: #fff
}

#indexSwiper {
  width: 100%;
  height: 100vh;
  overflow: hidden
}

#indexSwiper>.swiper-wrapper>.swiper-slide {
  overflow: hidden;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media (max-width: 1024px) {
  #indexSwiper>.swiper-wrapper>.swiper-slide.auto-height {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch
  }
}

.home-hero {
  width: 100%;
  height: 100vh;
  position: relative
}

.home-hero .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.home-hero .swiper-container .swiper-slide {
  overflow: hidden;
  position: relative;
  z-index: 12
}

.home-hero .swiper-container .swiper-slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  display: block;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0)
}

.home-hero .swiper-container .swiper-slide .video-play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.home-hero .swiper-container .swiper-slide .video-play-btn i {
  font-size: 0.5rem;
  color: #fff
}

@media (min-width: 1024px) {
  .home-hero .swiper-container .swiper-slide .video-play-btn i {
    opacity: 0
  }
}

.home-hero .swiper-container .swiper-slide .text-container {
  position: absolute;
  right: 13%;
  bottom: 0.55rem;
  z-index: 1;
  text-align: right;
  font-size: 0.42rem;
  line-height: 1
}

@media (max-width: 1024px) {
  .home-hero .swiper-container .swiper-slide .text-container {
    bottom: 20%;
    right: 8%;
    font-size: 0.3rem;
    letter-spacing: 0.015rem
  }
}

.home-hero .swiper-container .swiper-slide .text-container .heading {
  color: #eae3d3;
  letter-spacing: 0.02rem;
  font-weight: bold
}

.home-hero .swiper-container .swiper-slide .text-container .p {
  color: #fff;
  letter-spacing: 0.02rem
}

.home-hero .swiper-container .swiper-slide .text-container .link-more {
  margin-top: 0.175rem;
  margin-left: auto;
  margin-right: 0.05rem
}

.home-hero .swiper-container .swiper-slide .cover-image {
  display: block;
  width: 100%;
  height: 100%
}

.home-hero .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.home-hero .swiper-container .swiper-slide img.is-desktop {
  display: block
}

.home-hero .swiper-container .swiper-slide img.is-mobile {
  display: none
}

@media (max-width: 1024px) {
  .home-hero .swiper-container .swiper-slide img.is-desktop {
    display: none
  }

  .home-hero .swiper-container .swiper-slide img.is-mobile {
    display: block
  }
}

.home-hero .swiper-container .swiper-pagination {
  position: absolute;
  right: 13.5416666667%;
  bottom: 0.15rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.09rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: auto
}

@media (max-width: 1024px) {
  .home-hero .swiper-container .swiper-pagination {
    gap: 0.075rem;
    bottom: 0.15rem
  }
}

.home-hero .swiper-container .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 50%;
  opacity: 1;
  background: transparent;
  border: 0.01rem solid #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  margin: 0
}

@media (max-width: 1024px) {
  .home-hero .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem
  }
}

.home-hero .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #b3a797;
  border-color: #b3a797
}

.home-products {
  width: 100%;
  height: 100vh;
  background-color: #ededed;
  position: relative
}

.home-products .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}

.home-products .swiper-container .swiper-slide {
  overflow: hidden;
  position: relative;
  padding-right: 7.8125%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1600px) {
  .home-products .swiper-container .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0
  }
}

.home-products .swiper-container .swiper-pagination {
  position: absolute;
  right: 7.8125%;
  left: auto;
  bottom: 0.725rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-pagination {
    display: none
  }
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-pagination {
    gap: 0.11rem;
    bottom: 0.175rem
  }
}

.home-products .swiper-container .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  opacity: 1;
  background-color: #585553;
  border: 0.01rem solid #585553;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  margin: 0
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem
  }
}

.home-products .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: transparent
}

.home-products .swiper-container .swiper-scrollbar {
  height: 2Px;
  background-color: #eae3d3;
  max-width: 93.2291666667%;
  bottom: 0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-scrollbar {
    max-width: 100%;
    height: 3Px
  }
}

.home-products .swiper-container .swiper-scrollbar-drag {
  position: absolute;
  height: 0.025rem;
  background-color: #b3a797;
  border-radius: 0.01rem;
  top: -0.01rem
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-scrollbar-drag {
    height: 0.04rem;
    top: -1Px;
    border-radius: 5Px
  }
}

@media (max-width: 1024px) {
  .home-products .swiper-container .swiper-scrollbar {
    bottom: 0.4rem
  }
}

.home-products__slide {
  width: 100%
}

.home-products__layout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 9.6rem;
  margin: 0 auto;
  gap: 0.675rem
}

@media (max-width: 1024px) {
  .home-products__layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.3rem
  }
}

.home-products__layout .col-main {
  width: 49.0960451977%
}

@media (max-width: 1024px) {
  .home-products__layout .col-main {
    width: 92%
  }
}

.home-products__layout .col-main .media-box {
  position: relative;
  overflow: hidden
}

.home-products__layout .col-main .media-box img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.home-products__layout .col-side {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.525rem;
  padding-top: 0.525rem
}

@media (max-width: 1024px) {
  .home-products__layout .col-side {
    padding: 0 0.25rem 0.5rem 0.125rem;
    gap: 0.15rem
  }
}

.home-products__layout .col-side .home-products__visual {
  width: 39.1644908616%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .home-products__visual {
    width: 44.4444444444%
  }
}

.home-products__layout .col-side .home-products__visual .heading {
  font-size: 0.25rem;
  line-height: 1;
  color: #585553
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .home-products__visual .heading {
    font-weight: bold
  }
}

.home-products__layout .col-side .home-products__visual .media-box {
  margin-top: 0.225rem;
  position: relative;
  overflow: hidden
}

.home-products__layout .col-side .home-products__visual .media-box img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.home-products__layout .col-side .copy {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0.24rem;
  color: #585553
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .copy {
    margin-bottom: 0.4rem
  }
}

.home-products__layout .col-side .copy .heading {
  font-size: 0.16rem;
  line-height: 1
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .copy .heading {
    font-size: 0.18rem;
    line-height: 0.2rem
  }
}

.home-products__layout .col-side .copy .subcopy {
  font-size: 0.08rem;
  line-height: 0.12rem;
  margin-top: 0.075rem
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .copy .subcopy {
    font-size: 0.13rem;
    line-height: 0.15rem;
    margin-top: 0.15rem
  }
}

.home-products__layout .col-side .copy .link-more {
  margin-top: 0.12rem;
  width: 0.7rem;
  height: 0.22rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.01rem solid #b3a797;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b3a797;
  font-size: 0.08rem;
  line-height: 1;
  position: relative;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s
}

@media (max-width: 1024px) {
  .home-products__layout .col-side .copy .link-more {
    border-width: 0.005rem;
    width: 0.9rem;
    height: 0.26rem;
    font-size: 0.12rem;
    margin-top: 0.15rem
  }
}

.home-products__layout .col-side .copy .link-more span {
  position: relative;
  z-index: 1
}

.home-products__layout .col-side .copy .link-more:hover {
  color: #fff
}

.home-products__layout .col-side .copy .link-more:hover::after {
  opacity: 1;
  width: 100%
}

.home-products__layout .col-side .copy .link-more::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b3a797;
  opacity: 0;
  width: 0;
  height: 100%;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s
}

.home-brand {
  width: 100%;
  height: 100vh;
  position: relative
}

.home-brand .cover-image {
  display: block;
  width: 100%;
  height: 100%
}

.home-brand .cover-image img {
  width: 100%;
  height: 100%
}

.home-brand .cover-image img.is-desktop {
  display: block
}

.home-brand .cover-image img.is-mobile {
  display: none
}

@media (max-width: 1024px) {
  .home-brand .cover-image img.is-desktop {
    display: none
  }

  .home-brand .cover-image img.is-mobile {
    display: block
  }
}

.home-brand .home-brand__logo {
  height: 0.335rem;
  position: absolute;
  top: 0.775rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

@media (max-width: 1024px) {
  .home-brand .home-brand__logo {
    position: static;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 0.225rem
  }
}

.home-brand .home-brand__logo img {
  max-height: 100%
}

.home-brand .home-brand__mobile {
  display: block
}

@media (min-width: 1024px) {
  .home-brand .home-brand__mobile {
    display: none
  }
}

.home-brand .home-brand__mobile .block-top {
  position: absolute;
  left: 0;
  top: 9.5%;
  padding-right: 3.90625vw
}

.home-brand .home-brand__mobile .block-top .home-brand__heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.home-brand .home-brand__mobile .block-top .home-brand__heading .home-brand__accent-mobile {
  width: 1.45rem;
  height: 0.65rem
}

.home-brand .home-brand__mobile .block-top .home-brand__heading .home-brand__accent-mobile .mobile-nav__panel {
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  transition: 1.2s;
  width: 0;
  height: 100%;
  background-color: #00aeef
}

.home-brand .home-brand__mobile .block-top .home-brand__heading .home-brand__accent-mobile.on .mobile-nav__panel {
  width: 100%
}

.home-brand .home-brand__mobile .block-top .home-brand__heading .heading {
  font-size: 0.26rem
}

.home-brand .home-brand__mobile .block-top .subcopy {
  color: #b3a797;
  font-size: 0.09rem;
  line-height: 0.13rem;
  margin-top: 0.2rem;
  margin-bottom: 0.125rem;
  text-align: right
}

.home-brand .home-brand__mobile .block-top .divider {
  width: 0.01rem;
  height: 0.8rem;
  background-color: rgba(164, 153, 138, 0.5);
  margin-left: auto;
  margin-right: 0.025rem
}

.home-brand .home-brand__mobile .block-top .icon {
  margin-right: 0.04rem;
  margin-top: 0.15rem;
  margin-left: auto;
  text-align: right
}

.home-brand .home-brand__mobile .block-top .home-brand__badge-logo {
  height: 0.16rem;
  margin-right: -0.075rem
}

.home-brand .home-brand__mobile .block-top .home-brand__badge-logo img {
  max-height: 100%
}

.home-brand .home-brand__mobile .block-top .home-brand__badge-text {
  margin-top: 0.09rem;
  margin-bottom: 0.08rem;
  font-size: 0.08rem;
  line-height: 0.1rem;
  color: #848483
}

.home-brand .home-brand__mobile .block-top .home-brand__badge-icon {
  height: 0.1rem
}

.home-brand .home-brand__mobile .block-top .home-brand__badge-icon img {
  max-height: 100%
}

.home-brand .home-brand__mobile .block-bottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 12%
}

@media (max-width: 1024px) {
  .home-brand .home-brand__mobile .block-bottom .link-more {
    margin: 0 auto;
    border: 0.005rem solid #b3a797;
    color: #b3a797
  }

  .home-brand .home-brand__mobile .block-bottom .link-more span {
    font-size: 0.11rem
  }

  .home-brand .home-brand__mobile .block-bottom .link-more:hover {
    color: #fff
  }
}

@media (max-width: 1024px) {
  .home-brand__content {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20%;
    text-align: center;
    width: 100%;
    display: none
  }
}

.home-brand .home-brand__accent {
  width: 0;
  height: 1.15rem;
  background-color: #00aeef;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  transition: 1.2s
}

@media (max-width: 1024px) {
  .home-brand .home-brand__accent {
    display: none;
    height: 0;
    width: 0.275rem
  }
}

.home-brand .home-brand__accent.on {
  width: 2.685rem
}

@media (max-width: 1024px) {
  .home-brand .home-brand__accent.on {
    width: 0.275rem;
    height: 0.6rem
  }
}

.home-brand .copy {
  position: absolute;
  bottom: 12.5%;
  left: 7.8125%;
  z-index: 1
}

@media (max-width: 1024px) {
  .home-brand .copy {
    position: static
  }
}

.home-brand .copy .subcopy {
  font-size: 0.12rem;
  color: #b3a797;
  line-height: 0.15rem;
  margin-bottom: 0.1rem;
  letter-spacing: -0.005rem;
  width: 441px;
}

@media (max-width: 1024px) {
  .home-brand .copy .subcopy {
    font-size: 0.15rem;
    line-height: 0.24rem;
    margin-top: 0.2rem;
    margin-bottom: 0.35rem
  }
}

@media (max-width: 1024px) {
  .home-brand .copy .link-more {
    margin: 0 auto
  }
}

.home-brand .heading {
  font-size: 0.51rem;
  color: #fff;
  font-family: "Montserrat-Regular";
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-left: 0.175rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  letter-spacing: -0.005rem
}

@media (max-width: 1024px) {
  .home-brand .heading {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    font-size: 0.35rem
  }
}

.home-news {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #1c1c1c;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.175rem
}

@media (max-width: 1024px) {
  .home-news {
    height: auto;
    padding-bottom: 0.4rem;
    padding-top: 0
  }
}

.home-news--mobile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ededed;
}

.home-news__contact {
  background-color: #ededed;
  height: 100%;
  width: 100%
}

@media (min-width: 1024px) {
  .home-news__contact {
    display: none
  }
}

.home-news__inner {
  margin: 0 auto;
  max-width: 100%;
  width: 100%
}

@media (max-width: 1024px) {
  .home-news__inner {
    padding: 0.4rem 0.15rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.home-news .heading {
  font-size: 24px;
  line-height: 1;
  color: #e0d9ca;
  margin-bottom: 0.25rem;
  text-align: center
}

@media (max-width: 1024px) {
  .home-news .heading {
    font-size: 0.22rem;
    font-weight: bold
  }
}

.home-news__list .swiper-container {
  padding-bottom: 0.525rem
}

@media (max-width: 1024px) {
  .home-news__list .swiper-container {
    padding-bottom: 0.1rem
  }
}

@media (max-width: 1920px) {
  .home-news__list .swiper-slide {
    height: 3.13rem
  }
}

@media (max-width: 1024px) {
  .home-news__list .swiper-slide {
    height: auto
  }
}

.home-news__list .swiper-slide-prev {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width: 1024px) {
  .home-news__list .swiper-slide-prev {
    display: block
  }
}

@media (min-width: 1024px) {
  .home-news__list .swiper-slide-active .list-item {
    padding-top: 0;
    width: 100%
  }

  .home-news__list .swiper-slide-active .list-item:hover .copy {
    opacity: 0
  }

  .home-news__list .swiper-slide-active .list-item:hover .news-card__overlay {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    visibility: visible;
    pointer-events: auto
  }

  .home-news__list .swiper-slide-active .list-item .media-box {
    position: relative;
    padding-bottom: 57.6470588235%;
    overflow: hidden
  }

  .home-news__list .swiper-slide-active .list-item .media-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
}

.home-news__list .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 0.175rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem
}

@media (max-width: 1024px) {
  .home-news__list .swiper-pagination {
    display: none;
    gap: 0.11rem;
    bottom: 0.175rem
  }
}

.home-news__list .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  opacity: 1;
  background-color: #ccc;
  border: 0.01rem solid #ccc;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  margin: 0
}

@media (max-width: 1024px) {
  .home-news__list .swiper-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem
  }
}

.home-news__list .swiper-pagination .swiper-pagination-bullet-active {
  background-color: transparent
}

.home-news__list .swiper-scrollbar {
  height: 2Px;
  background-color: #eae3d3;
  max-width: 93.2291666667%;
  bottom: 0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.01rem
}

@media (max-width: 1024px) {
  .home-news__list .swiper-scrollbar {
    max-width: 100%;
    height: 3Px
  }
}

.home-news__list .swiper-scrollbar-drag {
  position: absolute;
  height: 0.025rem;
  background-color: #b3a797;
  border-radius: 0.01rem;
  top: -0.01rem
}

@media (max-width: 1024px) {
  .home-news__list .swiper-scrollbar-drag {
    height: 0.04rem;
    top: -1Px;
    border-radius: 5Px
  }
}

.home-news__list .list-item {
  position: relative;
  width: 49.4117647059%;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  transition: 1.5s;
  text-align: left;
  padding-top: 0.6rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .home-news__list .list-item {
    padding-top: 0;
    width: 100%
  }

  .home-news__list .list-item:first-child {
    margin-bottom: 0.25rem
  }
}

.home-news__list .list-item .media-box {
  position: relative;
  overflow: hidden
}

.home-news__list .list-item .media-box img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

@media (max-width: 1024px) {
  .home-news__list .list-item .media-box {
    position: relative;
    overflow: hidden
  }

  .home-news__list .list-item .media-box img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
}

.home-news__list .list-item .news-card__overlay {
  position: absolute;
  bottom: -0.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  width: 87.0588235294%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .home-news__list .list-item .news-card__overlay {
    display: none
  }
}

.home-news__list .list-item .news-card__overlay-body {
  background-color: rgba(90, 87, 85, 0.9);
  padding: 0.225rem 0.225rem 0.275rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.home-news__list .list-item .news-card__overlay-body .card-title {
  margin-top: 0;
  font-size: 0.11rem
}

.home-news__list .list-item .news-card__overlay-body .subcopy {
  font-size: 0.06rem;
  color: #b3a797
}

.home-news__list .list-item .news-card__overlay-body .block-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.07rem;
  line-height: 1;
  color: #b3a797;
  margin-top: 0.2rem
}

.home-news__list .list-item .news-card__overlay-body .block-bottom .news-card__more {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.01rem
}

.home-news__list .list-item .news-card__overlay-body .block-bottom .news-card__more i {
  font-size: 0.12rem;
  font-weight: lighter
}

.home-news__list .list-item .copy {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.home-news__list .list-item .card-title {
  font-size: 0.11rem;
  line-height: 0.15rem;
  color: #fff;
  margin-top: 0.19rem;
  letter-spacing: 0.005rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .home-news__list .list-item .card-title {
    font-size: 0.16rem;
    line-height: 0.18rem
  }
}

.home-news__list .list-item .subcopy {
  font-size: 0.06rem;
  line-height: 0.1rem;
  color: #736f6c;
  margin-top: 0.07rem;
  letter-spacing: 0.001rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .home-news__list .list-item .subcopy {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.09rem;
    line-height: 0.13rem
  }
}

.home-footer {
  width: 100%;
  height: 100vh
}

@media (max-width: 1024px) {
  .home-footer {
    height: auto
  }
}

.home-footer footer {
  height: 100%
}

@media (max-width: 1024px) {
  .home-footer footer {
    height: auto
  }
}

/* @media (max-width: 1024px) {
  .home-footer__contact > .contact-cta {
    display: none
  }
} */

.product-center {
  width: 100%
}

.product-center-banner {
  width: 100%;
  height: 4.6rem;
  position: relative
}

@media (max-width: 1024px) {
  .product-center-banner {
    height: 6rem
  }
  /* .home-news--mobile{
    height: auto !important;
  } */
}

.product-center-banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.product-center-banner .swiper-container .swiper-slide {
  overflow: hidden;
  position: relative;
  z-index: 12
}

.product-center-banner .swiper-container .swiper-slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1
}

.product-center-banner .swiper-container .swiper-slide .video-play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-center-banner .swiper-container .swiper-slide .video-play-btn i {
  margin-top: 40%;
  font-size: 0.5rem;
  color: #fff
}

@media (min-width: 1024px) {
  .product-center-banner .swiper-container .swiper-slide .video-play-btn i {
    opacity: 0
  }
}

.product-center-banner .swiper-container .swiper-slide .cover-image {
  display: block;
  width: 100%;
  height: 100%
}

.product-center-banner .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-center-banner .swiper-container .swiper-slide img.is-desktop {
  display: block
}

.product-center-banner .swiper-container .swiper-slide img.is-mobile {
  display: none
}

@media (max-width: 1024px) {
  .product-center-banner .swiper-container .swiper-slide img.is-desktop {
    display: none
  }

  .product-center-banner .swiper-container .swiper-slide img.is-mobile {
    display: block
  }
}

.product-center-banner .swiper-container .swiper-pagination {
  position: absolute;
  right: 13.5416666667%;
  bottom: 0.15rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.09rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: auto
}

@media (max-width: 1024px) {
  .product-center-banner .swiper-container .swiper-pagination {
    gap: 0.075rem;
    bottom: 0.15rem
  }
}

.product-center-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 50%;
  opacity: 1;
  background: transparent;
  border: 0.01rem solid #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  margin: 0
}

@media (max-width: 1024px) {
  .product-center-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem
  }
}

.product-center-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #b3a797;
  border-color: #b3a797
}

.product-center-banner .product-cateogry-list {
  position: absolute;
  top: 0.95rem;
  right: 0;
  z-index: 1
}

@media (max-width: 1024px) {
  .product-center-banner .product-cateogry-list {
    top: 1.5rem
  }
}

.product-center-banner .product-cateogry-list .list-item {
  display: block;
  text-align: right;
  font-size: 0.16rem;
  padding-right: 0.6rem;
  position: relative
}

@media (max-width: 1024px) {
  .product-center-banner .product-cateogry-list .list-item {
    font-size: 0.18rem
  }
}

.product-center-banner .product-cateogry-list .list-item::after {
  content: "";
  position: absolute;
  top: 0.04rem;
  right: 0;
  opacity: 0;
  width: 0;
  height: 0.2rem;
  background-color: #00aeef;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.product-center-banner .product-cateogry-list .list-item.on::after {
  opacity: 1;
  width: 0.45rem
}

.product-center-banner .product-cateogry-list .list-item.on .link-more {
  opacity: 1
}

.product-center-banner .product-cateogry-list .list-item:not(:last-child) {
  margin-bottom: 0.25rem
}

.product-center-banner .product-cateogry-list .list-item .heading {
  color: #eae3d3;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  margin-top: 15px;

}

.product-center-banner .product-cateogry-list .list-item .p {
  color: #fff;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
}

.product-center-banner .product-cateogry-list .list-item .link-more {
  margin-top: 0.08rem;
  margin-left: auto;
  width: 0.55rem;
  height: 0.18rem;
  border-width: 0.005rem;
  font-size: 0.07rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 0
}

@media (max-width: 1024px) {
  .product-center-banner .product-cateogry-list .list-item .link-more {
    width: 0.95rem;
    height: 0.3rem;
    letter-spacing: 0.005rem;
    font-size: 0.12rem
  }
}

.product-list {
  padding: 0.175rem 0 0.475rem;
  margin-top: 0.7rem
}

@media (max-width: 1024px) {
  .product-list {
    margin-top: 0.65rem
  }
}

.product-list-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.8rem
}

@media (max-width: 1024px) {
  .product-list-wrapper {
    gap: 0.2rem
  }
}

.product-list-wrapper .col-main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 1.2rem;
  padding-right: 0.05rem;
  overflow-y: auto;
  max-height: 3.4rem
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main {
    width: 30%;
    max-height: 100%
  }
}

.product-list-wrapper .col-main::-webkit-scrollbar {
  width: 0.015rem;
  height: 0.015rem;
  background-color: #ededed
}

.product-list-wrapper .col-main::-webkit-scrollbar-track {
  background-color: #ededed
}

.product-list-wrapper .col-main::-webkit-scrollbar-thumb {
  background-color: #b3a797;
  border-radius: 0.01rem
}

.product-list-wrapper .col-main::-webkit-scrollbar-button {
  height: 0;
  display: none
}

.product-list-wrapper .col-main .product-category-item {
  padding: 0.08rem 0;
  border-top: 0.01rem solid #f2ede3;
  border-bottom: 0.01rem solid #f2ede3
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main .product-category-item {
    padding: 0.11rem 0
  }
}

.product-list-wrapper .col-main .product-category-item:not(:last-child) {
  margin-bottom: 0.17rem
}

.product-list-wrapper .col-main .product-category-item.on .category-name i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}

.product-list-wrapper .col-main .product-category-item .category-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.09rem;
  color: #1c1c1c;
  font-weight: 400;
  cursor: pointer
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main .product-category-item .category-name {
    font-size: 0.14rem
  }
}

.product-list-wrapper .col-main .product-category-item .category-name i {
  font-size: 0.075rem;
  font-weight: bold;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main .product-category-item .category-name i {
    font-size: 0.12rem
  }
}

.product-list-wrapper .col-main .product-category-item .category-child {
  display: none;
  margin-top: 0.17rem
}

.product-list-wrapper .col-main .product-category-item .category-child-item {
  display: block;
  font-size: 0.08rem;
  color: #898989;
  line-height: 0.15rem;
  position: relative;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main .product-category-item .category-child-item {
    font-size: 0.13rem;
    line-height: 0.18rem
  }
}

.product-list-wrapper .col-main .product-category-item .category-child-item:hover,
.product-list-wrapper .col-main .product-category-item .category-child-item.on {
  color: #c4b7a5
}

.product-list-wrapper .col-main .product-category-item .category-child-item:hover::before,
.product-list-wrapper .col-main .product-category-item .category-child-item.on::before {
  border-color: #c4b7a5
}

.product-list-wrapper .col-main .product-category-item .category-child-item:not(:last-child) {
  margin-bottom: 0.075rem
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-main .product-category-item .category-child-item:not(:last-child) {
    margin-bottom: 0.125rem
  }
}

.product-list-wrapper .col-main .product-category-item .category-child-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.57rem;
  border-bottom: 0.005rem dashed #898989;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.product-list-wrapper .col-side {
  padding-top: 0.075rem;
  width: 77.2727272727%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.11rem;
  position: relative
}

.product-list-wrapper .col-side .return {
  font-size: 0.09rem;
  font-family: "Montserrat-Medium";
  color: #999;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .return {
    font-size: 0.12rem;
    padding: 0.06rem;
    border: 0.005rem solid #b3a797;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    z-index: 9
  }
}

.product-list-wrapper .col-side .return:hover {
  color: #b3a797
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .return:hover {
    background-color: #b3a797;
    color: #fff
  }
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side {
    width: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

.product-list-wrapper .col-side .section-title {
  font-size: 0.09rem;
  line-height: 0.15rem;
  color: #444240;
  margin-top: 0.075rem;
  text-align: center;
  font-weight: 600;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .section-title {
    font-size: 0.14rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
}

.product-list-wrapper .col-side .product-album {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 4.8rem;
  position: relative
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .product-album {
    padding-top: 0.3rem
  }
}

.product-list-wrapper .col-side .product-album .swiper-slide {
  cursor: pointer
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .product-album .swiper-slide {
    margin-bottom: 0.15rem
  }
}

.product-list-wrapper .col-side .product-album .swiper-slide:hover .section-title {
  color: #b3a797
}

.product-list-wrapper .col-side .product-album .img {
  position: relative;
  overflow: hidden
}

.product-list-wrapper .col-side .product-album .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next,
.product-list-wrapper .col-side .product-album .product-swiper-button-prev {
  position: absolute;
  top: -moz-calc(50% - 0.225rem);
  top: calc(50% - 0.225rem);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.01rem solid #736f6c;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {

  .product-list-wrapper .col-side .product-album .product-swiper-button-next,
  .product-list-wrapper .col-side .product-album .product-swiper-button-prev {
    display: none
  }
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next.swiper-button-disabled,
.product-list-wrapper .col-side .product-album .product-swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next:hover,
.product-list-wrapper .col-side .product-album .product-swiper-button-prev:hover {
  background-color: #736f6c
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next:hover i,
.product-list-wrapper .col-side .product-album .product-swiper-button-prev:hover i {
  color: #fff
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next i,
.product-list-wrapper .col-side .product-album .product-swiper-button-prev i {
  font-size: 0.07rem;
  color: #736f6c;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.product-list-wrapper .col-side .product-album .product-swiper-button-prev {
  left: -0.275rem;
  -webkit-transform: rotateY(180deg) translateY(-50%);
  -moz-transform: rotateY(180deg) translateY(-50%);
  transform: rotateY(180deg) translateY(-50%)
}

.product-list-wrapper .col-side .product-album .product-swiper-button-next {
  right: -0.275rem
}

.product-list-wrapper .col-side .product-thumb {
  width: 27.7941176471%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  .product-list-wrapper .col-side .product-thumb {
    display: none
  }
}

.product-list-wrapper .col-side .product-thumb .section-title {
  opacity: 0;
  max-width: 1.075rem
}

.product-list-wrapper .col-side .product-thumb.hide {
  opacity: 0;
  visibility: hidden
}

.product-list-wrapper .col-side .product-thumb .swiper-slide {
  width: auto;
  cursor: pointer
}

.product-list-wrapper .col-side .product-thumb .img {
  width: 1.315rem;
  position: relative;
  overflow: hidden
}

.product-list-wrapper .col-side .product-thumb .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.product-detail {
  padding-bottom: 0.75rem;
  margin-top: 0.7rem;
  position: relative
}

@media (max-width: 1024px) {
  .product-detail {
    margin-top: 0.65rem
  }
}

.product-detail-banner .media-box {
  position: relative;
  padding-bottom: 38.28125%;
  overflow: hidden
}

.product-detail-banner .media-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.product-detail-banner .media-box img:last-of-type {
  display: none
}

.product-detail-banner .media-box img:last-of-type:first-of-type {
  display: inline-block
}

@media screen and (max-width: 1024px) {
  .product-detail-banner .media-box img:first-of-type {
    display: none
  }

  .product-detail-banner .media-box img:last-of-type {
    display: inline-block
  }
}

@media screen and (max-width: 1024px) {
  .product-detail-banner .media-box {
    position: relative;
    padding-bottom: 66.6666666667%;
    overflow: hidden
  }

  .product-detail-banner .media-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
  }
}

.product-detail-head {
  padding: 0.7rem 0 0.75rem
}

@media (max-width: 1024px) {
  .product-detail-head {
    padding: 0.5rem 0
  }
}

.product-detail-head-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-detail-head-wrapper .common-return {
  position: relative;
  bottom: auto;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-top: 0.1rem;
  margin-left: 0.025rem
}

@media (max-width: 1024px) {
  .product-detail-head-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.2rem
  }
}

.product-detail-head-wrapper .col-main {
  padding-left: 0.3rem;
  max-width: 2.3rem
}

.product-detail-head-wrapper .col-main .heading,
.product-detail-head-wrapper .col-main .subcopy {
  letter-spacing: -0.02rem;
  font-size: 0.3rem;
  font-family: "Montserrat-Bold"
}

@media (max-width: 1024px) {
  .product-detail-head-wrapper .col-main {
    padding-left: 0
  }
}

.product-detail-head-wrapper .col-main .heading {
  color: #b3a797
}

.product-detail-head-wrapper .col-main .subcopy {
  color: #585553
}

.product-detail-head-wrapper .col-side .img {
  height: 2.625rem
}

@media (max-width: 1024px) {
  .product-detail-head-wrapper .col-side .img {
    height: auto
  }
}

.product-detail-head-wrapper .col-side .img img {
  max-height: 100%
}

.product-detail-content .content {
  margin-top: 0.225rem;
  color: #999;
  font-size: 0.08rem;
  line-height: 0.12rem
}

.product-detail-content .content img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 0.06rem
}

.product-detail-content .content video {
  max-width: 100%;
  height: auto !important
}

.product-detail-content .content h1 {
  font-size: 2em
}

.product-detail-content .content h2 {
  font-size: 1.5em
}

.product-detail-content .content h3 {
  font-size: 1.17em
}

.product-detail-content .content h4 {
  font-size: inherit
}

.product-detail-content .content h5 {
  font-size: 0.83em
}

.product-detail-content .content h6 {
  font-size: 0.67em
}

.product-detail-content .content h1,
.product-detail-content .content h2,
.product-detail-content .content h3,
.product-detail-content .content h4,
.product-detail-content .content h5,
.product-detail-content .content h6 {
  font-size: revert
}

.product-detail-content .content ul {
  list-style: disc;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.product-detail-content .content ul li {
  list-style: disc;
  list-style: revert
}

.product-detail-content .content ol {
  list-style: decimal;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.product-detail-content .content ol li {
  list-style: decimal;
  list-style: revert
}

.product-detail-content .content iframe {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .product-detail-content .content {
    font-size: 0.13rem;
    line-height: 2
  }
}

.product-detail-content .content img,
.product-detail-content .content video,
.product-detail-content .content iframe {
  max-width: 100%;
  margin-bottom: 0
}

.product-detail-content .content img {
  display: block;
  margin: 0 auto
}

.about {
  padding-top: 0.925rem
}

@media (max-width: 1024px) {
  .about {
    padding-top: 0.55rem
  }
}

.about .section-1 {
  padding-top: 0.925rem;
  background-color: #fff;
  position: relative
}

@media (max-width: 1024px) {
  .about .section-1 {
    padding-top: 0.55rem
  }
}

.about .section-1-wrapper {
  position: relative;
  padding-bottom: 2.4rem
}

@media (max-width: 1024px) {
  .about .section-1-wrapper {
    padding-bottom: 2.5rem
  }
}

@media (max-width: 1024px) {
  .about .section-1 .layout-contact {
    padding: 0
  }
}

.about .section-1 .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0
}

@media (max-width: 1024px) {
  .about .section-1 .bg img:first-child {
    display: none
  }
}

.about .section-1 .bg img:last-child {
  display: none
}

@media (max-width: 1024px) {
  .about .section-1 .bg img:last-child {
    display: block;
    width: 100%
  }
}

.about .section-1 .content {
  position: relative;
  padding-left: 0.3rem
}

@media (max-width: 1024px) {
  .about .section-1 .content {
    padding: 0 0.85rem 0 0.5rem
  }
}

.about .section-1 .content .heading {
  font-size: 0.23rem;
  color: #565453;
  font-weight: 600
}

@media (max-width: 1024px) {
  .about .section-1 .content .heading {
    font-size: 0.285rem
  }
}

.about .section-1 .content .about-logo {
  height: 0.225rem;
  margin-top: 0.04rem
}

@media (max-width: 1024px) {
  .about .section-1 .content .about-logo {
    margin-top: 0.075rem
  }
}

.about .section-1 .content .about-logo img {
  max-height: 100%
}

.about .section-1 .content .slogan {
  margin-top: 0.15rem;
  max-width: 4.75rem;
  font-size: 0.11rem;
  line-height: 0.15rem;
  color: #333;
  font-weight: 600
}

@media (max-width: 1024px) {
  .about .section-1 .content .slogan {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #000;
    font-weight: normal;
    font-family: "Montserrat-Medium"
  }
}

.about .section-1 .content .text-m {
  display: none;
  font-size: 0.105rem;
  line-height: 0.18rem;
  color: #585553;
  margin-top: 0.16rem
}

@media (max-width: 1024px) {
  .about .section-1 .content .text-m {
    display: block
  }
}

.about .section-1 .content .copy {
  margin-top: 0.16rem;
  max-width: 3.3rem;
  font-size: 0.08rem;
  line-height: 0.12rem;
  color: #666;
  font-family: "Montserrat-Regular"
}

@media (max-width: 1024px) {
  .about .section-1 .content .copy {
    display: none;
    font-size: 0.12rem;
    line-height: 0.2rem
  }
}

.about .section-2 {
  position: relative;
  height: 3.85rem
}

@media (max-width: 1024px) {
  .about .section-2 .wp1480 {
    padding: 0 0.5rem
  }
}

.about .section-2 .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.about .section-2 .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

@media (max-width: 1024px) {
  .about .section-2 .bg img:first-child {
    display: none
  }
}

.about .section-2 .bg img:last-child {
  display: none
}

@media (max-width: 1024px) {
  .about .section-2 .bg img:last-child {
    display: block;
    width: 100%
  }
}

.about .section-2-wrapper {
  padding-top: 0.675rem;
  position: relative;
  z-index: 1
}

.about .section-2 .about-logo {
  height: 0.24rem;
  margin-top: 0.675rem
}

.about .section-2 .about-logo img {
  max-height: 100%
}

.about .section-2 .heading {
  margin-top: 0.1rem;
  font-size: 0.38rem;
  color: #fff;
  font-weight: 600;
  position: relative;
  letter-spacing: -0.0025rem
}

.about .section-2 .heading::after {
  content: attr(data-text);
  position: absolute;
  top: 0.025rem;
  left: -0.015rem;
  color: #353535;
  text-shadow: -0.005rem -0.005rem 0 #696969, 0.005rem -0.005rem 0 #696969, -0.005rem 0.005rem 0 #696969, 0.005rem 0.005rem 0 #696969;
  z-index: -1;
  font-size: inherit;
  font-weight: inherit
}

.about .section-3 {
  position: relative;
  height: 4.3rem
}

@media (max-width: 1024px) {
  .about .section-3 {
    height: 3.84rem
  }
}

@media (max-width: 1024px) {
  .about .section-3 .wp {
    padding: 0 0.2rem
  }
}

.about .section-3 .home-brand__accent {
  width: 3.8rem;
  height: 1.65rem;
  background-color: #00aeef;
  position: absolute;
  top: 0;
  left: 0
}

@media (max-width: 1024px) {
  .about .section-3 .home-brand__accent {
    width: 1.5rem;
    height: 0.625rem
  }
}

.about .section-3 .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.about .section-3 .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

@media (max-width: 1024px) {
  .about .section-3 .bg img:first-child {
    display: none
  }
}

.about .section-3 .bg img:last-child {
  display: none
}

@media (max-width: 1024px) {
  .about .section-3 .bg img:last-child {
    display: block;
    width: 100%
  }
}

.about .section-3-wrapper {
  padding-top: 0.7rem;
  text-align: center;
  position: relative
}

@media (max-width: 1024px) {
  .about .section-3-wrapper {
    padding-top: 1.35rem
  }
}

.about .section-3-wrapper .cate-name span {
  color: #696564
}

.about .section-3-wrapper .cate-name span:not(:first-child) {
  color: #b2a696
}

.about .section-3-wrapper .copy {
  margin-top: 1.25rem;
  max-width: 7.15rem;
  font-size: 0.16rem;
  color: #656565;
  font-family: "Montserrat-Bold"
}

@media (max-width: 1024px) {
  .about .section-3-wrapper .copy {
    display: none
  }
}

.about .section-3-wrapper .copy span {
  color: #b3a797
}

.about .section-3-wrapper .text-m {
  display: none
}

@media (max-width: 1024px) {
  .about .section-3-wrapper .text-m {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.14rem;
    color: #676767;
    max-width: 100%;
    font-family: "Montserrat-Medium"
  }
}

.about .section-3-wrapper .text-m span {
  color: #b3a797
}

.about .section-3-wrapper .icon {
  height: 0.18rem;
  margin-top: 0.15rem
}

@media (max-width: 1024px) {
  .about .section-3-wrapper .icon {
    margin-top: 0.25rem;
    height: 0.12rem
  }
}

.about .section-3-wrapper .icon img {
  max-height: 100%
}

.about .section-4 {
  height: 5.25rem;
  position: relative
}

@media (max-width: 1024px) {
  .about .section-4 {
    height: auto;
    padding-bottom: 0.2rem
  }
}

.about .section-4 .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.about .section-4 .bg-box img,
.about .section-4 .bg-box source {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.about .section-4 .bg-box .bg-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  transition: 1s ease-in-out
}

.about .section-4 .bg-box .bg-item.on {
  opacity: 1
}

.about .section-4-wrapper {
  padding-top: 0.4rem;
  position: relative
}

@media (max-width: 1024px) {
  .about .section-4-wrapper {
    padding-top: 0.675rem
  }
}

.about .section-4 .cate-name {
  padding-left: 0.325rem
}

.about .section-4 .cate-name span {
  color: #fff
}

.about .section-4 .cate-name span:not(:first-child) {
  color: #b2a696
}

.about .section-4-list {
  margin-top: 0.35rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.about .section-4-list .list-item {
  padding-left: 0.1rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  width: 4.55rem;
  height: 0.7rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1024px) {
  .about .section-4-list .list-item {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem
  }
}

.about .section-4-list .list-item.on {
  background-color: #585553;
  min-height: 0.7rem;
  height: auto
}

@media (max-width: 1024px) {
  .about .section-4-list .list-item.on {
    min-height: 1rem
  }
}

.about .section-4-list .list-item.on .contact-form__fields {
  background-color: #b3a797
}

.about .section-4-list .list-item.on .contact-form__fields .heading {
  color: #1c1c1c
}

.about .section-4-list .list-item.on .contact-form__fields .heading::before {
  background-color: #1c1c1c
}

.about .section-4-list .list-item.on .subcopy,
.about .section-4-list .list-item.on .mobile-nav {
  opacity: 1
}

.about .section-4-list .contact-form__fields {
  width: 100%;
  padding: 0.105rem 0.225rem 0.105rem 0.375rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .about .section-4-list .contact-form__fields {
    padding: 0.15rem 0.225rem 0.105rem 0.375rem
  }
}

.about .section-4-list .contact-form__fields .heading {
  font-size: 0.16rem;
  font-family: "Montserrat-Regular";
  color: #fff;
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.about .section-4-list .contact-form__fields .heading::before {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: absolute;
  top: 50%;
  left: -0.15rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.03rem;
  background-color: #fff
}

.about .section-4-list .contact-form__fields .subcopy,
.about .section-4-list .contact-form__fields .mobile-nav {
  font-size: 0.07rem;
  line-height: 0.09rem;
  font-family: "Montserrat-Regular";
  color: #1c1c1c;
  margin-top: 0.05rem;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s;
  opacity: 0
}

@media (max-width: 1024px) {

  .about .section-4-list .contact-form__fields .subcopy,
  .about .section-4-list .contact-form__fields .mobile-nav {
    font-size: 0.11rem;
    line-height: 0.18rem
  }
}

.about .section-4-list .contact-form__fields .mobile-nav {
  display: none
}

@media (max-width: 1024px) {
  .about .section-4-list .contact-form__fields .mobile-nav {
    display: block
  }
}

@media (max-width: 1024px) {
  .about .section-4-list .contact-form__fields .subcopy {
    display: none
  }
}

.about .section-5 {
  padding: 0.4rem 0 0.475rem;
  background-color: #fff;
  text-align: center
}

@media (max-width: 1024px) {
  .about .section-5 {
    padding: 0.5rem 0 0.4rem
  }
}

.about .section-5 .cate-name span {
  color: #696564
}

.about .section-5 .cate-name span:not(:first-child) {
  color: #b3a797
}

.about .section-5 .case-list {
  margin-top: 0.125rem;
  position: relative
}

.about .section-5 .case-list .swiper-container {
  padding: 0;
  margin: 0
}

.about .section-5 .case-list .list-item {
  display: block;
  background-color: #fff;
  padding: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.about .section-5 .case-list .list-item:hover .copy .heading {
  color: #b3a797
}

.about .section-5 .case-list .list-item .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #d9d9d9
}

.about .section-5 .case-list .list-item .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.about .section-5 .case-list .list-item .copy {
  margin-top: 0.15rem;
  padding: 0;
  text-align: left
}

.about .section-5 .case-list .list-item .copy .heading {
  margin-top: 0;
  height: 0.26rem;
  font-size: 0.09rem;
  line-height: 0.13rem;
  font-family: "Montserrat-Medium";
  color: #1c1c1c;
  letter-spacing: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .about .section-5 .case-list .list-item .copy .heading {
    height: auto;
    font-size: 0.14rem;
    line-height: 0.2rem
  }
}

.about .section-5 .case-list .product-swiper-button-next,
.about .section-5 .case-list .product-swiper-button-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  width: 0.22rem;
  height: 0.22rem;
  border: 0.01rem solid #736f6c;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {

  .about .section-5 .case-list .product-swiper-button-next,
  .about .section-5 .case-list .product-swiper-button-prev {
    width: 0.3rem;
    height: 0.3rem;
    background-color: #736f6c
  }

  .about .section-5 .case-list .product-swiper-button-next i,
  .about .section-5 .case-list .product-swiper-button-prev i {
    color: #fff
  }
}

.about .section-5 .case-list .product-swiper-button-next.swiper-button-disabled,
.about .section-5 .case-list .product-swiper-button-prev.swiper-button-disabled {
  opacity: 0
}

.about .section-5 .case-list .product-swiper-button-next:hover,
.about .section-5 .case-list .product-swiper-button-prev:hover {
  background-color: #736f6c
}

.about .section-5 .case-list .product-swiper-button-next:hover i,
.about .section-5 .case-list .product-swiper-button-prev:hover i {
  color: #fff
}

.about .section-5 .case-list .product-swiper-button-next i,
.about .section-5 .case-list .product-swiper-button-prev i {
  font-size: 0.07rem;
  color: #736f6c;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {

  .about .section-5 .case-list .product-swiper-button-next i,
  .about .section-5 .case-list .product-swiper-button-prev i {
    color: #fff;
    font-size: 0.1rem
  }
}

.about .section-5 .case-list .product-swiper-button-prev {
  left: -0.325rem;
  -webkit-transform: rotateY(180deg) translateY(-50%);
  -moz-transform: rotateY(180deg) translateY(-50%);
  transform: rotateY(180deg) translateY(-50%)
}

@media (max-width: 1024px) {
  .about .section-5 .case-list .product-swiper-button-prev {
    left: -0.075rem
  }
}

.about .section-5 .case-list .product-swiper-button-next {
  right: -0.325rem
}

@media (max-width: 1024px) {
  .about .section-5 .case-list .product-swiper-button-next {
    right: -0.075rem
  }
}

.about .section-5 .link-more.colored {
  margin: 0.15rem auto 0
}

.cases {
  padding: 1.575rem 0 0.475rem
}

@media (max-width: 1024px) {
  .cases {
    padding: 1.2rem 0 0.45rem
  }
}

.cases .cate-name {
  text-align: center
}

.cases .cate-name span {
  color: #696564
}

.cases .cate-name span:not(:first-child) {
  color: #b3a797
}

.cases-list {
  margin: 0.225rem -0.1rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media (max-width: 1024px) {
  .cases-list {
    margin: 0.225rem 0 0
  }
}

.cases-list li {
  padding: 0 0.1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 0.075rem
}

@media (max-width: 1024px) {
  .cases-list li {
    width: 100%;
    padding: 0
  }
}

.cases-list li .list-item {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  padding: 0.2rem;
  transition: 0.6s
}

.cases-list li .list-item:hover .copy .heading {
  color: #b3a797
}

.cases-list li .list-item .img {
  position: relative;
  padding-bottom: 69.2307692308%;
  overflow: hidden
}

.cases-list li .list-item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.cases-list li .list-item .copy {
  margin-top: 0.2rem;
  padding: 0 0.39rem 0 0.125rem;
  text-align: left
}

@media (max-width: 1024px) {
  .cases-list li .list-item .copy {
    padding: 0 0.2rem
  }
}

.cases-list li .list-item .copy .tag {
  font-size: 0.09rem;
  color: #fff;
  font-weight: 600;
  padding: 0.02rem 0.1rem;
  background-color: #b3a797;
  display: inline-block
}

@media (max-width: 1024px) {
  .cases-list li .list-item .copy .tag {
    font-size: 0.11rem
  }
}

.cases-list li .list-item .copy .heading {
  margin-top: 0.08rem;
  font-size: 0.15rem;
  font-weight: 600;
  color: #1c1c1c;
  letter-spacing: -0.005rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .cases-list li .list-item .copy .heading {
    font-size: 0.16rem
  }
}

.cases-list li .list-item .copy .subcopy {
  margin-top: 0.09rem;
  font-size: 0.08rem;
  line-height: 0.12rem;
  color: #585553;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .cases-list li .list-item .copy .subcopy {
    font-size: 0.12rem;
    line-height: 0.2rem
  }
}

@media (max-width: 1024px) {
  .cases-list li .list-item {
    padding: 0.1rem
  }
}

.cases-list li .list-item:hover {
  -webkit-box-shadow: 0 0.025rem 0.075rem 0.02rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.025rem 0.075rem 0.02rem rgba(0, 0, 0, 0.08)
}

.news-list {
  padding: 1.45rem 0 0.475rem
}

.news-list .latest-item {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.3rem
}

@media (max-width: 1024px) {
  .news-list .latest-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
  }
}

.news-list .latest-item:hover .copy .heading {
  color: #b3a797
}

.news-list .latest-item .media-box {
  width: 50.5952380952%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  .news-list .latest-item .media-box {
    width: 100%
  }
}

.news-list .latest-item .media-box .img {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden
}

.news-list .latest-item .media-box .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.news-list .latest-item .copy {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 0.31rem
}

.news-list .latest-item .copy .heading {
  font-size: 24px;
  line-height: 0.22rem;
  color: #1c1c1c;
  letter-spacing: -0.005rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Montserrat-Medium"
}

.news-list .latest-item .copy .subcopy {
  margin-top: 0.15rem;
  max-width: 3.5rem;
  font-size: 0.08rem;
  line-height: 0.12rem;
  letter-spacing: -0.0025rem;
  color: #585553;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .news-list .latest-item .copy .subcopy {
    font-size: 0.13rem;
    line-height: 0.2rem
  }
}

.news-list .latest-item .copy .link-more {
  margin: 0.12rem 0 0
}

.news-list-box {
  margin-top: 0.45rem
}

@media (max-width: 1024px) {
  .news-list-box {
    margin-top: 0.6rem
  }
}

.news-list-box .list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.01rem solid #e9e2d1
}

@media (max-width: 1024px) {
  .news-list-box .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0.3rem
  }
}

.news-list-box .list-item:hover .copy .heading {
  color: #b3a797
}

.news-list-box .list-item:not(:first-child) {
  margin-top: 0.5rem
}

@media (max-width: 1024px) {
  .news-list-box .list-item:not(:first-child) {
    margin-top: 0.3rem
  }
}

.news-list-box .list-item .media-box {
  width: 33.9285714286%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  .news-list-box .list-item .media-box {
    width: 100%
  }
}

.news-list-box .list-item .media-box .img {
  position: relative;
  padding-bottom: 57.3684210526%;
  overflow: hidden
}

.news-list-box .list-item .media-box .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.news-list-box .list-item .copy {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.news-list-box .list-item .copy .heading {
  max-width: 3.85rem;
  font-size: 20px;
  line-height: 0.15rem;
  color: #1c1c1c;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .heading {
    font-size: 0.15rem;
    line-height: 0.16rem;
    font-family: "Montserrat-Medium"
  }
}

.news-list-box .list-item .copy .subcopy {
  max-width: 3.85rem;
  margin-top: 0.07rem;
  font-size: 0.07rem;
  line-height: 0.12rem;
  color: #585553;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .subcopy {
    font-size: 0.13rem;
    line-height: 0.2rem
  }
}

.news-list-box .list-item .copy .b {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.42rem
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .b {
    margin-top: 0.2rem
  }
}

.news-list-box .list-item .copy .b .card-date {
  font-size: 0.08rem;
  color: #b3a797;
  font-family: "Montserrat-Regular"
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .b .card-date {
    font-size: 0.13rem
  }
}

.news-list-box .list-item .copy .b .is-mobile {
  padding: 0.085rem 0;
  font-size: 0.07rem;
  color: #b3a797;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.015rem
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .b .is-mobile {
    font-size: 0.13rem
  }
}

.news-list-box .list-item .copy .b .is-mobile:hover {
  padding: 0.085rem 0.1rem;
  background-color: #b3a797;
  color: #fff
}

.news-list-box .list-item .copy .b .is-mobile i {
  font-size: 0.09rem
}

@media (max-width: 1024px) {
  .news-list-box .list-item .copy .b .is-mobile i {
    font-size: 0.17rem
  }
}

.news-detail {
  padding: 1.1rem 0 0.75rem;
  position: relative
}

.news-detail-container {
  border: 0.005rem solid #dcdcdc;
  padding: 0.5rem 0.75rem 0.6rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1024px) {
  .news-detail-container {
    padding: 0.4rem 0.25rem 0.5rem
  }
}

.news-detail-container-head {
  text-align: center;
  padding-bottom: 0.24rem;
  border-bottom: 0.01rem solid #838383
}

.news-detail-container-head .heading {
  font-size: 0.18rem;
  font-weight: 600;
  line-height: 0.2rem;
  color: #1c1c1c
}

.news-detail-container-head .card-date {
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.08rem;
  color: #b3a797;
  gap: 0.025rem;
  font-family: "Montserrat-Regular"
}

@media (max-width: 1024px) {
  .news-detail-container-head .card-date {
    font-size: 0.12rem
  }
}

.news-detail-container-head .card-date i {
  font-size: 0.1rem
}

@media (max-width: 1024px) {
  .news-detail-container-head .card-date i {
    font-size: 0.12rem
  }
}

.news-detail-container-content {
  margin-top: 0.25rem;
  color: #585553;
  font-size: 0.08rem;
  line-height: 0.12rem
}

.news-detail-container-content img {
  max-width: 100%;
  height: auto !important;
  margin-bottom: 0.06rem
}

.news-detail-container-content video {
  max-width: 100%;
  height: auto !important
}

.news-detail-container-content h1 {
  font-size: 2em
}

.news-detail-container-content h2 {
  font-size: 1.5em
}

.news-detail-container-content h3 {
  font-size: 1.17em
}

.news-detail-container-content h4 {
  font-size: inherit
}

.news-detail-container-content h5 {
  font-size: 0.83em
}

.news-detail-container-content h6 {
  font-size: 0.67em
}

.news-detail-container-content h1,
.news-detail-container-content h2,
.news-detail-container-content h3,
.news-detail-container-content h4,
.news-detail-container-content h5,
.news-detail-container-content h6 {
  font-size: revert
}

.news-detail-container-content ul {
  list-style: disc;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.news-detail-container-content ul li {
  list-style: disc;
  list-style: revert
}

.news-detail-container-content ol {
  list-style: decimal;
  padding-left: 0.2rem;
  padding: revert;
  list-style: revert
}

.news-detail-container-content ol li {
  list-style: decimal;
  list-style: revert
}

.news-detail-container-content iframe {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .news-detail-container-content {
    font-size: 0.13rem;
    line-height: 2
  }
}

.news-detail-container-content a {
  display: block
}

.news-detail-container-content img,
.news-detail-container-content video,
.news-detail-container-content iframe {
  max-width: 100%;
  margin-bottom: 0
}

.news-detail-container-content p:not(:last-child) {
  margin-bottom: 0.1rem
}

.news-detail-container-content img {
  display: block;
  margin: 0 auto;
  max-width: 3.35rem !important
}

.video-list {
  padding: 1.45rem 0 0.5rem
}

@media (max-width: 1024px) {
  .video-list {
    padding: 1.2rem 0 0.3rem
  }
}

.video-list-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.3rem -0.1125rem 0;
  list-style: none;
  padding: 0
}

.video-list-container li {
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.1125rem;
  margin-bottom: 0.45rem
}

@media (max-width: 1024px) {
  .video-list-container li {
    width: 100%
  }
}

.video-list-container li .list-item {
  width: 100%
}

.video-list-container li .list-item:hover .heading {
  color: #b3a797
}

.video-list-container li .list-item:hover .img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05)
}

.video-list-container li .list-item .img {
  position: relative;
  padding-bottom: 68.8679245283%;
  overflow: hidden;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s
}

.video-list-container li .list-item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.video-list-container li .list-item .img i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 0.3rem;
  color: #cececd
}

@media (max-width: 1024px) {
  .video-list-container li .list-item .img i {
    font-size: 0.55rem
  }
}

.video-list-container li .list-item .heading {
  margin-top: 0.22rem;
  font-size: 0.09rem;
  font-weight: 600;
  color: #818181;
  line-height: 0.15rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .video-list-container li .list-item .heading {
    margin-top: 0.17rem;
    font-size: 0.15rem;
    line-height: 1.5
  }
}

.video-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9001
}

.video-modal.show .video-modal__dialog,
.video-modal.show .video-modal__mask {
  opacity: 1
}

.video-modal.show .video-modal__dialog {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.video-modal__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 6rem;
  background-color: #000;
  -webkit-box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.8);
  box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.video-modal .video {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden
}

.video-modal .video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80vh;
  background: #000
}

.video-modal .video .video-modal__player {
  position: relative;
  width: 100%
}

.video-modal .video .video-modal__player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.video-modal__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s
}

.video-modal__close {
  position: absolute;
  top: -0.2rem;
  right: 0;
  color: #fff;
  font-size: 0.15rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9
}

.video-modal__close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #f00
}

.exhibition {
  padding: 1.45rem 0 0.55rem
}

.exhibition-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.1rem -0.1125rem 0;
  list-style: none;
  padding: 0
}

@media (max-width: 1024px) {
  .exhibition-list {
    margin: 0.1rem 0 0
  }
}

.exhibition-list li {
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2rem 0.1125rem;
  margin-bottom: 0.05rem;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .exhibition-list li {
    padding: 0.1rem
  }
}

.exhibition-list li:hover {
  -webkit-box-shadow: 0 0.025rem 0.075rem 0.02rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.025rem 0.075rem 0.02rem rgba(0, 0, 0, 0.08)
}

@media (max-width: 1024px) {
  .exhibition-list li {
    width: 100%
  }
}

.exhibition-list li .list-item {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.exhibition-list li .list-item:hover .copy .heading {
  color: #b3a797
}

.exhibition-list li .list-item .img {
  position: relative;
  padding-bottom: 69.2307692308%;
  overflow: hidden
}

.exhibition-list li .list-item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.exhibition-list li .list-item .copy {
  margin-top: 0.2rem;
  padding: 0 0.39rem 0 0.125rem;
  text-align: left
}

@media (max-width: 1024px) {
  .exhibition-list li .list-item .copy {
    padding: 0 0.2rem
  }
}

.exhibition-list li .list-item .copy .tag {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 0.02rem 0.1rem;
  background-color: #b3a797;
  display: inline-block
}

@media (max-width: 1024px) {
  .exhibition-list li .list-item .copy .tag {
    font-size: 0.11rem
  }
}

.exhibition-list li .list-item .copy .heading {
  margin-top: 0.08rem;
  font-size: 0.15rem;
  font-weight: 600;
  color: #1c1c1c;
  letter-spacing: -0.005rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .exhibition-list li .list-item .copy .heading {
    font-size: 0.16rem
  }
}

.exhibition-list li .list-item .copy .subcopy {
  margin-top: 0.09rem;
  font-size: 14px;
  line-height: 0.12rem;
  color: #585553;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
  .exhibition-list li .list-item .copy .subcopy {
    font-size: 0.12rem;
    line-height: 0.2rem
  }
}

.exhibition-list li .list-item:hover .img {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01)
}

.exhibition-list li .list-item .img {
  position: relative;
  padding-bottom: 68.8679245283%;
  overflow: hidden;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s
}

.exhibition-list li .list-item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s
}

.exhibition-list li .list-item .copy {
  padding: 0;
}

.exhibition-list li .list-item .copy .heading {
  font-size: 18px;
}

.catelog {
  padding: 1.65rem 0 0.75rem;
}

@media (max-width: 1024px) {
  .catelog {
    padding: 1.1rem 0 0.6rem;
  }
}

.catelog.has-sub-nav {
  padding-top: 1.45rem;
}

.catelog-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.catelog-item:hover .catelog-item-head,
.catelog-item.open .catelog-item-head {
  background-color: #fff;
  border-color: #736f6c
}

.catelog-item:hover .catelog-item-head .heading,
.catelog-item.open .catelog-item-head .heading {
  color: #1c1c1c
}

.catelog-item:hover .catelog-item-head .arrow,
.catelog-item.open .catelog-item-head .arrow {
  border-color: #736f6c;
  color: #736f6c
}

.catelog-item:hover .arrow,
.catelog-item.open .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.catelog-item-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 0.4rem;
  background-color: #b3a797;
  border: 1Px solid #b3a797;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.15rem 0 0.175rem;
  cursor: pointer;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  font-family: "Montserrat-Regular"
}

.catelog-item-head .heading {
  font-size: 0.18rem;
  color: #fff;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.catelog-item-head .arrow {
  width: 0.19rem;
  height: 0.19rem;
  background-color: transparent;
  border-radius: 50%;
  border: 0.01rem solid #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

.catelog-item-head .arrow i {
  font-size: 0.07rem;
  font-weight: bold
}

.catelog-item-content {
  padding-top: 0.375rem;
  display: none
}

.catelog-item-content-video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.11rem;
  padding: 0 0.22rem;
  list-style: none
}

.catelog-item-content-video li {
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.11rem
}

@media (max-width: 1024px) {
  .catelog-item-content-video li {
    width: 100%
  }
}

.catelog-item-content-video li:not(:nth-last-child(-n+3)) {
  margin-bottom: 0.5rem
}

@media (max-width: 1024px) {
  .catelog-item-content-video li:not(:last-child) {
    margin-bottom: 0.35rem
  }
}

.catelog-item-content-video li .video-item {
  width: 100%
}

.catelog-item-content-video li .video-item:hover .video-item-head .section-title span {
  color: #b3a797
}

.catelog-item-content-video li .video-item:hover .video-item-head .section-title .icon img:first-child {
  opacity: 0
}

.catelog-item-content-video li .video-item:hover .video-item-head .section-title .icon img:last-child {
  opacity: 1
}

.catelog-item-content-video li .video-item:hover .video-item-content .media-box::after {
  background-color: rgba(0, 0, 0, 0.2)
}

.catelog-item-content-video li .video-item:hover .video-item-content i {
  color: #b3a797
}

.catelog-item-content-video li .video-item-head {
  padding-bottom: 0.1rem;
  border-bottom: 1Px solid #b5b5b5;
  margin-bottom: 0.1rem
}

.catelog-item-content-video li .video-item-head .section-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.15rem;
  gap: 0.085rem;
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.catelog-item-content-video li .video-item-head .section-title::before {
  content: "";
  width: 0.03rem;
  height: 0.03rem;
  border-radius: 50%;
  background-color: #b3a797;
  position: absolute;
  left: 0.04rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1024px) {
  .catelog-item-content-video li .video-item-head .section-title::before {
    width: 0.055rem;
    height: 0.055rem;
    left: 0.015rem
  }
}

.catelog-item-content-video li .video-item-head .section-title .icon {
  height: 0.12rem;
  position: relative
}

.catelog-item-content-video li .video-item-head .section-title .icon img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  max-height: 100%
}

.catelog-item-content-video li .video-item-head .section-title .icon img:first-child {
  opacity: 1
}

.catelog-item-content-video li .video-item-head .section-title .icon img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.catelog-item-content-video li .video-item-head .section-title span {
  font-size: 0.09rem;
  font-family: "Montserrat-Medium";
  color: #5e5b59;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  .catelog-item-content-video li .video-item-head .section-title span {
    font-size: 0.13rem
  }
}

.catelog-item-content-video li .video-item-content {
  padding: 0 0.05rem
}

.catelog-item-content-video li .video-item-content .media-box {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.catelog-item-content-video li .video-item-content .media-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(234, 227, 211, 0.1);
  z-index: 2;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.catelog-item-content-video li .video-item-content .media-box .img {
  position: relative;
  overflow: hidden
}

.catelog-item-content-video li .video-item-content .media-box .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  height: 300px;
}

.catelog-item-content-video li .video-item-content .media-box i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #cecece;
  font-size: 0.3rem;
  z-index: 3;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  .catelog-item-content-video li .video-item-content .media-box i {
    font-size: 0.5rem
  }
}

.catelog-item-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.1875rem;
  padding: 0 0.22rem
}

.catelog-item-content-wrapper li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.1875rem
}

@media (max-width: 1024px) {
  .catelog-item-content-wrapper li {
    width: 100%
  }
}

.catelog-item-content-wrapper li:not(:nth-last-child(-n+2)) {
  margin-bottom: 0.375rem
}

@media (max-width: 1024px) {
  .catelog-item-content-wrapper li:not(:last-child) {
    margin-bottom: 0.375rem
  }
}

.catelog-item-content-wrapper li .download-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1Px solid #b5b5b5;
  padding: 0 0.05rem 0.09rem 0.135rem;
  gap: 0.1rem
}

@media (max-width: 1024px) {
  .catelog-item-content-wrapper li .download-item {
    padding: 0 0.05rem 0.11rem 0.125rem
  }
}

.catelog-item-content-wrapper li .download-item:hover .section-title span {
  color: #b3a797
}

.catelog-item-content-wrapper li .download-item:hover .section-title .icon img:first-child {
  opacity: 0
}

.catelog-item-content-wrapper li .download-item:hover .section-title .icon img:last-child {
  opacity: 1
}

.catelog-item-content-wrapper li .download-item:hover .download-icon img:first-child {
  opacity: 0
}

.catelog-item-content-wrapper li .download-item:hover .download-icon img:last-child {
  opacity: 1
}

.catelog-item-content-wrapper li .download-item .section-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.11rem;
  position: relative
}
.home-footer__contact{
  height: 100%;
}
.catelog-item-content-wrapper li .download-item .section-title span {
  font-size: 0.095rem;
  color: #585553;
  font-family: "Montserrat-Medium";
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

@media (max-width: 1024px) {
  .catelog-item-content-wrapper li .download-item .section-title span {
    font-size: 0.13rem
  }
  /* .home-news--mobile{
    height: max-content !important;
    display: block !important;
  } */
}

.catelog-item-content-wrapper li .download-item .section-title::before {
  content: "";
  width: 0.03rem;
  height: 0.03rem;
  border-radius: 50%;
  background-color: #b3a797;
  position: absolute;
  left: -0.075rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1024px) {
  .catelog-item-content-wrapper li .download-item .section-title::before {
    width: 0.055rem;
    height: 0.055rem;
    left: -0.1rem
  }
}

.catelog-item-content-wrapper li .download-item .section-title .icon {
  height: 0.13rem;
  position: relative
}

.catelog-item-content-wrapper li .download-item .section-title .icon img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  max-height: 100%
}

.catelog-item-content-wrapper li .download-item .section-title .icon img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.catelog-item-content-wrapper li .download-item .download-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 0.15rem
}

.catelog-item-content-wrapper li .download-item .download-icon img {
  max-height: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s
}

.catelog-item-content-wrapper li .download-item .download-icon img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.catelog-item-content-catalog {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0 0.22rem;
  row-gap: 0.4rem
}

.catelog-item-content-catalog > li {
  width: 1.96rem
}

@media (max-width: 1024px) {
  .catelog-item-content-catalog > li {
    width: 100%
  }
}

.catelog-item-content-catalog .catalog-item {
  display: block;
  width: 100%;
  color: inherit
}

.catelog-item-content-catalog .catalog-item__head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.04rem;
  width: 100%;
  padding-bottom: 0.04rem;
  border-bottom: 1Px solid #736f6c
}

.catelog-item-content-catalog .catalog-item__dot {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #b3a797
}

.catelog-item-content-catalog .catalog-item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.16rem;
  height: 0.16rem;
  overflow: hidden;
  position: relative
}

.catelog-item-content-catalog .catalog-item__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.103rem;
  height: 0.14rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.product-banner img{
  width: 100%;
  height: auto;
}
.catelog-item-content-catalog .catalog-item__title {
  flex: 1 0 0;
  min-width: 0;
  font-size: 0.09rem;
  font-family: "Montserrat-Medium";
  color: #5e5b59;
  line-height: 0.13rem;
  color: #1c1c1c;
  word-break: break-word;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  transition: color 0.4s
}
.catelog-item-content-catalog .catalog-item:hover .catalog-item__title {
  color: #b3a797
}

.catelog-item-content-catalog .catalog-item__cover {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.06rem 0.49rem
}

.catelog-item-content-catalog .catalog-item__cover .media-box {
  position: relative;
  width: 1rem
}

.catelog-item-content-catalog .catalog-item__cover .media-box .img {
  position: relative;
  overflow: hidden
}

.catelog-item-content-catalog .catalog-item__cover .media-box .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto
}

@media (max-width: 1024px) {
  .catelog-item-content-catalog .catalog-item__title {
    font-size: 0.13rem;
    line-height: 0.2rem
  }

  .catelog-item-content-catalog .catalog-item__icon {
    width: 0.28rem;
    height: 0.28rem
  }

  .catelog-item-content-catalog .catalog-item__icon img {
    width: 0.18rem;
    height: 0.24rem
  }

  .catelog-item-content-catalog .catalog-item__dot {
    width: 0.055rem;
    height: 0.055rem
  }

  .catelog-item-content-catalog .catalog-item__cover {
    padding: 0.12rem 0.3rem
  }

  .catelog-item-content-catalog .catalog-item__cover .media-box {
    width: 1.4rem
  }
}

.service-policy {
  padding: 1.55rem 0 0.975rem
}

.service-policy-content {
  text-align: center
}

.service-policy-content .heading {
  margin-bottom: 0.275rem;
  font-size: 0.15rem;
  color: #595552;
  font-weight: 600
}

.service-policy-content .table {
  width: 100%;
  overflow-x: auto
}

.service-policy-content table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse
}

.service-policy-content table th,
.service-policy-content table td {
  border: 0.005rem solid #595552;
  font-size: 0.09rem;
  color: #1c1c1c
}

@media (max-width: 1024px) {

  .service-policy-content table th,
  .service-policy-content table td {
    font-size: 0.13rem
  }
}

.service-policy-content table th {
  padding: 0.15rem 0;
  color: #fff;
  font-size: 0.11rem;
  font-weight: 600
}

@media (max-width: 1024px) {
  .service-policy-content table th {
    font-size: 0.13rem
  }
}

.service-policy-content table th:nth-child(1) {
  background-color: #b3a797;
  width: 17.7631578947%
}

.service-policy-content table th:nth-child(2) {
  background-color: #999;
  width: 13.1578947368%
}

.service-policy-content table th:nth-child(3) {
  background-color: #595552;
  width: 36.8421052632%
}

.service-policy-content table th:nth-child(4) {
  background-color: #ccc;
  color: #595552;
  width: 15.7894736842%
}

.service-policy-content table th:nth-child(5) {
  background-color: #736f6c;
  width: 17.1052631579%
}

.service-policy-content table td {
  padding: 0.1rem 0.2rem;
  background-color: #e6e6e6
}

.service-policy-content table .first-col {
  font-family: "Montserrat-Bold"
}

.join-contact {
  padding: 0.5rem 0 0.75rem
}

.join-contact .map {
  margin-bottom: 0.5rem
}

.join-contact .content .contact-logo {
  height: 0.225rem;
  margin-bottom: 0.18rem
}

.join-contact .content .contact-logo img {
  max-height: 100%
}

.join-contact .content .slogan {
  font-size: 0.13rem;
  color: #565453;
  font-weight: 600;
  margin-bottom: 0.2rem
}

@media (max-width: 1024px) {
  .join-contact .content .slogan {
    font-size: 0.2rem
  }
}

.join-contact .content .slogan img {
  max-height: 0.105rem;
  vertical-align: middle
}

.join-contact .content .contact-info {
  font-size: 0.09rem;
  color: #333
}

@media (max-width: 1024px) {
  .join-contact .content .contact-info {
    clear: both
  }
}

.join-contact .content .contact-info .list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.07rem
}

.join-contact .content .contact-info .list-item:not(:last-child) {
  margin-bottom: 0.15rem
}

.join-contact .content .contact-info .list-item .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 0.13rem
}

.join-contact .content .contact-info .list-item .icon img {
  max-height: 100%
}

.join-contact .content .contact-info .list-item .info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem
}

@media (max-width: 1024px) {
  .join-contact .content .contact-info .list-item .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.join-contact .content .contact-info .list-item .info .heading {
  color: #afa193;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.join-contact .content .contact-info .list-item .info .v {
  font-family: "Montserrat-Regular"
}

.join-policy .section {
  padding: 0.5rem 0.375rem;
  font-family: "Montserrat-Regular"
}

@media (max-width: 1024px) {
  .join-policy .section {
    padding: 0.4rem 0.15rem
  }
}

.join-policy .section:not(:last-child) {
  border-bottom: 0.01rem solid #eadecf
}

.join-policy .section-header-logo {
  height: 0.225rem
}

.join-policy .section-header-logo img {
  max-height: 100%
}

.join-policy .section-header-title {
  font-size: 0.23rem;
  color: #565453;
  margin-top: 0.05rem
}

.join-policy .section-1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.4rem
}

@media (max-width: 1024px) {
  .join-policy .section-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.join-policy .section-1-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 0.12rem
}

.join-policy .section-1-left .subcopy {
  font-size: 0.11rem;
  line-height: 0.15rem;
  color: #000;
  margin-top: 0.15rem;
  font-family: "Montserrat-Medium"
}

@media (max-width: 1024px) {
  .join-policy .section-1-left .subcopy {
    font-size: 0.16rem;
    line-height: 0.22rem
  }
}

.join-policy .section-1-left .copy {
  margin-top: 0.12rem;
  font-size: 0.075rem;
  line-height: 0.12rem;
  color: #666
}

@media (max-width: 1024px) {
  .join-policy .section-1-left .copy {
    font-size: 0.13rem;
    line-height: 0.21rem
  }
}

.join-policy .section-1-left .copy p:not(:last-child) {
  margin-bottom: 0.1rem
}

.join-policy .section-1-right {
  width: 2.55rem
}

@media (max-width: 1024px) {
  .join-policy .section-1-right {
    width: auto
  }
}

.join-policy .section-2-content {
  margin-top: 0.2rem
}

.join-policy .section-2-content .list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.11rem
}

@media (max-width: 1024px) {
  .join-policy .section-2-content .list-item {
    gap: 0.15rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.join-policy .section-2-content .list-item .section-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  .join-policy .section-2-content .list-item .section-title {
    gap: 0.075rem;
    width: 100%
  }
}

.join-policy .section-2-content .list-item:not(:last-child) {
  margin-bottom: 0.3rem
}

.join-policy .section-2-content .list-item .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 0.22rem
}

.join-policy .section-2-content .list-item .icon img {
  max-height: 100%
}

.join-policy .section-2-content .list-item .heading {
  color: #afa193;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.125rem
}

@media (max-width: 1024px) {
  .join-policy .section-2-content .list-item .heading {
    font-size: 0.13rem
  }
}

.join-policy .section-2-content .list-item .info {
  font-size: 0.08rem;
  line-height: 0.12rem;
  color: #666;
  padding-top: 0.05rem
}

@media (max-width: 1024px) {
  .join-policy .section-2-content .list-item .info {
    font-size: 0.13rem;
    line-height: 0.21rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 0;
    padding-left: 0.295rem
  }
}

.join-policy .section-2-content .tips {
  font-size: 0.08rem;
  color: #999
}

@media (max-width: 1024px) {
  .join-policy .section-2-content .tips {
    font-size: 0.13rem;
    line-height: 0.21rem
  }
}

.join-policy .section-3-content {
  margin-top: 0.2rem
}

.join-policy .section-3-content .list-item:not(:last-child) {
  margin-bottom: 0.3rem
}

.join-policy .section-3-content .list-item .heading {
  font-size: 0.12rem;
  color: #afa193
}

@media (max-width: 1024px) {
  .join-policy .section-3-content .list-item .heading {
    font-size: 0.15rem
  }
}

.join-policy .section-3-content .list-item .info {
  margin-top: 0.11rem
}

.join-policy .section-3-content .list-item .info .divider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.065rem
}

@media (max-width: 1024px) {
  .join-policy .section-3-content .list-item .info .divider {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.join-policy .section-3-content .list-item .info .divider:not(:last-child) {
  margin-bottom: 0.14rem
}

.join-policy .section-3-content .list-item .info .divider .num {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #fff;
  border: 1Px solid #00aeef;
  color: #00aeef;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.07rem
}

@media (max-width: 1024px) {
  .join-policy .section-3-content .list-item .info .divider .num {
    font-size: 0.12rem;
    width: 0.16rem;
    height: 0.16rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.05rem
  }
}

.join-policy .section-3-content .list-item .info .divider p {
  font-size: 0.08rem;
  color: #333
}

@media (max-width: 1024px) {
  .join-policy .section-3-content .list-item .info .divider p {
    font-size: 0.13rem;
    line-height: 0.21rem
  }
}

.join-policy .section-3-content .list-item .table {
  width: 100%;
  overflow-x: auto;
  margin-top: 0.2rem
}

.join-policy .section-3-content .list-item table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: center
}

.join-policy .section-3-content .list-item table th,
.join-policy .section-3-content .list-item table td {
  border: 0.005rem solid #595552;
  font-size: 0.08rem;
  padding: 0.095rem;
  width: 16.5584415584%
}

@media (max-width: 1024px) {

  .join-policy .section-3-content .list-item table th,
  .join-policy .section-3-content .list-item table td {
    font-size: 0.13rem
  }
}

.join-policy .section-3-content .list-item table th {
  color: #333;
  background-color: #ccc
}

.join-policy .section-3-content .list-item table th:first-child {
  background-color: #eae3d3
}

.join-policy .section-3-content .list-item table td {
  color: #b3a797
}

.join-policy .section-3-content .list-item table td:first-child {
  color: #333;
  background-color: #b3a797
}

.join-policy .section-3-content .list-item .tips {
  font-size: 0.08rem;
  color: #999;
  margin-top: 0.1rem
}

@media (max-width: 1024px) {
  .join-policy .section-3-content .list-item .tips {
    font-size: 0.13rem;
    line-height: 0.21rem
  }
}

.join-policy .section-5-content {
  margin-top: 0.225rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.16rem
}

@media (max-width: 1024px) {
  .join-policy .section-5-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.25rem
  }
}

.join-policy .section-5-content .list-item {
  height: 0.6rem;
  background-color: #eae3d3;
  border-radius: 0.05rem;
  width: 10%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.07rem;
  color: #333;
  text-align: center;
  padding: 0 0.035rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

@media (max-width: 1024px) {
  .join-policy .section-5-content .list-item {
    width: 100%;
    height: 0.5rem;
    font-size: 0.14rem
  }
}

.join-policy .section-5-content .list-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -0.12rem;
  width: 0;
  height: 0;
  border-top: 0.0375rem solid transparent;
  border-bottom: 0.0375rem solid transparent;
  border-left: 0.065rem solid #00adee
}

@media (max-width: 1024px) {
  .join-policy .section-5-content .list-item:not(:last-child)::after {
    top: -moz-calc(100% + 0.125rem);
    top: calc(100% + 0.125rem);
    left: 50%;
    border-top: 0.06rem solid transparent;
    border-bottom: 0.06rem solid transparent;
    border-left: 0.08rem solid #00adee;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -moz-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg)
  }
}

.join-policy .section-6 .section-header-title {
  margin-top: 0
}

.join-policy .section-6-form {
  margin-top: 0.31rem
}

.join-policy .section-6-form .field-label {
  font-size: 0.08rem;
  color: #333;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width: 1024px) {
  .join-policy .section-6-form .field-label {
    font-size: 0.12rem;
    width: 25%
  }
}

.join-policy .section-6-form .form-line {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.25rem;
  gap: 0.39rem
}

@media (max-width: 1024px) {
  .join-policy .section-6-form .form-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 0.15rem
  }
}

.join-policy .section-6-form .form-line-3 {
  gap: 0.31rem
}

@media (max-width: 1024px) {
  .join-policy .section-6-form .form-line-3 {
    gap: 0.2rem
  }
}

.join-policy .section-6-form .form-line-3 .contact-form__field:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 31.8181818182%
}

@media (max-width: 1024px) {
  .join-policy .section-6-form .form-line-3 .contact-form__field:first-child {
    width: 100%
  }
}

.join-policy .section-6-form .contact-form__field {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  width: 100%
}

.join-policy .section-6-form input {
  height: 0.3rem;
  background-color: #f0f0f0;
  border-radius: 0.05rem;
  width: 100%;
  border: 1Px solid #f0f0f0;
  font-size: 0.08rem;
  color: #333;
  padding: 0 0.11rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s
}

@media (max-width: 1024px) {
  .join-policy .section-6-form input {
    font-size: 0.12rem;
    height: 0.35rem
  }
}

.join-policy .section-6-form input:focus-within {
  background-color: #fff;
  border-color: #333
}

.join-policy .section-6-form input::-webkit-input-placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form input:-moz-placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form input::-moz-placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form input:-ms-input-placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form input::-ms-input-placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form input::placeholder {
  color: #b5b5b5
}

.join-policy .section-6-form button {
  width: 0.8rem;
  height: 0.3rem;
  background-color: #1a1a1a;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.08rem;
  color: #fff;
  cursor: pointer;
  margin: 0.3rem auto 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  border: none;
  font-family: "Montserrat-Regular"
}

.join-policy .section-6-form button:hover {
  background-color: rgba(26, 26, 26, 0.8)
}

@media (max-width: 1024px) {
  .join-policy .section-6-form button {
    width: 0.7rem;
    height: 0.35rem;
    font-size: 0.12rem
  }
}

/* Local-only tweaks — original rem/layout CSS untouched */

.home-hero video {
  object-fit: cover;
}

@media (max-width: 1024px) {
  .index-contact-cta--bottom {
    display: none
  }
}

@media (min-width: 1025px) {
  .index-contact-cta--top {
    display: none
  }
}

/* Product detail (Figma 73:5813) */
.product-view {
  /*margin-top: 0.7rem;*/
  background: #fff
}

.product-view__top {
  display: flex;
  align-items: stretch;
  gap: 0.32rem;
  padding: 0.16rem 0.3rem 0.32rem;
  box-sizing: border-box
}

.product-view__gallery {
  width: 59.7%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 0 59.7%;
  flex: 0 0 59.7%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.product-view__main {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  background: #f5f5f5
}

.product-view__main .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.product-view__main .swiper-slide {
  height: auto
}

.product-view__main-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 788 / 509;
  -o-object-fit: cover;
  object-fit: cover
}

.product-view__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.18rem;
  height: 0.18rem;
  border: 0.005rem solid #1c1c1c;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.product-view__nav i {
  font-size: 0.07rem;
  color: #1c1c1c;
  line-height: 1
}

.product-view__nav--prev {
  left: 0.08rem;
  -webkit-transform: translateY(-50%) rotateY(180deg);
  -moz-transform: translateY(-50%) rotateY(180deg);
  transform: translateY(-50%) rotateY(180deg)
}

.product-view__nav--next {
  right: 0.08rem
}

.product-view__info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.16rem
}

.product-view__info-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px
}

.product-view__heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.02rem
}

.product-view__series {
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 0.06rem;
  line-height: 0.1rem;
  color: #b3a797;
  text-transform: uppercase
}

.product-view__title {
  margin: 0;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: #585553;
}

.product-view__divider {
  width: 100%;
  height: 0.005rem;
  background: #b3a797;
  margin-top: 0.02rem;
  opacity: 0.4
}

.product-view__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.product-view__skus {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.04rem;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.product-view__sku {
  border: 0.005rem solid #585553;
  background: #fff;
  color: #585553;
  font-size: 0.08rem;
  line-height: 0.13rem;
  padding: 0.02rem 0.1rem;
  cursor: pointer;
  font-family: inherit
}

.product-view__sku.on {
  background: #736f6c;
  border-color: #736f6c;
  color: #fff
}

.product-view__specs {
  width: 100%
}

.product-view__spec {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.08rem;
  padding: 0.03rem 0.06rem
}

.product-view__spec--alt {
  background: rgba(238, 238, 238, 0.5)
}

.product-view__spec-label {
  width: 0.9rem;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 0 0.9rem;
  flex: 0 0 0.9rem;
  font-size: 0.07rem;
  line-height: 0.12rem;
  color: #585553;
  font-family: "Montserrat-Regular", sans-serif
}

.product-view__spec-value {
  font-size: 0.07rem;
  line-height: 0.11rem;
  color: #0a0d14;
}

.product-view__spec-price {
  font-size: 0.09rem;
  line-height: 0.13rem;
  color: #AD9069;
  font-family: "Montserrat-Bold", sans-serif;
}

.product-view__actions {
  display: flex;
  gap: 0.04rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product-view__actions .link-more{
  border: 1px solid #b3a797;
  color: #b3a797;
  font-family: "Montserrat-SemiBold";
}


.product-view__actions .link-more:hover{
  color: #fff;
}
.product-view__btn {
  display: inline-flex;
  align-items: center;
  padding: 0.045rem 0.12rem;
  font-size: 0.08rem;
  line-height: 0.11rem;
  height: 0.22rem;
  font-family: "Montserrat-SemiBold";
  border: 1px solid #b3a797;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.3s
}

.product-view__btn--outline {
  color: #b3a797;
  background: transparent
}

.product-view__btn--outline:hover {
  background: #b3a797;
  color: #fff
}

.product-view__btn--solid {
  color: #fff;
  background: #b3a797
}

.product-view__btn--solid:hover {
  background: #9d8d7d
}

.product-view__btn strong {
  font-family: "Montserrat-Bold";
  font-weight: normal
}

.product-view__thumbs {
  width: 100%;
  overflow: hidden
}

.product-view__thumbs .swiper-container {
  width: 100%;
  overflow: hidden
}

.product-view__thumbs .swiper-slide {
  height: auto
}

.product-view__thumb {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 168 / 112;
  padding: 0;
  border: 0.005rem solid transparent;
  background: none;
  cursor: pointer;
  overflow: hidden
}

.product-view__thumb.on {
  border-color: #b3a797
}

.product-view__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-view__tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.12rem;
  background: #ededed;
  padding: 0.08rem 0.15rem
}

.product-view__tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.04rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 0.07rem;
  line-height: 0.11rem;
  text-transform: uppercase;
  color: #585553
}

.product-view__tab.on {
  color: #b3a797
}

.product-view__tab-mark {
  width: 0.025rem;
  height: 0.01rem;
  background: #b3a797;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.product-view__body {
  padding: 0.16rem 0.3rem 0.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-view__panel {
  display: none;
  width: 100%;
  max-width: 4rem
}
.product-view__panel img{
  max-width: 100%;
  height: auto;
}

.product-view__panel.on {
  display: block
}

.product-view__body-title {
  margin: 0 0 0.08rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 0.09rem;
  line-height: 0.13rem;
  color: #1c1c1c;
  text-align: justify
}

.product-view__body-list {
  margin: 0 0 0.08rem;
  padding: 0;
  list-style: disc;
  color: #1c1c1c;
  font-size: 0.08rem;
  line-height: 0.12rem;
}

.product-view__body-list li + li {
  margin-top: 0.06rem
}

.product-view__body-media {
  width: 100%
}

.product-view__body-media img {
  display: block;
  width: 100%;
  height: auto
}

@media (max-width: 1024px) {
  .product-view {
    margin-top: 0.65rem
  }

  .product-view__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.15rem 0.15rem 0.25rem
  }

  .product-view__gallery {
    width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .product-view__info {
    min-height: 0;
    width: 100%
  }

  .product-view__series {
    font-size: 0.12rem;
    line-height: 0.18rem
  }

  .product-view__title {
    font-size: 18px;
    line-height: 0.28rem
  }

  .product-view__sku {
    font-size: 0.11rem;
    line-height: 0.22rem;
    padding: 0.04rem 0.12rem
  }

  .product-view__spec-label,
  .product-view__spec-value {
    font-size: 0.11rem;
    line-height: 0.2rem
  }

  .product-view__spec-label {
    width: 1.4rem;
    -ms-flex-basis: 1.4rem;
    flex-basis: 1.4rem
  }

  .product-view__spec-price {
    font-size: 0.14rem;
    line-height: 0.24rem
  }

  .product-view__btn {
    font-size: 0.12rem;
    height: 0.26rem;
    font-family: "Montserrat-SemiBold";
    line-height: 0.2rem;
    padding: 0.08rem 0.16rem
  }

  .product-view__nav {
    width: 0.3rem;
    height: 0.3rem
  }

  .product-view__nav i {
    font-size: 0.12rem
  }

  .product-view__tabs {
    gap: 0.16rem;
    padding: 0.12rem 0.15rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .product-view__tab {
    font-size: 0.12rem;
    line-height: 0.18rem
  }

  .product-view__body {
    padding: 0.2rem 0.15rem 0.4rem
  }

  .product-view__panel {
    max-width: 100%
  }

  .product-view__body-title {
    font-size: 0.16rem;
    line-height: 0.24rem
  }

  .product-view__body-list {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}