/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
: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)*0.8);
    animation-duration: calc(var(--animate-duration)*0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.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, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: 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(0deg);
        transform: rotate(0deg)
    }
}

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

.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(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

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

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

@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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

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

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

.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(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

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

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

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

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.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(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

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

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

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

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.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(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

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

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

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

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.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(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

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

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

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

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.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(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

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

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

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.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(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

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

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

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.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(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

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

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

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.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(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

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

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

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

@keyframes bounceIn {

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceInDown {

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

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

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

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

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

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

@keyframes bounceInDown {

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

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

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

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

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) 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(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

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

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

@keyframes bounceInLeft {

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) 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(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) 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(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

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

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

@keyframes bounceInRight {

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) 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(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.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(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInUp {

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

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

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

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

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.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(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

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

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

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

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

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

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

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

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.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(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.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(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.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(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.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(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.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(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.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(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.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(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.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(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 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(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 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, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@keyframes fadeInUp {
    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__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(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -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(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -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)*0.75);
    animation-duration: calc(var(--animate-duration)*0.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)*0.75);
    animation-duration: calc(var(--animate-duration)*0.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(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

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

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

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

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

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

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

.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

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

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

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

.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

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

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

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

.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.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, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

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

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 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
}

[aos][aos][aos-easing=linear],
body[aos-easing=linear] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[aos][aos][aos-easing=ease],
body[aos-easing=ease] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

[aos][aos][aos-easing=ease-in],
body[aos-easing=ease-in] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
}

[aos][aos][aos-easing=ease-out],
body[aos-easing=ease-out] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1)
}

[aos][aos][aos-easing=ease-in-out],
body[aos-easing=ease-in-out] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}

[aos][aos][aos-easing=ease-in-back],
body[aos-easing=ease-in-back] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[aos][aos][aos-easing=ease-out-back],
body[aos-easing=ease-out-back] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[aos][aos][aos-easing=ease-in-out-back],
body[aos-easing=ease-in-out-back] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[aos][aos][aos-easing=ease-in-sine],
body[aos-easing=ease-in-sine] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[aos][aos][aos-easing=ease-out-sine],
body[aos-easing=ease-out-sine] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[aos][aos][aos-easing=ease-in-out-sine],
body[aos-easing=ease-in-out-sine] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[aos][aos][aos-easing=ease-in-quad],
[aos][aos][aos-easing=ease-in-cubic],
[aos][aos][aos-easing=ease-in-quart],
body[aos-easing=ease-in-quad] [aos],
body[aos-easing=ease-in-cubic] [aos],
body[aos-easing=ease-in-quart] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[aos][aos][aos-easing=ease-out-quad],
[aos][aos][aos-easing=ease-out-cubic],
[aos][aos][aos-easing=ease-out-quart],
body[aos-easing=ease-out-quad] [aos],
body[aos-easing=ease-out-cubic] [aos],
body[aos-easing=ease-out-quart] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[aos][aos][aos-easing=ease-in-out-quad],
[aos][aos][aos-easing=ease-in-out-cubic],
[aos][aos][aos-easing=ease-in-out-quart],
body[aos-easing=ease-in-out-quad] [aos],
body[aos-easing=ease-in-out-cubic] [aos],
body[aos-easing=ease-in-out-quart] [aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[aos][aos][aos-duration='50'],
body[aos-duration='50'] [aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[aos][aos][aos-duration='100'],
body[aos-duration='100'] [aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[aos][aos][aos-duration='150'],
body[aos-duration='150'] [aos] {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}

[aos][aos][aos-duration='200'],
body[aos-duration='200'] [aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[aos][aos][aos-duration='250'],
body[aos-duration='250'] [aos] {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

[aos][aos][aos-duration='300'],
body[aos-duration='300'] [aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[aos][aos][aos-duration='350'],
body[aos-duration='350'] [aos] {
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

[aos][aos][aos-duration='400'],
body[aos-duration='400'] [aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[aos][aos][aos-duration='450'],
body[aos-duration='450'] [aos] {
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms
}

[aos][aos][aos-duration='500'],
body[aos-duration='500'] [aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[aos][aos][aos-duration='550'],
body[aos-duration='550'] [aos] {
    -webkit-transition-duration: 550ms;
    transition-duration: 550ms
}

[aos][aos][aos-duration='600'],
body[aos-duration='600'] [aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[aos][aos][aos-duration='650'],
body[aos-duration='650'] [aos] {
    -webkit-transition-duration: 650ms;
    transition-duration: 650ms
}

[aos][aos][aos-duration='700'],
body[aos-duration='700'] [aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[aos][aos][aos-duration='750'],
body[aos-duration='750'] [aos] {
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms
}

[aos][aos][aos-duration='800'],
body[aos-duration='800'] [aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[aos][aos][aos-duration='850'],
body[aos-duration='850'] [aos] {
    -webkit-transition-duration: 850ms;
    transition-duration: 850ms
}

[aos][aos][aos-duration='900'],
body[aos-duration='900'] [aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[aos][aos][aos-duration='950'],
body[aos-duration='950'] [aos] {
    -webkit-transition-duration: 950ms;
    transition-duration: 950ms
}

[aos][aos][aos-duration='1000'],
body[aos-duration='1000'] [aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[aos][aos][aos-duration='1050'],
body[aos-duration='1050'] [aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[aos][aos][aos-duration='1100'],
body[aos-duration='1100'] [aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[aos][aos][aos-duration='1150'],
body[aos-duration='1150'] [aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[aos][aos][aos-duration='1200'],
body[aos-duration='1200'] [aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[aos][aos][aos-duration='1250'],
body[aos-duration='1250'] [aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[aos][aos][aos-duration='1300'],
body[aos-duration='1300'] [aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[aos][aos][aos-duration='1350'],
body[aos-duration='1350'] [aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[aos][aos][aos-duration='1400'],
body[aos-duration='1400'] [aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[aos][aos][aos-duration='1450'],
body[aos-duration='1450'] [aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[aos][aos][aos-duration='1500'],
body[aos-duration='1500'] [aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[aos][aos][aos-duration='1550'],
body[aos-duration='1550'] [aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[aos][aos][aos-duration='1600'],
body[aos-duration='1600'] [aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[aos][aos][aos-duration='1650'],
body[aos-duration='1650'] [aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[aos][aos][aos-duration='1700'],
body[aos-duration='1700'] [aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[aos][aos][aos-duration='1750'],
body[aos-duration='1750'] [aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[aos][aos][aos-duration='1800'],
body[aos-duration='1800'] [aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[aos][aos][aos-duration='1850'],
body[aos-duration='1850'] [aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[aos][aos][aos-duration='1900'],
body[aos-duration='1900'] [aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[aos][aos][aos-duration='1950'],
body[aos-duration='1950'] [aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[aos][aos][aos-duration='2000'],
body[aos-duration='2000'] [aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[aos][aos][aos-duration='2050'],
body[aos-duration='2050'] [aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[aos][aos][aos-duration='2100'],
body[aos-duration='2100'] [aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[aos][aos][aos-duration='2150'],
body[aos-duration='2150'] [aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[aos][aos][aos-duration='2200'],
body[aos-duration='2200'] [aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[aos][aos][aos-duration='2250'],
body[aos-duration='2250'] [aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[aos][aos][aos-duration='2300'],
body[aos-duration='2300'] [aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[aos][aos][aos-duration='2350'],
body[aos-duration='2350'] [aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[aos][aos][aos-duration='2400'],
body[aos-duration='2400'] [aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[aos][aos][aos-duration='2450'],
body[aos-duration='2450'] [aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[aos][aos][aos-duration='2500'],
body[aos-duration='2500'] [aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[aos][aos][aos-duration='2550'],
body[aos-duration='2550'] [aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[aos][aos][aos-duration='2600'],
body[aos-duration='2600'] [aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[aos][aos][aos-duration='2650'],
body[aos-duration='2650'] [aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[aos][aos][aos-duration='2700'],
body[aos-duration='2700'] [aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[aos][aos][aos-duration='2750'],
body[aos-duration='2750'] [aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[aos][aos][aos-duration='2800'],
body[aos-duration='2800'] [aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[aos][aos][aos-duration='2850'],
body[aos-duration='2850'] [aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[aos][aos][aos-duration='2900'],
body[aos-duration='2900'] [aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[aos][aos][aos-duration='2950'],
body[aos-duration='2950'] [aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[aos][aos][aos-duration='3000'],
body[aos-duration='3000'] [aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[aos][aos][aos-delay='50'],
body[aos-delay='50'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='50'].aos-animate,
body[aos-delay='50'] [aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[aos][aos][aos-delay='100'],
body[aos-delay='100'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='100'].aos-animate,
body[aos-delay='100'] [aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[aos][aos][aos-delay='150'],
body[aos-delay='150'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='150'].aos-animate,
body[aos-delay='150'] [aos].aos-animate {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[aos][aos][aos-delay='200'],
body[aos-delay='200'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='200'].aos-animate,
body[aos-delay='200'] [aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[aos][aos][aos-delay='250'],
body[aos-delay='250'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='250'].aos-animate,
body[aos-delay='250'] [aos].aos-animate {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

[aos][aos][aos-delay='300'],
body[aos-delay='300'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='300'].aos-animate,
body[aos-delay='300'] [aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[aos][aos][aos-delay='350'],
body[aos-delay='350'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='350'].aos-animate,
body[aos-delay='350'] [aos].aos-animate {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

[aos][aos][aos-delay='400'],
body[aos-delay='400'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='400'].aos-animate,
body[aos-delay='400'] [aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[aos][aos][aos-delay='450'],
body[aos-delay='450'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='450'].aos-animate,
body[aos-delay='450'] [aos].aos-animate {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

[aos][aos][aos-delay='500'],
body[aos-delay='500'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='500'].aos-animate,
body[aos-delay='500'] [aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[aos][aos][aos-delay='550'],
body[aos-delay='550'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='550'].aos-animate,
body[aos-delay='550'] [aos].aos-animate {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

[aos][aos][aos-delay='600'],
body[aos-delay='600'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='600'].aos-animate,
body[aos-delay='600'] [aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[aos][aos][aos-delay='650'],
body[aos-delay='650'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='650'].aos-animate,
body[aos-delay='650'] [aos].aos-animate {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

[aos][aos][aos-delay='700'],
body[aos-delay='700'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='700'].aos-animate,
body[aos-delay='700'] [aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[aos][aos][aos-delay='750'],
body[aos-delay='750'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='750'].aos-animate,
body[aos-delay='750'] [aos].aos-animate {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

[aos][aos][aos-delay='800'],
body[aos-delay='800'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='800'].aos-animate,
body[aos-delay='800'] [aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[aos][aos][aos-delay='850'],
body[aos-delay='850'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='850'].aos-animate,
body[aos-delay='850'] [aos].aos-animate {
    -webkit-transition-delay: 850ms;
    transition-delay: 850ms
}

[aos][aos][aos-delay='900'],
body[aos-delay='900'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='900'].aos-animate,
body[aos-delay='900'] [aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[aos][aos][aos-delay='950'],
body[aos-delay='950'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='950'].aos-animate,
body[aos-delay='950'] [aos].aos-animate {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms
}

[aos][aos][aos-delay='1000'],
body[aos-delay='1000'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1000'].aos-animate,
body[aos-delay='1000'] [aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[aos][aos][aos-delay='1050'],
body[aos-delay='1050'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1050'].aos-animate,
body[aos-delay='1050'] [aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[aos][aos][aos-delay='1100'],
body[aos-delay='1100'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1100'].aos-animate,
body[aos-delay='1100'] [aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[aos][aos][aos-delay='1150'],
body[aos-delay='1150'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1150'].aos-animate,
body[aos-delay='1150'] [aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[aos][aos][aos-delay='1200'],
body[aos-delay='1200'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1200'].aos-animate,
body[aos-delay='1200'] [aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[aos][aos][aos-delay='1250'],
body[aos-delay='1250'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1250'].aos-animate,
body[aos-delay='1250'] [aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[aos][aos][aos-delay='1300'],
body[aos-delay='1300'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1300'].aos-animate,
body[aos-delay='1300'] [aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[aos][aos][aos-delay='1350'],
body[aos-delay='1350'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1350'].aos-animate,
body[aos-delay='1350'] [aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[aos][aos][aos-delay='1400'],
body[aos-delay='1400'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1400'].aos-animate,
body[aos-delay='1400'] [aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[aos][aos][aos-delay='1450'],
body[aos-delay='1450'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1450'].aos-animate,
body[aos-delay='1450'] [aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[aos][aos][aos-delay='1500'],
body[aos-delay='1500'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1500'].aos-animate,
body[aos-delay='1500'] [aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[aos][aos][aos-delay='1550'],
body[aos-delay='1550'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1550'].aos-animate,
body[aos-delay='1550'] [aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[aos][aos][aos-delay='1600'],
body[aos-delay='1600'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1600'].aos-animate,
body[aos-delay='1600'] [aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[aos][aos][aos-delay='1650'],
body[aos-delay='1650'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1650'].aos-animate,
body[aos-delay='1650'] [aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[aos][aos][aos-delay='1700'],
body[aos-delay='1700'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1700'].aos-animate,
body[aos-delay='1700'] [aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[aos][aos][aos-delay='1750'],
body[aos-delay='1750'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1750'].aos-animate,
body[aos-delay='1750'] [aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[aos][aos][aos-delay='1800'],
body[aos-delay='1800'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1800'].aos-animate,
body[aos-delay='1800'] [aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[aos][aos][aos-delay='1850'],
body[aos-delay='1850'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1850'].aos-animate,
body[aos-delay='1850'] [aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[aos][aos][aos-delay='1900'],
body[aos-delay='1900'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1900'].aos-animate,
body[aos-delay='1900'] [aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[aos][aos][aos-delay='1950'],
body[aos-delay='1950'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='1950'].aos-animate,
body[aos-delay='1950'] [aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[aos][aos][aos-delay='2000'],
body[aos-delay='2000'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2000'].aos-animate,
body[aos-delay='2000'] [aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[aos][aos][aos-delay='2050'],
body[aos-delay='2050'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2050'].aos-animate,
body[aos-delay='2050'] [aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[aos][aos][aos-delay='2100'],
body[aos-delay='2100'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2100'].aos-animate,
body[aos-delay='2100'] [aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[aos][aos][aos-delay='2150'],
body[aos-delay='2150'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2150'].aos-animate,
body[aos-delay='2150'] [aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[aos][aos][aos-delay='2200'],
body[aos-delay='2200'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2200'].aos-animate,
body[aos-delay='2200'] [aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[aos][aos][aos-delay='2250'],
body[aos-delay='2250'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2250'].aos-animate,
body[aos-delay='2250'] [aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[aos][aos][aos-delay='2300'],
body[aos-delay='2300'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2300'].aos-animate,
body[aos-delay='2300'] [aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[aos][aos][aos-delay='2350'],
body[aos-delay='2350'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2350'].aos-animate,
body[aos-delay='2350'] [aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[aos][aos][aos-delay='2400'],
body[aos-delay='2400'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2400'].aos-animate,
body[aos-delay='2400'] [aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[aos][aos][aos-delay='2450'],
body[aos-delay='2450'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2450'].aos-animate,
body[aos-delay='2450'] [aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[aos][aos][aos-delay='2500'],
body[aos-delay='2500'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2500'].aos-animate,
body[aos-delay='2500'] [aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[aos][aos][aos-delay='2550'],
body[aos-delay='2550'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2550'].aos-animate,
body[aos-delay='2550'] [aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[aos][aos][aos-delay='2600'],
body[aos-delay='2600'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2600'].aos-animate,
body[aos-delay='2600'] [aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[aos][aos][aos-delay='2650'],
body[aos-delay='2650'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2650'].aos-animate,
body[aos-delay='2650'] [aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[aos][aos][aos-delay='2700'],
body[aos-delay='2700'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2700'].aos-animate,
body[aos-delay='2700'] [aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[aos][aos][aos-delay='2750'],
body[aos-delay='2750'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2750'].aos-animate,
body[aos-delay='2750'] [aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[aos][aos][aos-delay='2800'],
body[aos-delay='2800'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2800'].aos-animate,
body[aos-delay='2800'] [aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[aos][aos][aos-delay='2850'],
body[aos-delay='2850'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2850'].aos-animate,
body[aos-delay='2850'] [aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[aos][aos][aos-delay='2900'],
body[aos-delay='2900'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2900'].aos-animate,
body[aos-delay='2900'] [aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[aos][aos][aos-delay='2950'],
body[aos-delay='2950'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='2950'].aos-animate,
body[aos-delay='2950'] [aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[aos][aos][aos-delay='3000'],
body[aos-delay='3000'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[aos][aos][aos-delay='3000'].aos-animate,
body[aos-delay='3000'] [aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[aos^=fade][aos^=fade] {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all
}

[aos^=fade][aos^=fade].aos-animate {
    opacity: 1
}

[aos=fade-up] {
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

[aos=fade-up].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-down] {
    -webkit-transform: translate(0, -100px);
    -ms-transform: translate(0, -100px);
    transform: translate(0, -100px)
}

[aos=fade-down].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-right] {
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

[aos=fade-right].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-left] {
    -webkit-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    transform: translate(100px, 0)
}

[aos=fade-left].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-up-right] {
    -webkit-transform: translate(-100px, 100px);
    -ms-transform: translate(-100px, 100px);
    transform: translate(-100px, 100px)
}

[aos=fade-up-right].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-up-left] {
    -webkit-transform: translate(100px, 100px);
    -ms-transform: translate(100px, 100px);
    transform: translate(100px, 100px)
}

[aos=fade-up-left].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-down-right] {
    -webkit-transform: translate(-100px, -100px);
    -ms-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
}

[aos=fade-down-right].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=fade-down-left] {
    -webkit-transform: translate(100px, -100px);
    -ms-transform: translate(100px, -100px);
    transform: translate(100px, -100px)
}

[aos=fade-down-left].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos^=zoom][aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all
}

[aos^=zoom][aos^=zoom].aos-animate {
    opacity: 1
}

[aos=zoom-in] {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}

[aos=zoom-in].aos-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[aos=zoom-in-up] {
    -webkit-transform: translate(0, 100px) scale(0.6);
    -ms-transform: translate(0, 100px) scale(0.6);
    transform: translate(0, 100px) scale(0.6)
}

[aos=zoom-in-up].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-in-down] {
    -webkit-transform: translate(0, -100px) scale(0.6);
    -ms-transform: translate(0, -100px) scale(0.6);
    transform: translate(0, -100px) scale(0.6)
}

[aos=zoom-in-down].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-in-right] {
    -webkit-transform: translate(-100px, 0) scale(0.6);
    -ms-transform: translate(-100px, 0) scale(0.6);
    transform: translate(-100px, 0) scale(0.6)
}

[aos=zoom-in-right].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-in-left] {
    -webkit-transform: translate(100px, 0) scale(0.6);
    -ms-transform: translate(100px, 0) scale(0.6);
    transform: translate(100px, 0) scale(0.6)
}

[aos=zoom-in-left].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[aos=zoom-out].aos-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

[aos=zoom-out-up] {
    -webkit-transform: translate(0, 100px) scale(1.2);
    -ms-transform: translate(0, 100px) scale(1.2);
    transform: translate(0, 100px) scale(1.2)
}

[aos=zoom-out-up].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-out-down] {
    -webkit-transform: translate(0, -100px) scale(1.2);
    -ms-transform: translate(0, -100px) scale(1.2);
    transform: translate(0, -100px) scale(1.2)
}

[aos=zoom-out-down].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-out-right] {
    -webkit-transform: translate(-100px, 0) scale(1.2);
    -ms-transform: translate(-100px, 0) scale(1.2);
    transform: translate(-100px, 0) scale(1.2)
}

[aos=zoom-out-right].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=zoom-out-left] {
    -webkit-transform: translate(100px, 0) scale(1.2);
    -ms-transform: translate(100px, 0) scale(1.2);
    transform: translate(100px, 0) scale(1.2)
}

[aos=zoom-out-left].aos-animate {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[aos=slide-up] {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

[aos=slide-up].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=slide-down] {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

[aos=slide-down].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=slide-right] {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

[aos=slide-right].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos=slide-left] {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

[aos=slide-left].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 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, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {

    0%,
    100% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {

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

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

@keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

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

/*! Amaze UI v2.7.2 | by Amaze UI Team | (c) 2016 AllMobilize, Inc. | Licensed under MIT | 2016-08-17T16:17:24+0800 */
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    min-height: 100%
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
script,
template {
    display: none
}

a {
    background-color: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

a,
ins {
    text-decoration: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C""\201D""\2018""\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace;
    font-size: 1em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    position: relative;
    background: #fff;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    font-size: 1.6rem
}

body,
button,
input,
select,
textarea {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern"
}

@media only screen and (max-width: 640px) {
    body {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }
}

a {
    color: #333
}

a:focus {
    outline: none
}

ins {
    background: #ffa;
    color: #333
}

mark {
    background: #ffa;
    color: #333
}

abbr[title],
dfn[title] {
    cursor: help
}

dfn[title] {
    border-bottom: 1px dotted;
    font-style: normal
}

address,
blockquote,
dl,
fieldset,
figure,
hr,
ol,
p,
pre,
ul {
    margin: 0 0 1.6rem 0
}

*+address,
*+blockquote,
*+dl,
*+fieldset,
*+figure,
*+hr,
*+ol,
*+p,
*+pre,
*+ul {
    margin-top: 1.6rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.6rem 0;
    font-weight: 600;
    font-size: 100%
}

h1 {
    font-size: 32px;
    line-height: 36px
}

h2 {
    font-size: 27px;
    line-height: 29px
}

h3 {
    font-size: 19px;
    line-height: 14px
}

h4 {
    font-size: 16px;
    line-height: 19px
}

h5 {
    font-size: 13px;
    line-height: 16px
}

h6 {
    font-size: 12px;
    line-height: 14px
}

*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 1.6rem
}

ol,
ul {
    padding-left: 2em
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
    margin: 2em 0
}

dt {
    font-weight: 700
}

dt+dd {
    margin-top: .5em
}

dd {
    margin-left: 0
}

dd+dt {
    margin-top: 1em
}

hr {
    display: block;
    padding: 0;
    border: 0;
    height: 0;
    border-top: 1px solid #eee;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

address {
    font-style: normal
}

blockquote {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-left: 4px solid #ddd;
    font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, FontAwesome, serif
}

blockquote small {
    display: block;
    color: #999;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    text-align: right
}

blockquote p:last-of-type {
    margin-bottom: 0
}

iframe {
    border: 0
}

button,
input:not([type=radio]):not([type=checkbox]),
select {
    vertical-align: middle
}

.am-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.am-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 1000px
}

.am-container:after,
.am-container:before {
    content: " ";
    display: table
}

.am-container:after {
    clear: both
}

@media only screen and (min-width: 641px) {
    .am-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.am-container>.am-g {
    width: auto;
    margin-left: -1rem;
    margin-right: -1rem
}

@media only screen and (min-width: 641px) {
    .am-container>.am-g {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.am-g {
    margin: 0 auto;
    width: 100%
}

.am-g:after,
.am-g:before {
    content: " ";
    display: table
}

.am-g:after {
    clear: both
}

.am-g .am-g {
    margin-left: -1rem;
    margin-right: -1rem;
    width: auto
}

.am-g .am-g.am-g-collapse {
    margin-left: 0;
    margin-right: 0;
    width: auto
}

@media only screen and (min-width: 641px) {
    .am-g .am-g {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

.am-g.am-g-collapse .am-g {
    margin-left: 0;
    margin-right: 0
}

.am-g-collapse [class*=am-u-] {
    padding-left: 0;
    padding-right: 0
}

.am-g-fixed {
    max-width: 1000px
}

[class*=am-u-] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
    position: relative
}

[class*=am-u-]+[class*=am-u-]:last-child {
    float: right
}

[class*=am-u-]+[class*=am-u-].am-u-end {
    float: left
}

@media only screen and (min-width: 641px) {
    [class*=am-u-] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

[class*=am-u-pull-] {
    left: auto
}

[class*=am-u-push-] {
    right: auto
}

@media only screen {
    .am-u-sm-1 {
        width: 8.33333333%
    }

    .am-u-sm-2 {
        width: 16.66666667%
    }

    .am-u-sm-3 {
        width: 25%
    }

    .am-u-sm-4 {
        width: 33.33333333%
    }

    .am-u-sm-5 {
        width: 41.66666667%
    }

    .am-u-sm-6 {
        width: 50%
    }

    .am-u-sm-7 {
        width: 58.33333333%
    }

    .am-u-sm-8 {
        width: 66.66666667%
    }

    .am-u-sm-9 {
        width: 75%
    }

    .am-u-sm-10 {
        width: 83.33333333%
    }

    .am-u-sm-11 {
        width: 91.66666667%
    }

    .am-u-sm-12 {
        width: 100%
    }

    .am-u-sm-pull-0 {
        right: 0
    }

    .am-u-sm-pull-1 {
        right: 8.33333333%
    }

    .am-u-sm-pull-2 {
        right: 16.66666667%
    }

    .am-u-sm-pull-3 {
        right: 25%
    }

    .am-u-sm-pull-4 {
        right: 33.33333333%
    }

    .am-u-sm-pull-5 {
        right: 41.66666667%
    }

    .am-u-sm-pull-6 {
        right: 50%
    }

    .am-u-sm-pull-7 {
        right: 58.33333333%
    }

    .am-u-sm-pull-8 {
        right: 66.66666667%
    }

    .am-u-sm-pull-9 {
        right: 75%
    }

    .am-u-sm-pull-10 {
        right: 83.33333333%
    }

    .am-u-sm-pull-11 {
        right: 91.66666667%
    }

    .am-u-sm-push-0 {
        left: 0
    }

    .am-u-sm-push-1 {
        left: 8.33333333%
    }

    .am-u-sm-push-2 {
        left: 16.66666667%
    }

    .am-u-sm-push-3 {
        left: 25%
    }

    .am-u-sm-push-4 {
        left: 33.33333333%
    }

    .am-u-sm-push-5 {
        left: 41.66666667%
    }

    .am-u-sm-push-6 {
        left: 50%
    }

    .am-u-sm-push-7 {
        left: 58.33333333%
    }

    .am-u-sm-push-8 {
        left: 66.66666667%
    }

    .am-u-sm-push-9 {
        left: 75%
    }

    .am-u-sm-push-10 {
        left: 83.33333333%
    }

    .am-u-sm-push-11 {
        left: 91.66666667%
    }

    .am-u-sm-offset-0 {
        margin-left: 0
    }

    .am-u-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .am-u-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .am-u-sm-offset-3 {
        margin-left: 25%
    }

    .am-u-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .am-u-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .am-u-sm-offset-6 {
        margin-left: 50%
    }

    .am-u-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .am-u-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .am-u-sm-offset-9 {
        margin-left: 75%
    }

    .am-u-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .am-u-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .am-u-sm-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    [class*=am-u-].am-u-sm-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    [class*=am-u-].am-u-sm-centered:last-child {
        float: none
    }

    [class*=am-u-].am-u-sm-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    [class*=am-u-].am-u-sm-uncentered:last-child {
        float: left
    }
}

@media only screen and (min-width: 641px) {
    .am-u-md-1 {
        width: 8.33333333%
    }

    .am-u-md-2 {
        width: 16.66666667%
    }

    .am-u-md-3 {
        width: 25%
    }

    .am-u-md-4 {
        width: 33.33333333%
    }

    .am-u-md-5 {
        width: 41.66666667%
    }

    .am-u-md-6 {
        width: 50%
    }

    .am-u-md-7 {
        width: 58.33333333%
    }

    .am-u-md-8 {
        width: 66.66666667%
    }

    .am-u-md-9 {
        width: 75%
    }

    .am-u-md-10 {
        width: 83.33333333%
    }

    .am-u-md-11 {
        width: 91.66666667%
    }

    .am-u-md-12 {
        width: 100%
    }

    .am-u-md-pull-0 {
        right: 0
    }

    .am-u-md-pull-1 {
        right: 8.33333333%
    }

    .am-u-md-pull-2 {
        right: 16.66666667%
    }

    .am-u-md-pull-3 {
        right: 25%
    }

    .am-u-md-pull-4 {
        right: 33.33333333%
    }

    .am-u-md-pull-5 {
        right: 41.66666667%
    }

    .am-u-md-pull-6 {
        right: 50%
    }

    .am-u-md-pull-7 {
        right: 58.33333333%
    }

    .am-u-md-pull-8 {
        right: 66.66666667%
    }

    .am-u-md-pull-9 {
        right: 75%
    }

    .am-u-md-pull-10 {
        right: 83.33333333%
    }

    .am-u-md-pull-11 {
        right: 91.66666667%
    }

    .am-u-md-push-0 {
        left: 0
    }

    .am-u-md-push-1 {
        left: 8.33333333%
    }

    .am-u-md-push-2 {
        left: 16.66666667%
    }

    .am-u-md-push-3 {
        left: 25%
    }

    .am-u-md-push-4 {
        left: 33.33333333%
    }

    .am-u-md-push-5 {
        left: 41.66666667%
    }

    .am-u-md-push-6 {
        left: 50%
    }

    .am-u-md-push-7 {
        left: 58.33333333%
    }

    .am-u-md-push-8 {
        left: 66.66666667%
    }

    .am-u-md-push-9 {
        left: 75%
    }

    .am-u-md-push-10 {
        left: 83.33333333%
    }

    .am-u-md-push-11 {
        left: 91.66666667%
    }

    .am-u-md-offset-0 {
        margin-left: 0
    }

    .am-u-md-offset-1 {
        margin-left: 8.33333333%
    }

    .am-u-md-offset-2 {
        margin-left: 16.66666667%
    }

    .am-u-md-offset-3 {
        margin-left: 25%
    }

    .am-u-md-offset-4 {
        margin-left: 33.33333333%
    }

    .am-u-md-offset-5 {
        margin-left: 41.66666667%
    }

    .am-u-md-offset-6 {
        margin-left: 50%
    }

    .am-u-md-offset-7 {
        margin-left: 58.33333333%
    }

    .am-u-md-offset-8 {
        margin-left: 66.66666667%
    }

    .am-u-md-offset-9 {
        margin-left: 75%
    }

    .am-u-md-offset-10 {
        margin-left: 83.33333333%
    }

    .am-u-md-offset-11 {
        margin-left: 91.66666667%
    }

    .am-u-md-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    [class*=am-u-].am-u-md-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    [class*=am-u-].am-u-md-centered:last-child {
        float: none
    }

    [class*=am-u-].am-u-md-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    [class*=am-u-].am-u-md-uncentered:last-child {
        float: left
    }
}

@media only screen and (min-width: 1025px) {
    .am-u-lg-1 {
        width: 8.33333333%
    }

    .am-u-lg-2 {
        width: 16.66666667%
    }

    .am-u-lg-3 {
        width: 25%
    }

    .am-u-lg-4 {
        width: 33.33333333%
    }

    .am-u-lg-5 {
        width: 41.66666667%
    }

    .am-u-lg-6 {
        width: 50%
    }

    .am-u-lg-7 {
        width: 58.33333333%
    }

    .am-u-lg-8 {
        width: 66.66666667%
    }

    .am-u-lg-9 {
        width: 75%
    }

    .am-u-lg-10 {
        width: 83.33333333%
    }

    .am-u-lg-11 {
        width: 91.66666667%
    }

    .am-u-lg-12 {
        width: 100%
    }

    .am-u-lg-pull-0 {
        right: 0
    }

    .am-u-lg-pull-1 {
        right: 8.33333333%
    }

    .am-u-lg-pull-2 {
        right: 16.66666667%
    }

    .am-u-lg-pull-3 {
        right: 25%
    }

    .am-u-lg-pull-4 {
        right: 33.33333333%
    }

    .am-u-lg-pull-5 {
        right: 41.66666667%
    }

    .am-u-lg-pull-6 {
        right: 50%
    }

    .am-u-lg-pull-7 {
        right: 58.33333333%
    }

    .am-u-lg-pull-8 {
        right: 66.66666667%
    }

    .am-u-lg-pull-9 {
        right: 75%
    }

    .am-u-lg-pull-10 {
        right: 83.33333333%
    }

    .am-u-lg-pull-11 {
        right: 91.66666667%
    }

    .am-u-lg-push-0 {
        left: 0
    }

    .am-u-lg-push-1 {
        left: 8.33333333%
    }

    .am-u-lg-push-2 {
        left: 16.66666667%
    }

    .am-u-lg-push-3 {
        left: 25%
    }

    .am-u-lg-push-4 {
        left: 33.33333333%
    }

    .am-u-lg-push-5 {
        left: 41.66666667%
    }

    .am-u-lg-push-6 {
        left: 50%
    }

    .am-u-lg-push-7 {
        left: 58.33333333%
    }

    .am-u-lg-push-8 {
        left: 66.66666667%
    }

    .am-u-lg-push-9 {
        left: 75%
    }

    .am-u-lg-push-10 {
        left: 83.33333333%
    }

    .am-u-lg-push-11 {
        left: 91.66666667%
    }

    .am-u-lg-offset-0 {
        margin-left: 0
    }

    .am-u-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .am-u-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .am-u-lg-offset-3 {
        margin-left: 25%
    }

    .am-u-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .am-u-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .am-u-lg-offset-6 {
        margin-left: 50%
    }

    .am-u-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .am-u-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .am-u-lg-offset-9 {
        margin-left: 75%
    }

    .am-u-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .am-u-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .am-u-lg-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    [class*=am-u-].am-u-lg-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    [class*=am-u-].am-u-lg-centered:last-child {
        float: none
    }

    [class*=am-u-].am-u-lg-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    [class*=am-u-].am-u-lg-uncentered:last-child {
        float: left
    }
}

[class*=am-avg-] {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

[class*=am-avg-]:after,
[class*=am-avg-]:before {
    content: " ";
    display: table
}

[class*=am-avg-]:after {
    clear: both
}

[class*=am-avg-]>li {
    display: block;
    height: auto;
    float: left
}

@media only screen {
    .am-avg-sm-1>li {
        width: 100%
    }

    .am-avg-sm-1>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .am-avg-sm-2>li {
        width: 50%
    }

    .am-avg-sm-2>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .am-avg-sm-3>li {
        width: 33.33333333%
    }

    .am-avg-sm-3>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .am-avg-sm-4>li {
        width: 25%
    }

    .am-avg-sm-4>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .am-avg-sm-5>li {
        width: 20%
    }

    .am-avg-sm-5>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .am-avg-sm-6>li {
        width: 16.66666667%
    }

    .am-avg-sm-6>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .am-avg-sm-7>li {
        width: 14.28571429%
    }

    .am-avg-sm-7>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .am-avg-sm-8>li {
        width: 12.5%
    }

    .am-avg-sm-8>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .am-avg-sm-9>li {
        width: 11.11111111%
    }

    .am-avg-sm-9>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .am-avg-sm-10>li {
        width: 10%
    }

    .am-avg-sm-10>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .am-avg-sm-11>li {
        width: 9.09090909%
    }

    .am-avg-sm-11>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .am-avg-sm-12>li {
        width: 8.33333333%
    }

    .am-avg-sm-12>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-sm-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 641px) {
    .am-avg-md-1>li {
        width: 100%
    }

    .am-avg-md-1>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .am-avg-md-2>li {
        width: 50%
    }

    .am-avg-md-2>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .am-avg-md-3>li {
        width: 33.33333333%
    }

    .am-avg-md-3>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .am-avg-md-4>li {
        width: 25%
    }

    .am-avg-md-4>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .am-avg-md-5>li {
        width: 20%
    }

    .am-avg-md-5>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .am-avg-md-6>li {
        width: 16.66666667%
    }

    .am-avg-md-6>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .am-avg-md-7>li {
        width: 14.28571429%
    }

    .am-avg-md-7>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .am-avg-md-8>li {
        width: 12.5%
    }

    .am-avg-md-8>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .am-avg-md-9>li {
        width: 11.11111111%
    }

    .am-avg-md-9>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .am-avg-md-10>li {
        width: 10%
    }

    .am-avg-md-10>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .am-avg-md-11>li {
        width: 9.09090909%
    }

    .am-avg-md-11>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .am-avg-md-12>li {
        width: 8.33333333%
    }

    .am-avg-md-12>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 1025px) {
    .am-avg-lg-1>li {
        width: 100%
    }

    .am-avg-lg-1>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .am-avg-lg-2>li {
        width: 50%
    }

    .am-avg-lg-2>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .am-avg-lg-3>li {
        width: 33.33333333%
    }

    .am-avg-lg-3>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .am-avg-lg-4>li {
        width: 25%
    }

    .am-avg-lg-4>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .am-avg-lg-5>li {
        width: 20%
    }

    .am-avg-lg-5>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .am-avg-lg-6>li {
        width: 16.66666667%
    }

    .am-avg-lg-6>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .am-avg-lg-7>li {
        width: 14.28571429%
    }

    .am-avg-lg-7>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .am-avg-lg-8>li {
        width: 12.5%
    }

    .am-avg-lg-8>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .am-avg-lg-9>li {
        width: 11.11111111%
    }

    .am-avg-lg-9>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .am-avg-lg-10>li {
        width: 10%
    }

    .am-avg-lg-10>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .am-avg-lg-11>li {
        width: 9.09090909%
    }

    .am-avg-lg-11>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .am-avg-lg-12>li {
        width: 8.33333333%
    }

    .am-avg-lg-12>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-lg-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace
}

code {
    padding: 2px 4px;
    font-size: 1.3rem;
    color: #c7254e;
    background-color: #f8f8f8;
    white-space: nowrap;
    border-radius: 0
}

pre {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.am-pre-scrollable {
    max-height: 24rem;
    overflow-y: scroll
}

.am-btn {
    display: inline-block;
    margin-bottom: 0;
    padding: .5em 1em;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;
    transition: background-color .3s ease-out, border-color .3s ease-out
}

.am-btn:active:focus,
.am-btn:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.am-btn:focus,
.am-btn:hover {
    color: #444;
    text-decoration: none
}

.am-btn.am-active,
.am-btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15)
}

.am-btn.am-disabled,
.am-btn[disabled],
fieldset[disabled] .am-btn {
    pointer-events: none;
    border-color: transparent;
    cursor: not-allowed;
    opacity: .45;
    -webkit-box-shadow: none;
    box-shadow: none
}

.am-btn.am-round {
    border-radius: 1000px
}

.am-btn.am-radius {
    border-radius: 2px
}

.am-btn-default {
    color: #444;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

a.am-btn-default:visited {
    color: #444
}

.am-btn-default.am-active,
.am-btn-default:active,
.am-btn-default:focus,
.am-btn-default:hover,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
    color: #444;
    border-color: #c7c7c7
}

.am-btn-default:focus,
.am-btn-default:hover {
    background-color: #d4d4d4
}

.am-btn-default.am-active,
.am-btn-default:active,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
    background-image: none;
    background-color: #c2c2c2
}

.am-btn-default.am-disabled,
.am-btn-default.am-disabled.am-active,
.am-btn-default.am-disabled:active,
.am-btn-default.am-disabled:focus,
.am-btn-default.am-disabled:hover,
.am-btn-default[disabled],
.am-btn-default[disabled].am-active,
.am-btn-default[disabled]:active,
.am-btn-default[disabled]:focus,
.am-btn-default[disabled]:hover,
fieldset[disabled] .am-btn-default,
fieldset[disabled] .am-btn-default.am-active,
fieldset[disabled] .am-btn-default:active,
fieldset[disabled] .am-btn-default:focus,
fieldset[disabled] .am-btn-default:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.am-btn-group .am-btn-default,
.am-btn-group-stacked .am-btn-default {
    border-color: #d9d9d9
}

.am-btn-primary {
    color: #fff;
    background-color: #008173;
    border-color: #008173
}

a.am-btn-primary:visited {
    color: #fff
}

.am-btn-primary.am-active,
.am-btn-primary:active,
.am-btn-primary:focus,
.am-btn-primary:hover,
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle {
    color: #fff;
    border-color: #008173
}

.am-btn-primary:focus,
.am-btn-primary:hover {
    background-color: #008173
}

.am-btn-primary.am-active,
.am-btn-primary:active,
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle {
    background-image: none;
    background-color: #008173
}

.am-btn-primary.am-disabled,
.am-btn-primary.am-disabled.am-active,
.am-btn-primary.am-disabled:active,
.am-btn-primary.am-disabled:focus,
.am-btn-primary.am-disabled:hover,
.am-btn-primary[disabled],
.am-btn-primary[disabled].am-active,
.am-btn-primary[disabled]:active,
.am-btn-primary[disabled]:focus,
.am-btn-primary[disabled]:hover,
fieldset[disabled] .am-btn-primary,
fieldset[disabled] .am-btn-primary.am-active,
fieldset[disabled] .am-btn-primary:active,
fieldset[disabled] .am-btn-primary:focus,
fieldset[disabled] .am-btn-primary:hover {
    background-color: #0f6540;
    border-color: #0f6540
}

.am-btn-group .am-btn-primary,
.am-btn-group-stacked .am-btn-primary {
    border-color: #0c80ba
}

.am-btn-secondary {
    color: #fff;
    background-color: #00a0e9;
    border-color: #00a0e9
}

a.am-btn-secondary:visited {
    color: #fff
}

.am-btn-secondary.am-active,
.am-btn-secondary:active,
.am-btn-secondary:focus,
.am-btn-secondary:hover,
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
    color: #fff;
    border-color: #0f9ae0
}

.am-btn-secondary:focus,
.am-btn-secondary:hover {
    background-color: #19a7f0
}

.am-btn-secondary.am-active,
.am-btn-secondary:active,
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
    background-image: none;
    background-color: #0e93d7
}

.am-btn-secondary.am-disabled,
.am-btn-secondary.am-disabled.am-active,
.am-btn-secondary.am-disabled:active,
.am-btn-secondary.am-disabled:focus,
.am-btn-secondary.am-disabled:hover,
.am-btn-secondary[disabled],
.am-btn-secondary[disabled].am-active,
.am-btn-secondary[disabled]:active,
.am-btn-secondary[disabled]:focus,
.am-btn-secondary[disabled]:hover,
fieldset[disabled] .am-btn-secondary,
fieldset[disabled] .am-btn-secondary.am-active,
fieldset[disabled] .am-btn-secondary:active,
fieldset[disabled] .am-btn-secondary:focus,
fieldset[disabled] .am-btn-secondary:hover {
    background-color: #00a0e9;
    border-color: #00a0e9
}

.am-btn-group .am-btn-secondary,
.am-btn-group-stacked .am-btn-secondary {
    border-color: #23abf0
}

.am-btn-warning {
    color: #fff;
    background-color: #F37B1D;
    border-color: #F37B1D
}

a.am-btn-warning:visited {
    color: #fff
}

.am-btn-warning.am-active,
.am-btn-warning:active,
.am-btn-warning:focus,
.am-btn-warning:hover,
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle {
    color: #fff;
    border-color: #c85e0b
}

.am-btn-warning:focus,
.am-btn-warning:hover {
    background-color: #e0690c
}

.am-btn-warning.am-active,
.am-btn-warning:active,
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle {
    background-image: none;
    background-color: #be590a
}

.am-btn-warning.am-disabled,
.am-btn-warning.am-disabled.am-active,
.am-btn-warning.am-disabled:active,
.am-btn-warning.am-disabled:focus,
.am-btn-warning.am-disabled:hover,
.am-btn-warning[disabled],
.am-btn-warning[disabled].am-active,
.am-btn-warning[disabled]:active,
.am-btn-warning[disabled]:focus,
.am-btn-warning[disabled]:hover,
fieldset[disabled] .am-btn-warning,
fieldset[disabled] .am-btn-warning.am-active,
fieldset[disabled] .am-btn-warning:active,
fieldset[disabled] .am-btn-warning:focus,
fieldset[disabled] .am-btn-warning:hover {
    background-color: #F37B1D;
    border-color: #F37B1D
}

.am-btn-group .am-btn-warning,
.am-btn-group-stacked .am-btn-warning {
    border-color: #ea6e0c
}

.am-btn-danger {
    color: #fff;
    background-color: #dd514c;
    border-color: #dd514c
}

a.am-btn-danger:visited {
    color: #fff
}

.am-btn-danger.am-active,
.am-btn-danger:active,
.am-btn-danger:focus,
.am-btn-danger:hover,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
    color: #fff;
    border-color: #c62b26
}

.am-btn-danger:focus,
.am-btn-danger:hover {
    background-color: #d7342e
}

.am-btn-danger.am-active,
.am-btn-danger:active,
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle {
    background-image: none;
    background-color: #be2924
}

.am-btn-danger.am-disabled,
.am-btn-danger.am-disabled.am-active,
.am-btn-danger.am-disabled:active,
.am-btn-danger.am-disabled:focus,
.am-btn-danger.am-disabled:hover,
.am-btn-danger[disabled],
.am-btn-danger[disabled].am-active,
.am-btn-danger[disabled]:active,
.am-btn-danger[disabled]:focus,
.am-btn-danger[disabled]:hover,
fieldset[disabled] .am-btn-danger,
fieldset[disabled] .am-btn-danger.am-active,
fieldset[disabled] .am-btn-danger:active,
fieldset[disabled] .am-btn-danger:focus,
fieldset[disabled] .am-btn-danger:hover {
    background-color: #dd514c;
    border-color: #dd514c
}

.am-btn-group .am-btn-danger,
.am-btn-group-stacked .am-btn-danger {
    border-color: #d93c37
}

.am-btn-success {
    color: #fff;
    background-color: #5eb95e;
    border-color: #5eb95e
}

a.am-btn-success:visited {
    color: #fff
}

.am-btn-success.am-active,
.am-btn-success:active,
.am-btn-success:focus,
.am-btn-success:hover,
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle {
    color: #fff;
    border-color: #429842
}

.am-btn-success:focus,
.am-btn-success:hover {
    background-color: #4aaa4a
}

.am-btn-success.am-active,
.am-btn-success:active,
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle {
    background-image: none;
    background-color: #3f913f
}

.am-btn-success.am-disabled,
.am-btn-success.am-disabled.am-active,
.am-btn-success.am-disabled:active,
.am-btn-success.am-disabled:focus,
.am-btn-success.am-disabled:hover,
.am-btn-success[disabled],
.am-btn-success[disabled].am-active,
.am-btn-success[disabled]:active,
.am-btn-success[disabled]:focus,
.am-btn-success[disabled]:hover,
fieldset[disabled] .am-btn-success,
fieldset[disabled] .am-btn-success.am-active,
fieldset[disabled] .am-btn-success:active,
fieldset[disabled] .am-btn-success:focus,
fieldset[disabled] .am-btn-success:hover {
    background-color: #5eb95e;
    border-color: #5eb95e
}

.am-btn-group .am-btn-success,
.am-btn-group-stacked .am-btn-success {
    border-color: #4db14d
}

.am-btn-link {
    color: #0f6540;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

.am-btn-link,
.am-btn-link:active,
.am-btn-link[disabled],
fieldset[disabled] .am-btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.am-btn-link,
.am-btn-link:active,
.am-btn-link:focus,
.am-btn-link:hover {
    border-color: transparent
}

.am-btn-link:focus,
.am-btn-link:hover {
    color: #000;
    text-decoration: underline;
    background-color: transparent
}

.am-btn-link[disabled]:focus,
.am-btn-link[disabled]:hover,
fieldset[disabled] .am-btn-link:focus,
fieldset[disabled] .am-btn-link:hover {
    color: #999;
    text-decoration: none
}

.am-btn-xs {
    font-size: 1.2rem
}

.am-btn-sm {
    font-size: 1.4rem
}

.am-btn-lg {
    font-size: 1.8rem
}

.am-btn-xl {
    font-size: 2rem
}

.am-btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.am-btn-block+.am-btn-block {
    margin-top: 5px
}

input[type=button].am-btn-block,
input[type=reset].am-btn-block,
input[type=submit].am-btn-block {
    width: 100%
}

.am-btn.am-btn-loading .am-icon-spin {
    margin-right: 5px
}

table {
    max-width: 100%;
    background-color: transparent;
    empty-cells: show
}

table code {
    white-space: normal
}

th {
    text-align: left
}

.am-table {
    width: 100%;
    margin-bottom: 1.6rem;
    border-spacing: 0;
    border-collapse: separate
}

.am-table>tbody>tr>td,
.am-table>tbody>tr>th,
.am-table>tfoot>tr>td,
.am-table>tfoot>tr>th,
.am-table>thead>tr>td,
.am-table>thead>tr>th {
    padding: .7rem;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.am-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd
}

.am-table>caption+thead>tr:first-child>td,
.am-table>caption+thead>tr:first-child>th,
.am-table>colgroup+thead>tr:first-child>td,
.am-table>colgroup+thead>tr:first-child>th,
.am-table>thead:first-child>tr:first-child>td,
.am-table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.am-table>tbody+tbody tr:first-child td {
    border-top: 2px solid #ddd
}

.am-table-bordered {
    border: 1px solid #ddd;
    border-left: none
}

.am-table-bordered>tbody>tr>td,
.am-table-bordered>tbody>tr>th,
.am-table-bordered>tfoot>tr>td,
.am-table-bordered>tfoot>tr>th,
.am-table-bordered>thead>tr>td,
.am-table-bordered>thead>tr>th {
    border-left: 1px solid #ddd
}

.am-table-bordered>tbody>tr:first-child>td,
.am-table-bordered>tbody>tr:first-child>th {
    border-top: none
}

.am-table-bordered>thead+tbody>tr:first-child>td,
.am-table-bordered>thead+tbody>tr:first-child>th {
    border-top: 1px solid #ddd
}

.am-table-radius {
    border: 1px solid #ddd;
    border-radius: 2px
}

.am-table-radius>thead>tr:first-child>td:first-child,
.am-table-radius>thead>tr:first-child>th:first-child {
    border-top-left-radius: 2px;
    border-left: none
}

.am-table-radius>thead>tr:first-child>td:last-child,
.am-table-radius>thead>tr:first-child>th:last-child {
    border-top-right-radius: 2px;
    border-right: none
}

.am-table-radius>tbody>tr>td:first-child,
.am-table-radius>tbody>tr>th:first-child {
    border-left: none
}

.am-table-radius>tbody>tr>td:last-child,
.am-table-radius>tbody>tr>th:last-child {
    border-right: none
}

.am-table-radius>tbody>tr:last-child>td,
.am-table-radius>tbody>tr:last-child>th {
    border-bottom: none
}

.am-table-radius>tbody>tr:last-child>td:first-child,
.am-table-radius>tbody>tr:last-child>th:first-child {
    border-bottom-left-radius: 2px
}

.am-table-radius>tbody>tr:last-child>td:last-child,
.am-table-radius>tbody>tr:last-child>th:last-child {
    border-bottom-right-radius: 2px
}

.am-table-striped>tbody>tr:nth-child(odd)>td,
.am-table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.am-table-hover>tbody>tr:hover>td,
.am-table-hover>tbody>tr:hover>th {
    background-color: #e9e9e9
}

.am-table-compact>tbody>tr>td,
.am-table-compact>tbody>tr>th,
.am-table-compact>tfoot>tr>td,
.am-table-compact>tfoot>tr>th,
.am-table-compact>thead>tr>td,
.am-table-compact>thead>tr>th {
    padding: .4rem
}

.am-table-centered>tbody>tr>td,
.am-table-centered>tbody>tr>th,
.am-table-centered>tfoot>tr>td,
.am-table-centered>tfoot>tr>th,
.am-table-centered>thead>tr>td,
.am-table-centered>thead>tr>th {
    text-align: center
}

.am-table>tbody>tr.am-active>td,
.am-table>tbody>tr.am-active>th,
.am-table>tbody>tr>td.am-active,
.am-table>tbody>tr>th.am-active,
.am-table>tfoot>tr.am-active>td,
.am-table>tfoot>tr.am-active>th,
.am-table>tfoot>tr>td.am-active,
.am-table>tfoot>tr>th.am-active,
.am-table>thead>tr.am-active>td,
.am-table>thead>tr.am-active>th,
.am-table>thead>tr>td.am-active,
.am-table>thead>tr>th.am-active {
    background-color: #ffd
}

.am-table>tbody>tr.am-disabled>td,
.am-table>tbody>tr.am-disabled>th,
.am-table>tbody>tr>td.am-disabled,
.am-table>tbody>tr>th.am-disabled,
.am-table>tfoot>tr.am-disabled>td,
.am-table>tfoot>tr.am-disabled>th,
.am-table>tfoot>tr>td.am-disabled,
.am-table>tfoot>tr>th.am-disabled,
.am-table>thead>tr.am-disabled>td,
.am-table>thead>tr.am-disabled>th,
.am-table>thead>tr>td.am-disabled,
.am-table>thead>tr>th.am-disabled {
    color: #999
}

.am-table>tbody>tr.am-primary>td,
.am-table>tbody>tr.am-primary>th,
.am-table>tbody>tr>td.am-primary,
.am-table>tbody>tr>th.am-primary,
.am-table>tfoot>tr.am-primary>td,
.am-table>tfoot>tr.am-primary>th,
.am-table>tfoot>tr>td.am-primary,
.am-table>tfoot>tr>th.am-primary,
.am-table>thead>tr.am-primary>td,
.am-table>thead>tr.am-primary>th,
.am-table>thead>tr>td.am-primary,
.am-table>thead>tr>th.am-primary {
    color: #0b76ac;
    background-color: rgba(14, 144, 210, 0.115)
}

.am-table>tbody>tr.am-success>td,
.am-table>tbody>tr.am-success>th,
.am-table>tbody>tr>td.am-success,
.am-table>tbody>tr>th.am-success,
.am-table>tfoot>tr.am-success>td,
.am-table>tfoot>tr.am-success>th,
.am-table>tfoot>tr>td.am-success,
.am-table>tfoot>tr>th.am-success,
.am-table>thead>tr.am-success>td,
.am-table>thead>tr.am-success>th,
.am-table>thead>tr>td.am-success,
.am-table>thead>tr>th.am-success {
    color: #5eb95e;
    background-color: rgba(94, 185, 94, 0.115)
}

.am-table>tbody>tr.am-warning>td,
.am-table>tbody>tr.am-warning>th,
.am-table>tbody>tr>td.am-warning,
.am-table>tbody>tr>th.am-warning,
.am-table>tfoot>tr.am-warning>td,
.am-table>tfoot>tr.am-warning>th,
.am-table>tfoot>tr>td.am-warning,
.am-table>tfoot>tr>th.am-warning,
.am-table>thead>tr.am-warning>td,
.am-table>thead>tr.am-warning>th,
.am-table>thead>tr>td.am-warning,
.am-table>thead>tr>th.am-warning {
    color: #F37B1D;
    background-color: rgba(243, 123, 29, 0.115)
}

.am-table>tbody>tr.am-danger>td,
.am-table>tbody>tr.am-danger>th,
.am-table>tbody>tr>td.am-danger,
.am-table>tbody>tr>th.am-danger,
.am-table>tfoot>tr.am-danger>td,
.am-table>tfoot>tr.am-danger>th,
.am-table>tfoot>tr>td.am-danger,
.am-table>tfoot>tr>th.am-danger,
.am-table>thead>tr.am-danger>td,
.am-table>thead>tr.am-danger>th,
.am-table>thead>tr>td.am-danger,
.am-table>thead>tr>th.am-danger {
    color: #dd514c;
    background-color: rgba(221, 81, 76, 0.115)
}

fieldset {
    border: none
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .5rem
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

select[multiple],
select[size] {
    height: auto
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

output {
    display: block;
    padding-top: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #555;
    vertical-align: middle
}

.am-form input[type=number],
.am-form input[type=search],
.am-form input[type=text],
.am-form input[type=password],
.am-form input[type=datetime],
.am-form input[type=datetime-local],
.am-form input[type=date],
.am-form input[type=month],
.am-form input[type=time],
.am-form input[type=week],
.am-form input[type=email],
.am-form input[type=url],
.am-form input[type=tel],
.am-form input[type=color],
.am-form select,
.am-form textarea,
.am-form-field {
    display: block;
    width: 100%;
    padding: .5em;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.am-form input[type=number]:focus,
.am-form input[type=search]:focus,
.am-form input[type=text]:focus,
.am-form input[type=password]:focus,
.am-form input[type=datetime]:focus,
.am-form input[type=datetime-local]:focus,
.am-form input[type=date]:focus,
.am-form input[type=month]:focus,
.am-form input[type=time]:focus,
.am-form input[type=week]:focus,
.am-form input[type=email]:focus,
.am-form input[type=url]:focus,
.am-form input[type=tel]:focus,
.am-form input[type=color]:focus,
.am-form select:focus,
.am-form textarea:focus,
.am-form-field:focus {
    outline: 0
}

.am-form input[type=number]:focus,
.am-form input[type=search]:focus,
.am-form input[type=text]:focus,
.am-form input[type=password]:focus,
.am-form input[type=datetime]:focus,
.am-form input[type=datetime-local]:focus,
.am-form input[type=date]:focus,
.am-form input[type=month]:focus,
.am-form input[type=time]:focus,
.am-form input[type=week]:focus,
.am-form input[type=email]:focus,
.am-form input[type=url]:focus,
.am-form input[type=tel]:focus,
.am-form input[type=color]:focus,
.am-form select:focus,
.am-form textarea:focus,
.am-form-field:focus {
    background-color: #fefffe;
    border-color: #00a0e9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(59, 180, 242, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(59, 180, 242, 0.3)
}

.am-form input[type=number]::-webkit-input-placeholder,
.am-form input[type=search]::-webkit-input-placeholder,
.am-form input[type=text]::-webkit-input-placeholder,
.am-form input[type=password]::-webkit-input-placeholder,
.am-form input[type=datetime]::-webkit-input-placeholder,
.am-form input[type=datetime-local]::-webkit-input-placeholder,
.am-form input[type=date]::-webkit-input-placeholder,
.am-form input[type=month]::-webkit-input-placeholder,
.am-form input[type=time]::-webkit-input-placeholder,
.am-form input[type=week]::-webkit-input-placeholder,
.am-form input[type=email]::-webkit-input-placeholder,
.am-form input[type=url]::-webkit-input-placeholder,
.am-form input[type=tel]::-webkit-input-placeholder,
.am-form input[type=color]::-webkit-input-placeholder,
.am-form select::-webkit-input-placeholder,
.am-form textarea::-webkit-input-placeholder,
.am-form-field::-webkit-input-placeholder {
    color: #999
}

.am-form input[type=number]::-moz-placeholder,
.am-form input[type=search]::-moz-placeholder,
.am-form input[type=text]::-moz-placeholder,
.am-form input[type=password]::-moz-placeholder,
.am-form input[type=datetime]::-moz-placeholder,
.am-form input[type=datetime-local]::-moz-placeholder,
.am-form input[type=date]::-moz-placeholder,
.am-form input[type=month]::-moz-placeholder,
.am-form input[type=time]::-moz-placeholder,
.am-form input[type=week]::-moz-placeholder,
.am-form input[type=email]::-moz-placeholder,
.am-form input[type=url]::-moz-placeholder,
.am-form input[type=tel]::-moz-placeholder,
.am-form input[type=color]::-moz-placeholder,
.am-form select::-moz-placeholder,
.am-form textarea::-moz-placeholder,
.am-form-field::-moz-placeholder {
    color: #999
}

.am-form input[type=number]:-ms-input-placeholder,
.am-form input[type=search]:-ms-input-placeholder,
.am-form input[type=text]:-ms-input-placeholder,
.am-form input[type=password]:-ms-input-placeholder,
.am-form input[type=datetime]:-ms-input-placeholder,
.am-form input[type=datetime-local]:-ms-input-placeholder,
.am-form input[type=date]:-ms-input-placeholder,
.am-form input[type=month]:-ms-input-placeholder,
.am-form input[type=time]:-ms-input-placeholder,
.am-form input[type=week]:-ms-input-placeholder,
.am-form input[type=email]:-ms-input-placeholder,
.am-form input[type=url]:-ms-input-placeholder,
.am-form input[type=tel]:-ms-input-placeholder,
.am-form input[type=color]:-ms-input-placeholder,
.am-form select:-ms-input-placeholder,
.am-form textarea:-ms-input-placeholder,
.am-form-field:-ms-input-placeholder {
    color: #999
}

.am-form input[type=number]::placeholder,
.am-form input[type=search]::placeholder,
.am-form input[type=text]::placeholder,
.am-form input[type=password]::placeholder,
.am-form input[type=datetime]::placeholder,
.am-form input[type=datetime-local]::placeholder,
.am-form input[type=date]::placeholder,
.am-form input[type=month]::placeholder,
.am-form input[type=time]::placeholder,
.am-form input[type=week]::placeholder,
.am-form input[type=email]::placeholder,
.am-form input[type=url]::placeholder,
.am-form input[type=tel]::placeholder,
.am-form input[type=color]::placeholder,
.am-form select::placeholder,
.am-form textarea::placeholder,
.am-form-field::placeholder {
    color: #999
}

.am-form input[type=number]::-moz-placeholder,
.am-form input[type=search]::-moz-placeholder,
.am-form input[type=text]::-moz-placeholder,
.am-form input[type=password]::-moz-placeholder,
.am-form input[type=datetime]::-moz-placeholder,
.am-form input[type=datetime-local]::-moz-placeholder,
.am-form input[type=date]::-moz-placeholder,
.am-form input[type=month]::-moz-placeholder,
.am-form input[type=time]::-moz-placeholder,
.am-form input[type=week]::-moz-placeholder,
.am-form input[type=email]::-moz-placeholder,
.am-form input[type=url]::-moz-placeholder,
.am-form input[type=tel]::-moz-placeholder,
.am-form input[type=color]::-moz-placeholder,
.am-form select::-moz-placeholder,
.am-form textarea::-moz-placeholder,
.am-form-field::-moz-placeholder {
    opacity: 1
}

.am-form input[type=number][disabled],
.am-form input[type=number][readonly],
.am-form input[type=search][disabled],
.am-form input[type=search][readonly],
.am-form input[type=text][disabled],
.am-form input[type=text][readonly],
.am-form input[type=password][disabled],
.am-form input[type=password][readonly],
.am-form input[type=datetime][disabled],
.am-form input[type=datetime][readonly],
.am-form input[type=datetime-local][disabled],
.am-form input[type=datetime-local][readonly],
.am-form input[type=date][disabled],
.am-form input[type=date][readonly],
.am-form input[type=month][disabled],
.am-form input[type=month][readonly],
.am-form input[type=time][disabled],
.am-form input[type=time][readonly],
.am-form input[type=week][disabled],
.am-form input[type=week][readonly],
.am-form input[type=email][disabled],
.am-form input[type=email][readonly],
.am-form input[type=url][disabled],
.am-form input[type=url][readonly],
.am-form input[type=tel][disabled],
.am-form input[type=tel][readonly],
.am-form input[type=color][disabled],
.am-form input[type=color][readonly],
.am-form select[disabled],
.am-form select[readonly],
.am-form textarea[disabled],
.am-form textarea[readonly],
.am-form-field[disabled],
.am-form-field[readonly],
fieldset[disabled] .am-form input[type=number],
fieldset[disabled] .am-form input[type=search],
fieldset[disabled] .am-form input[type=text],
fieldset[disabled] .am-form input[type=password],
fieldset[disabled] .am-form input[type=datetime],
fieldset[disabled] .am-form input[type=datetime-local],
fieldset[disabled] .am-form input[type=date],
fieldset[disabled] .am-form input[type=month],
fieldset[disabled] .am-form input[type=time],
fieldset[disabled] .am-form input[type=week],
fieldset[disabled] .am-form input[type=email],
fieldset[disabled] .am-form input[type=url],
fieldset[disabled] .am-form input[type=tel],
fieldset[disabled] .am-form input[type=color],
fieldset[disabled] .am-form select,
fieldset[disabled] .am-form textarea,
fieldset[disabled] .am-form-field {
    cursor: not-allowed;
    background-color: #eee
}

.am-form input[type=number].am-radius,
.am-form input[type=search].am-radius,
.am-form input[type=text].am-radius,
.am-form input[type=password].am-radius,
.am-form input[type=datetime].am-radius,
.am-form input[type=datetime-local].am-radius,
.am-form input[type=date].am-radius,
.am-form input[type=month].am-radius,
.am-form input[type=time].am-radius,
.am-form input[type=week].am-radius,
.am-form input[type=email].am-radius,
.am-form input[type=url].am-radius,
.am-form input[type=tel].am-radius,
.am-form input[type=color].am-radius,
.am-form select.am-radius,
.am-form textarea.am-radius,
.am-form-field.am-radius {
    border-radius: 2px
}

.am-form input[type=number].am-round,
.am-form input[type=search].am-round,
.am-form input[type=text].am-round,
.am-form input[type=password].am-round,
.am-form input[type=datetime].am-round,
.am-form input[type=datetime-local].am-round,
.am-form input[type=date].am-round,
.am-form input[type=month].am-round,
.am-form input[type=time].am-round,
.am-form input[type=week].am-round,
.am-form input[type=email].am-round,
.am-form input[type=url].am-round,
.am-form input[type=tel].am-round,
.am-form input[type=color].am-round,
.am-form select.am-round,
.am-form textarea.am-round,
.am-form-field.am-round {
    border-radius: 1000px
}

.am-form select[multiple],
.am-form select[size],
.am-form textarea {
    height: auto
}

.am-form select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-border-radius: 0;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) no-repeat 100% center
}

.am-form select[multiple=multiple] {
    background-image: none
}

.am-form input[type=datetime-local],
.am-form input[type=date],
input[type=datetime-local].am-form-field,
input[type=date].am-form-field {
    height: 37px
}

.am-form input[type=datetime-local].am-input-sm,
.am-form input[type=date].am-input-sm,
input[type=datetime-local].am-form-field.am-input-sm,
input[type=date].am-form-field.am-input-sm {
    height: 32px
}

.am-form input[type=datetime-local] .am-input-lg,
.am-form input[type=date] .am-input-lg,
input[type=datetime-local].am-form-field .am-input-lg,
input[type=date].am-form-field .am-input-lg {
    height: 41px
}

.am-form-help {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #999;
    font-size: 1.3rem
}

.am-form-group {
    margin-bottom: 1.5rem
}

.am-form-file {
    position: relative;
    overflow: hidden
}

.am-form-file input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 50rem
}

.am-checkbox,
.am-radio {
    display: block;
    min-height: 1.92rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle
}

.am-checkbox label,
.am-radio label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.am-checkbox input[type=checkbox],
.am-checkbox-inline input[type=checkbox],
.am-radio input[type=radio],
.am-radio-inline input[type=radio] {
    float: left;
    margin-left: -20px;
    outline: 0
}

.am-checkbox+.am-checkbox,
.am-radio+.am-radio {
    margin-top: -5px
}

.am-checkbox-inline,
.am-radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.am-checkbox-inline+.am-checkbox-inline,
.am-radio-inline+.am-radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.am-checkbox-inline[disabled],
.am-checkbox[disabled],
.am-radio-inline[disabled],
.am-radio[disabled],
fieldset[disabled] .am-checkbox,
fieldset[disabled] .am-checkbox-inline,
fieldset[disabled] .am-radio,
fieldset[disabled] .am-radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
    cursor: not-allowed
}

.am-form-warning .am-checkbox,
.am-form-warning .am-checkbox-inline,
.am-form-warning .am-form-help,
.am-form-warning .am-form-label,
.am-form-warning .am-radio,
.am-form-warning .am-radio-inline,
.am-form-warning label {
    color: #F37B1D
}

.am-form-warning [class*=icon-] {
    color: #F37B1D
}

.am-form-warning .am-form-field {
    border-color: #F37B1D !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.am-form-warning .am-form-field:focus {
    background-color: #fefffe;
    border-color: #d2620b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important
}

.am-form-error .am-checkbox,
.am-form-error .am-checkbox-inline,
.am-form-error .am-form-help,
.am-form-error .am-form-label,
.am-form-error .am-radio,
.am-form-error .am-radio-inline,
.am-form-error label {
    color: #dd514c
}

.am-form-error [class*=icon-] {
    color: #dd514c
}

.am-field-error,
.am-form-error .am-form-field {
    border-color: #dd514c !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.am-field-error:focus,
.am-form-error .am-form-field:focus {
    background-color: #fefffe;
    border-color: #cf2d27;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important
}

.am-form-success .am-checkbox,
.am-form-success .am-checkbox-inline,
.am-form-success .am-form-help,
.am-form-success .am-form-label,
.am-form-success .am-radio,
.am-form-success .am-radio-inline,
.am-form-success label {
    color: #5eb95e
}

.am-form-success [class*=icon-] {
    color: #5eb95e
}

.am-field-valid,
.am-form-success .am-form-field {
    border-color: #5eb95e !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.am-field-valid:focus,
.am-form-success .am-form-field:focus {
    background-color: #fefffe;
    border-color: #459f45;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important
}

.am-form-horizontal .am-checkbox,
.am-form-horizontal .am-checkbox-inline,
.am-form-horizontal .am-form-label,
.am-form-horizontal .am-radio,
.am-form-horizontal .am-radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .6em
}

.am-form-horizontal .am-form-group:after,
.am-form-horizontal .am-form-group:before {
    content: " ";
    display: table
}

.am-form-horizontal .am-form-group:after {
    clear: both
}

@media only screen and (min-width: 641px) {
    .am-form-horizontal .am-form-label {
        text-align: right
    }
}

@media only screen and (min-width: 641px) {
    .am-form-inline .am-form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .am-form-inline .am-form-field {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .am-form-inline .am-input-group {
        display: inline-table;
        vertical-align: middle
    }

    .am-form-inline .am-input-group .am-form-label,
    .am-form-inline .am-input-group .am-input-group-btn,
    .am-form-inline .am-input-group .am-input-group-label {
        width: auto
    }

    .am-form-inline .am-input-group>.am-form-field {
        width: 100%
    }

    .am-form-inline .am-form-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .am-form-inline .am-checkbox,
    .am-form-inline .am-radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

    .am-form-inline .am-checkbox input[type=checkbox],
    .am-form-inline .am-radio input[type=radio] {
        float: none;
        margin-left: 0
    }
}

.am-input-sm {
    font-size: 1.4rem !important
}

.am-input-lg {
    font-size: 1.8rem !important
}

.am-form-group-sm .am-checkbox,
.am-form-group-sm .am-form-field,
.am-form-group-sm .am-form-label,
.am-form-group-sm .am-radio {
    font-size: 1.4rem !important
}

.am-form-group-lg .am-checkbox,
.am-form-group-lg .am-form-field,
.am-form-group-lg .am-form-label,
.am-form-group-lg .am-radio {
    font-size: 1.8rem !important
}

.am-form-group-lg input[type=checkbox],
.am-form-group-lg input[type=radio] {
    margin-top: 7px
}

.am-form-icon {
    position: relative
}

.am-form-icon .am-form-field {
    padding-left: 1.75em !important
}

.am-form-icon [class*=am-icon-] {
    position: absolute;
    left: .5em;
    top: 50%;
    display: block;
    margin-top: -.5em;
    line-height: 1;
    z-index: 2
}

.am-form-icon label~[class*=am-icon-] {
    top: 70%
}

.am-form-feedback {
    position: relative
}

.am-form-feedback .am-form-field {
    padding-left: 0.5em !important;
    padding-right: 1.75em !important
}

.am-form-feedback [class*=am-icon-] {
    right: .5em;
    left: auto
}

.am-form-horizontal .am-form-feedback [class*=am-icon-] {
    right: 1.6em
}

.am-form-set {
    margin-bottom: 1.5rem;
    padding: 0
}

.am-form-set>input {
    position: relative;
    top: -1px;
    border-radius: 0 !important
}

.am-form-set>input:focus {
    z-index: 2
}

.am-form-set>input:first-child {
    top: 1px;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.am-form-set>input:last-child {
    top: -2px;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.am-img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.am-img-thumbnail.am-radius {
    border-radius: 2px
}

.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.am-nav {
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.am-nav:after,
.am-nav:before {
    content: " ";
    display: table
}

.am-nav:after {
    clear: both
}

.am-nav>li {
    position: relative;
    display: block
}

.am-nav>li+li {
    margin-top: 5px
}

.am-nav>li+.am-nav-header {
    margin-top: 1em
}

.am-nav>li>a {
    position: relative;
    display: block;
    padding: .4em 1em;
    border-radius: 0
}

.am-nav>li>a:focus,
.am-nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.am-nav>li.am-active>a,
.am-nav>li.am-active>a:focus,
.am-nav>li.am-active>a:hover {
    color: #fff;
    background-color: #0f6540;
    cursor: default
}

.am-nav>li.am-disabled>a {
    color: #999
}

.am-nav>li.am-disabled>a:focus,
.am-nav>li.am-disabled>a:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.am-nav-header {
    padding: .4em 1em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 100%;
    color: #555
}

.am-nav-divider {
    margin: 15px 1em !important;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.am-nav-pills>li {
    float: left
}

.am-nav-pills>li+li {
    margin-left: 5px;
    margin-top: 0
}

.am-nav-tabs {
    border-bottom: 1px solid #ddd
}

.am-nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.am-nav-tabs>li+li {
    margin-top: 0
}

.am-nav-tabs>li>a {
    margin-right: 5px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 0
}

.am-nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.am-nav-tabs>li.am-active>a,
.am-nav-tabs>li.am-active>a:focus,
.am-nav-tabs>li.am-active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.am-nav-tabs.am-nav-justify {
    border-bottom: 0
}

.am-nav-tabs.am-nav-justify>li>a {
    margin-right: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0
}

.am-nav-tabs.am-nav-justify>.am-active>a,
.am-nav-tabs.am-nav-justify>.am-active>a:focus,
.am-nav-tabs.am-nav-justify>.am-active>a:hover {
    border-bottom-color: #fff
}

.am-nav-justify {
    width: 100%
}

.am-nav-justify>li {
    float: none;
    display: table-cell;
    width: 1%
}

.am-nav-justify>li>a {
    text-align: center;
    margin-bottom: 0
}

.lte9 .am-nav-justify>li {
    display: table-cell;
    width: 1%
}

.am-topbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 1.6rem;
    background: #f8f8f8;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    color: #666
}

.am-topbar:after,
.am-topbar:before {
    content: " ";
    display: table
}

.am-topbar:after {
    clear: both
}

.am-topbar a {
    color: #666
}

.am-topbar-brand {
    margin: 0
}

@media only screen and (min-width: 641px) {
    .am-topbar-brand {
        float: left
    }
}

.am-topbar-brand a:hover {
    color: #4d4d4d
}

.am-topbar-collapse {
    width: 100%;
    overflow-x: visible;
    padding: 10px;
    clear: both;
    -webkit-overflow-scrolling: touch
}

.am-topbar-collapse:after,
.am-topbar-collapse:before {
    content: " ";
    display: table
}

.am-topbar-collapse:after {
    clear: both
}

.am-topbar-collapse.am-in {
    overflow-y: auto
}

@media only screen and (min-width: 641px) {
    .am-topbar-collapse {
        margin-top: 0;
        padding: 0;
        width: auto;
        clear: none
    }

    .am-topbar-collapse.am-collapse {
        display: block !important;
        height: auto !important;
        padding: 0;
        overflow: visible !important
    }

    .am-topbar-collapse.am-in {
        overflow-y: visible
    }
}

.am-topbar-brand {
    padding: 0 10px;
    float: left;
    font-size: 1.8rem;
    height: 50px;
    line-height: 50px
}

.am-topbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px
}

@media only screen and (min-width: 641px) {
    .am-topbar-toggle {
        display: none
    }
}

@media only screen and (max-width: 640px) {
    .am-topbar-nav {
        margin-bottom: 8px
    }

    .am-topbar-nav>li {
        float: none
    }
}

@media only screen and (max-width: 640px) {
    .am-topbar-nav>li+li {
        margin-left: 0;
        margin-top: 5px
    }
}

@media only screen and (min-width: 641px) {
    .am-topbar-nav {
        float: left
    }

    .am-topbar-nav>li>a {
        position: relative;
        line-height: 50px;
        padding: 0 10px
    }

    .am-topbar-nav>li>a:after {
        position: absolute;
        left: 50%;
        margin-left: -7px;
        bottom: -1px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-bottom: 7px solid #f8f8f8;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 0 dotted;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0;
        -webkit-transition: opacity .1s;
        transition: opacity .1s
    }

    .am-topbar-nav>li>a:hover:after {
        opacity: 1;
        border-bottom-color: #666
    }

    .am-topbar-nav>li.am-dropdown>a:after {
        display: none
    }

    .am-topbar-nav>li.am-active>a,
    .am-topbar-nav>li.am-active>a:focus,
    .am-topbar-nav>li.am-active>a:hover {
        border-radius: 0;
        color: #0f6540;
        background: 0 0
    }

    .am-topbar-nav>li.am-active>a:after {
        opacity: 1;
        border-bottom-color: #0f6540
    }
}

@media only screen and (max-width: 640px) {
    .am-topbar-collapse .am-dropdown.am-active .am-dropdown-content {
        float: none;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 641px) {
    .am-topbar-left {
        float: left
    }

    .am-topbar-right {
        float: right;
        margin-right: 10px
    }
}

@media only screen and (max-width: 640px) {
    .am-topbar-form .am-form-group {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 641px) {
    .am-topbar-form {
        padding: 0 10px;
        margin-top: 8px
    }

    .am-topbar-form .am-form-group+.am-btn {
        margin-left: 5px
    }
}

.am-topbar-btn {
    margin-top: 8px
}

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

    .am-topbar-collapse .am-btn,
    .am-topbar-collapse .am-topbar-btn {
        display: block;
        width: 100%
    }
}

.am-topbar-inverse {
    background-color: #0f6540;
    border-color: #0b6fa2;
    color: #eee
}

.am-topbar-inverse a {
    color: #eee
}

.am-topbar-inverse .am-topbar-brand a {
    color: #fff
}

.am-topbar-inverse .am-topbar-brand a:focus,
.am-topbar-inverse .am-topbar-brand a:hover {
    color: #fff;
    background-color: transparent
}

.am-topbar-inverse .am-topbar-nav>li>a {
    color: #eee
}

.am-topbar-inverse .am-topbar-nav>li>a:focus,
.am-topbar-inverse .am-topbar-nav>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.05)
}

.am-topbar-inverse .am-topbar-nav>li>a:focus:after,
.am-topbar-inverse .am-topbar-nav>li>a:hover:after {
    border-bottom-color: #0b6fa2
}

.am-topbar-inverse .am-topbar-nav>li>a:after {
    border-bottom-color: #0f6540
}

.am-topbar-inverse .am-topbar-nav>li.am-active>a,
.am-topbar-inverse .am-topbar-nav>li.am-active>a:focus,
.am-topbar-inverse .am-topbar-nav>li.am-active>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1)
}

.am-topbar-inverse .am-topbar-nav>li.am-active>a:after,
.am-topbar-inverse .am-topbar-nav>li.am-active>a:focus:after,
.am-topbar-inverse .am-topbar-nav>li.am-active>a:hover:after {
    border-bottom-color: #fff
}

.am-topbar-inverse .am-topbar-nav>li .disabled>a,
.am-topbar-inverse .am-topbar-nav>li .disabled>a:focus,
.am-topbar-inverse .am-topbar-nav>li .disabled>a:hover {
    color: #444;
    background-color: transparent
}

.am-topbar-fixed-bottom,
.am-topbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.am-topbar-fixed-top {
    top: 0
}

.am-topbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.am-with-topbar-fixed-top {
    padding-top: 51px
}

.am-with-topbar-fixed-bottom {
    padding-bottom: 51px
}

@media only screen and (max-width: 640px) {
    .am-topbar-fixed-bottom .am-topbar-collapse {
        position: absolute;
        bottom: 100%;
        margin-bottom: 1px;
        background-color: #f8f8f8
    }

    .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:after,
    .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:before {
        display: none
    }

    .am-topbar-fixed-bottom.am-topbar-inverse .am-topbar-collapse {
        background-color: #0f6540
    }
}

.am-breadcrumb {
    padding: .7em .5em;
    margin-bottom: 2rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 85%
}

.am-breadcrumb>li {
    display: inline-block
}

.am-breadcrumb>li [class*=am-icon-]:before {
    color: #999;
    margin-right: 5px
}

.am-breadcrumb>li+li:before {
    content: "\00bb\00a0";
    padding: 0 8px;
    color: #ccc
}

.am-breadcrumb>.am-active {
    color: #999
}

.am-breadcrumb-slash>li+li:before {
    content: "/\00a0"
}

.am-pagination {
    padding-left: 0;
    margin: 1.5rem 0;
    list-style: none;
    color: #999;
    text-align: left
}

.am-pagination:after,
.am-pagination:before {
    content: " ";
    display: table
}

.am-pagination:after {
    clear: both
}

.am-pagination>li {
    display: inline-block
}

.am-pagination>li>a,
.am-pagination>li>span {
    position: relative;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px
}

.am-pagination>li:last-child>a,
.am-pagination>li:last-child>span {
    margin-right: 0
}

.am-pagination>li>a:focus,
.am-pagination>li>a:hover,
.am-pagination>li>span:focus,
.am-pagination>li>span:hover {
    background-color: #eee
}

.am-pagination>.am-active>a,
.am-pagination>.am-active>a:focus,
.am-pagination>.am-active>a:hover,
.am-pagination>.am-active>span,
.am-pagination>.am-active>span:focus,
.am-pagination>.am-active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #0f6540;
    border-color: #0f6540;
    cursor: default
}

.am-pagination>.am-disabled>a,
.am-pagination>.am-disabled>a:focus,
.am-pagination>.am-disabled>a:hover,
.am-pagination>.am-disabled>span,
.am-pagination>.am-disabled>span:focus,
.am-pagination>.am-disabled>span:hover {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
    pointer-events: none
}

.am-pagination .am-pagination-prev {
    float: left
}

.am-pagination .am-pagination-prev a {
    border-radius: 0
}

.am-pagination .am-pagination-next {
    float: right
}

.am-pagination .am-pagination-next a {
    border-radius: 0
}

.am-pagination-centered {
    text-align: center
}

.am-pagination-right {
    text-align: right
}

[class*=am-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen {
    .cssanimations [data-am-scrollspy*=animation] {
        opacity: 0
    }
}

.am-animation-fade {
    -webkit-animation-name: am-fade;
    animation-name: am-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

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

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

.am-animation-scale-up {
    -webkit-animation-name: am-scale-up;
    animation-name: am-scale-up
}

.am-animation-scale-down {
    -webkit-animation-name: am-scale-down;
    animation-name: am-scale-down
}

.am-animation-slide-top {
    -webkit-animation-name: am-slide-top;
    animation-name: am-slide-top
}

.am-animation-slide-bottom {
    -webkit-animation-name: am-slide-bottom;
    animation-name: am-slide-bottom
}

.am-animation-slide-left {
    -webkit-animation-name: am-slide-left;
    animation-name: am-slide-left
}

.am-animation-slide-right {
    -webkit-animation-name: am-slide-right;
    animation-name: am-slide-right
}

.am-animation-slide-top-fixed {
    -webkit-animation-name: am-slide-top-fixed;
    animation-name: am-slide-top-fixed
}

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

.am-animation-spin {
    -webkit-animation: am-spin 2s infinite linear;
    animation: am-spin 2s infinite linear
}

.am-animation-left-spring {
    -webkit-animation: am-left-spring .3s ease-in-out;
    animation: am-left-spring .3s ease-in-out
}

.am-animation-right-spring {
    -webkit-animation: am-right-spring .3s ease-in-out;
    animation: am-right-spring .3s ease-in-out
}

.am-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.am-animation-paused {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

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

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

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

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

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

.am-animation-delay-6 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

@-webkit-keyframes am-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes am-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes am-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

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

@-webkit-keyframes am-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

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

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

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

@keyframes am-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes am-scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

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

@keyframes am-scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

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

@-webkit-keyframes am-scale-down {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@keyframes am-scale-down {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@-webkit-keyframes am-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

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

@keyframes am-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

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

@-webkit-keyframes am-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@keyframes am-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@-webkit-keyframes am-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes am-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes am-slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes am-slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes am-shake {

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

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

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

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes am-shake {

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

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

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

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes am-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

@keyframes am-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

@-webkit-keyframes am-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes am-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@-webkit-keyframes am-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes am-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes am-right-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@keyframes am-right-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@-webkit-keyframes am-left-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@keyframes am-left-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

.am-article:after,
.am-article:before {
    content: " ";
    display: table
}

.am-article:after {
    clear: both
}

.am-article>:last-child {
    margin-bottom: 0
}

.am-article+.am-article {
    margin-top: 2.4rem
}

.am-article-title {
    font-size: 2.8rem;
    line-height: 1.15;
    font-weight: 400
}

.am-article-title a {
    color: inherit;
    text-decoration: none
}

.am-article-meta {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #999
}

.am-article-lead {
    color: #666;
    font-size: 1.4rem;
    line-height: 1.5;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #f9f9f9;
    padding: 10px
}

.am-article-divider {
    margin-bottom: 2.4rem;
    border-color: #eee
}

*+.am-article-divider {
    margin-top: 2.4rem
}

.am-article-bd blockquote {
    font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, FontAwesome, serif
}

.am-article-bd img {
    display: block;
    max-width: 100%
}

.am-badge {
    display: inline-block;
    min-width: 10px;
    padding: .25em .625em;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 0
}

.am-badge:empty {
    display: none
}

.am-badge.am-square {
    border-radius: 0
}

.am-badge.am-radius {
    border-radius: 2px
}

.am-badge.am-round {
    border-radius: 1000px
}

a.am-badge:focus,
a.am-badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.am-badge-primary {
    background-color: #0f6540
}

.am-badge-secondary {
    background-color: #00a0e9
}

.am-badge-success {
    background-color: #5eb95e
}

.am-badge-warning {
    background-color: #F37B1D
}

.am-badge-danger {
    background-color: #dd514c
}

.am-comment:after,
.am-comment:before {
    content: " ";
    display: table
}

.am-comment:after {
    clear: both
}

.am-comment-avatar {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid transparent
}

@media only screen and (min-width: 641px) {
    .am-comment-avatar {
        width: 48px;
        height: 48px
    }
}

.am-comment-main {
    position: relative;
    margin-left: 42px;
    border: 1px solid #dedede;
    border-radius: 0
}

.am-comment-main:after,
.am-comment-main:before {
    position: absolute;
    top: 10px;
    left: -8px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    border-width: 8px 8px 8px 0;
    pointer-events: none
}

.am-comment-main:before {
    border-right-color: #dedede;
    z-index: 1
}

.am-comment-main:after {
    border-right-color: #f8f8f8;
    margin-left: 1px;
    z-index: 2
}

@media only screen and (min-width: 641px) {
    .am-comment-main {
        margin-left: 63px
    }
}

.am-comment-hd {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.am-comment-title {
    margin: 0 0 8px 0;
    font-size: 1.6rem;
    line-height: 1.2
}

.am-comment-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    font-size: 13px;
    color: #999;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.am-comment-meta a {
    color: #999
}

.am-comment-author {
    font-weight: 700;
    color: #999
}

.am-comment-bd {
    padding: 15px;
    overflow: hidden
}

.am-comment-bd>:last-child {
    margin-bottom: 0
}

.am-comment-footer {
    padding: 0 15px 5px
}

.am-comment-footer .am-comment-actions a+a {
    margin-left: 5px
}

.am-comment-actions {
    font-size: 13px;
    color: #999
}

.am-comment-actions a {
    display: inline-block;
    padding: 10px 5px;
    line-height: 1;
    color: #999;
    opacity: .7
}

.am-comment-actions a:hover {
    color: #0f6540;
    opacity: 1
}

.am-comment-hd .am-comment-actions {
    padding-right: .5rem
}

.am-comment-flip .am-comment-avatar {
    float: right
}

.am-comment-flip .am-comment-main {
    margin-left: auto;
    margin-right: 42px
}

@media only screen and (min-width: 641px) {
    .am-comment-flip .am-comment-main {
        margin-right: 63px
    }
}

.am-comment-flip .am-comment-main:after,
.am-comment-flip .am-comment-main:before {
    left: auto;
    right: -8px;
    border-width: 8px 0 8px 8px
}

.am-comment-flip .am-comment-main:before {
    border-left-color: #dedede
}

.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8;
    margin-right: 1px;
    margin-left: auto
}

.am-comment-primary .am-comment-avatar {
    border-color: #0f6540
}

.am-comment-primary .am-comment-main {
    border-color: #0f6540
}

.am-comment-primary .am-comment-main:before {
    border-right-color: #0f6540
}

.am-comment-primary.am-comment-flip .am-comment-main:before {
    border-left-color: #0f6540;
    border-right-color: transparent
}

.am-comment-primary.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8
}

.am-comment-highlight .am-comment-avatar,
.am-comment-secondary .am-comment-avatar {
    border-color: #00a0e9
}

.am-comment-highlight .am-comment-main,
.am-comment-secondary .am-comment-main {
    border-color: #00a0e9
}

.am-comment-highlight .am-comment-main:before,
.am-comment-secondary .am-comment-main:before {
    border-right-color: #00a0e9
}

.am-comment-highlight.am-comment-flip .am-comment-main:before,
.am-comment-secondary.am-comment-flip .am-comment-main:before {
    border-left-color: #00a0e9;
    border-right-color: transparent
}

.am-comment-highlight.am-comment-flip .am-comment-main:after,
.am-comment-secondary.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8
}

.am-comment-success .am-comment-avatar {
    border-color: #5eb95e
}

.am-comment-success .am-comment-main {
    border-color: #5eb95e
}

.am-comment-success .am-comment-main:before {
    border-right-color: #5eb95e
}

.am-comment-success.am-comment-flip .am-comment-main:before {
    border-left-color: #5eb95e;
    border-right-color: transparent
}

.am-comment-success.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8
}

.am-comment-warning .am-comment-avatar {
    border-color: #F37B1D
}

.am-comment-warning .am-comment-main {
    border-color: #F37B1D
}

.am-comment-warning .am-comment-main:before {
    border-right-color: #F37B1D
}

.am-comment-warning.am-comment-flip .am-comment-main:before {
    border-left-color: #F37B1D;
    border-right-color: transparent
}

.am-comment-warning.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8
}

.am-comment-danger .am-comment-avatar {
    border-color: #dd514c
}

.am-comment-danger .am-comment-main {
    border-color: #dd514c
}

.am-comment-danger .am-comment-main:before {
    border-right-color: #dd514c
}

.am-comment-danger.am-comment-flip .am-comment-main:before {
    border-left-color: #dd514c;
    border-right-color: transparent
}

.am-comment-danger.am-comment-flip .am-comment-main:after {
    border-left-color: #f8f8f8
}

.am-comments-list {
    padding: 0;
    list-style: none
}

.am-comments-list .am-comment {
    margin: 1.6rem 0 0 0;
    list-style: none
}

@media only screen and (min-width: 641px) {
    .am-comments-list-flip .am-comment-main {
        margin-right: 64px
    }

    .am-comments-list-flip .am-comment-flip .am-comment-main {
        margin-left: 64px
    }
}

.am-btn-group,
.am-btn-group-stacked {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.am-btn-group-stacked>.am-btn,
.am-btn-group>.am-btn {
    position: relative;
    float: left
}

.am-btn-group-stacked>.am-btn.active,
.am-btn-group-stacked>.am-btn:active,
.am-btn-group-stacked>.am-btn:focus,
.am-btn-group-stacked>.am-btn:hover,
.am-btn-group>.am-btn.active,
.am-btn-group>.am-btn:active,
.am-btn-group>.am-btn:focus,
.am-btn-group>.am-btn:hover {
    z-index: 2
}

.am-btn-group-stacked>.am-btn:focus,
.am-btn-group>.am-btn:focus {
    outline: 0
}

.am-btn-group .am-btn+.am-btn,
.am-btn-group .am-btn+.am-btn-group,
.am-btn-group .am-btn-group+.am-btn,
.am-btn-group .am-btn-group+.am-btn-group {
    margin-left: -1px
}

.am-btn-toolbar {
    margin-left: -5px
}

.am-btn-toolbar:after,
.am-btn-toolbar:before {
    content: " ";
    display: table
}

.am-btn-toolbar:after {
    clear: both
}

.am-btn-toolbar .am-btn-group,
.am-btn-toolbar .am-input-group {
    float: left
}

.am-btn-toolbar>.am-btn,
.am-btn-toolbar>.am-btn-group,
.am-btn-toolbar>.am-input-group {
    margin-left: 5px
}

.am-btn-group>.am-btn:not(:first-child):not(:last-child):not(.am-dropdown-toggle) {
    border-radius: 0
}

.am-btn-group>.am-btn:first-child {
    margin-left: 0
}

.am-btn-group>.am-btn:first-child:not(:last-child):not(.am-dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.am-btn-group>.am-btn:last-child:not(:first-child),
.am-btn-group>.am-dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.am-btn-group>.am-btn-group {
    float: left
}

.am-btn-group>.am-btn-group:not(:first-child):not(:last-child)>.am-btn {
    border-radius: 0
}

.am-btn-group>.am-btn-group:first-child>.am-btn:last-child,
.am-btn-group>.am-btn-group:first-child>.am-dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.am-btn-group>.am-btn-group:last-child>.am-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.am-btn-group-xs>.am-btn {
    font-size: 1.2rem
}

.am-btn-group-sm>.am-btn {
    font-size: 1.4rem
}

.am-btn-group-lg>.am-btn {
    font-size: 1.8rem
}

.am-btn-group-stacked>.am-btn,
.am-btn-group-stacked>.am-btn-group,
.am-btn-group-stacked>.am-btn-group>.am-btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.am-btn-group-stacked>.am-btn-group:after,
.am-btn-group-stacked>.am-btn-group:before {
    content: " ";
    display: table
}

.am-btn-group-stacked>.am-btn-group:after {
    clear: both
}

.am-btn-group-stacked>.am-btn-group>.am-btn {
    float: none
}

.am-btn-group-stacked>.am-btn+.am-btn,
.am-btn-group-stacked>.am-btn+.am-btn-group,
.am-btn-group-stacked>.am-btn-group+.am-btn,
.am-btn-group-stacked>.am-btn-group+.am-btn-group {
    margin-top: -1px;
    margin-left: 0
}

.am-btn-group-stacked>.am-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.am-btn-group-stacked>.am-btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-btn-group-stacked>.am-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-btn-group-stacked>.am-btn-group:not(:first-child):not(:last-child)>.am-btn {
    border-radius: 0
}

.am-btn-group-stacked>.am-btn-group:first-child:not(:last-child)>.am-btn:last-child,
.am-btn-group-stacked>.am-btn-group:first-child:not(:last-child)>.am-dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-btn-group-stacked>.am-btn-group:last-child:not(:first-child)>.am-btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-btn-group-justify {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    width: 100%
}

.am-btn-group-justify>.am-btn,
.am-btn-group-justify>.am-btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.am-btn-group-justify>.am-btn-group .am-btn {
    width: 100%
}

.lte9 .am-btn-group-justify {
    display: table;
    table-layout: fixed;
    border-collapse: separate
}

.lte9 .am-btn-group-justify>.am-btn,
.lte9 .am-btn-group-justify>.am-btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.am-btn-group .am-dropdown {
    float: left;
    margin-left: -1px
}

.am-btn-group .am-dropdown>.am-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.am-btn-group .am-active .am-dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.am-btn-group .am-active .am-dropdown-toggle.am-btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.am-btn-group .am-active .am-dropdown-toggle,
.am-btn-group .am-dropdown-toggle:active {
    outline: 0
}

.am-btn-group-check>.am-btn>input[type=checkbox],
.am-btn-group-check>.am-btn>input[type=radio],
[data-am-button]>.am-btn>input[type=checkbox],
[data-am-button]>.am-btn>input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.am-close {
    display: inline-block;
    text-align: center;
    width: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    -webkit-transition: all .3s;
    transition: all .3s
}

.am-close:focus,
.am-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    outline: 0
}

.am-close[class*=am-icon-] {
    font-size: 16px
}

button.am-close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

a.am-close:hover {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.am-close-alt {
    border-radius: 50%;
    background: #eee;
    opacity: .7;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25)
}

.am-close-alt:focus,
.am-close-alt:hover {
    opacity: 1
}

.am-close-spin:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=am-icon-] {
    display: inline-block;
    font-style: normal
}

[class*=am-icon-]:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.am-icon-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

[class*=am-icon-].am-fl {
    margin-right: .3em
}

[class*=am-icon-].am-fr {
    margin-left: .3em
}

.am-icon-sm:before {
    font-size: 150%;
    vertical-align: -10%
}

.am-icon-md:before {
    font-size: 200%;
    vertical-align: -16%
}

.am-icon-lg:before {
    font-size: 250%;
    vertical-align: -22%
}

.am-icon-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #eee;
    color: #555;
    text-align: center
}

.am-icon-btn:focus,
.am-icon-btn:hover {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    outline: 0
}

.am-icon-btn:active {
    background-color: #ddd;
    color: #333
}

.am-icon-btn.am-danger,
.am-icon-btn.am-primary,
.am-icon-btn.am-secondary,
.am-icon-btn.am-success,
.am-icon-btn.am-warning {
    color: #fff
}

.am-icon-btn.am-primary {
    background-color: #0f6540
}

.am-icon-btn.am-secondary {
    background-color: #00a0e9
}

.am-icon-btn.am-success {
    background-color: #5eb95e
}

.am-icon-btn.am-warning {
    background-color: #F37B1D
}

.am-icon-btn.am-danger {
    background-color: #dd514c
}

.am-icon-btn-sm {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px
}

.am-icon-btn-lg {
    width: 64px;
    height: 64px;
    font-size: 28px;
    line-height: 64px
}

.am-icon-fw {
    width: 1.25em;
    text-align: center
}

.am-icon-glass:before {
    content: "\f000"
}

.am-icon-music:before {
    content: "\f001"
}

.am-icon-search:before {
    content: "\f002"
}

.am-icon-envelope-o:before {
    content: "\f003"
}

.am-icon-heart:before {
    content: "\f004"
}

.am-icon-star:before {
    content: "\f005"
}

.am-icon-star-o:before {
    content: "\f006"
}

.am-icon-user:before {
    content: "\f007"
}

.am-icon-film:before {
    content: "\f008"
}

.am-icon-th-large:before {
    content: "\f009"
}

.am-icon-th:before {
    content: "\f00a"
}

.am-icon-th-list:before {
    content: "\f00b"
}

.am-icon-check:before {
    content: "\f00c"
}

.am-icon-close:before,
.am-icon-remove:before,
.am-icon-times:before {
    content: "\f00d"
}

.am-icon-search-plus:before {
    content: "\f00e"
}

.am-icon-search-minus:before {
    content: "\f010"
}

.am-icon-power-off:before {
    content: "\f011"
}

.am-icon-signal:before {
    content: "\f012"
}

.am-icon-cog:before,
.am-icon-gear:before {
    content: "\f013"
}

.am-icon-trash-o:before {
    content: "\f014"
}

.am-icon-home:before {
    content: "\f015"
}

.am-icon-file-o:before {
    content: "\f016"
}

.am-icon-clock-o:before {
    content: "\f017"
}

.am-icon-road:before {
    content: "\f018"
}

.am-icon-download:before {
    content: "\f019"
}

.am-icon-arrow-circle-o-down:before {
    content: "\f01a"
}

.am-icon-arrow-circle-o-up:before {
    content: "\f01b"
}

.am-icon-inbox:before {
    content: "\f01c"
}

.am-icon-play-circle-o:before {
    content: "\f01d"
}

.am-icon-repeat:before,
.am-icon-rotate-right:before {
    content: "\f01e"
}

.am-icon-refresh:before {
    content: "\f021"
}

.am-icon-list-alt:before {
    content: "\f022"
}

.am-icon-lock:before {
    content: "\f023"
}

.am-icon-flag:before {
    content: "\f024"
}

.am-icon-headphones:before {
    content: "\f025"
}

.am-icon-volume-off:before {
    content: "\f026"
}

.am-icon-volume-down:before {
    content: "\f027"
}

.am-icon-volume-up:before {
    content: "\f028"
}

.am-icon-qrcode:before {
    content: "\f029"
}

.am-icon-barcode:before {
    content: "\f02a"
}

.am-icon-tag:before {
    content: "\f02b"
}

.am-icon-tags:before {
    content: "\f02c"
}

.am-icon-book:before {
    content: "\f02d"
}

.am-icon-bookmark:before {
    content: "\f02e"
}

.am-icon-print:before {
    content: "\f02f"
}

.am-icon-camera:before {
    content: "\f030"
}

.am-icon-font:before {
    content: "\f031"
}

.am-icon-bold:before {
    content: "\f032"
}

.am-icon-italic:before {
    content: "\f033"
}

.am-icon-text-height:before {
    content: "\f034"
}

.am-icon-text-width:before {
    content: "\f035"
}

.am-icon-align-left:before {
    content: "\f036"
}

.am-icon-align-center:before {
    content: "\f037"
}

.am-icon-align-right:before {
    content: "\f038"
}

.am-icon-align-justify:before {
    content: "\f039"
}

.am-icon-list:before {
    content: "\f03a"
}

.am-icon-dedent:before,
.am-icon-outdent:before {
    content: "\f03b"
}

.am-icon-indent:before {
    content: "\f03c"
}

.am-icon-video-camera:before {
    content: "\f03d"
}

.am-icon-image:before,
.am-icon-photo:before,
.am-icon-picture-o:before {
    content: "\f03e"
}

.am-icon-pencil:before {
    content: "\f040"
}

.am-icon-map-marker:before {
    content: "\f041"
}

.am-icon-adjust:before {
    content: "\f042"
}

.am-icon-tint:before {
    content: "\f043"
}

.am-icon-edit:before,
.am-icon-pencil-square-o:before {
    content: "\f044"
}

.am-icon-share-square-o:before {
    content: "\f045"
}

.am-icon-check-square-o:before {
    content: "\f046"
}

.am-icon-arrows:before {
    content: "\f047"
}

.am-icon-step-backward:before {
    content: "\f048"
}

.am-icon-fast-backward:before {
    content: "\f049"
}

.am-icon-backward:before {
    content: "\f04a"
}

.am-icon-play:before {
    content: "\f04b"
}

.am-icon-pause:before {
    content: "\f04c"
}

.am-icon-stop:before {
    content: "\f04d"
}

.am-icon-forward:before {
    content: "\f04e"
}

.am-icon-fast-forward:before {
    content: "\f050"
}

.am-icon-step-forward:before {
    content: "\f051"
}

.am-icon-eject:before {
    content: "\f052"
}

.am-icon-chevron-left:before {
    content: "\f053"
}

.am-icon-chevron-right:before {
    content: "\f054"
}

.am-icon-plus-circle:before {
    content: "\f055"
}

.am-icon-minus-circle:before {
    content: "\f056"
}

.am-icon-times-circle:before {
    content: "\f057"
}

.am-icon-check-circle:before {
    content: "\f058"
}

.am-icon-question-circle:before {
    content: "\f059"
}

.am-icon-info-circle:before {
    content: "\f05a"
}

.am-icon-crosshairs:before {
    content: "\f05b"
}

.am-icon-times-circle-o:before {
    content: "\f05c"
}

.am-icon-check-circle-o:before {
    content: "\f05d"
}

.am-icon-ban:before {
    content: "\f05e"
}

.am-icon-arrow-left:before {
    content: "\f060"
}

.am-icon-arrow-right:before {
    content: "\f061"
}

.am-icon-arrow-up:before {
    content: "\f062"
}

.am-icon-arrow-down:before {
    content: "\f063"
}

.am-icon-mail-forward:before,
.am-icon-share:before {
    content: "\f064"
}

.am-icon-expand:before {
    content: "\f065"
}

.am-icon-compress:before {
    content: "\f066"
}

.am-icon-plus:before {
    content: "\f067"
}

.am-icon-minus:before {
    content: "\f068"
}

.am-icon-asterisk:before {
    content: "\f069"
}

.am-icon-exclamation-circle:before {
    content: "\f06a"
}

.am-icon-gift:before {
    content: "\f06b"
}

.am-icon-leaf:before {
    content: "\f06c"
}

.am-icon-fire:before {
    content: "\f06d"
}

.am-icon-eye:before {
    content: "\f06e"
}

.am-icon-eye-slash:before {
    content: "\f070"
}

.am-icon-exclamation-triangle:before,
.am-icon-warning:before {
    content: "\f071"
}

.am-icon-plane:before {
    content: "\f072"
}

.am-icon-calendar:before {
    content: "\f073"
}

.am-icon-random:before {
    content: "\f074"
}

.am-icon-comment:before {
    content: "\f075"
}

.am-icon-magnet:before {
    content: "\f076"
}

.am-icon-chevron-up:before {
    content: "\f077"
}

.am-icon-chevron-down:before {
    content: "\f078"
}

.am-icon-retweet:before {
    content: "\f079"
}

.am-icon-shopping-cart:before {
    content: "\f07a"
}

.am-icon-folder:before {
    content: "\f07b"
}

.am-icon-folder-open:before {
    content: "\f07c"
}

.am-icon-arrows-v:before {
    content: "\f07d"
}

.am-icon-arrows-h:before {
    content: "\f07e"
}

.am-icon-bar-chart-o:before,
.am-icon-bar-chart:before {
    content: "\f080"
}

.am-icon-twitter-square:before {
    content: "\f081"
}

.am-icon-facebook-square:before {
    content: "\f082"
}

.am-icon-camera-retro:before {
    content: "\f083"
}

.am-icon-key:before {
    content: "\f084"
}

.am-icon-cogs:before,
.am-icon-gears:before {
    content: "\f085"
}

.am-icon-comments:before {
    content: "\f086"
}

.am-icon-thumbs-o-up:before {
    content: "\f087"
}

.am-icon-thumbs-o-down:before {
    content: "\f088"
}

.am-icon-star-half:before {
    content: "\f089"
}

.am-icon-heart-o:before {
    content: "\f08a"
}

.am-icon-sign-out:before {
    content: "\f08b"
}

.am-icon-linkedin-square:before {
    content: "\f08c"
}

.am-icon-thumb-tack:before {
    content: "\f08d"
}

.am-icon-external-link:before {
    content: "\f08e"
}

.am-icon-sign-in:before {
    content: "\f090"
}

.am-icon-trophy:before {
    content: "\f091"
}

.am-icon-github-square:before {
    content: "\f092"
}

.am-icon-upload:before {
    content: "\f093"
}

.am-icon-lemon-o:before {
    content: "\f094"
}

.am-icon-phone:before {
    content: "\f095"
}

.am-icon-square-o:before {
    content: "\f096"
}

.am-icon-bookmark-o:before {
    content: "\f097"
}

.am-icon-phone-square:before {
    content: "\f098"
}

.am-icon-twitter:before {
    content: "\f099"
}

.am-icon-facebook-f:before,
.am-icon-facebook:before {
    content: "\f09a"
}

.am-icon-github:before {
    content: "\f09b"
}

.am-icon-unlock:before {
    content: "\f09c"
}

.am-icon-credit-card:before {
    content: "\f09d"
}

.am-icon-feed:before,
.am-icon-rss:before {
    content: "\f09e"
}

.am-icon-hdd-o:before {
    content: "\f0a0"
}

.am-icon-bullhorn:before {
    content: "\f0a1"
}

.am-icon-bell:before {
    content: "\f0f3"
}

.am-icon-certificate:before {
    content: "\f0a3"
}

.am-icon-hand-o-right:before {
    content: "\f0a4"
}

.am-icon-hand-o-left:before {
    content: "\f0a5"
}

.am-icon-hand-o-up:before {
    content: "\f0a6"
}

.am-icon-hand-o-down:before {
    content: "\f0a7"
}

.am-icon-arrow-circle-left:before {
    content: "\f0a8"
}

.am-icon-arrow-circle-right:before {
    content: "\f0a9"
}

.am-icon-arrow-circle-up:before {
    content: "\f0aa"
}

.am-icon-arrow-circle-down:before {
    content: "\f0ab"
}

.am-icon-globe:before {
    content: "\f0ac"
}

.am-icon-wrench:before {
    content: "\f0ad"
}

.am-icon-tasks:before {
    content: "\f0ae"
}

.am-icon-filter:before {
    content: "\f0b0"
}

.am-icon-briefcase:before {
    content: "\f0b1"
}

.am-icon-arrows-alt:before {
    content: "\f0b2"
}

.am-icon-group:before,
.am-icon-users:before {
    content: "\f0c0"
}

.am-icon-chain:before,
.am-icon-link:before {
    content: "\f0c1"
}

.am-icon-cloud:before {
    content: "\f0c2"
}

.am-icon-flask:before {
    content: "\f0c3"
}

.am-icon-cut:before,
.am-icon-scissors:before {
    content: "\f0c4"
}

.am-icon-copy:before,
.am-icon-files-o:before {
    content: "\f0c5"
}

.am-icon-paperclip:before {
    content: "\f0c6"
}

.am-icon-floppy-o:before,
.am-icon-save:before {
    content: "\f0c7"
}

.am-icon-square:before {
    content: "\f0c8"
}

.am-icon-bars:before,
.am-icon-navicon:before,
.am-icon-reorder:before {
    content: "\f0c9"
}

.am-icon-list-ul:before {
    content: "\f0ca"
}

.am-icon-list-ol:before {
    content: "\f0cb"
}

.am-icon-strikethrough:before {
    content: "\f0cc"
}

.am-icon-underline:before {
    content: "\f0cd"
}

.am-icon-table:before {
    content: "\f0ce"
}

.am-icon-magic:before {
    content: "\f0d0"
}

.am-icon-truck:before {
    content: "\f0d1"
}

.am-icon-pinterest:before {
    content: "\f0d2"
}

.am-icon-pinterest-square:before {
    content: "\f0d3"
}

.am-icon-google-plus-square:before {
    content: "\f0d4"
}

.am-icon-google-plus:before {
    content: "\f0d5"
}

.am-icon-money:before {
    content: "\f0d6"
}

.am-icon-caret-down:before {
    content: "\f0d7"
}

.am-icon-caret-up:before {
    content: "\f0d8"
}

.am-icon-caret-left:before {
    content: "\f0d9"
}

.am-icon-caret-right:before {
    content: "\f0da"
}

.am-icon-columns:before {
    content: "\f0db"
}

.am-icon-sort:before,
.am-icon-unsorted:before {
    content: "\f0dc"
}

.am-icon-sort-desc:before,
.am-icon-sort-down:before {
    content: "\f0dd"
}

.am-icon-sort-asc:before,
.am-icon-sort-up:before {
    content: "\f0de"
}

.am-icon-envelope:before {
    content: "\f0e0"
}

.am-icon-linkedin:before {
    content: "\f0e1"
}

.am-icon-rotate-left:before,
.am-icon-undo:before {
    content: "\f0e2"
}

.am-icon-gavel:before,
.am-icon-legal:before {
    content: "\f0e3"
}

.am-icon-dashboard:before,
.am-icon-tachometer:before {
    content: "\f0e4"
}

.am-icon-comment-o:before {
    content: "\f0e5"
}

.am-icon-comments-o:before {
    content: "\f0e6"
}

.am-icon-bolt:before,
.am-icon-flash:before {
    content: "\f0e7"
}

.am-icon-sitemap:before {
    content: "\f0e8"
}

.am-icon-umbrella:before {
    content: "\f0e9"
}

.am-icon-clipboard:before,
.am-icon-paste:before {
    content: "\f0ea"
}

.am-icon-lightbulb-o:before {
    content: "\f0eb"
}

.am-icon-exchange:before {
    content: "\f0ec"
}

.am-icon-cloud-download:before {
    content: "\f0ed"
}

.am-icon-cloud-upload:before {
    content: "\f0ee"
}

.am-icon-user-md:before {
    content: "\f0f0"
}

.am-icon-stethoscope:before {
    content: "\f0f1"
}

.am-icon-suitcase:before {
    content: "\f0f2"
}

.am-icon-bell-o:before {
    content: "\f0a2"
}

.am-icon-coffee:before {
    content: "\f0f4"
}

.am-icon-cutlery:before {
    content: "\f0f5"
}

.am-icon-file-text-o:before {
    content: "\f0f6"
}

.am-icon-building-o:before {
    content: "\f0f7"
}

.am-icon-hospital-o:before {
    content: "\f0f8"
}

.am-icon-ambulance:before {
    content: "\f0f9"
}

.am-icon-medkit:before {
    content: "\f0fa"
}

.am-icon-fighter-jet:before {
    content: "\f0fb"
}

.am-icon-beer:before {
    content: "\f0fc"
}

.am-icon-h-square:before {
    content: "\f0fd"
}

.am-icon-plus-square:before {
    content: "\f0fe"
}

.am-icon-angle-double-left:before {
    content: "\f100"
}

.am-icon-angle-double-right:before {
    content: "\f101"
}

.am-icon-angle-double-up:before {
    content: "\f102"
}

.am-icon-angle-double-down:before {
    content: "\f103"
}

.am-icon-angle-left:before {
    content: "\f104"
}

.am-icon-angle-right:before {
    content: "\f105"
}

.am-icon-angle-up:before {
    content: "\f106"
}

.am-icon-angle-down:before {
    content: "\f107"
}

.am-icon-desktop:before {
    content: "\f108"
}

.am-icon-laptop:before {
    content: "\f109"
}

.am-icon-tablet:before {
    content: "\f10a"
}

.am-icon-mobile-phone:before,
.am-icon-mobile:before {
    content: "\f10b"
}

.am-icon-circle-o:before {
    content: "\f10c"
}

.am-icon-quote-left:before {
    content: "\f10d"
}

.am-icon-quote-right:before {
    content: "\f10e"
}

.am-icon-spinner:before {
    content: "\f110"
}

.am-icon-circle:before {
    content: "\f111"
}

.am-icon-mail-reply:before,
.am-icon-reply:before {
    content: "\f112"
}

.am-icon-github-alt:before {
    content: "\f113"
}

.am-icon-folder-o:before {
    content: "\f114"
}

.am-icon-folder-open-o:before {
    content: "\f115"
}

.am-icon-smile-o:before {
    content: "\f118"
}

.am-icon-frown-o:before {
    content: "\f119"
}

.am-icon-meh-o:before {
    content: "\f11a"
}

.am-icon-gamepad:before {
    content: "\f11b"
}

.am-icon-keyboard-o:before {
    content: "\f11c"
}

.am-icon-flag-o:before {
    content: "\f11d"
}

.am-icon-flag-checkered:before {
    content: "\f11e"
}

.am-icon-terminal:before {
    content: "\f120"
}

.am-icon-code:before {
    content: "\f121"
}

.am-icon-mail-reply-all:before,
.am-icon-reply-all:before {
    content: "\f122"
}

.am-icon-star-half-empty:before,
.am-icon-star-half-full:before,
.am-icon-star-half-o:before {
    content: "\f123"
}

.am-icon-location-arrow:before {
    content: "\f124"
}

.am-icon-crop:before {
    content: "\f125"
}

.am-icon-code-fork:before {
    content: "\f126"
}

.am-icon-chain-broken:before,
.am-icon-unlink:before {
    content: "\f127"
}

.am-icon-question:before {
    content: "\f128"
}

.am-icon-info:before {
    content: "\f129"
}

.am-icon-exclamation:before {
    content: "\f12a"
}

.am-icon-superscript:before {
    content: "\f12b"
}

.am-icon-subscript:before {
    content: "\f12c"
}

.am-icon-eraser:before {
    content: "\f12d"
}

.am-icon-puzzle-piece:before {
    content: "\f12e"
}

.am-icon-microphone:before {
    content: "\f130"
}

.am-icon-microphone-slash:before {
    content: "\f131"
}

.am-icon-shield:before {
    content: "\f132"
}

.am-icon-calendar-o:before {
    content: "\f133"
}

.am-icon-fire-extinguisher:before {
    content: "\f134"
}

.am-icon-rocket:before {
    content: "\f135"
}

.am-icon-maxcdn:before {
    content: "\f136"
}

.am-icon-chevron-circle-left:before {
    content: "\f137"
}

.am-icon-chevron-circle-right:before {
    content: "\f138"
}

.am-icon-chevron-circle-up:before {
    content: "\f139"
}

.am-icon-chevron-circle-down:before {
    content: "\f13a"
}

.am-icon-html5:before {
    content: "\f13b"
}

.am-icon-css3:before {
    content: "\f13c"
}

.am-icon-anchor:before {
    content: "\f13d"
}

.am-icon-unlock-alt:before {
    content: "\f13e"
}

.am-icon-bullseye:before {
    content: "\f140"
}

.am-icon-ellipsis-h:before {
    content: "\f141"
}

.am-icon-ellipsis-v:before {
    content: "\f142"
}

.am-icon-rss-square:before {
    content: "\f143"
}

.am-icon-play-circle:before {
    content: "\f144"
}

.am-icon-ticket:before {
    content: "\f145"
}

.am-icon-minus-square:before {
    content: "\f146"
}

.am-icon-minus-square-o:before {
    content: "\f147"
}

.am-icon-level-up:before {
    content: "\f148"
}

.am-icon-level-down:before {
    content: "\f149"
}

.am-icon-check-square:before {
    content: "\f14a"
}

.am-icon-pencil-square:before {
    content: "\f14b"
}

.am-icon-external-link-square:before {
    content: "\f14c"
}

.am-icon-share-square:before {
    content: "\f14d"
}

.am-icon-compass:before {
    content: "\f14e"
}

.am-icon-caret-square-o-down:before,
.am-icon-toggle-down:before {
    content: "\f150"
}

.am-icon-caret-square-o-up:before,
.am-icon-toggle-up:before {
    content: "\f151"
}

.am-icon-caret-square-o-right:before,
.am-icon-toggle-right:before {
    content: "\f152"
}

.am-icon-eur:before,
.am-icon-euro:before {
    content: "\f153"
}

.am-icon-gbp:before {
    content: "\f154"
}

.am-icon-dollar:before,
.am-icon-usd:before {
    content: "\f155"
}

.am-icon-inr:before,
.am-icon-rupee:before {
    content: "\f156"
}

.am-icon-cny:before,
.am-icon-jpy:before,
.am-icon-rmb:before,
.am-icon-yen:before {
    content: "\f157"
}

.am-icon-rouble:before,
.am-icon-rub:before,
.am-icon-ruble:before {
    content: "\f158"
}

.am-icon-krw:before,
.am-icon-won:before {
    content: "\f159"
}

.am-icon-bitcoin:before,
.am-icon-btc:before {
    content: "\f15a"
}

.am-icon-file:before {
    content: "\f15b"
}

.am-icon-file-text:before {
    content: "\f15c"
}

.am-icon-sort-alpha-asc:before {
    content: "\f15d"
}

.am-icon-sort-alpha-desc:before {
    content: "\f15e"
}

.am-icon-sort-amount-asc:before {
    content: "\f160"
}

.am-icon-sort-amount-desc:before {
    content: "\f161"
}

.am-icon-sort-numeric-asc:before {
    content: "\f162"
}

.am-icon-sort-numeric-desc:before {
    content: "\f163"
}

.am-icon-thumbs-up:before {
    content: "\f164"
}

.am-icon-thumbs-down:before {
    content: "\f165"
}

.am-icon-youtube-square:before {
    content: "\f166"
}

.am-icon-youtube:before {
    content: "\f167"
}

.am-icon-xing:before {
    content: "\f168"
}

.am-icon-xing-square:before {
    content: "\f169"
}

.am-icon-youtube-play:before {
    content: "\f16a"
}

.am-icon-dropbox:before {
    content: "\f16b"
}

.am-icon-stack-overflow:before {
    content: "\f16c"
}

.am-icon-instagram:before {
    content: "\f16d"
}

.am-icon-flickr:before {
    content: "\f16e"
}

.am-icon-adn:before {
    content: "\f170"
}

.am-icon-bitbucket:before {
    content: "\f171"
}

.am-icon-bitbucket-square:before {
    content: "\f172"
}

.am-icon-tumblr:before {
    content: "\f173"
}

.am-icon-tumblr-square:before {
    content: "\f174"
}

.am-icon-long-arrow-down:before {
    content: "\f175"
}

.am-icon-long-arrow-up:before {
    content: "\f176"
}

.am-icon-long-arrow-left:before {
    content: "\f177"
}

.am-icon-long-arrow-right:before {
    content: "\f178"
}

.am-icon-apple:before {
    content: "\f179"
}

.am-icon-windows:before {
    content: "\f17a"
}

.am-icon-android:before {
    content: "\f17b"
}

.am-icon-linux:before {
    content: "\f17c"
}

.am-icon-dribbble:before {
    content: "\f17d"
}

.am-icon-skype:before {
    content: "\f17e"
}

.am-icon-foursquare:before {
    content: "\f180"
}

.am-icon-trello:before {
    content: "\f181"
}

.am-icon-female:before {
    content: "\f182"
}

.am-icon-male:before {
    content: "\f183"
}

.am-icon-gittip:before,
.am-icon-gratipay:before {
    content: "\f184"
}

.am-icon-sun-o:before {
    content: "\f185"
}

.am-icon-moon-o:before {
    content: "\f186"
}

.am-icon-archive:before {
    content: "\f187"
}

.am-icon-bug:before {
    content: "\f188"
}

.am-icon-vk:before {
    content: "\f189"
}

.am-icon-weibo:before {
    content: "\f18a"
}

.am-icon-renren:before {
    content: "\f18b"
}

.am-icon-pagelines:before {
    content: "\f18c"
}

.am-icon-stack-exchange:before {
    content: "\f18d"
}

.am-icon-arrow-circle-o-right:before {
    content: "\f18e"
}

.am-icon-arrow-circle-o-left:before {
    content: "\f190"
}

.am-icon-caret-square-o-left:before,
.am-icon-toggle-left:before {
    content: "\f191"
}

.am-icon-dot-circle-o:before {
    content: "\f192"
}

.am-icon-wheelchair:before {
    content: "\f193"
}

.am-icon-vimeo-square:before {
    content: "\f194"
}

.am-icon-try:before,
.am-icon-turkish-lira:before {
    content: "\f195"
}

.am-icon-plus-square-o:before {
    content: "\f196"
}

.am-icon-space-shuttle:before {
    content: "\f197"
}

.am-icon-slack:before {
    content: "\f198"
}

.am-icon-envelope-square:before {
    content: "\f199"
}

.am-icon-wordpress:before {
    content: "\f19a"
}

.am-icon-openid:before {
    content: "\f19b"
}

.am-icon-bank:before,
.am-icon-institution:before,
.am-icon-university:before {
    content: "\f19c"
}

.am-icon-graduation-cap:before,
.am-icon-mortar-board:before {
    content: "\f19d"
}

.am-icon-yahoo:before {
    content: "\f19e"
}

.am-icon-google:before {
    content: "\f1a0"
}

.am-icon-reddit:before {
    content: "\f1a1"
}

.am-icon-reddit-square:before {
    content: "\f1a2"
}

.am-icon-stumbleupon-circle:before {
    content: "\f1a3"
}

.am-icon-stumbleupon:before {
    content: "\f1a4"
}

.am-icon-delicious:before {
    content: "\f1a5"
}

.am-icon-digg:before {
    content: "\f1a6"
}

.am-icon-pied-piper-pp:before {
    content: "\f1a7"
}

.am-icon-pied-piper-alt:before {
    content: "\f1a8"
}

.am-icon-drupal:before {
    content: "\f1a9"
}

.am-icon-joomla:before {
    content: "\f1aa"
}

.am-icon-language:before {
    content: "\f1ab"
}

.am-icon-fax:before {
    content: "\f1ac"
}

.am-icon-building:before {
    content: "\f1ad"
}

.am-icon-child:before {
    content: "\f1ae"
}

.am-icon-paw:before {
    content: "\f1b0"
}

.am-icon-spoon:before {
    content: "\f1b1"
}

.am-icon-cube:before {
    content: "\f1b2"
}

.am-icon-cubes:before {
    content: "\f1b3"
}

.am-icon-behance:before {
    content: "\f1b4"
}

.am-icon-behance-square:before {
    content: "\f1b5"
}

.am-icon-steam:before {
    content: "\f1b6"
}

.am-icon-steam-square:before {
    content: "\f1b7"
}

.am-icon-recycle:before {
    content: "\f1b8"
}

.am-icon-automobile:before,
.am-icon-car:before {
    content: "\f1b9"
}

.am-icon-cab:before,
.am-icon-taxi:before {
    content: "\f1ba"
}

.am-icon-tree:before {
    content: "\f1bb"
}

.am-icon-spotify:before {
    content: "\f1bc"
}

.am-icon-deviantart:before {
    content: "\f1bd"
}

.am-icon-soundcloud:before {
    content: "\f1be"
}

.am-icon-database:before {
    content: "\f1c0"
}

.am-icon-file-pdf-o:before {
    content: "\f1c1"
}

.am-icon-file-word-o:before {
    content: "\f1c2"
}

.am-icon-file-excel-o:before {
    content: "\f1c3"
}

.am-icon-file-powerpoint-o:before {
    content: "\f1c4"
}

.am-icon-file-image-o:before,
.am-icon-file-photo-o:before,
.am-icon-file-picture-o:before {
    content: "\f1c5"
}

.am-icon-file-archive-o:before,
.am-icon-file-zip-o:before {
    content: "\f1c6"
}

.am-icon-file-audio-o:before,
.am-icon-file-sound-o:before {
    content: "\f1c7"
}

.am-icon-file-movie-o:before,
.am-icon-file-video-o:before {
    content: "\f1c8"
}

.am-icon-file-code-o:before {
    content: "\f1c9"
}

.am-icon-vine:before {
    content: "\f1ca"
}

.am-icon-codepen:before {
    content: "\f1cb"
}

.am-icon-jsfiddle:before {
    content: "\f1cc"
}

.am-icon-life-bouy:before,
.am-icon-life-buoy:before,
.am-icon-life-ring:before,
.am-icon-life-saver:before,
.am-icon-support:before {
    content: "\f1cd"
}

.am-icon-circle-o-notch:before {
    content: "\f1ce"
}

.am-icon-ra:before,
.am-icon-rebel:before,
.am-icon-resistance:before {
    content: "\f1d0"
}

.am-icon-empire:before,
.am-icon-ge:before {
    content: "\f1d1"
}

.am-icon-git-square:before {
    content: "\f1d2"
}

.am-icon-git:before {
    content: "\f1d3"
}

.am-icon-hacker-news:before,
.am-icon-y-combinator-square:before,
.am-icon-yc-square:before {
    content: "\f1d4"
}

.am-icon-tencent-weibo:before {
    content: "\f1d5"
}

.am-icon-qq:before {
    content: "\f1d6"
}

.am-icon-wechat:before,
.am-icon-weixin:before {
    content: "\f1d7"
}

.am-icon-paper-plane:before,
.am-icon-send:before {
    content: "\f1d8"
}

.am-icon-paper-plane-o:before,
.am-icon-send-o:before {
    content: "\f1d9"
}

.am-icon-history:before {
    content: "\f1da"
}

.am-icon-circle-thin:before {
    content: "\f1db"
}

.am-icon-header:before {
    content: "\f1dc"
}

.am-icon-paragraph:before {
    content: "\f1dd"
}

.am-icon-sliders:before {
    content: "\f1de"
}

.am-icon-share-alt:before {
    content: "\f1e0"
}

.am-icon-share-alt-square:before {
    content: "\f1e1"
}

.am-icon-bomb:before {
    content: "\f1e2"
}

.am-icon-futbol-o:before,
.am-icon-soccer-ball-o:before {
    content: "\f1e3"
}

.am-icon-tty:before {
    content: "\f1e4"
}

.am-icon-binoculars:before {
    content: "\f1e5"
}

.am-icon-plug:before {
    content: "\f1e6"
}

.am-icon-slideshare:before {
    content: "\f1e7"
}

.am-icon-twitch:before {
    content: "\f1e8"
}

.am-icon-yelp:before {
    content: "\f1e9"
}

.am-icon-newspaper-o:before {
    content: "\f1ea"
}

.am-icon-wifi:before {
    content: "\f1eb"
}

.am-icon-calculator:before {
    content: "\f1ec"
}

.am-icon-paypal:before {
    content: "\f1ed"
}

.am-icon-google-wallet:before {
    content: "\f1ee"
}

.am-icon-cc-visa:before {
    content: "\f1f0"
}

.am-icon-cc-mastercard:before {
    content: "\f1f1"
}

.am-icon-cc-discover:before {
    content: "\f1f2"
}

.am-icon-cc-amex:before {
    content: "\f1f3"
}

.am-icon-cc-paypal:before {
    content: "\f1f4"
}

.am-icon-cc-stripe:before {
    content: "\f1f5"
}

.am-icon-bell-slash:before {
    content: "\f1f6"
}

.am-icon-bell-slash-o:before {
    content: "\f1f7"
}

.am-icon-trash:before {
    content: "\f1f8"
}

.am-icon-copyright:before {
    content: "\f1f9"
}

.am-icon-at:before {
    content: "\f1fa"
}

.am-icon-eyedropper:before {
    content: "\f1fb"
}

.am-icon-paint-brush:before {
    content: "\f1fc"
}

.am-icon-birthday-cake:before {
    content: "\f1fd"
}

.am-icon-area-chart:before {
    content: "\f1fe"
}

.am-icon-pie-chart:before {
    content: "\f200"
}

.am-icon-line-chart:before {
    content: "\f201"
}

.am-icon-lastfm:before {
    content: "\f202"
}

.am-icon-lastfm-square:before {
    content: "\f203"
}

.am-icon-toggle-off:before {
    content: "\f204"
}

.am-icon-toggle-on:before {
    content: "\f205"
}

.am-icon-bicycle:before {
    content: "\f206"
}

.am-icon-bus:before {
    content: "\f207"
}

.am-icon-ioxhost:before {
    content: "\f208"
}

.am-icon-angellist:before {
    content: "\f209"
}

.am-icon-cc:before {
    content: "\f20a"
}

.am-icon-ils:before,
.am-icon-shekel:before,
.am-icon-sheqel:before {
    content: "\f20b"
}

.am-icon-meanpath:before {
    content: "\f20c"
}

.am-icon-buysellads:before {
    content: "\f20d"
}

.am-icon-connectdevelop:before {
    content: "\f20e"
}

.am-icon-dashcube:before {
    content: "\f210"
}

.am-icon-forumbee:before {
    content: "\f211"
}

.am-icon-leanpub:before {
    content: "\f212"
}

.am-icon-sellsy:before {
    content: "\f213"
}

.am-icon-shirtsinbulk:before {
    content: "\f214"
}

.am-icon-simplybuilt:before {
    content: "\f215"
}

.am-icon-skyatlas:before {
    content: "\f216"
}

.am-icon-cart-plus:before {
    content: "\f217"
}

.am-icon-cart-arrow-down:before {
    content: "\f218"
}

.am-icon-diamond:before {
    content: "\f219"
}

.am-icon-ship:before {
    content: "\f21a"
}

.am-icon-user-secret:before {
    content: "\f21b"
}

.am-icon-motorcycle:before {
    content: "\f21c"
}

.am-icon-street-view:before {
    content: "\f21d"
}

.am-icon-heartbeat:before {
    content: "\f21e"
}

.am-icon-venus:before {
    content: "\f221"
}

.am-icon-mars:before {
    content: "\f222"
}

.am-icon-mercury:before {
    content: "\f223"
}

.am-icon-intersex:before,
.am-icon-transgender:before {
    content: "\f224"
}

.am-icon-transgender-alt:before {
    content: "\f225"
}

.am-icon-venus-double:before {
    content: "\f226"
}

.am-icon-mars-double:before {
    content: "\f227"
}

.am-icon-venus-mars:before {
    content: "\f228"
}

.am-icon-mars-stroke:before {
    content: "\f229"
}

.am-icon-mars-stroke-v:before {
    content: "\f22a"
}

.am-icon-mars-stroke-h:before {
    content: "\f22b"
}

.am-icon-neuter:before {
    content: "\f22c"
}

.am-icon-genderless:before {
    content: "\f22d"
}

.am-icon-facebook-official:before {
    content: "\f230"
}

.am-icon-pinterest-p:before {
    content: "\f231"
}

.am-icon-whatsapp:before {
    content: "\f232"
}

.am-icon-server:before {
    content: "\f233"
}

.am-icon-user-plus:before {
    content: "\f234"
}

.am-icon-user-times:before {
    content: "\f235"
}

.am-icon-bed:before,
.am-icon-hotel:before {
    content: "\f236"
}

.am-icon-viacoin:before {
    content: "\f237"
}

.am-icon-train:before {
    content: "\f238"
}

.am-icon-subway:before {
    content: "\f239"
}

.am-icon-medium:before {
    content: "\f23a"
}

.am-icon-y-combinator:before,
.am-icon-yc:before {
    content: "\f23b"
}

.am-icon-optin-monster:before {
    content: "\f23c"
}

.am-icon-opencart:before {
    content: "\f23d"
}

.am-icon-expeditedssl:before {
    content: "\f23e"
}

.am-icon-battery-4:before,
.am-icon-battery-full:before {
    content: "\f240"
}

.am-icon-battery-3:before,
.am-icon-battery-three-quarters:before {
    content: "\f241"
}

.am-icon-battery-2:before,
.am-icon-battery-half:before {
    content: "\f242"
}

.am-icon-battery-1:before,
.am-icon-battery-quarter:before {
    content: "\f243"
}

.am-icon-battery-0:before,
.am-icon-battery-empty:before {
    content: "\f244"
}

.am-icon-mouse-pointer:before {
    content: "\f245"
}

.am-icon-i-cursor:before {
    content: "\f246"
}

.am-icon-object-group:before {
    content: "\f247"
}

.am-icon-object-ungroup:before {
    content: "\f248"
}

.am-icon-sticky-note:before {
    content: "\f249"
}

.am-icon-sticky-note-o:before {
    content: "\f24a"
}

.am-icon-cc-jcb:before {
    content: "\f24b"
}

.am-icon-cc-diners-club:before {
    content: "\f24c"
}

.am-icon-clone:before {
    content: "\f24d"
}

.am-icon-balance-scale:before {
    content: "\f24e"
}

.am-icon-hourglass-o:before {
    content: "\f250"
}

.am-icon-hourglass-1:before,
.am-icon-hourglass-start:before {
    content: "\f251"
}

.am-icon-hourglass-2:before,
.am-icon-hourglass-half:before {
    content: "\f252"
}

.am-icon-hourglass-3:before,
.am-icon-hourglass-end:before {
    content: "\f253"
}

.am-icon-hourglass:before {
    content: "\f254"
}

.am-icon-hand-grab-o:before,
.am-icon-hand-rock-o:before {
    content: "\f255"
}

.am-icon-hand-paper-o:before,
.am-icon-hand-stop-o:before {
    content: "\f256"
}

.am-icon-hand-scissors-o:before {
    content: "\f257"
}

.am-icon-hand-lizard-o:before {
    content: "\f258"
}

.am-icon-hand-spock-o:before {
    content: "\f259"
}

.am-icon-hand-pointer-o:before {
    content: "\f25a"
}

.am-icon-hand-peace-o:before {
    content: "\f25b"
}

.am-icon-trademark:before {
    content: "\f25c"
}

.am-icon-registered:before {
    content: "\f25d"
}

.am-icon-creative-commons:before {
    content: "\f25e"
}

.am-icon-gg:before {
    content: "\f260"
}

.am-icon-gg-circle:before {
    content: "\f261"
}

.am-icon-tripadvisor:before {
    content: "\f262"
}

.am-icon-odnoklassniki:before {
    content: "\f263"
}

.am-icon-odnoklassniki-square:before {
    content: "\f264"
}

.am-icon-get-pocket:before {
    content: "\f265"
}

.am-icon-wikipedia-w:before {
    content: "\f266"
}

.am-icon-safari:before {
    content: "\f267"
}

.am-icon-chrome:before {
    content: "\f268"
}

.am-icon-firefox:before {
    content: "\f269"
}

.am-icon-opera:before {
    content: "\f26a"
}

.am-icon-internet-explorer:before {
    content: "\f26b"
}

.am-icon-television:before,
.am-icon-tv:before {
    content: "\f26c"
}

.am-icon-contao:before {
    content: "\f26d"
}

.am-icon-500px:before {
    content: "\f26e"
}

.am-icon-amazon:before {
    content: "\f270"
}

.am-icon-calendar-plus-o:before {
    content: "\f271"
}

.am-icon-calendar-minus-o:before {
    content: "\f272"
}

.am-icon-calendar-times-o:before {
    content: "\f273"
}

.am-icon-calendar-check-o:before {
    content: "\f274"
}

.am-icon-industry:before {
    content: "\f275"
}

.am-icon-map-pin:before {
    content: "\f276"
}

.am-icon-map-signs:before {
    content: "\f277"
}

.am-icon-map-o:before {
    content: "\f278"
}

.am-icon-map:before {
    content: "\f279"
}

.am-icon-commenting:before {
    content: "\f27a"
}

.am-icon-commenting-o:before {
    content: "\f27b"
}

.am-icon-houzz:before {
    content: "\f27c"
}

.am-icon-vimeo:before {
    content: "\f27d"
}

.am-icon-black-tie:before {
    content: "\f27e"
}

.am-icon-fonticons:before {
    content: "\f280"
}

.am-icon-reddit-alien:before {
    content: "\f281"
}

.am-icon-edge:before {
    content: "\f282"
}

.am-icon-credit-card-alt:before {
    content: "\f283"
}

.am-icon-codiepie:before {
    content: "\f284"
}

.am-icon-modx:before {
    content: "\f285"
}

.am-icon-fort-awesome:before {
    content: "\f286"
}

.am-icon-usb:before {
    content: "\f287"
}

.am-icon-product-hunt:before {
    content: "\f288"
}

.am-icon-mixcloud:before {
    content: "\f289"
}

.am-icon-scribd:before {
    content: "\f28a"
}

.am-icon-pause-circle:before {
    content: "\f28b"
}

.am-icon-pause-circle-o:before {
    content: "\f28c"
}

.am-icon-stop-circle:before {
    content: "\f28d"
}

.am-icon-stop-circle-o:before {
    content: "\f28e"
}

.am-icon-shopping-bag:before {
    content: "\f290"
}

.am-icon-shopping-basket:before {
    content: "\f291"
}

.am-icon-hashtag:before {
    content: "\f292"
}

.am-icon-bluetooth:before {
    content: "\f293"
}

.am-icon-bluetooth-b:before {
    content: "\f294"
}

.am-icon-percent:before {
    content: "\f295"
}

.am-icon-gitlab:before {
    content: "\f296"
}

.am-icon-wpbeginner:before {
    content: "\f297"
}

.am-icon-wpforms:before {
    content: "\f298"
}

.am-icon-envira:before {
    content: "\f299"
}

.am-icon-universal-access:before {
    content: "\f29a"
}

.am-icon-wheelchair-alt:before {
    content: "\f29b"
}

.am-icon-question-circle-o:before {
    content: "\f29c"
}

.am-icon-blind:before {
    content: "\f29d"
}

.am-icon-audio-description:before {
    content: "\f29e"
}

.am-icon-volume-control-phone:before {
    content: "\f2a0"
}

.am-icon-braille:before {
    content: "\f2a1"
}

.am-icon-assistive-listening-systems:before {
    content: "\f2a2"
}

.am-icon-american-sign-language-interpreting:before,
.am-icon-asl-interpreting:before {
    content: "\f2a3"
}

.am-icon-deaf:before,
.am-icon-deafness:before,
.am-icon-hard-of-hearing:before {
    content: "\f2a4"
}

.am-icon-glide:before {
    content: "\f2a5"
}

.am-icon-glide-g:before {
    content: "\f2a6"
}

.am-icon-sign-language:before,
.am-icon-signing:before {
    content: "\f2a7"
}

.am-icon-low-vision:before {
    content: "\f2a8"
}

.am-icon-viadeo:before {
    content: "\f2a9"
}

.am-icon-viadeo-square:before {
    content: "\f2aa"
}

.am-icon-snapchat:before {
    content: "\f2ab"
}

.am-icon-snapchat-ghost:before {
    content: "\f2ac"
}

.am-icon-snapchat-square:before {
    content: "\f2ad"
}

.am-icon-pied-piper:before {
    content: "\f2ae"
}

.am-icon-first-order:before {
    content: "\f2b0"
}

.am-icon-yoast:before {
    content: "\f2b1"
}

.am-icon-themeisle:before {
    content: "\f2b2"
}

.am-icon-google-plus-circle:before,
.am-icon-google-plus-official:before {
    content: "\f2b3"
}

.am-icon-fa:before,
.am-icon-font-awesome:before {
    content: "\f2b4"
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.am-icon-spin {
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear
}

.am-icon-pulse {
    -webkit-animation: icon-spin 1s infinite steps(8);
    animation: icon-spin 1s infinite steps(8)
}

.am-icon-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.am-icon-ul>li {
    position: relative
}

.am-icon-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.am-input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.am-input-group .am-form-field {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.am-input-group .am-form-field,
.am-input-group-btn,
.am-input-group-label {
    display: table-cell
}

.am-input-group .am-form-field:not(:first-child):not(:last-child),
.am-input-group-btn:not(:first-child):not(:last-child),
.am-input-group-label:not(:first-child):not(:last-child) {
    border-radius: 0
}

.am-input-group-btn,
.am-input-group-label {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.am-input-group-label {
    height: 38px;
    padding: 0 1em;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 36px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0
}

.am-input-group-label input[type=checkbox],
.am-input-group-label input[type=radio] {
    margin-top: 0
}

.am-input-group .am-form-field:first-child,
.am-input-group-btn:first-child>.am-btn,
.am-input-group-btn:first-child>.am-btn-group>.am-btn,
.am-input-group-btn:first-child>.am-dropdown-toggle,
.am-input-group-btn:last-child>.am-btn-group:not(:last-child)>.am-btn,
.am-input-group-btn:last-child>.am-btn:not(:last-child):not(.dropdown-toggle),
.am-input-group-label:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.am-input-group-label:first-child {
    border-right: 0
}

.am-input-group .am-form-field:last-child,
.am-input-group-btn:first-child>.am-btn-group:not(:first-child)>.am-btn,
.am-input-group-btn:first-child>.am-btn:not(:first-child),
.am-input-group-btn:last-child>.am-btn,
.am-input-group-btn:last-child>.am-btn-group>.am-btn,
.am-input-group-btn:last-child>.am-dropdown-toggle,
.am-input-group-label:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.am-input-group-label:last-child {
    border-left: 0
}

.am-input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.am-input-group-btn>.am-btn {
    position: relative;
    border-color: #ccc
}

.am-input-group-btn>.am-btn+.am-btn {
    margin-left: -1px
}

.am-input-group-btn>.am-btn:active,
.am-input-group-btn>.am-btn:focus,
.am-input-group-btn>.am-btn:hover {
    z-index: 2
}

.am-input-group-btn:first-child>.am-btn,
.am-input-group-btn:first-child>.am-btn-group {
    margin-right: -2px
}

.am-input-group-btn:last-child>.am-btn,
.am-input-group-btn:last-child>.am-btn-group {
    margin-left: -1px
}

.am-input-group .am-form-field,
.am-input-group-btn>.am-btn {
    height: 38px;
    padding-bottom: auto
}

.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-btn>.am-btn,
.am-input-group-lg>.am-input-group-label {
    height: 42px;
    font-size: 1.8rem !important
}

.am-input-group-lg>.am-input-group-label {
    line-height: 40px
}

.am-input-group-sm>.am-form-field,
.am-input-group-sm>.am-input-group-btn>.am-btn,
.am-input-group-sm>.am-input-group-label {
    height: 33px;
    font-size: 1.4rem !important
}

.am-input-group-sm>.am-input-group-label {
    line-height: 31px
}

.am-input-group-primary .am-input-group-label {
    background: #0f6540;
    color: #fff
}

.am-input-group-primary .am-input-group-btn>.am-btn,
.am-input-group-primary .am-input-group-label,
.am-input-group-primary.am-input-group .am-form-field {
    border-color: #0f6540
}

.am-input-group-secondary .am-input-group-label {
    background: #00a0e9;
    color: #fff
}

.am-input-group-secondary .am-input-group-btn>.am-btn,
.am-input-group-secondary .am-input-group-label,
.am-input-group-secondary.am-input-group .am-form-field {
    border-color: #00a0e9
}

.am-input-group-success .am-input-group-label {
    background: #5eb95e;
    color: #fff
}

.am-input-group-success .am-input-group-btn>.am-btn,
.am-input-group-success .am-input-group-label,
.am-input-group-success.am-input-group .am-form-field {
    border-color: #5eb95e
}

.am-input-group-warning .am-input-group-label {
    background: #F37B1D;
    color: #fff
}

.am-input-group-warning .am-input-group-btn>.am-btn,
.am-input-group-warning .am-input-group-label,
.am-input-group-warning.am-input-group .am-form-field {
    border-color: #F37B1D
}

.am-input-group-danger .am-input-group-label {
    background: #dd514c;
    color: #fff
}

.am-input-group-danger .am-input-group-btn>.am-btn,
.am-input-group-danger .am-input-group-label,
.am-input-group-danger.am-input-group .am-form-field {
    border-color: #dd514c
}

.am-list {
    margin-bottom: 1.6rem;
    padding-left: 0
}

.am-list>li {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-width: 1px 0
}

.am-list>li>a {
    display: block;
    padding: 1rem 0
}

.am-list>li>a.am-active,
.am-list>li>a.am-active:focus,
.am-list>li>a.am-active:hover {
    z-index: 2;
    color: #fff;
    background-color: #0f6540;
    border-color: #0f6540
}

.am-list>li>a.am-active .am-list-item-heading,
.am-list>li>a.am-active:focus .am-list-item-heading,
.am-list>li>a.am-active:hover .am-list-item-heading {
    color: inherit
}

.am-list>li>a.am-active .am-list-item-text,
.am-list>li>a.am-active:focus .am-list-item-text,
.am-list>li>a.am-active:hover .am-list-item-text {
    color: #b2e2fa
}

.am-list>li>.am-badge {
    float: right
}

.am-list>li>.am-badge+.am-badge {
    margin-right: 5px
}

.am-list-static>li {
    padding: .8rem .2rem
}

.am-list-static.am-list-border>li {
    padding: 1rem
}

.am-list-border>li,
.am-list-bordered>li {
    border-width: 1px
}

.am-list-border>li:first-child,
.am-list-border>li:first-child>a,
.am-list-bordered>li:first-child,
.am-list-bordered>li:first-child>a {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-list-border>li:last-child,
.am-list-border>li:last-child>a,
.am-list-bordered>li:last-child,
.am-list-bordered>li:last-child>a {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-list-border>li>a,
.am-list-bordered>li>a {
    padding: 1rem
}

.am-list-border>li>a:focus,
.am-list-border>li>a:hover,
.am-list-bordered>li>a:focus,
.am-list-bordered>li>a:hover {
    background-color: #f5f5f5
}

.am-list-striped>li:nth-of-type(even) {
    background: #f5f5f5
}

.am-list-item-hd {
    margin-top: 0
}

.am-list-item-text {
    line-height: 1.4;
    font-size: 1.3rem;
    color: #999;
    margin: 0
}

.am-panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.am-panel-hd {
    padding: .6rem 1.25rem;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-panel-bd {
    padding: 1.25rem
}

.am-panel-title {
    margin: 0;
    font-size: 100%;
    color: inherit
}

.am-panel-title>a {
    color: inherit
}

.am-panel-footer {
    padding: .6rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-panel-default {
    border-color: #ddd
}

.am-panel-default>.am-panel-hd {
    color: #444;
    background-color: #f5f5f5;
    border-color: #ddd
}

.am-panel-default>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #ddd
}

.am-panel-default>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #ddd
}

.am-panel-primary {
    border-color: #10a0ea
}

.am-panel-primary>.am-panel-hd {
    color: #fff;
    background-color: #0f6540;
    border-color: #10a0ea
}

.am-panel-primary>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #10a0ea
}

.am-panel-primary>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #10a0ea
}

.am-panel-secondary {
    border-color: #caebfb
}

.am-panel-secondary>.am-panel-hd {
    color: #14a6ef;
    background-color: rgba(59, 180, 242, 0.15);
    border-color: #caebfb
}

.am-panel-secondary>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #caebfb
}

.am-panel-secondary>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #caebfb
}

.am-panel-success {
    border-color: #c9e7c9
}

.am-panel-success>.am-panel-hd {
    color: #5eb95e;
    background-color: rgba(94, 185, 94, 0.15);
    border-color: #c9e7c9
}

.am-panel-success>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #c9e7c9
}

.am-panel-success>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #c9e7c9
}

.am-panel-warning {
    border-color: #fbd0ae
}

.am-panel-warning>.am-panel-hd {
    color: #F37B1D;
    background-color: rgba(243, 123, 29, 0.15);
    border-color: #fbd0ae
}

.am-panel-warning>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #fbd0ae
}

.am-panel-warning>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #fbd0ae
}

.am-panel-danger {
    border-color: #f5cecd
}

.am-panel-danger>.am-panel-hd {
    color: #dd514c;
    background-color: rgba(221, 81, 76, 0.15);
    border-color: #f5cecd
}

.am-panel-danger>.am-panel-hd+.am-panel-collapse>.am-panel-bd {
    border-top-color: #f5cecd
}

.am-panel-danger>.am-panel-footer+.am-panel-collapse>.am-panel-bd {
    border-bottom-color: #f5cecd
}

.am-panel>.am-table {
    margin-bottom: 0
}

.am-panel>.am-table:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-panel>.am-table:first-child>tbody:first-child>tr:first-child td:first-child,
.am-panel>.am-table:first-child>tbody:first-child>tr:first-child th:first-child,
.am-panel>.am-table:first-child>thead:first-child>tr:first-child td:first-child,
.am-panel>.am-table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 0
}

.am-panel>.am-table:first-child>tbody:first-child>tr:first-child td:last-child,
.am-panel>.am-table:first-child>tbody:first-child>tr:first-child th:last-child,
.am-panel>.am-table:first-child>thead:first-child>tr:first-child td:last-child,
.am-panel>.am-table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 0
}

.am-panel>.am-table:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-panel>.am-table:last-child>tbody:last-child>tr:last-child td:first-child,
.am-panel>.am-table:last-child>tbody:last-child>tr:last-child th:first-child,
.am-panel>.am-table:last-child>tfoot:last-child>tr:last-child td:first-child,
.am-panel>.am-table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 0
}

.am-panel>.am-table:last-child>tbody:last-child>tr:last-child td:last-child,
.am-panel>.am-table:last-child>tbody:last-child>tr:last-child th:last-child,
.am-panel>.am-table:last-child>tfoot:last-child>tr:last-child td:last-child,
.am-panel>.am-table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 0
}

.am-panel>.am-panel-bd+.am-table {
    border-top: 1px solid #ddd
}

.am-panel>.am-table>tbody:first-child>tr:first-child td,
.am-panel>.am-table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.am-panel>.am-table-bd {
    border: 0
}

.am-panel>.am-table-bd>tbody>tr>td:first-child,
.am-panel>.am-table-bd>tbody>tr>th:first-child,
.am-panel>.am-table-bd>tfoot>tr>td:first-child,
.am-panel>.am-table-bd>tfoot>tr>th:first-child,
.am-panel>.am-table-bd>thead>tr>td:first-child,
.am-panel>.am-table-bd>thead>tr>th:first-child {
    border-left: 0
}

.am-panel>.am-table-bd>tbody>tr>td:last-child,
.am-panel>.am-table-bd>tbody>tr>th:last-child,
.am-panel>.am-table-bd>tfoot>tr>td:last-child,
.am-panel>.am-table-bd>tfoot>tr>th:last-child,
.am-panel>.am-table-bd>thead>tr>td:last-child,
.am-panel>.am-table-bd>thead>tr>th:last-child {
    border-right: 0
}

.am-panel>.am-table-bd>tbody>tr:first-child>td,
.am-panel>.am-table-bd>tbody>tr:first-child>th,
.am-panel>.am-table-bd>thead>tr:first-child>td,
.am-panel>.am-table-bd>thead>tr:first-child>th {
    border-bottom: 0
}

.am-panel>.am-table-bd>tbody>tr:last-child>td,
.am-panel>.am-table-bd>tbody>tr:last-child>th,
.am-panel>.am-table-bd>tfoot>tr:last-child>td,
.am-panel>.am-table-bd>tfoot>tr:last-child>th {
    border-bottom: 0
}

.am-panel>.am-list {
    margin: 0
}

.am-panel>.am-list>li>a {
    padding-left: 1rem;
    padding-right: 1rem
}

.am-panel>.am-list-static li {
    padding-left: 1rem;
    padding-right: 1rem
}

.am-panel-group {
    margin-bottom: 2rem
}

.am-panel-group .am-panel {
    margin-bottom: 0;
    border-radius: 0
}

.am-panel-group .am-panel+.am-panel {
    margin-top: 6px
}

.am-panel-group .am-panel-hd {
    border-bottom: 0
}

.am-panel-group .am-panel-hd+.am-panel-collapse .am-panel-bd {
    border-top: 1px solid #ddd
}

.am-panel-group .am-panel-footer {
    border-top: 0
}

.am-panel-group .am-panel-footer+.am-panel-collapse .am-panel-bd {
    border-bottom: 1px solid #ddd
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 36px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 36px 0
    }

    to {
        background-position: 0 0
    }
}

.am-progress {
    overflow: hidden;
    height: 2rem;
    margin-bottom: 2rem;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.am-progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #fff;
    text-align: center;
    background-color: #0f6540;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.am-progress-striped .am-progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px
}

.am-progress.am-active .am-progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.am-progress-bar[aria-valuenow="1"],
.am-progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.am-progress-bar[aria-valuenow="0"] {
    color: #999;
    min-width: 30px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.am-progress-bar-secondary {
    background-color: #00a0e9
}

.am-progress-striped .am-progress-bar-secondary {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.am-progress-bar-success {
    background-color: #5eb95e
}

.am-progress-striped .am-progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.am-progress-bar-warning {
    background-color: #F37B1D
}

.am-progress-striped .am-progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.am-progress-bar-danger {
    background-color: #dd514c
}

.am-progress-striped .am-progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.am-progress-xs {
    height: .6rem
}

.am-progress-sm {
    height: 1.2rem
}

.am-thumbnail {
    display: block;
    padding: 2px;
    margin-bottom: 2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.am-thumbnail a>img,
.am-thumbnail>img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.am-thumbnail a.am-thumbnail.active,
.am-thumbnail a.am-thumbnail:focus,
.am-thumbnail a.am-thumbnail:hover {
    border-color: #0f6540;
    background-color: #fff
}

.am-thumbnail a>img,
.am-thumbnail>img,
img.am-thumbnail {
    max-width: 100%;
    height: auto
}

.am-thumbnail-caption {
    margin: 0;
    padding: .8rem;
    color: #333;
    font-weight: 400
}

.am-thumbnail-caption :last-child {
    margin-bottom: 0
}

.am-thumbnails {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.am-thumbnails>li {
    padding: 0 .5rem 1rem .5rem
}

.am-scrollable-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

.am-scrollable-vertical {
    height: 240px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: vertical
}

.am-square {
    border-radius: 0
}

.am-radius {
    border-radius: 2px
}

.am-round {
    border-radius: 1000px
}

.am-circle {
    border-radius: 50%
}

.am-cf:after,
.am-cf:before {
    content: " ";
    display: table
}

.am-cf:after {
    clear: both
}

.am-fl {
    float: left
}

.am-fr {
    float: right
}

.am-nbfc {
    overflow: hidden
}

.am-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.am-block {
    display: block !important
}

.am-inline {
    display: inline !important
}

.am-inline-block {
    display: inline-block !important
}

.am-hide {
    display: none !important;
    visibility: hidden !important
}

.am-vertical-align {
    font-size: 0
}

.am-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.am-vertical-align-bottom,
.am-vertical-align-middle {
    display: inline-block;
    font-size: 1.6rem;
    max-width: 100%
}

.am-vertical-align-middle {
    vertical-align: middle
}

.am-vertical-align-bottom {
    vertical-align: bottom
}

.am-responsive-width {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: auto
}

.am-margin {
    margin: 1.6rem
}

.am-margin-0 {
    margin: 0 !important
}

.am-margin-xs {
    margin: .5rem
}

.am-margin-sm {
    margin: 1rem
}

.am-margin-lg {
    margin: 2.4rem
}

.am-margin-xl {
    margin: 3.2rem
}

.am-margin-horizontal {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.am-margin-horizontal-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.am-margin-horizontal-xs {
    margin-left: .5rem;
    margin-right: .5rem
}

.am-margin-horizontal-sm {
    margin-left: 1rem;
    margin-right: 1rem
}

.am-margin-horizontal-lg {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.am-margin-horizontal-xl {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.am-margin-vertical {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.am-margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.am-margin-vertical-xs {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.am-margin-vertical-sm {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.am-margin-vertical-lg {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

.am-margin-vertical-xl {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.am-margin-top {
    margin-top: 1.6rem
}

.am-margin-top-0 {
    margin-top: 0 !important
}

.am-margin-top-xs {
    margin-top: .5rem
}

.am-margin-top-sm {
    margin-top: 1rem
}

.am-margin-top-lg {
    margin-top: 2.4rem
}

.am-margin-top-xl {
    margin-top: 3.2rem
}

.am-margin-bottom {
    margin-bottom: 1.6rem
}

.am-margin-bottom-0 {
    margin-bottom: 0 !important
}

.am-margin-bottom-xs {
    margin-bottom: .5rem
}

.am-margin-bottom-sm {
    margin-bottom: 1rem
}

.am-margin-bottom-lg {
    margin-bottom: 2.4rem
}

.am-margin-bottom-xl {
    margin-bottom: 3.2rem
}

.am-margin-left {
    margin-left: 1.6rem
}

.am-margin-left-0 {
    margin-left: 0 !important
}

.am-margin-left-xs {
    margin-left: .5rem
}

.am-margin-left-sm {
    margin-left: 1rem
}

.am-margin-left-lg {
    margin-left: 2.4rem
}

.am-margin-left-xl {
    margin-left: 3.2rem
}

.am-margin-right {
    margin-right: 1.6rem
}

.am-margin-right-0 {
    margin-right: 0 !important
}

.am-margin-right-xs {
    margin-right: .5rem
}

.am-margin-right-sm {
    margin-right: 1rem
}

.am-margin-right-lg {
    margin-right: 2.4rem
}

.am-margin-right-xl {
    margin-right: 3.2rem
}

.am-padding {
    padding: 1.6rem
}

.am-padding-0 {
    padding: 0 !important
}

.am-padding-xs {
    padding: .5rem
}

.am-padding-sm {
    padding: 1rem
}

.am-padding-lg {
    padding: 2.4rem
}

.am-padding-xl {
    padding: 3.2rem
}

.am-padding-horizontal {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.am-padding-horizontal-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.am-padding-horizontal-xs {
    padding-left: .5rem;
    padding-right: .5rem
}

.am-padding-horizontal-sm {
    padding-left: 1rem;
    padding-right: 1rem
}

.am-padding-horizontal-lg {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.am-padding-horizontal-xl {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.am-padding-vertical {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.am-padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.am-padding-vertical-xs {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.am-padding-vertical-sm {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.am-padding-vertical-lg {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.am-padding-vertical-xl {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.am-padding-top {
    padding-top: 1.6rem
}

.am-padding-top-0 {
    padding-top: 0 !important
}

.am-padding-top-xs {
    padding-top: .5rem
}

.am-padding-top-sm {
    padding-top: 1rem
}

.am-padding-top-lg {
    padding-top: 2.4rem
}

.am-padding-top-xl {
    padding-top: 3.2rem
}

.am-padding-bottom {
    padding-bottom: 1.6rem
}

.am-padding-bottom-0 {
    padding-bottom: 0 !important
}

.am-padding-bottom-xs {
    padding-bottom: .5rem
}

.am-padding-bottom-sm {
    padding-bottom: 1rem
}

.am-padding-bottom-lg {
    padding-bottom: 2.4rem
}

.am-padding-bottom-xl {
    padding-bottom: 3.2rem
}

.am-padding-left {
    padding-left: 1.6rem
}

.am-padding-left-0 {
    padding-left: 0 !important
}

.am-padding-left-xs {
    padding-left: .5rem
}

.am-padding-left-sm {
    padding-left: 1rem
}

.am-padding-left-lg {
    padding-left: 2.4rem
}

.am-padding-left-xl {
    padding-left: 3.2rem
}

.am-padding-right {
    padding-right: 1.6rem
}

.am-padding-right-0 {
    padding-right: 0 !important
}

.am-padding-right-xs {
    padding-right: .5rem
}

.am-padding-right-sm {
    padding-right: 1rem
}

.am-padding-right-lg {
    padding-right: 2.4rem
}

.am-padding-right-xl {
    padding-right: 3.2rem
}

@media only screen {

    .am-hide-lg,
    .am-hide-lg-only,
    .am-hide-lg-up,
    .am-hide-md,
    .am-hide-md-only,
    .am-hide-md-up,
    .am-show-lg-down,
    .am-show-md-down,
    .am-show-sm,
    .am-show-sm-down,
    .am-show-sm-only,
    .am-show-sm-up {
        display: inherit !important
    }

    .am-hide-lg-down,
    .am-hide-md-down,
    .am-hide-sm,
    .am-hide-sm-down,
    .am-hide-sm-only,
    .am-hide-sm-up,
    .am-show-lg,
    .am-show-lg-only,
    .am-show-lg-up,
    .am-show-md,
    .am-show-md-only,
    .am-show-md-up {
        display: none !important
    }

    table.am-hide-lg,
    table.am-hide-lg-only,
    table.am-hide-lg-up,
    table.am-hide-md,
    table.am-hide-md-only,
    table.am-hide-md-up,
    table.am-show-lg-down,
    table.am-show-md-down,
    table.am-show-sm,
    table.am-show-sm-down,
    table.am-show-sm-only,
    table.am-show-sm-up {
        display: table !important
    }

    thead.am-hide-lg,
    thead.am-hide-lg-only,
    thead.am-hide-lg-up,
    thead.am-hide-md,
    thead.am-hide-md-only,
    thead.am-hide-md-up,
    thead.am-show-lg-down,
    thead.am-show-md-down,
    thead.am-show-sm,
    thead.am-show-sm-down,
    thead.am-show-sm-only,
    thead.am-show-sm-up {
        display: table-header-group !important
    }

    tbody.am-hide-lg,
    tbody.am-hide-lg-only,
    tbody.am-hide-lg-up,
    tbody.am-hide-md,
    tbody.am-hide-md-only,
    tbody.am-hide-md-up,
    tbody.am-show-lg-down,
    tbody.am-show-md-down,
    tbody.am-show-sm,
    tbody.am-show-sm-down,
    tbody.am-show-sm-only,
    tbody.am-show-sm-up {
        display: table-row-group !important
    }

    tr.am-hide-lg,
    tr.am-hide-lg-only,
    tr.am-hide-lg-up,
    tr.am-hide-md,
    tr.am-hide-md-only,
    tr.am-hide-md-up,
    tr.am-show-lg-down,
    tr.am-show-md-down,
    tr.am-show-sm,
    tr.am-show-sm-down,
    tr.am-show-sm-only,
    tr.am-show-sm-up {
        display: table-row !important
    }

    td.am-hide-lg,
    td.am-hide-lg-only,
    td.am-hide-lg-up,
    td.am-hide-md,
    td.am-hide-md-only,
    td.am-hide-md-up,
    td.am-show-lg-down,
    td.am-show-md-down,
    td.am-show-sm,
    td.am-show-sm-down,
    td.am-show-sm-only,
    td.am-show-sm-up,
    th.am-hide-lg,
    th.am-hide-lg-only,
    th.am-hide-lg-up,
    th.am-hide-md,
    th.am-hide-md-only,
    th.am-hide-md-up,
    th.am-show-lg-down,
    th.am-show-md-down,
    th.am-show-sm,
    th.am-show-sm-down,
    th.am-show-sm-only,
    th.am-show-sm-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 641px) {

    .am-hide-lg,
    .am-hide-lg-only,
    .am-hide-lg-up,
    .am-hide-sm,
    .am-hide-sm-down,
    .am-hide-sm-only,
    .am-show-lg-down,
    .am-show-md,
    .am-show-md-down,
    .am-show-md-only,
    .am-show-md-up,
    .am-show-sm-up {
        display: inherit !important
    }

    .am-hide-lg-down,
    .am-hide-md,
    .am-hide-md-down,
    .am-hide-md-only,
    .am-hide-md-up,
    .am-hide-sm-up,
    .am-show-lg,
    .am-show-lg-only,
    .am-show-lg-up,
    .am-show-sm,
    .am-show-sm-down,
    .am-show-sm-only {
        display: none !important
    }

    table.am-hide-lg,
    table.am-hide-lg-only,
    table.am-hide-lg-up,
    table.am-hide-sm,
    table.am-hide-sm-down,
    table.am-hide-sm-only,
    table.am-show-lg-down,
    table.am-show-md,
    table.am-show-md-down,
    table.am-show-md-only,
    table.am-show-md-up,
    table.am-show-sm-up {
        display: table !important
    }

    thead.am-hide-lg,
    thead.am-hide-lg-only,
    thead.am-hide-lg-up,
    thead.am-hide-sm,
    thead.am-hide-sm-down,
    thead.am-hide-sm-only,
    thead.am-show-lg-down,
    thead.am-show-md,
    thead.am-show-md-down,
    thead.am-show-md-only,
    thead.am-show-md-up,
    thead.am-show-sm-up {
        display: table-header-group !important
    }

    tbody.am-hide-lg,
    tbody.am-hide-lg-only,
    tbody.am-hide-lg-up,
    tbody.am-hide-sm,
    tbody.am-hide-sm-down,
    tbody.am-hide-sm-only,
    tbody.am-show-lg-down,
    tbody.am-show-md,
    tbody.am-show-md-down,
    tbody.am-show-md-only,
    tbody.am-show-md-up,
    tbody.am-show-sm-up {
        display: table-row-group !important
    }

    tr.am-hide-lg,
    tr.am-hide-lg-only,
    tr.am-hide-lg-up,
    tr.am-hide-sm,
    tr.am-hide-sm-down,
    tr.am-hide-sm-only,
    tr.am-show-lg-down,
    tr.am-show-md,
    tr.am-show-md-down,
    tr.am-show-md-only,
    tr.am-show-md-up,
    tr.am-show-sm-up {
        display: table-row !important
    }

    td.am-hide-lg,
    td.am-hide-lg-only,
    td.am-hide-lg-up,
    td.am-hide-sm,
    td.am-hide-sm-down,
    td.am-hide-sm-only,
    td.am-show-lg-down,
    td.am-show-md,
    td.am-show-md-down,
    td.am-show-md-only,
    td.am-show-md-up,
    td.am-show-sm-up,
    th.am-hide-lg,
    th.am-hide-lg-only,
    th.am-hide-lg-up,
    th.am-hide-sm,
    th.am-hide-sm-down,
    th.am-hide-sm-only,
    th.am-show-lg-down,
    th.am-show-md,
    th.am-show-md-down,
    th.am-show-md-only,
    th.am-show-md-up,
    th.am-show-sm-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 1025px) {

    .am-hide-md,
    .am-hide-md-down,
    .am-hide-md-only,
    .am-hide-sm,
    .am-hide-sm-down,
    .am-hide-sm-only,
    .am-show-lg,
    .am-show-lg-down,
    .am-show-lg-only,
    .am-show-lg-up,
    .am-show-md-up,
    .am-show-sm-up {
        display: inherit !important
    }

    .am-hide-lg,
    .am-hide-lg-down,
    .am-hide-lg-only,
    .am-hide-lg-up,
    .am-hide-md-up,
    .am-hide-sm-up,
    .am-show-md,
    .am-show-md-down,
    .am-show-md-only,
    .am-show-sm,
    .am-show-sm-down,
    .am-show-sm-only {
        display: none !important
    }

    table.am-hide-md,
    table.am-hide-md-down,
    table.am-hide-md-only,
    table.am-hide-sm,
    table.am-hide-sm-down,
    table.am-hide-sm-only,
    table.am-show-lg,
    table.am-show-lg-down,
    table.am-show-lg-only,
    table.am-show-lg-up,
    table.am-show-md-up,
    table.am-show-sm-up {
        display: table !important
    }

    thead.am-hide-md,
    thead.am-hide-md-down,
    thead.am-hide-md-only,
    thead.am-hide-sm,
    thead.am-hide-sm-down,
    thead.am-hide-sm-only,
    thead.am-show-lg,
    thead.am-show-lg-down,
    thead.am-show-lg-only,
    thead.am-show-lg-up,
    thead.am-show-md-up,
    thead.am-show-sm-up {
        display: table-header-group !important
    }

    tbody.am-hide-md,
    tbody.am-hide-md-down,
    tbody.am-hide-md-only,
    tbody.am-hide-sm,
    tbody.am-hide-sm-down,
    tbody.am-hide-sm-only,
    tbody.am-show-lg,
    tbody.am-show-lg-down,
    tbody.am-show-lg-only,
    tbody.am-show-lg-up,
    tbody.am-show-md-up,
    tbody.am-show-sm-up {
        display: table-row-group !important
    }

    tr.am-hide-md,
    tr.am-hide-md-down,
    tr.am-hide-md-only,
    tr.am-hide-sm,
    tr.am-hide-sm-down,
    tr.am-hide-sm-only,
    tr.am-show-lg,
    tr.am-show-lg-down,
    tr.am-show-lg-only,
    tr.am-show-lg-up,
    tr.am-show-md-up,
    tr.am-show-sm-up {
        display: table-row !important
    }

    td.am-hide-md,
    td.am-hide-md-down,
    td.am-hide-md-only,
    td.am-hide-sm,
    td.am-hide-sm-down,
    td.am-hide-sm-only,
    td.am-show-lg,
    td.am-show-lg-down,
    td.am-show-lg-only,
    td.am-show-lg-up,
    td.am-show-md-up,
    td.am-show-sm-up,
    th.am-hide-md,
    th.am-hide-md-down,
    th.am-hide-md-only,
    th.am-hide-sm,
    th.am-hide-sm-down,
    th.am-hide-sm-only,
    th.am-show-lg,
    th.am-show-lg-down,
    th.am-show-lg-only,
    th.am-show-lg-up,
    th.am-show-md-up,
    th.am-show-sm-up {
        display: table-cell !important
    }
}

@media only screen and (orientation: landscape) {

    .am-hide-portrait,
    .am-show-landscape {
        display: inherit !important
    }

    .am-hide-landscape,
    .am-show-portrait {
        display: none !important
    }
}

@media only screen and (orientation: portrait) {

    .am-hide-landscape,
    .am-show-portrait {
        display: inherit !important
    }

    .am-hide-portrait,
    .am-show-landscape {
        display: none !important
    }
}

.am-sans-serif {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif
}

.am-serif {
    font-family: Georgia, "Times New Roman", Times, SimSun, FontAwesome, serif
}

.am-kai {
    font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, FontAwesome, serif
}

.am-monospace {
    font-family: Monaco, Menlo, Consolas, "Courier New", FontAwesome, monospace
}

.am-text-primary {
    color: #0f6540
}

.am-text-secondary {
    color: #00a0e9
}

.am-text-success {
    color: #5eb95e
}

.am-text-warning {
    color: #F37B1D
}

.am-text-danger {
    color: #dd514c
}

.am-link-muted {
    color: #666
}

.am-link-muted a {
    color: #666
}

.am-link-muted a:hover,
.am-link-muted:hover {
    color: #555
}

.am-text-default {
    font-size: 1.6rem
}

.am-text-xs {
    font-size: 1.2rem
}

.am-text-sm {
    font-size: 1.4rem
}

.am-text-lg {
    font-size: 1.8rem
}

.am-text-xl {
    font-size: 2.4rem
}

.am-text-xxl {
    font-size: 3.2rem
}

.am-text-xxxl {
    font-size: 4.2rem
}

.am-ellipsis,
.am-text-truncate {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.am-text-nowrap {
    white-space: nowrap
}

[class*=am-align-] {
    margin-bottom: 1rem
}

.am-align-left {
    margin-right: 1rem;
    float: left
}

.am-align-right {
    margin-left: 1rem;
    float: right
}

.am-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.am-text-ir {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

@media only screen {
    .am-text-left {
        text-align: left !important
    }

    .am-text-right {
        text-align: right !important
    }

    .am-text-center {
        text-align: center !important
    }

    .am-text-justify {
        text-align: justify !important
    }
}

@media only screen and (max-width: 640px) {
    .am-sm-only-text-left {
        text-align: left !important
    }

    .am-sm-only-text-right {
        text-align: right !important
    }

    .am-sm-only-text-center {
        text-align: center !important
    }

    .am-sm-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .am-md-only-text-left {
        text-align: left !important
    }

    .am-md-only-text-right {
        text-align: right !important
    }

    .am-md-only-text-center {
        text-align: center !important
    }

    .am-md-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 641px) {
    .am-md-text-left {
        text-align: left !important
    }

    .am-md-text-right {
        text-align: right !important
    }

    .am-md-text-center {
        text-align: center !important
    }

    .am-md-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 1025px) {
    .am-lg-text-left {
        text-align: left !important
    }

    .am-lg-text-right {
        text-align: right !important
    }

    .am-lg-text-center {
        text-align: center !important
    }

    .am-lg-text-justify {
        text-align: justify !important
    }
}

.am-text-top {
    vertical-align: top !important
}

.am-text-middle {
    vertical-align: middle !important
}

.am-text-bottom {
    vertical-align: bottom !important
}

.am-angle {
    position: absolute
}

.am-angle:after,
.am-angle:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    z-index: 1
}

.am-angle-up {
    top: 0
}

.am-angle-up:after,
.am-angle-up:before {
    border-bottom-style: solid;
    border-width: 0 8px 8px
}

.am-angle-up:before {
    border-bottom-color: #ddd;
    bottom: 0
}

.am-angle-up:after {
    border-bottom-color: #fff;
    bottom: -1px
}

.am-angle-down {
    bottom: -9px
}

.am-angle-down:after,
.am-angle-down:before {
    border-top-style: solid;
    border-width: 8px 8px 0
}

.am-angle-down:before {
    border-top-color: #ddd;
    bottom: 0
}

.am-angle-down:after {
    border-top-color: #fff;
    bottom: 1px
}

.am-angle-left {
    left: -9px
}

.am-angle-left:after,
.am-angle-left:before {
    border-right-style: solid;
    border-width: 8px 8px 8px 0
}

.am-angle-left:before {
    border-right-color: #ddd;
    left: 0
}

.am-angle-left:after {
    border-right-color: #fff;
    left: 1px
}

.am-angle-right {
    right: 0
}

.am-angle-right:after,
.am-angle-right:before {
    border-left-style: solid;
    border-width: 8px 0 8px 8px
}

.am-angle-right:before {
    border-left-color: #ddd;
    left: 0
}

.am-angle-right:after {
    border-left-color: #fff;
    left: -1px
}

.am-alert {
    margin-bottom: 1em;
    padding: .625em;
    background: #0f6540;
    color: #fff;
    border: 1px solid #0c7cb5;
    border-radius: 0
}

.am-alert a {
    color: #fff
}

.am-alert h1,
.am-alert h2,
.am-alert h3,
.am-alert h4,
.am-alert h5,
.am-alert h6 {
    color: inherit
}

.am-alert .am-close {
    opacity: .4
}

.am-alert .am-close:hover {
    opacity: .6
}

*+.am-alert {
    margin-top: 1em
}

.am-alert>:last-child {
    margin-bottom: 0
}

.am-form-group .am-alert {
    margin: 5px 0 0;
    padding: .25em .625em;
    font-size: 1.3rem
}

.am-alert>.am-close:first-child {
    float: right;
    height: auto;
    margin: -3px -5px auto auto
}

.am-alert>.am-close:first-child+* {
    margin-top: 0
}

.am-alert-secondary {
    background-color: #eee;
    border-color: #dfdfdf;
    color: #555
}

.am-alert-success {
    background-color: #5eb95e;
    border-color: #4bad4b;
    color: #fff
}

.am-alert-warning {
    background-color: #F37B1D;
    border-color: #e56c0c;
    color: #fff
}

.am-alert-danger {
    background-color: #dd514c;
    border-color: #d83832;
    color: #fff
}

.am-dropdown {
    position: relative;
    display: inline-block
}

.am-dropdown-toggle:focus {
    outline: 0
}

.am-dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1020;
    display: none;
    float: left;
    min-width: 160px;
    padding: 15px;
    margin: 9px 0 0;
    text-align: left;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

.am-dropdown-content:after,
.am-dropdown-content:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    z-index: 1
}

.am-dropdown-content:after,
.am-dropdown-content:before {
    border-bottom-style: solid;
    border-width: 0 8px 8px
}

.am-dropdown-content:before {
    border-bottom-color: #ddd;
    bottom: 0
}

.am-dropdown-content:after {
    border-bottom-color: #fff;
    bottom: -1px
}

.am-dropdown-content:after,
.am-dropdown-content:before {
    left: 10px;
    top: -8px;
    pointer-events: none
}

.am-dropdown-content:after {
    top: -7px
}

.am-active>.am-dropdown-content {
    display: block
}

.am-dropdown-content :first-child {
    margin-top: 0
}

.am-dropdown-up .am-dropdown-content {
    top: auto;
    bottom: 100%;
    margin: 0 0 9px
}

.am-dropdown-up .am-dropdown-content:after,
.am-dropdown-up .am-dropdown-content:before {
    border-bottom: none;
    border-top: 8px solid #ddd;
    top: auto;
    bottom: -8px
}

.am-dropdown-up .am-dropdown-content:after {
    bottom: -7px;
    border-top-color: #fff
}

.am-dropdown-flip .am-dropdown-content {
    left: auto;
    right: 0
}

.am-dropdown-flip .am-dropdown-content:after,
.am-dropdown-flip .am-dropdown-content:before {
    left: auto;
    right: 10px
}

ul.am-dropdown-content {
    list-style: none;
    padding: 5px 0
}

ul.am-dropdown-content.am-fr {
    right: 0;
    left: auto
}

ul.am-dropdown-content .am-divider {
    height: 1px;
    margin: 0rem 0;
    overflow: hidden;
    background-color: #e5e5e5
}

ul.am-dropdown-content>li>a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap
}

ul.am-dropdown-content>li>a:focus,
ul.am-dropdown-content>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

ul.am-dropdown-content>.am-active>a,
ul.am-dropdown-content>.am-active>a:focus,
ul.am-dropdown-content>.am-active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #0f6540
}

ul.am-dropdown-content>.am-disabled>a,
ul.am-dropdown-content>.am-disabled>a:focus,
ul.am-dropdown-content>.am-disabled>a:hover {
    color: #999
}

ul.am-dropdown-content>.am-disabled>a:focus,
ul.am-dropdown-content>.am-disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.am-dropdown-header {
    display: block;
    padding: 6px 20px;
    font-size: 1.2rem;
    color: #999
}

.am-fr>.am-dropdown-content {
    right: 0;
    left: auto
}

.am-fr>.am-dropdown-content:before {
    right: 10px;
    left: auto
}

.am-dropdown-animation {
    -webkit-animation: am-dropdown-animation .15s ease-out;
    animation: am-dropdown-animation .15s ease-out
}

@-webkit-keyframes am-dropdown-animation {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes am-dropdown-animation {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.am-slider a:focus,
.am-slider a:hover {
    outline: 0
}

.am-control-nav,
.am-direction-nav,
.am-slides {
    margin: 0;
    padding: 0;
    list-style: none
}

.am-slider {
    margin: 0;
    padding: 0
}

.am-slider .am-slides:after,
.am-slider .am-slides:before {
    content: " ";
    display: table
}

.am-slider .am-slides:after {
    clear: both
}

.am-slider .am-slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative
}

.no-js .am-slider .am-slides>li:first-child {
    display: block
}

.am-slider .am-slides img {
    width: 100%;
    display: block
}

.am-pauseplay span {
    text-transform: capitalize
}

.am-slider {
    position: relative
}

.am-viewport {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.am-slider-carousel li {
    margin-right: 5px
}

.am-control-nav {
    position: absolute
}

.am-control-nav li {
    display: inline-block
}

.am-control-thumbs {
    position: static;
    overflow: hidden
}

.am-control-thumbs img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.am-slider-slide .am-slides>li {
    display: none;
    position: relative
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .am-slider-slide .am-slides>li {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .am-slider-slide .am-slides>li.active.right,
    .am-slider-slide .am-slides>li.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .am-slider-slide .am-slides>li.active.left,
    .am-slider-slide .am-slides>li.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .am-slider-slide .am-slides>li.active,
    .am-slider-slide .am-slides>li.next.left,
    .am-slider-slide .am-slides>li.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.am-slider-slide .am-slides>.active,
.am-slider-slide .am-slides>.next,
.am-slider-slide .am-slides>.prev {
    display: block
}

.am-slider-slide .am-slides>.active {
    left: 0
}

.am-slider-slide .am-slides>.next,
.am-slider-slide .am-slides>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.am-slider-slide .am-slides>.next {
    left: 100%
}

.am-slider-slide .am-slides>.prev {
    left: -100%
}

.am-slider-slide .am-slides>.next.left,
.am-slider-slide .am-slides>.prev.right {
    left: 0
}

.am-slider-slide .am-slides>.active.left {
    left: -100%
}

.am-slider-slide .am-slides>.active.right {
    left: 100%
}

.am-slider-default {
    margin: 0 0 20px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
}

.am-slider-default .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-default .am-viewport {
    max-height: 300px
}

.am-slider-default .carousel li {
    margin-right: 5px
}

.am-slider-default .am-direction-nav a {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: block;
    width: 36px;
    height: 36px;
    margin: -18px 0 0;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-default .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    color: #333;
    content: "\f137";
    font-size: 24px !important;
    text-align: center;
    line-height: 36px !important;
    height: 36px
}

.am-slider-default .am-direction-nav a.am-next:before {
    content: "\f138"
}

.am-slider-default .am-direction-nav .am-prev {
    left: 10px
}

.am-slider-default .am-direction-nav .am-next {
    right: 10px;
    text-align: right
}

.am-slider-default .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-default:hover .am-prev {
    opacity: .7;
    left: 10px
}

.am-slider-default:hover .am-prev:hover {
    opacity: 1
}

.am-slider-default:hover .am-next {
    opacity: .7;
    right: 10px
}

.am-slider-default:hover .am-next:hover {
    opacity: 1
}

.am-slider-default .am-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.am-slider-default .am-pauseplay a::before {
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    font-size: 20px;
    display: inline-block;
    content: "\f04c"
}

.am-slider-default .am-pauseplay a:hover {
    opacity: 1
}

.am-slider-default .am-pauseplay a.am-play::before {
    content: "\f04b"
}

.am-slider-default .am-slider-desc {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    color: #fff
}

.am-slider-default .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: -15px;
    text-align: center
}

.am-slider-default .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-default .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.am-slider-default .am-control-nav li a:hover {
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-default .am-control-nav li a.am-active {
    background-color: #000;
    background-color: #0f6540;
    cursor: default
}

.am-slider-default .am-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.am-slider-default .am-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.am-slider-default .am-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer
}

.am-slider-default .am-control-thumbs img:hover {
    opacity: 1
}

.am-slider-default .am-control-thumbs .am-active {
    opacity: 1;
    cursor: default
}

.am-slider-default .am-control-thumbs i {
    position: absolute
}

.am-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    display: none;
    opacity: 0;
    outline: 0;
    text-align: center;
    -webkit-transform: scale(1.185);
    -ms-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.am-modal:focus {
    outline: 0
}

.am-modal.am-modal-active {
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto
}

.am-modal.am-modal-out {
    opacity: 0;
    z-index: 1109;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(0.815);
    -ms-transform: scale(0.815);
    transform: scale(0.815)
}

.am-modal:before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.am-modal-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
    max-width: 100%;
    border-radius: 0;
    background: #f8f8f8
}

@media only screen and (min-width: 641px) {
    .am-modal-dialog {
        width: 540px
    }
}

.am-modal-hd {
    padding: 15px 10px 5px 10px;
    font-size: 1.8rem;
    font-weight: 500
}

.am-modal-hd+.am-modal-bd {
    padding-top: 0
}

.am-modal-hd .am-close {
    position: absolute;
    top: 4px;
    right: 4px
}

.am-modal-bd {
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #dedede;
    border-radius: 2px 2px 0 0
}

.am-modal-bd+.am-modal-bd {
    margin-top: 5px
}

.am-modal-prompt-input {
    display: block;
    margin: 5px auto 0 auto;
    border-radius: 0;
    padding: 5px;
    line-height: 1.8rem;
    width: 80%;
    border: 1px solid #dedede;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.am-modal-prompt-input:focus {
    outline: 0;
    border-color: #d6d6d6
}

.am-modal-footer {
    height: 44px;
    overflow: hidden;
    display: table;
    width: 100%;
    border-collapse: collapse
}

.am-modal-btn {
    display: table-cell !important;
    padding: 0 5px;
    height: 44px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 1.6rem;
    line-height: 44px;
    text-align: center;
    color: #0f6540;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-right: 1px solid #dedede
}

.am-modal-btn:first-child {
    border-radius: 0
}

.am-modal-btn:last-child {
    border-right: none;
    border-radius: 0
}

.am-modal-btn:first-child:last-child {
    border-radius: 0
}

.am-modal-btn.am-modal-btn-bold {
    font-weight: 500
}

.am-modal-btn:active {
    background: #d4d4d4
}

.am-modal-btn+.am-modal-btn {
    border-left: 1px solid #dedede
}

.am-modal-no-btn .am-modal-dialog {
    border-radius: 0;
    border-bottom: none
}

.am-modal-no-btn .am-modal-bd {
    border-bottom: none
}

.am-modal-no-btn .am-modal-footer {
    display: none
}

.am-modal-loading .am-modal-bd {
    border-bottom: none
}

.am-modal-loading .am-icon-spin {
    display: inline-block;
    font-size: 2.4rem
}

.am-modal-loading .am-modal-footer {
    display: none
}

.am-modal-actions {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1110;
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.am-modal-actions.am-modal-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.am-modal-actions.am-modal-out {
    z-index: 1109;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.am-modal-actions-group {
    margin: 10px
}

.am-modal-actions-group .am-list {
    margin: 0;
    border-radius: 0
}

.am-modal-actions-group .am-list>li {
    margin-bottom: 0;
    border-bottom: none;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015)
}

.am-modal-actions-group .am-list>li>a {
    padding: 1rem;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-modal-actions-group .am-list>li:first-child {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.am-modal-actions-group .am-list>li:last-child {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.am-modal-actions-header {
    padding: 1rem;
    color: #999;
    font-size: 1.4rem
}

.am-modal-actions-danger {
    color: #dd514c
}

.am-modal-actions-danger a {
    color: inherit
}

.am-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1110;
    background: #fff;
    display: none;
    overflow: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.am-popup.am-modal-active,
.am-popup.am-modal-out {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.am-popup.am-modal-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.am-popup.am-modal-out {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

@media all and (min-width: 630px) and (min-height: 630px) {
    .am-popup {
        width: 630px;
        height: 630px;
        left: 50%;
        top: 50%;
        margin-left: -315px;
        margin-top: -315px;
        -webkit-transform: translateY(1024px);
        -ms-transform: translateY(1024px);
        transform: translateY(1024px)
    }

    .am-popup.am-modal-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .am-popup.am-modal-out {
        -webkit-transform: translateY(1024px);
        -ms-transform: translateY(1024px);
        transform: translateY(1024px)
    }
}

.am-popup-inner {
    padding-top: 44px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.am-popup-hd {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 43px;
    border-bottom: 1px solid #dedede;
    background-color: #fff
}

.am-popup-hd .am-popup-title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    margin: 0 30px;
    color: #333;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-popup-hd .am-close {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #999
}

.am-popup-hd .am-close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #555
}

.am-popup-bd {
    padding: 15px;
    background: #f8f8f8;
    color: #555
}

.am-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1090;
    background: rgba(0, 0, 0, 0.15)
}

.am-offcanvas.am-active {
    display: block
}

.am-offcanvas-page {
    position: fixed;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out
}

.am-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1091;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.am-offcanvas-bar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #262626
}

.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.am-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.am-offcanvas-bar-flip:after {
    right: auto;
    left: 0
}

.am-offcanvas-content {
    padding: 15px;
    color: #999
}

.am-offcanvas-content a {
    color: #ccc
}

.am-popover {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    background: #333;
    color: #fff;
    border: 1px solid #333;
    display: none;
    font-size: 1.6rem;
    z-index: 1150;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.am-popover.am-active {
    display: block !important;
    opacity: 1
}

.am-popover-inner {
    position: relative;
    background: #333;
    padding: 8px;
    z-index: 110
}

.am-popover-caret {
    position: absolute;
    top: 0;
    z-index: 100;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 0 dotted;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    overflow: hidden
}

.am-popover-top .am-popover-caret {
    top: auto;
    bottom: -8px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.am-popover-bottom .am-popover-caret {
    top: -8px
}

.am-popover-bottom .am-popover-caret,
.am-popover-top .am-popover-caret {
    left: 50%;
    margin-left: -8px
}

.am-popover-left .am-popover-caret {
    top: auto;
    left: auto;
    right: -12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-popover-right .am-popover-caret {
    right: auto;
    left: -12px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.am-popover-left .am-popover-caret,
.am-popover-right .am-popover-caret {
    top: 50%;
    margin-top: -4px
}

.am-popover-sm {
    font-size: 1.4rem
}

.am-popover-sm .am-popover-inner {
    padding: 5px
}

.am-popover-lg {
    font-size: 1.8rem
}

.am-popover-primary {
    border-color: #0f6540
}

.am-popover-primary .am-popover-inner {
    background: #0f6540
}

.am-popover-primary .am-popover-caret {
    border-bottom-color: #0f6540
}

.am-popover-secondary {
    border-color: #00a0e9
}

.am-popover-secondary .am-popover-inner {
    background: #00a0e9
}

.am-popover-secondary .am-popover-caret {
    border-bottom-color: #00a0e9
}

.am-popover-success {
    border-color: #5eb95e
}

.am-popover-success .am-popover-inner {
    background: #5eb95e
}

.am-popover-success .am-popover-caret {
    border-bottom-color: #5eb95e
}

.am-popover-warning {
    border-color: #F37B1D
}

.am-popover-warning .am-popover-inner {
    background: #F37B1D
}

.am-popover-warning .am-popover-caret {
    border-bottom-color: #F37B1D
}

.am-popover-danger {
    border-color: #dd514c
}

.am-popover-danger .am-popover-inner {
    background: #dd514c
}

.am-popover-danger .am-popover-caret {
    border-bottom-color: #dd514c
}

#nprogress {
    pointer-events: none
}

#nprogress .nprogress-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 2px;
    background: #5eb95e
}

#nprogress .nprogress-peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
    box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

#nprogress .nprogress-spinner {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 2000;
    display: block
}

#nprogress .nprogress-spinner-icon {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #5eb95e;
    border-left-color: #5eb95e;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.am-tabs-bd {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 100;
    -webkit-transition: height .3s;
    transition: height .3s
}

.am-tabs-bd:after,
.am-tabs-bd:before {
    content: " ";
    display: table
}

.am-tabs-bd:after {
    clear: both
}

.am-tabs-bd .am-tab-panel {
    position: absolute;
    top: 0;
    z-index: 99;
    float: left;
    width: 100%;
    padding: 10px 10px 15px;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none
}

.am-tabs-bd .am-tab-panel.am-active {
    position: relative;
    z-index: 100;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.am-tabs-bd .am-tab-panel.am-active~.am-tab-panel {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.am-tabs-bd .am-tabs-bd {
    border: none
}

.am-tabs-bd-ofv {
    overflow: visible
}

.am-tabs-bd-ofv>.am-tab-panel {
    display: none
}

.am-tabs-bd-ofv>.am-tab-panel.am-active {
    display: block
}

.am-tabs-fade .am-tab-panel {
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.am-tabs-fade .am-tab-panel.am-in {
    opacity: 1
}

.am-share {
    font-size: 14px
}

.am-share-title {
    padding: 10px 0 0;
    margin: 0 10px;
    font-weight: 400;
    text-align: center;
    color: #555;
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.am-share-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin-top: 10px;
    border-bottom: 1px solid #dfdfdf
}

.am-share-sns {
    margin: 0 10px;
    padding-top: 15px;
    background-color: #f8f8f8;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.am-share-sns li {
    margin-bottom: 15px
}

.am-share-sns a {
    display: block;
    color: #555
}

.am-share-sns span {
    display: block
}

.am-share-sns [class*=am-icon] {
    background-color: #00a0e9;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 5px;
    font-size: 18px
}

.am-share-sns .am-icon-weibo {
    background-color: #ea1328
}

.am-share-sns .am-icon-qq {
    background-color: #009cda
}

.am-share-sns .am-icon-star {
    background-color: #ffc028
}

.am-share-sns .am-icon-tencent-weibo {
    background-color: #23ccfe
}

.am-share-sns .am-icon-wechat,
.am-share-sns .am-icon-weixin {
    background-color: #44b549
}

.am-share-sns .am-icon-renren {
    background-color: #105ba3
}

.am-share-sns .am-icon-comment {
    background-color: #5eb95e
}

.am-share-footer {
    margin: 10px
}

.am-share-footer .am-btn {
    color: #555
}

.am-share-wechat-qr {
    font-size: 14px;
    color: #777
}

.am-share-wechat-qr .am-modal-dialog {
    background-color: #fff;
    border: 1px solid #dedede
}

.am-share-wechat-qr .am-modal-hd {
    padding-top: 10px;
    text-align: left;
    margin-bottom: 10px
}

.am-share-wechat-qr .am-share-wx-qr {
    margin-bottom: 10px
}

.am-share-wechat-qr .am-share-wechat-tip {
    text-align: left
}

.am-share-wechat-qr .am-share-wechat-tip em {
    color: #dd514c;
    font-weight: 700;
    font-style: normal;
    margin-left: 3px;
    margin-right: 3px
}

.am-pureview {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1120;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    display: none;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.am-pureview.am-active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.am-pureview ol,
.am-pureview ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.am-pureview-slider {
    overflow: hidden;
    height: 100%
}

.am-pureview-slider li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 100;
    visibility: hidden
}

.am-pureview-slider li.am-pureview-slide-prev {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    z-index: 109
}

.am-pureview-slider li.am-pureview-slide-next {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    z-index: 109
}

.am-pureview-slider li.am-active {
    position: relative;
    z-index: 110;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible
}

.am-pureview-slider .pinch-zoom-container {
    width: 100%;
    z-index: 1121
}

.am-pureview-slider .am-pinch-zoom {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.am-pureview-slider .am-pinch-zoom:after {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f110";
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear;
    font-size: 24px;
    line-height: 24px;
    color: #eee;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    z-index: 1
}

.am-pureview-slider .am-pinch-zoom.am-pureview-loaded:after {
    display: none
}

.am-pureview-slider img {
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    z-index: 200;
    -webkit-user-drag: none;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.am-pureview-slider img.am-img-loaded {
    opacity: 1
}

.am-pureview-direction {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -18px !important;
    z-index: 1122
}

.am-pureview-only .am-pureview-direction,
.am-touch .am-pureview-direction {
    display: none
}

.am-pureview-direction li {
    position: absolute;
    width: 36px;
    height: 36px
}

.am-pureview-direction a {
    display: block;
    height: 36px;
    border: none;
    color: #ccc;
    opacity: .5;
    cursor: pointer;
    text-align: center;
    z-index: 1125
}

.am-pureview-direction a:before {
    content: "\f137";
    line-height: 36px;
    font-size: 24px
}

.am-pureview-direction a:hover {
    opacity: 1
}

.am-pureview-direction .am-pureview-prev {
    left: 15px
}

.am-pureview-direction .am-pureview-next {
    right: 15px
}

.am-pureview-direction .am-pureview-next a:before {
    content: "\f138"
}

.am-pureview-bar {
    position: absolute;
    bottom: 0;
    height: 45px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    color: #eee;
    line-height: 45px;
    padding: 0 10px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.am-pureview-bar .am-pureview-title {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 6px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-pureview-bar .am-pureview-total {
    font-size: 10px;
    line-height: 48px
}

.am-pureview-actions {
    position: absolute;
    z-index: 1130;
    left: 0;
    right: 0;
    top: 0;
    height: 45px;
    background-color: rgba(0, 0, 0, 0.35)
}

.am-pureview-actions a {
    position: absolute;
    left: 10px;
    color: #ccc;
    display: block;
    width: 45px;
    line-height: 45px;
    text-align: left;
    font-size: 16px
}

.am-pureview-actions a:hover {
    color: #fff
}

.am-pureview-actions [data-am-toggle=share] {
    left: auto;
    right: 10px
}

.am-pureview-actions,
.am-pureview-bar {
    opacity: 0;
    -webkit-transition: all .15s;
    transition: all .15s;
    z-index: 1130
}

.am-pureview-bar-active .am-pureview-actions,
.am-pureview-bar-active .am-pureview-bar {
    opacity: 1
}

.am-pureview-nav {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1131
}

.am-pureview-bar-active .am-pureview-nav {
    display: none
}

.am-pureview-nav li {
    display: inline-block;
    background: #ccc;
    background: rgba(255, 255, 255, 0.5);
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

.am-pureview-nav .am-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9)
}

[data-am-pureview] img {
    cursor: pointer
}

.am-pureview-active {
    overflow: hidden
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.6)
}

.ath-mandatory {
    background: #000
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: .7em .6em;
    width: 18em;
    background: #eee;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-box-shadow: 0 .2em 0 #d1d1d1;
    box-shadow: 0 .2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center
}

.ath-container small {
    font-size: .8em;
    line-height: 1.3em;
    display: block;
    margin-top: .5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em
}

.ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em
}

.ath-ios8.ath-tablet {
    right: .4em;
    top: 1.8em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -.7em -.6em 0 .5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-background-size: 50% 50%;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none
}

.ath-mandatory .ath-container:before {
    display: none
}

.ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -.3em;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: .4em;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.4em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 .1em 0 #fff;
    font-size: 1.1em
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    -ms-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    -webkit-box-shadow: .2em .2em 0 #d1d1d1;
    box-shadow: .2em .2em 0 #d1d1d1
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    -ms-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto .2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    margin: 0 auto .4em auto
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em
    }

    .ath-android.ath-phone {
        margin-left: -12em
    }

    .ath-ios.ath-phone {
        margin-left: -12em
    }

    .ath-ios6:after {
        left: 39%
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: .4em;
        top: 1.8em
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -.9em;
        left: 68%;
        z-index: 2147483641;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.am-checkbox,
.am-checkbox-inline,
.am-radio,
.am-radio-inline {
    padding-left: 22px;
    position: relative;
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
    font-size: 14px;
    line-height: 1.5
}

label.am-checkbox,
label.am-radio {
    font-weight: 400
}

.am-ucheck-icons {
    color: #999;
    display: block;
    height: 20px;
    top: 0;
    left: 0;
    position: absolute;
    width: 20px;
    text-align: center;
    line-height: 21px;
    font-size: 18px;
    cursor: pointer
}

.am-checkbox .am-icon-checked,
.am-checkbox .am-icon-unchecked,
.am-checkbox-inline .am-icon-checked,
.am-checkbox-inline .am-icon-unchecked,
.am-radio .am-icon-checked,
.am-radio .am-icon-unchecked,
.am-radio-inline .am-icon-checked,
.am-radio-inline .am-icon-unchecked {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-table;
    margin: 0;
    background-color: transparent;
    -webkit-transition: color .25s linear;
    transition: color .25s linear
}

.am-checkbox .am-icon-checked:before,
.am-checkbox .am-icon-unchecked:before,
.am-checkbox-inline .am-icon-checked:before,
.am-checkbox-inline .am-icon-unchecked:before,
.am-radio .am-icon-checked:before,
.am-radio .am-icon-unchecked:before,
.am-radio-inline .am-icon-checked:before,
.am-radio-inline .am-icon-unchecked:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.am-checkbox .am-icon-checked,
.am-checkbox-inline .am-icon-checked,
.am-radio .am-icon-checked,
.am-radio-inline .am-icon-checked {
    opacity: 0
}

.am-checkbox .am-icon-checked:before,
.am-checkbox-inline .am-icon-checked:before {
    content: "\f046"
}

.am-checkbox .am-icon-unchecked:before,
.am-checkbox-inline .am-icon-unchecked:before {
    content: "\f096"
}

.am-radio .am-icon-checked:before,
.am-radio-inline .am-icon-checked:before {
    content: "\f192"
}

.am-radio .am-icon-unchecked:before,
.am-radio-inline .am-icon-unchecked:before {
    content: "\f10c"
}

.am-ucheck-checkbox,
.am-ucheck-radio {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    outline: 0 !important
}

.am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
    color: #0f6540
}

.am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-ucheck-radio:checked+.am-ucheck-icons {
    color: #0f6540
}

.am-ucheck-checkbox:checked+.am-ucheck-icons .am-icon-unchecked,
.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-unchecked {
    opacity: 0
}

.am-ucheck-checkbox:checked+.am-ucheck-icons .am-icon-checked,
.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-checked {
    opacity: 1
}

.am-ucheck-checkbox:disabled+.am-ucheck-icons,
.am-ucheck-radio:disabled+.am-ucheck-icons {
    cursor: default;
    color: #d8d8d8
}

.am-ucheck-checkbox:disabled:checked+.am-ucheck-icons .am-icon-unchecked,
.am-ucheck-radio:disabled:checked+.am-ucheck-icons .am-icon-unchecked {
    opacity: 0
}

.am-ucheck-checkbox:disabled:checked+.am-ucheck-icons .am-icon-checked,
.am-ucheck-radio:disabled:checked+.am-ucheck-icons .am-icon-checked {
    opacity: 1;
    color: #d8d8d8
}

.am-checkbox-inline.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox-inline.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
    color: #00a0e9
}

.am-checkbox-inline.am-secondary .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox-inline.am-secondary .am-ucheck-radio:checked+.am-ucheck-icons,
.am-checkbox.am-secondary .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox.am-secondary .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio-inline.am-secondary .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio-inline.am-secondary .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio.am-secondary .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio.am-secondary .am-ucheck-radio:checked+.am-ucheck-icons {
    color: #00a0e9
}

.am-checkbox-inline.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox-inline.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
    color: #5eb95e
}

.am-checkbox-inline.am-success .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox-inline.am-success .am-ucheck-radio:checked+.am-ucheck-icons,
.am-checkbox.am-success .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox.am-success .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio-inline.am-success .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio-inline.am-success .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio.am-success .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio.am-success .am-ucheck-radio:checked+.am-ucheck-icons {
    color: #5eb95e
}

.am-checkbox-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
    color: #F37B1D
}

.am-checkbox-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons,
.am-checkbox.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox.am-warning .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio.am-warning .am-ucheck-radio:checked+.am-ucheck-icons {
    color: #F37B1D
}

.am-checkbox-inline.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox-inline.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-checkbox.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio-inline.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons,
.am-radio.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
    color: #dd514c
}

.am-checkbox-inline.am-danger .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox-inline.am-danger .am-ucheck-radio:checked+.am-ucheck-icons,
.am-checkbox.am-danger .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-checkbox.am-danger .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio-inline.am-danger .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio-inline.am-danger .am-ucheck-radio:checked+.am-ucheck-icons,
.am-radio.am-danger .am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-radio.am-danger .am-ucheck-radio:checked+.am-ucheck-icons {
    color: #dd514c
}

.am-field-error+.am-ucheck-icons {
    color: #dd514c
}

.am-field-valid+.am-ucheck-icons {
    color: #5eb95e
}

.am-selected {
    width: 200px
}

.am-selected-btn {
    width: 100%;
    padding-left: 10px;
    text-align: right
}

.am-selected-btn.am-btn-default {
    background: 0 0
}

.am-invalid .am-selected-btn {
    border-color: #dd514c
}

.am-selected-header {
    height: 45px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    display: none
}

.am-selected-status {
    text-align: left;
    width: 100%;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-selected-content {
    padding: 10px 0
}

.am-selected-search {
    padding: 0 10px 10px
}

.am-selected-search .am-form-field {
    padding: .5em
}

.am-selected-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem
}

.am-selected-list li {
    position: relative;
    cursor: pointer;
    padding: 5px 10px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

.am-selected-list li:hover {
    background-color: #f8f8f8
}

.am-selected-list li:hover .am-icon-check {
    opacity: .6
}

.am-selected-list li.am-checked .am-icon-check {
    opacity: 1;
    color: #0f6540
}

.am-selected-list li.am-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.am-selected-list .am-selected-list-header {
    margin-top: 8px;
    font-size: 1.3rem;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    cursor: default
}

.am-selected-list .am-selected-list-header:hover {
    background: 0 0
}

.am-selected-list .am-selected-list-header:first-child {
    margin-top: 0
}

.am-selected-list .am-selected-text {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 30px
}

.am-selected-list .am-icon-check {
    position: absolute;
    right: 8px;
    top: 5px;
    color: #999;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.am-selected-hint {
    line-height: 1.2;
    color: #dd514c
}

.am-selected-hint:not(:empty) {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding: 10px 10px 0
}

.am-selected-placeholder {
    opacity: .65
}

.am-fade {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.am-fade.am-in {
    opacity: 1
}

.am-collapse {
    display: none
}

.am-collapse.am-in {
    display: block
}

tr.am-collapse.am-in {
    display: table-row
}

tbody.am-collapse.am-in {
    display: table-row-group
}

.am-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.am-sticky {
    position: fixed !important;
    z-index: 1010;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-am-sticky][class*=am-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.am-dimmer-active {
    overflow: hidden
}

.am-dimmer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1100;
    opacity: 0
}

.am-dimmer.am-active {
    opacity: 1
}

[data-am-collapse] {
    cursor: pointer
}

.am-datepicker {
    top: 0;
    left: 0;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
    width: 238px;
    color: #555;
    display: none
}

.am-datepicker>div {
    display: none
}

.am-datepicker table {
    width: 100%
}

.am-datepicker tr.am-datepicker-header {
    font-size: 1.6rem;
    color: #fff;
    background: #00a0e9
}

.am-datepicker td,
.am-datepicker th {
    text-align: center;
    font-weight: 400;
    cursor: pointer
}

.am-datepicker th {
    height: 48px
}

.am-datepicker td {
    font-size: 1.4rem
}

.am-datepicker td.am-datepicker-day {
    height: 34px;
    width: 34px
}

.am-datepicker td.am-datepicker-day:hover {
    background: #F0F0F0;
    height: 34px;
    width: 34px
}

.am-datepicker td.am-datepicker-day.am-disabled {
    cursor: no-drop;
    color: #999;
    background: #fafafa
}

.am-datepicker td.am-datepicker-new,
.am-datepicker td.am-datepicker-old {
    color: #89d7ff
}

.am-datepicker td.am-active,
.am-datepicker td.am-active:hover {
    border-radius: 0;
    color: #0084c7;
    background: #F0F0F0
}

.am-datepicker td span {
    display: block;
    width: 79.33px;
    height: 40px;
    line-height: 40px;
    float: left;
    cursor: pointer
}

.am-datepicker td span:hover {
    background: #F0F0F0
}

.am-datepicker td span.am-active {
    color: #0084c7;
    background: #F0F0F0
}

.am-datepicker td span.am-disabled {
    cursor: no-drop;
    color: #999;
    background: #fafafa
}

.am-datepicker td span.am-datepicker-old {
    color: #89d7ff
}

.am-datepicker .am-datepicker-dow {
    height: 40px;
    color: #0c80ba
}

.am-datepicker-caret {
    display: block !important;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 7px solid #00a0e9;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 0 dotted;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    position: absolute;
    top: -7px;
    left: 6px
}

.am-datepicker-right .am-datepicker-caret {
    left: auto;
    right: 7px
}

.am-datepicker-up .am-datepicker-caret {
    top: auto;
    bottom: -7px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 0 dotted;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.am-datepicker-select {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.am-datepicker-select:hover {
    background: rgba(154, 217, 248, 0.5);
    color: #0c80ba
}

.am-datepicker-next,
.am-datepicker-prev {
    width: 34px;
    height: 34px
}

.am-datepicker-next-icon,
.am-datepicker-prev-icon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.am-datepicker-next-icon:hover,
.am-datepicker-prev-icon:hover {
    background: rgba(154, 217, 248, 0.5);
    color: #0c80ba
}

.am-datepicker-prev-icon:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053"
}

.am-datepicker-next-icon:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f054"
}

.am-datepicker-dropdown {
    position: absolute;
    z-index: 1120
}

@media only screen and (max-width: 640px) {
    .am-datepicker {
        width: 100%
    }

    .am-datepicker td span {
        width: 33.33%
    }

    .am-datepicker-caret {
        display: none !important
    }

    .am-datepicker-next,
    .am-datepicker-prev {
        width: 44px;
        height: 44px
    }
}

.am-datepicker-success tr.am-datepicker-header {
    background: #5eb95e
}

.am-datepicker-success td.am-datepicker-day.am-disabled {
    color: #999
}

.am-datepicker-success td.am-datepicker-new,
.am-datepicker-success td.am-datepicker-old {
    color: #94df94
}

.am-datepicker-success td.am-active,
.am-datepicker-success td.am-active:hover {
    color: #1b961b
}

.am-datepicker-success td span.am-datepicker-old {
    color: #94df94
}

.am-datepicker-success td span.am-active {
    color: #1b961b
}

.am-datepicker-success .am-datepicker-caret {
    border-bottom-color: #5eb95e
}

.am-datepicker-success .am-datepicker-dow {
    color: #367b36
}

.am-datepicker-success .am-datepicker-next-icon:hover,
.am-datepicker-success .am-datepicker-prev-icon:hover,
.am-datepicker-success .am-datepicker-select:hover {
    background: rgba(165, 216, 165, 0.5);
    color: #367b36
}

.am-datepicker-danger tr.am-datepicker-header {
    background: #dd514c
}

.am-datepicker-danger td.am-datepicker-day.am-disabled {
    color: #999
}

.am-datepicker-danger td.am-datepicker-new,
.am-datepicker-danger td.am-datepicker-old {
    color: #f59490
}

.am-datepicker-danger td.am-active,
.am-datepicker-danger td.am-active:hover {
    color: #c10802
}

.am-datepicker-danger td span.am-datepicker-old {
    color: #f59490
}

.am-datepicker-danger td span.am-active {
    color: #c10802
}

.am-datepicker-danger .am-datepicker-caret {
    border-bottom-color: #dd514c
}

.am-datepicker-danger .am-datepicker-dow {
    color: #a4241f
}

.am-datepicker-danger .am-datepicker-next-icon:hover,
.am-datepicker-danger .am-datepicker-prev-icon:hover,
.am-datepicker-danger .am-datepicker-select:hover {
    background: rgba(237, 164, 162, 0.5);
    color: #a4241f
}

.am-datepicker-warning tr.am-datepicker-header {
    background: #F37B1D
}

.am-datepicker-warning td.am-datepicker-day.am-disabled {
    color: #999
}

.am-datepicker-warning td.am-datepicker-new,
.am-datepicker-warning td.am-datepicker-old {
    color: #ffad6d
}

.am-datepicker-warning td.am-active,
.am-datepicker-warning td.am-active:hover {
    color: #aa4b00
}

.am-datepicker-warning td span.am-datepicker-old {
    color: #ffad6d
}

.am-datepicker-warning td span.am-active {
    color: #aa4b00
}

.am-datepicker-warning .am-datepicker-caret {
    border-bottom-color: #F37B1D
}

.am-datepicker-warning .am-datepicker-dow {
    color: #a14c09
}

.am-datepicker-warning .am-datepicker-next-icon:hover,
.am-datepicker-warning .am-datepicker-prev-icon:hover,
.am-datepicker-warning .am-datepicker-select:hover {
    background: rgba(248, 180, 126, 0.5);
    color: #a14c09
}

.am-datepicker>div {
    display: block
}

.am-datepicker>div span.am-datepicker-hour {
    width: 59.5px
}

.am-datepicker-date {
    display: block
}

.am-datepicker-date.am-input-group {
    display: table
}

.am-datepicker-time-box {
    padding: 30px 0 30px 0
}

.am-datepicker-time-box strong {
    font-size: 5.2rem;
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-weight: 400
}

.am-datepicker-time-box strong:hover {
    border-radius: 4px;
    background: #ECECEC
}

.am-datepicker-time-box em {
    display: inline-block;
    height: 70px;
    width: 20px;
    line-height: 70px;
    font-size: 5.2rem;
    font-style: normal
}

.am-datepicker-toggle {
    text-align: center;
    cursor: pointer;
    padding: 10px 0
}

.am-datepicker-toggle:hover {
    background: #f0f0f0
}

@media print {

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " [" attr(title) "] "
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        margin: .5cm
    }

    select {
        background: #fff !important
    }

    .am-topbar {
        display: none
    }

    .am-table td,
    .am-table th {
        background-color: #fff !important
    }

    .am-table {
        border-collapse: collapse !important
    }

    .am-table-bordered td,
    .am-table-bordered th {
        border: 1px solid #ddd !important
    }
}

.am-print-block {
    display: none !important
}

@media print {
    .am-print-block {
        display: block !important
    }
}

.am-print-inline {
    display: none !important
}

@media print {
    .am-print-inline {
        display: inline !important
    }
}

.am-print-inline-block {
    display: none !important
}

@media print {
    .am-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .am-print-hide {
        display: none !important
    }
}

.lte9 #nprogress .nprogress-spinner {
    display: none !important
}

.lte8 .am-dimmer {
    background-color: #000;
    filter: alpha(opacity=60)
}

.lte8 .am-modal-actions {
    display: none
}

.lte8 .am-modal-actions.am-modal-active {
    display: block
}

.lte8 .am-offcanvas.am-active {
    background: #000
}

.lte8 .am-popover .am-popover-caret {
    border: 8px solid transparent
}

.lte8 .am-popover-top .am-popover-caret {
    border-top: 8px solid #333;
    border-bottom: none
}

.lte8 .am-popover-left .am-popover-caret {
    right: -8px;
    margin-top: -6px;
    border-left: 8px solid #333;
    border-right: none
}

.lte8 .am-popover-right .am-popover-caret {
    left: -8px;
    margin-top: -6px;
    border-right: 8px solid #333;
    border-left: none
}

.am-accordion-item {
    margin: 0
}

.am-accordion-title {
    font-weight: 400;
    cursor: pointer
}

.am-accordion-item.am-disabled .am-accordion-title {
    cursor: default;
    pointer-events: none
}

.am-accordion-bd {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important
}

.am-accordion-content {
    margin-top: 0;
    padding: .8rem 1rem 1.2rem;
    font-size: 1.4rem
}

.am-accordion-default {
    margin: 1rem;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}

.am-accordion-default .am-accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.am-accordion-default .am-accordion-item:first-child {
    border-top: none
}

.am-accordion-default .am-accordion-title {
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    padding: .8rem 1rem
}

.am-accordion-default .am-accordion-title:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin-right: 5px
}

.am-accordion-default .am-accordion-title:hover {
    color: #0f6540
}

.am-accordion-default .am-accordion-content {
    color: #666
}

.am-accordion-default .am-active .am-accordion-title {
    background-color: #eee;
    color: #0f6540
}

.am-accordion-default .am-active .am-accordion-title:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-accordion-basic {
    margin: 1rem
}

.am-accordion-basic .am-accordion-title {
    color: #333;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    padding: .8rem 0 0
}

.am-accordion-basic .am-accordion-title:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f0da";
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin-right: .5rem
}

.am-accordion-basic .am-accordion-content {
    color: #666
}

.am-accordion-basic .am-active .am-accordion-title {
    color: #0f6540
}

.am-accordion-basic .am-active .am-accordion-title:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-accordion-gapped {
    margin: .5rem 1rem
}

.am-accordion-gapped .am-accordion-item {
    border: 1px solid #dedede;
    border-bottom: none;
    margin: .5rem 0
}

.am-accordion-gapped .am-accordion-item.am-active {
    border-bottom: 1px solid #dedede
}

.am-accordion-gapped .am-accordion-title {
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    border-bottom: 1px solid #dedede;
    padding: .8rem 2rem .8rem 1rem;
    position: relative
}

.am-accordion-gapped .am-accordion-title:after {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f105";
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -.8rem
}

.am-accordion-gapped .am-accordion-title:hover {
    color: rgba(0, 0, 0, 0.8)
}

.am-accordion-gapped .am-accordion-content {
    color: #666
}

.am-accordion-gapped .am-active .am-accordion-title {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, 0.8)
}

.am-accordion-gapped .am-active .am-accordion-title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-divider {
    height: 0;
    margin: 1.5rem auto;
    overflow: hidden;
    clear: both
}

.am-divider-default {
    border-top: 1px solid #ddd
}

.am-divider-dotted {
    border-top: 1px dotted #ccc
}

.am-divider-dashed {
    border-top: 1px dashed #ccc
}

.am-figure-zoomable {
    position: relative;
    cursor: pointer
}

.am-figure-zoomable:after {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f00e";
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #999;
    font-size: 1.6rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    pointer-events: none
}

.am-figure-zoomable:hover:after {
    color: #eee
}

.am-figure-default {
    margin: 10px
}

.am-figure-default img {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    border: 1px solid #eee;
    margin: 10px auto
}

.am-figure-default figcaption {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 15px;
    color: #333
}

.am-footer {
    text-align: center;
    padding: 1em 0;
    font-size: 1.6rem
}

.am-footer .am-switch-mode-ysp {
    cursor: pointer
}

.am-footer .am-footer-text {
    margin-top: 10px;
    font-size: 14px
}

.am-footer .am-footer-text-left {
    text-align: left;
    padding-left: 10px
}

.am-modal-footer-hd {
    padding-bottom: 10px
}

.am-footer-default {
    background-color: #fff
}

.am-footer-default a {
    color: #555
}

.am-footer-default .am-footer-switch {
    margin-bottom: 10px;
    font-weight: 700
}

.am-footer-default .am-footer-ysp {
    color: #555;
    cursor: pointer
}

.am-footer-default .am-footer-divider {
    color: #ccc
}

.am-footer-default .am-footer-desktop {
    color: #0f6540
}

.am-footer-default .am-footer-miscs {
    color: #999;
    font-size: 13px
}

.am-footer-default .am-footer-miscs p {
    margin: 5px 0
}

@media only screen and (min-width: 641px) {
    .am-footer-default .am-footer-miscs p {
        display: inline-block;
        margin: 5px
    }
}

.am-gallery {
    padding: 5px 5px 0 5px;
    list-style: none
}

.am-gallery h3 {
    margin: 0
}

[data-am-gallery*=pureview] img {
    cursor: pointer
}

.am-gallery-default>li {
    padding: 5px
}

.am-gallery-default .am-gallery-item img {
    width: 100%;
    height: auto
}

.am-gallery-default .am-gallery-title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.4rem;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #555
}

.am-gallery-default .am-gallery-desc {
    color: #999;
    font-size: 1.2rem
}

.am-gallery-overlay>li {
    padding: 5px
}

.am-gallery-overlay .am-gallery-item {
    position: relative
}

.am-gallery-overlay .am-gallery-item img {
    width: 100%;
    height: auto
}

.am-gallery-overlay .am-gallery-title {
    font-weight: 400;
    font-size: 1.4rem;
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-indent: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-gallery-overlay .am-gallery-desc {
    display: none
}

.am-gallery-bordered>li {
    padding: 5px
}

.am-gallery-bordered .am-gallery-item {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    padding: 5px
}

.am-gallery-bordered .am-gallery-item img {
    width: 100%;
    height: auto
}

.am-gallery-bordered .am-gallery-title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.4rem;
    color: #555;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-gallery-bordered .am-gallery-desc {
    color: #999;
    font-size: 1.2rem
}

.am-gallery-imgbordered>li {
    padding: 5px
}

.am-gallery-imgbordered .am-gallery-item img {
    width: 100%;
    height: auto;
    border: 3px solid #FFF;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35)
}

.am-gallery-imgbordered .am-gallery-title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.4rem;
    color: #555;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-gallery-imgbordered .am-gallery-desc {
    color: #999;
    font-size: 1.2rem
}

.am-gotop a {
    display: inline-block;
    text-decoration: none
}

.am-gotop-default {
    text-align: center;
    margin: 10px 0
}

.am-gotop-default a {
    background-color: #0f6540;
    padding: .5em 1.5em;
    border-radius: 0;
    color: #fff
}

.am-gotop-default a img {
    display: none
}

.am-gotop-fixed {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1010;
    opacity: 0;
    width: 32px;
    min-height: 32px;
    overflow: hidden;
    border-radius: 0;
    text-align: center
}

.am-gotop-fixed.am-active {
    opacity: .9
}

.am-gotop-fixed.am-active:hover {
    opacity: 1
}

.am-gotop-fixed a {
    display: block
}

.am-gotop-fixed .am-gotop-title {
    display: none
}

.am-gotop-fixed .am-gotop-icon-custom {
    display: inline-block;
    max-width: 30px;
    vertical-align: middle
}

.am-gotop-fixed .am-gotop-icon {
    width: 100%;
    line-height: 32px;
    background-color: #555;
    vertical-align: middle;
    color: #ddd
}

.am-gotop-fixed .am-gotop-icon:hover {
    color: #fff
}

.am-with-fixed-navbar .am-gotop-fixed {
    bottom: 60px
}

.am-header {
    position: relative;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding: 0 10px
}

.am-header h1 {
    margin-top: 0;
    margin-bottom: 0
}

.am-header .am-header-title {
    margin: 0 30%;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-header .am-header-title img {
    margin-top: 12px;
    height: 25px;
    vertical-align: top
}

.am-header .am-header-nav {
    position: absolute;
    top: 0
}

.am-header .am-header-nav img {
    height: 16px;
    width: auto;
    vertical-align: middle
}

.am-header .am-header-left {
    left: 10px
}

.am-header .am-header-right {
    right: 10px
}

.am-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1010
}

.am-with-fixed-header {
    padding-top: 49px
}

.am-header-default {
    background-color: #0f6540
}

.am-header-default .am-header-title {
    color: #fff
}

.am-header-default .am-header-title a {
    color: #fff
}

.am-header-default .am-header-icon {
    font-size: 20px
}

.am-header-default .am-header-nav {
    color: #eee
}

.am-header-default .am-header-nav>a {
    display: inline-block;
    min-width: 36px;
    text-align: center;
    color: #eee
}

.am-header-default .am-header-nav>a+a {
    margin-left: 5px
}

.am-header-default .am-header-nav .am-btn {
    margin-top: 9px;
    height: 31px;
    padding: 0 .5em;
    line-height: 30px;
    font-size: 14px;
    vertical-align: top
}

.am-header-default .am-header-nav .am-btn .am-header-icon {
    font-size: inherit
}

.am-header-default .am-header-nav .am-btn-default {
    color: #999
}

.am-header-default .am-header-nav-title,
.am-header-default .am-header-nav-title+.am-header-icon {
    font-size: 14px
}

.am-intro {
    position: relative
}

.am-intro img {
    max-width: 100%
}

.am-intro-hd {
    position: relative;
    height: 45px;
    line-height: 45px
}

.am-intro-title {
    font-size: 18px;
    margin: 0;
    font-weight: 700
}

.am-intro-more-top {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 1.4rem
}

.am-intro-bd {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.4rem
}

.am-intro-bd p:last-child {
    margin-bottom: 0
}

.am-intro-more-bottom {
    clear: both;
    text-align: center
}

.am-intro-more-bottom .am-btn {
    font-size: 14px
}

.am-intro-default .am-intro-hd {
    background-color: #0f6540;
    color: #fff;
    padding: 0 10px
}

.am-intro-default .am-intro-hd a {
    color: #eee
}

.am-intro-default .am-intro-right {
    padding-left: 0
}

.am-list-news-hd {
    padding-top: 1.2rem;
    padding-bottom: .8rem
}

.am-list-news-hd a {
    display: block
}

.am-list-news-hd h2 {
    font-size: 1.6rem;
    float: left;
    margin: 0;
    height: 2rem;
    line-height: 2rem
}

.am-list-news-hd h3 {
    margin: 0
}

.am-list-news-hd .am-list-news-more {
    font-size: 1.3rem;
    height: 2rem;
    line-height: 2rem
}

.am-list .am-list-item-dated a {
    padding-right: 80px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-list .am-list-item-dated a::after {
    display: none
}

.am-list .am-list-item-desced a,
.am-list .am-list-item-thumbed a {
    padding-right: 0
}

.am-list-news .am-list-item-hd {
    margin: 0
}

.am-list-date {
    position: absolute;
    right: 5px;
    font-size: 1.3rem;
    top: 1.3rem
}

.am-list-item-desced {
    padding-bottom: 1rem
}

.am-list-item-desced>a {
    padding: 1rem 0
}

.am-list-item-desced .am-list-date {
    position: static
}

.am-list-item-thumbed {
    padding-top: 1em
}

.am-list-news-ft {
    text-align: center
}

.am-list-news .am-titlebar {
    margin-left: 0;
    margin-right: 0
}

.am-list-news .am-titlebar~.am-list-news-bd .am-list>li:first-child {
    border-top: none
}

.am-list-news-default {
    margin: 10px
}

.am-list-news-default .am-g {
    margin-left: auto;
    margin-right: auto
}

.am-list-news-default .am-list-item-hd {
    font-weight: 400
}

.am-list-news-default .am-list-date {
    color: #999
}

.am-list-news-default .am-list>li {
    border-color: #dedede
}

.am-list-news-default .am-list .am-list-item-desced {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.am-list-news-default .am-list .am-list-item-desced>a {
    padding: 0
}

.am-list-news-default .am-list .am-list-item-desced .am-list-item-text {
    margin-top: .5rem;
    color: #757575
}

.am-list-news-default .am-list .am-list-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    -webkit-line-clamp: 2;
    max-height: 2.6em
}

.am-list-news-default .am-list .am-list-item-thumb-top .am-list-thumb {
    padding: 0;
    margin-bottom: .8rem
}

.am-list-news-default .am-list .am-list-item-thumb-top .am-list-main {
    padding: 0
}

.am-list-news-default .am-list .am-list-item-thumb-left .am-list-thumb {
    padding-left: 0
}

.am-list-news-default .am-list .am-list-item-desced .am-list-main {
    padding: 0
}

.am-list-news-default .am-list .am-list-item-thumb-right .am-list-thumb {
    padding-right: 0
}

.am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-item-hd {
    clear: both;
    padding-bottom: .5rem
}

.am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-thumb {
    padding-left: 0
}

.am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-item-hd {
    clear: both;
    padding-bottom: .5rem
}

.am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-thumb {
    padding-right: 0
}

.am-list-news-default .am-list .am-list-thumb img {
    width: 100%;
    display: block
}

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

    .am-list-news-default .am-list-item-thumb-left .am-list-thumb,
    .am-list-news-default .am-list-item-thumb-right .am-list-thumb {
        max-height: 80px;
        overflow: hidden
    }

    .am-list-news-default .am-list-item-thumb-bottom-left .am-list-item-text,
    .am-list-news-default .am-list-item-thumb-bottom-right .am-list-item-text {
        -webkit-line-clamp: 3;
        max-height: 3.9em
    }

    .am-list-news-default .am-list-item-thumb-bottom-left .am-list-thumb,
    .am-list-news-default .am-list-item-thumb-bottom-right .am-list-thumb {
        max-height: 60px;
        overflow: hidden
    }
}

.am-map {
    width: 100%;
    height: 300px
}

.am-map-default #bd-map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 1.4 !important
}

.am-map-default .BMap_bubble_title {
    font-weight: 700
}

.am-map-default #BMap_mask {
    width: 100%
}

.am-mechat {
    margin: 1rem
}

.am-mechat .section-cbox-wap .cbox-post-wap .post-action-wap .action-function-wap .function-list-wap .list-upload-wap .upload-mutual-wap {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.am-menu {
    position: relative;
    padding: 0;
    margin: 0
}

.am-menu ul {
    padding: 0;
    margin: 0
}

.am-menu li {
    list-style: none
}

.am-menu a:after,
.am-menu a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.am-menu-sub {
    z-index: 1050
}

.am-menu-toggle {
    display: none;
    z-index: 1015
}

.am-menu-toggle img {
    display: inline-block;
    height: 16px;
    width: auto;
    vertical-align: middle
}

.am-menu-nav a {
    display: block;
    padding: .8rem 0;
    -webkit-transition: all .45s;
    transition: all .45s
}

.am-menu-default .am-menu-nav {
    padding-top: 8px;
    padding-bottom: 8px
}

.am-menu-default .am-menu-nav a {
    text-align: center;
    height: 36px;
    line-height: 36px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    color: #0f6540
}

.am-menu-default .am-menu-nav>.am-parent>a {
    position: relative;
    -webkit-transition: .15s;
    transition: .15s
}

.am-menu-default .am-menu-nav>.am-parent>a:after {
    content: "\f107";
    margin-left: 5px;
    -webkit-transition: .15s;
    transition: .15s
}

.am-menu-default .am-menu-nav>.am-parent>a:before {
    position: absolute;
    top: 100%;
    margin-top: -16px;
    left: 50%;
    margin-left: -12px;
    content: "\f0d8";
    display: none;
    color: #f1f1f1;
    font-size: 24px
}

.am-menu-default .am-menu-nav>.am-parent.am-open>a {
    color: #000
}

.am-menu-default .am-menu-nav>.am-parent.am-open>a:before {
    display: block
}

.am-menu-default .am-menu-nav>.am-parent.am-open>a:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.am-menu-default .am-menu-sub {
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: #f1f1f1;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.am-menu-default .am-menu-sub>li>a {
    color: #555
}

@media only screen and (min-width: 641px) {
    .am-menu-default .am-menu-nav li {
        width: auto;
        float: left;
        clear: none;
        display: inline
    }

    .am-menu-default .am-menu-nav a {
        padding-left: 1.5rem;
        padding-right: .5rem
    }
}

.am-menu-dropdown1 {
    position: relative
}

.am-menu-dropdown1 .am-menu-toggle {
    position: absolute;
    right: 5px;
    top: -47px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.am-menu-dropdown1 a {
    -webkit-transition: all .4s;
    transition: all .4s;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-menu-dropdown1 .am-menu-nav {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1050
}

.am-menu-dropdown1 .am-menu-nav a {
    padding: .8rem
}

.am-menu-dropdown1 .am-menu-nav>li {
    width: 100%
}

.am-menu-dropdown1 .am-menu-nav>li.am-parent>a {
    position: relative
}

.am-menu-dropdown1 .am-menu-nav>li.am-parent>a::before {
    content: "\f067";
    position: absolute;
    right: 1rem;
    top: 1.4rem
}

.am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
    background-color: #0c80ba;
    border-bottom: none;
    color: #fff
}

.am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a:before {
    content: "\f068"
}

.am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 8px solid #0c80ba;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0 dotted;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px
}

.am-menu-dropdown1 .am-menu-nav>li>a {
    border-bottom: 1px solid #0b76ac;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    background-color: #0f6540;
    color: #fff;
    height: 49px;
    line-height: 49px;
    padding: 0;
    text-indent: 10px
}

.am-menu-dropdown1 .am-menu-sub {
    background-color: #fff
}

.am-menu-dropdown1 .am-menu-sub a {
    color: #555;
    height: 44px;
    line-height: 44px;
    text-indent: 5px;
    padding: 0
}

.am-menu-dropdown1 .am-menu-sub a:before {
    content: "\f105";
    color: #aaa;
    font-size: 16px;
    margin-right: 5px
}

.am-menu-dropdown2 .am-menu-toggle {
    position: absolute;
    right: 5px;
    top: -47px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.am-menu-dropdown2 .am-menu-nav {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1050;
    padding-top: 8px;
    padding-bottom: 8px
}

.am-menu-dropdown2 .am-menu-nav a {
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center
}

.am-menu-dropdown2 .am-menu-nav>li>a {
    color: #333
}

.am-menu-dropdown2 .am-menu-nav>li.am-parent>a {
    position: relative
}

.am-menu-dropdown2 .am-menu-nav>li.am-parent>a:after {
    content: "\f107";
    margin-left: 5px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.am-menu-dropdown2 .am-menu-nav>li.am-parent.am-open>a {
    position: relative
}

.am-menu-dropdown2 .am-menu-nav>li.am-parent.am-open>a:after {
    color: #0f6540;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.am-menu-dropdown2 .am-menu-nav>li.am-parent.am-open>a:before {
    position: absolute;
    top: 100%;
    margin-top: -16px;
    left: 50%;
    margin-left: -12px;
    font-size: 24px;
    content: "\f0d8";
    color: rgba(0, 0, 0, 0.2)
}

.am-menu-dropdown2 .am-menu-sub {
    position: absolute;
    left: 5px;
    right: 5px;
    padding: 8px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    z-index: 1055
}

.am-menu-dropdown2 .am-menu-sub a {
    padding: 0;
    height: 35px;
    color: #555;
    line-height: 35px
}

@media only screen and (min-width: 641px) {
    .am-menu-dropdown2 .am-menu-toggle {
        display: none !important
    }

    .am-menu-dropdown2 .am-menu-nav {
        position: static;
        display: block
    }

    .am-menu-dropdown2 .am-menu-nav>li {
        float: none;
        width: auto;
        display: inline-block
    }

    .am-menu-dropdown2 .am-menu-nav>li a {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .am-menu-dropdown2 .am-menu-sub {
        left: auto;
        right: auto
    }

    .am-menu-dropdown2 .am-menu-sub>li {
        float: none;
        width: auto
    }

    .am-menu-dropdown2 .am-menu-sub a {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.am-menu-slide1 .am-menu-toggle {
    position: absolute;
    right: 5px;
    top: -47px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.am-menu-slide1 .am-menu-nav {
    background-color: #f5f5f5;
    padding-top: 8px;
    padding-bottom: 8px
}

.am-menu-slide1 .am-menu-nav.am-in:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f0d8";
    font-size: 24px;
    color: #f5f5f5;
    position: absolute;
    right: 16px;
    top: -16px
}

.am-menu-slide1 .am-menu-nav a {
    line-height: 38px;
    height: 38px;
    display: block;
    padding: 0;
    text-align: center
}

.am-menu-slide1 .am-menu-nav>li>a {
    color: #333;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-menu-slide1 .am-menu-nav>.am-parent>a {
    position: relative;
    -webkit-transition: .15s;
    transition: .15s
}

.am-menu-slide1 .am-menu-nav>.am-parent>a:after {
    content: "\f107";
    margin-left: 5px;
    -webkit-transition: .15s;
    transition: .15s
}

.am-menu-slide1 .am-menu-nav>.am-parent>a:before {
    position: absolute;
    top: 100%;
    margin-top: -16px;
    left: 50%;
    margin-left: -12px;
    content: "\f0d8";
    display: none;
    color: #0f6540;
    font-size: 24px
}

.am-menu-slide1 .am-menu-nav>.am-parent.am-open>a {
    color: #0f6540
}

.am-menu-slide1 .am-menu-nav>.am-parent.am-open>a:before {
    display: block
}

.am-menu-slide1 .am-menu-nav>.am-parent.am-open>a:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.am-menu-slide1 .am-menu-sub {
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: #0f6540;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.am-menu-slide1 .am-menu-sub>li>a {
    color: #fff
}

@media only screen and (min-width: 641px) {
    .am-menu-slide1 .am-menu-toggle {
        display: none !important
    }

    .am-menu-slide1 .am-menu-nav {
        background-color: #f5f5f5;
        display: block
    }

    .am-menu-slide1 .am-menu-nav.am-in:before {
        display: none
    }

    .am-menu-slide1 .am-menu-nav li {
        width: auto;
        clear: none
    }

    .am-menu-slide1 .am-menu-nav li a {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.am-menu-offcanvas1 .am-menu-toggle {
    position: absolute;
    right: 5px;
    top: -47px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.am-menu-offcanvas1 .am-menu-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05)
}

.am-menu-offcanvas1 .am-menu-nav>li>a {
    height: 44px;
    line-height: 44px;
    text-indent: 15px;
    padding: 0;
    position: relative;
    color: #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
}

.am-menu-offcanvas1 .am-menu-nav>.am-open>a,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus,
.am-menu-offcanvas1 .am-menu-nav>li>a:hover {
    background-color: #474747;
    color: #fff;
    outline: 0
}

.am-menu-offcanvas1 .am-menu-nav>.am-active>a {
    background-color: #1a1a1a;
    color: #fff
}

.am-menu-offcanvas1 .am-menu-nav>.am-parent>a {
    -webkit-transition: all .3s;
    transition: all .3s
}

.am-menu-offcanvas1 .am-menu-nav>.am-parent>a:after {
    content: "\f104";
    position: absolute;
    right: 1.5rem;
    top: 1.3rem
}

.am-menu-offcanvas1 .am-menu-nav>.am-parent.am-open>a:after {
    content: "\f107"
}

.am-menu-offcanvas1 .am-menu-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    padding: 5px 0 5px 15px;
    background-color: #1a1a1a;
    font-size: 1.4rem
}

.am-menu-offcanvas1 .am-menu-sub a {
    color: #eee
}

.am-menu-offcanvas1 .am-menu-sub a:hover {
    color: #fff
}

.am-menu-offcanvas1 .am-nav-divider {
    border-top: 1px solid #1a1a1a
}

.am-menu-offcanvas2 .am-menu-toggle {
    position: absolute;
    right: 5px;
    top: -47px;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.am-menu-offcanvas2 .am-menu-nav {
    padding: 10px 5px
}

.am-menu-offcanvas2 .am-menu-nav>li {
    padding: 5px
}

.am-menu-offcanvas2 .am-menu-nav>li>a {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #404040;
    color: #ccc;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-align: center
}

.am-menu-offcanvas2 .am-menu-nav>li>a:focus,
.am-menu-offcanvas2 .am-menu-nav>li>a:hover {
    background-color: #262626;
    color: #fff;
    outline: 0
}

.am-menu-offcanvas2 .am-menu-nav>.am-active>a {
    background-color: #262626;
    color: #fff
}

.am-menu-stack .am-menu-nav {
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05)
}

.am-menu-stack .am-menu-nav>.am-parent>a {
    -webkit-transition: all .3s;
    transition: all .3s
}

.am-menu-stack .am-menu-nav>.am-parent>a:after {
    content: "\f105";
    position: absolute;
    right: 1.5rem;
    top: 1.3rem;
    -webkit-transition: all .15s;
    transition: all .15s
}

.am-menu-stack .am-menu-nav>.am-parent.am-open>a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-menu-stack .am-menu-nav>li>a {
    position: relative;
    color: #333;
    background-color: #f5f5f5;
    border-top: 1px solid #dedede;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    height: 49px;
    line-height: 49px;
    text-indent: 10px;
    padding: 0
}

.am-menu-stack .am-menu-nav>.am-open>a,
.am-menu-stack .am-menu-nav>li>a:focus,
.am-menu-stack .am-menu-nav>li>a:hover {
    background-color: #e5e5e5;
    color: #222;
    outline: 0
}

.am-menu-stack .am-menu-sub {
    padding: 0;
    font-size: 1.4rem;
    border-top: 1px solid #dedede
}

.am-menu-stack .am-menu-sub a {
    border-bottom: 1px solid #dedede;
    padding-left: 2rem;
    color: #444
}

.am-menu-stack .am-menu-sub a:hover {
    color: #333
}

.am-menu-stack .am-menu-sub li:last-child a {
    border-bottom: none
}

.am-menu-stack .am-menu-sub>li>a {
    height: 44px;
    line-height: 44px;
    text-indent: 15px;
    padding: 0
}

@media only screen and (min-width: 641px) {
    .am-menu-stack .am-menu-nav {
        background-color: #f5f5f5
    }

    .am-menu-stack .am-menu-nav>li {
        float: left;
        width: auto;
        clear: none !important;
        display: inline-block
    }

    .am-menu-stack .am-menu-nav>li a {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .am-menu-stack .am-menu-nav>li.am-parent>a:after {
        position: static;
        content: "\f107"
    }

    .am-menu-stack .am-menu-nav>li.am-parent.am-open a {
        border-bottom: none
    }

    .am-menu-stack .am-menu-nav>li.am-parent.am-open a:after {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    .am-menu-stack .am-menu-nav>li.am-parent.am-open .am-menu-sub {
        background-color: #e5e5e5
    }

    .am-menu-stack .am-menu-sub {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #ddd;
        border-top: none
    }

    .am-menu-stack .am-menu-sub li {
        width: auto;
        float: left;
        clear: none
    }
}

.am-navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    z-index: 1010
}

.am-navbar ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.am-navbar .am-navbar-nav {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    overflow: hidden
}

.am-navbar .am-navbar-nav li {
    display: table-cell;
    width: 1%;
    float: none
}

.am-navbar-nav {
    position: relative;
    z-index: 1015
}

.am-navbar-nav a {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 20px
}

.am-navbar-nav a img {
    display: block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin: 4px auto 0
}

.am-navbar-nav a [class*=am-icon] {
    width: 24px;
    height: 24px;
    margin: 4px auto 0;
    display: block;
    line-height: 24px
}

.am-navbar-nav a [class*=am-icon]:before {
    font-size: 22px;
    vertical-align: middle
}

.am-navbar-nav a .am-navbar-label {
    padding-top: 2px;
    line-height: 1;
    font-size: 12px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-navbar-more [class*=am-icon-] {
    -webkit-transition: .15s;
    transition: .15s
}

.am-navbar-more.am-active [class*=am-icon-] {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.am-navbar-actions {
    position: absolute;
    bottom: 49px;
    right: 0;
    left: 0;
    z-index: 1009;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.am-navbar-actions.am-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.am-navbar-actions li {
    line-height: 42px;
    position: relative
}

.am-navbar-actions li a {
    display: block;
    width: 100%;
    height: 40px;
    -webkit-box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
    box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
    padding-left: 20px;
    padding-right: 36px
}

.am-navbar-actions li a :after {
    font-family: FontAwesome, sans-serif;
    content: "\f105";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 20px
}

.am-navbar-actions li a img {
    vertical-align: middle;
    height: 20px;
    width: 20px;
    display: inline
}

#am-navbar-qrcode {
    width: 220px;
    height: 220px;
    margin-left: -110px
}

#am-navbar-qrcode .am-modal-bd {
    padding: 10px
}

#am-navbar-qrcode canvas {
    display: block;
    width: 200px;
    height: 200px
}

.am-with-fixed-navbar {
    padding-bottom: 54px
}

.am-navbar-default a {
    color: #fff
}

.am-navbar-default .am-navbar-nav {
    background-color: #0f6540
}

.am-navbar-default .am-navbar-actions {
    background-color: #0d86c4
}

.am-navbar-default .am-navbar-actions a {
    border-bottom: 1px solid #0b6fa2
}

.am-pagination {
    position: relative
}

.am-pagination-default {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.6rem
}

.am-pagination-default .am-pagination-next,
.am-pagination-default .am-pagination-prev {
    float: none
}

.am-pagination-select {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.6rem
}

.am-pagination-select>li>a {
    line-height: 36px;
    background-color: #eee;
    padding: 0 15px;
    border: 0;
    color: #555
}

.am-pagination-select .am-pagination-select {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 36px;
    text-align: center;
    border-radius: 0
}

.am-pagination-select .am-pagination-select select {
    display: block;
    border: 0;
    line-height: 36px;
    width: 70px;
    height: 36px;
    border-radius: 0;
    color: #555;
    background-color: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 18px
}

.am-paragraph p {
    margin: 10px 0
}

.am-paragraph img {
    max-width: 100%
}

.am-paragraph h1,
.am-paragraph h2,
.am-paragraph h3,
.am-paragraph h4,
.am-paragraph h5,
.am-paragraph h6 {
    color: #222
}

.am-paragraph table {
    max-width: none
}

.am-paragraph-table-container {
    overflow: hidden;
    background: #eee;
    max-width: none
}

.am-paragraph-table-container table {
    width: 100%;
    max-width: none
}

.am-paragraph-table-container table th {
    background: #bce5fb;
    height: 40px;
    border: 1px solid #999;
    text-align: center
}

.am-paragraph-table-container table td {
    border: 1px solid #999;
    text-align: center;
    vertical-align: middle;
    background: #fff
}

.am-paragraph-table-container table td p {
    text-indent: 0;
    font-size: 1.4rem
}

.am-paragraph-table-container table td a {
    font-size: 1.4rem
}

.am-paragraph-default {
    margin: 0 10px;
    color: #333;
    background-color: transparent
}

.am-paragraph-default p {
    font-size: 1.4rem
}

.am-paragraph-default img {
    max-width: 98%;
    display: block;
    margin: 5px auto;
    border: 1px solid #eee;
    padding: 2px
}

.am-paragraph-default a {
    color: #0f6540
}

.am-slider-a1 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-a1 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-a1 .am-viewport {
    max-height: 300px
}

.am-slider-a1 .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    line-height: 0
}

.am-slider-a1 .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-a1 .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.am-slider-a1 .am-control-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-a1 .am-control-nav li a.am-active {
    background-color: #0f6540;
    cursor: default
}

.am-slider-a1 .am-direction-nav,
.am-slider-a1 .am-pauseplay {
    display: none
}

.am-slider-a2 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-a2 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-a2 .am-viewport {
    max-height: 300px
}

.am-slider-a2 .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    line-height: 0
}

.am-slider-a2 .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-a2 .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.am-slider-a2 .am-control-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-a2 .am-control-nav li a.am-active {
    background: #0e93d7;
    cursor: default
}

.am-slider-a2 .am-direction-nav,
.am-slider-a2 .am-pauseplay {
    display: none
}

.am-slider-a3 {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-a3 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-a3 .am-viewport {
    max-height: 300px
}

.am-slider-a3 .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: -20px;
    text-align: center;
    height: 20px;
    background-color: #000;
    padding-top: 5px;
    line-height: 0
}

.am-slider-a3 .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-a3 .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3);
    box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3)
}

.am-slider-a3 .am-control-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-a3 .am-control-nav li a.am-active {
    background: #0f6540;
    cursor: default
}

.am-slider-a3 .am-direction-nav,
.am-slider-a3 .am-pauseplay {
    display: none
}

.am-slider-a4 {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-a4 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-a4 .am-viewport {
    max-height: 300px
}

.am-slider-a4 .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: -15px;
    text-align: center;
    line-height: 0
}

.am-slider-a4 .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-a4 .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.am-slider-a4 .am-control-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-a4 .am-control-nav li a.am-active {
    background-color: #0f6540;
    cursor: default
}

.am-slider-a4 .am-direction-nav,
.am-slider-a4 .am-pauseplay {
    display: none
}

.am-slider-a5 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-a5 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-a5 .am-viewport {
    max-height: 300px
}

.am-slider-a5 .am-control-nav {
    width: 100%;
    position: absolute;
    text-align: center;
    height: 6px;
    display: table;
    bottom: 0;
    font-size: 0;
    line-height: 0
}

.am-slider-a5 .am-control-nav li {
    display: table-cell
}

.am-slider-a5 .am-control-nav li a {
    width: 100%;
    height: 6px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px
}

.am-slider-a5 .am-control-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.am-slider-a5 .am-control-nav li a.am-active {
    background-color: #0f6540;
    cursor: default
}

.am-slider-a5 .am-direction-nav,
.am-slider-a5 .am-pauseplay {
    display: none
}

.am-slider-b1 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-b1 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-b1 .am-viewport {
    max-height: 300px
}

.am-slider-b1 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    padding: 8px 0;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-b1 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 24px
}

.am-slider-b1 .am-direction-nav a.am-prev {
    left: 0;
    padding-right: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.am-slider-b1 .am-direction-nav a.am-next {
    right: 0;
    padding-left: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.am-slider-b1 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-b1 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-b1:hover .am-prev {
    opacity: .7
}

.am-slider-b1:hover .am-prev:hover {
    opacity: 1
}

.am-slider-b1:hover .am-next {
    opacity: .7
}

.am-slider-b1:hover .am-next:hover {
    opacity: 1
}

.am-slider-b1 .am-control-nav,
.am-slider-b1 .am-pauseplay {
    display: none
}

.am-slider-b2 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-b2 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-b2 .am-viewport {
    max-height: 300px
}

.am-slider-b2 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-b2 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 16px;
    line-height: 24px
}

.am-slider-b2 .am-direction-nav a.am-prev {
    left: 5px
}

.am-slider-b2 .am-direction-nav a.am-next {
    right: 5px
}

.am-slider-b2 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-b2 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-b2:hover .am-prev {
    opacity: .7
}

.am-slider-b2:hover .am-prev:hover {
    opacity: 1
}

.am-slider-b2:hover .am-next {
    opacity: .7
}

.am-slider-b2:hover .am-next:hover {
    opacity: 1
}

.am-slider-b2 .am-control-nav,
.am-slider-b2 .am-pauseplay {
    display: none
}

.am-slider-b3 {
    margin: 15px 30px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-b3 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-b3 .am-viewport {
    max-height: 300px
}

.am-slider-b3 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-b3 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 24px
}

.am-slider-b3 .am-direction-nav a.am-prev {
    left: -25px
}

.am-slider-b3 .am-direction-nav a.am-next {
    right: -25px;
    text-align: right
}

.am-slider-b3 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-b3 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-b3:hover .am-prev {
    opacity: .7
}

.am-slider-b3:hover .am-prev:hover {
    opacity: 1
}

.am-slider-b3:hover .am-next {
    opacity: .7
}

.am-slider-b3:hover .am-next:hover {
    opacity: 1
}

.am-slider-b3 .am-control-nav,
.am-slider-b3 .am-pauseplay {
    display: none
}

.am-slider-b4 {
    margin: 15px 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-b4 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-b4 .am-viewport {
    max-height: 300px
}

.am-slider-b4 .am-direction-nav a {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    margin: -16px 0 0;
    padding: 4px;
    overflow: hidden;
    opacity: .45;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-b4 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 20px;
    line-height: 24px
}

.am-slider-b4 .am-direction-nav a.am-prev {
    left: -15px
}

.am-slider-b4 .am-direction-nav a.am-next {
    right: -15px
}

.am-slider-b4 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-b4 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-b4:hover .am-prev {
    opacity: .7
}

.am-slider-b4:hover .am-prev:hover {
    opacity: .9
}

.am-slider-b4:hover .am-next {
    opacity: .7
}

.am-slider-b4:hover .am-next:hover {
    opacity: .9
}

.am-slider-b4 .am-control-nav,
.am-slider-b4 .am-pauseplay {
    display: none
}

.am-slider-c1 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-c1 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-c1 .am-viewport {
    max-height: 300px
}

.am-slider-c1 .am-control-nav {
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
    height: 6px;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.am-slider-c1 .am-control-nav li {
    display: table-cell;
    width: 1%
}

.am-slider-c1 .am-control-nav li a {
    width: 100%;
    height: 6px;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    text-indent: -9999px
}

.am-slider-c1 .am-control-nav li a:hover {
    background: rgba(0, 0, 0, 0.8)
}

.am-slider-c1 .am-control-nav li a.am-active {
    background-color: #0f6540;
    cursor: default
}

.am-slider-c1 .am-slider-desc {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 6px;
    padding: 8px;
    width: 100%;
    color: #fff;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-c1 .am-direction-nav,
.am-slider-c1 .am-pauseplay {
    display: none
}

.am-slider-c2 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-c2 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-c2 .am-viewport {
    max-height: 300px
}

.am-slider-c2 .am-control-nav {
    position: absolute;
    bottom: 15px;
    right: 0;
    height: 6px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.am-slider-c2 .am-control-nav li {
    display: inline-block;
    margin-right: 6px
}

.am-slider-c2 .am-control-nav li a {
    width: 6px;
    height: 6px;
    display: block;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-indent: -9999px
}

.am-slider-c2 .am-control-nav li a:hover {
    background: rgba(230, 230, 230, 0.4)
}

.am-slider-c2 .am-control-nav li a.am-active {
    background-color: #0f6540;
    cursor: default
}

.am-slider-c2 .am-slider-desc {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    padding: 8px 60px 8px 8px;
    width: 100%;
    color: #fff;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-c2 .am-direction-nav,
.am-slider-c2 .am-pauseplay {
    display: none
}

.am-slider-c3 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-c3 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-c3 .am-viewport {
    max-height: 300px
}

.am-slider-c3 .am-slider-desc {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 10px;
    right: 60px;
    height: 30px;
    left: 0;
    padding-right: 5px;
    color: #fff;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-c3 .am-slider-counter {
    margin-right: 5px;
    display: inline-block;
    height: 30px;
    background-color: #0f6540;
    width: 40px;
    text-align: center;
    line-height: 30px;
    color: #eee;
    font-size: 1rem
}

.am-slider-c3 .am-slider-counter .am-active {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

.am-slider-c3 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px 0;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-c3 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 16px;
    line-height: 24px
}

.am-slider-c3 .am-direction-nav a.am-prev {
    left: 0;
    padding-right: 5px
}

.am-slider-c3 .am-direction-nav a.am-next {
    right: 0;
    padding-left: 5px
}

.am-slider-c3 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-c3 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-c3:hover .am-prev {
    opacity: .7
}

.am-slider-c3:hover .am-prev:hover {
    opacity: 1
}

.am-slider-c3:hover .am-next {
    opacity: .7
}

.am-slider-c3:hover .am-next:hover {
    opacity: 1
}

.am-slider-c3 .am-control-nav,
.am-slider-c3 .am-pauseplay {
    display: none
}

.am-slider-c4 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-c4 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-c4 .am-viewport {
    max-height: 300px
}

.am-slider-c4 .am-slider-desc {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 8px 40px;
    color: #fff;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-c4 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px 0;
    margin: 0;
    position: absolute;
    bottom: 4px;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.am-slider-c4 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 24px
}

.am-slider-c4 .am-direction-nav a.am-prev {
    left: 0;
    padding-right: 5px
}

.am-slider-c4 .am-direction-nav a.am-next {
    right: 0;
    padding-left: 5px
}

.am-slider-c4 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-c4 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-c4:hover .am-prev {
    opacity: .7
}

.am-slider-c4:hover .am-prev:hover {
    opacity: 1
}

.am-slider-c4:hover .am-next {
    opacity: .7
}

.am-slider-c4:hover .am-next:hover {
    opacity: 1
}

.am-slider-c4 .am-control-nav,
.am-slider-c4 .am-pauseplay {
    display: none
}

.am-slider-d1 {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-d1 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-d1 .am-viewport {
    max-height: 300px
}

.am-slider-d1 .am-slider-desc {
    padding: 8px 35px;
    width: 100%;
    color: #fff;
    background-color: #0f6540
}

.am-slider-d1 .am-slider-title {
    font-weight: 400;
    margin-bottom: 2px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-d1 .am-slider-more {
    color: #eee;
    font-size: 1.3rem
}

.am-slider-d1 .am-direction-nav a {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    position: absolute;
    bottom: 18px;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

.am-slider-d1 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    content: "\f053";
    font-size: 16px;
    line-height: 24px
}

.am-slider-d1 .am-direction-nav a.am-prev {
    left: 5px
}

.am-slider-d1 .am-direction-nav a.am-next {
    right: 5px
}

.am-slider-d1 .am-direction-nav a.am-next:before {
    content: "\f054"
}

.am-slider-d1 .am-direction-nav .am-disabled {
    opacity: 0 !important;
    cursor: default
}

.am-slider-d1:hover .am-prev {
    opacity: .7
}

.am-slider-d1:hover .am-prev:hover {
    opacity: 1
}

.am-slider-d1:hover .am-next {
    opacity: .7
}

.am-slider-d1:hover .am-next:hover {
    opacity: 1
}

.am-slider-d1 .am-control-nav,
.am-slider-d1 .am-pauseplay {
    display: none
}

.am-slider-d2 {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-d2 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-d2 .am-viewport {
    max-height: 300px
}

.am-slider-d2 .am-slider-desc {
    position: absolute;
    left: 10px;
    bottom: 20px;
    right: 50px;
    color: #fff
}

.am-slider-d2 .am-slider-content {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 6px;
    margin-bottom: 10px
}

.am-slider-d2 .am-slider-content p {
    margin: 0;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem
}

.am-slider-d2 .am-slider-title {
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-d2 .am-slider-more {
    color: #eee;
    font-size: 1.3rem;
    background-color: #0f6540;
    padding: 2px 10px
}

.am-slider-d2 .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: -15px;
    text-align: center
}

.am-slider-d2 .am-control-nav li {
    margin: 0 6px;
    display: inline-block
}

.am-slider-d2 .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.am-slider-d2 .am-control-nav li a:hover {
    background: rgba(0, 0, 0, 0.5)
}

.am-slider-d2 .am-control-nav li a.am-active {
    background: #0f6540;
    cursor: default
}

.am-slider-d2 .am-direction-nav,
.am-slider-d2 .am-pauseplay {
    display: none
}

.am-slider-d3 {
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
}

.am-slider-d3 .am-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .am-slider-d3 .am-viewport {
    max-height: 300px
}

.am-slider-d3 .am-slider-desc {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 8px 5px
}

.am-slider-d3 .am-slider-desc p {
    margin: 0;
    font-size: 1.3rem;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-d3 .am-slider-title {
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-slider-d3 .am-control-thumbs {
    position: static;
    overflow: hidden
}

.am-slider-d3 .am-control-thumbs li {
    padding: 12px 4px 4px;
    position: relative
}

.am-slider-d3 .am-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .85;
    cursor: pointer
}

.am-slider-d3 .am-control-thumbs img:hover {
    opacity: 1
}

.am-slider-d3 .am-control-thumbs .am-active {
    opacity: 1;
    cursor: default
}

.am-slider-d3 .am-control-thumbs .am-active+i {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 8px solid rgba(0, 0, 0, 0.7);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0 dotted;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    margin-left: -4px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.am-slider-d3 .am-direction-nav,
.am-slider-d3 .am-pauseplay {
    display: none
}

.am-slider-d3 .am-control-thumbs {
    display: table
}

.am-slider-d3 .am-control-thumbs li {
    display: table-cell;
    width: 1%
}

[data-am-widget=tabs] {
    margin: 10px
}

[data-am-widget=tabs] .am-tabs-nav {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-am-widget=tabs] .am-tabs-nav li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-am-widget=tabs] .am-tabs-nav a {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.am-tabs-default .am-tabs-nav {
    line-height: 40px;
    background-color: #eee
}

.am-tabs-default .am-tabs-nav a {
    color: #222;
    line-height: 42px
}

.am-tabs-default .am-tabs-nav>.am-active a {
    background-color: #0f6540;
    color: #fff
}

.am-tabs-d2 .am-tabs-nav {
    background-color: #eee
}

.am-tabs-d2 .am-tabs-nav li {
    height: 42px
}

.am-tabs-d2 .am-tabs-nav a {
    color: #222;
    line-height: 42px
}

.am-tabs-d2 .am-tabs-nav>.am-active {
    position: relative;
    background-color: #fcfcfc;
    border-bottom: 2px solid #0f6540
}

.am-tabs-d2 .am-tabs-nav>.am-active a {
    line-height: 40px;
    color: #0f6540
}

.am-tabs-d2 .am-tabs-nav>.am-active:after {
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border: 6px rgba(0, 0, 0, 0) solid;
    content: "";
    z-index: 1;
    border-bottom-color: #0f6540
}

.am-titlebar {
    margin-top: 20px;
    height: 45px;
    font-size: 100%
}

.am-titlebar h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem
}

.am-titlebar .am-titlebar-title img {
    height: 24px;
    width: auto
}

.am-titlebar-default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    border-bottom: 1px solid #dedede;
    line-height: 44px
}

.am-titlebar-default a {
    color: #0f6540
}

.am-titlebar-default .am-titlebar-title {
    position: relative;
    padding-left: 12px;
    color: #0f6540;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 700
}

.am-titlebar-default .am-titlebar-title:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 8px;
    bottom: 8px;
    border-left: 3px solid #0f6540
}

.am-titlebar-default .am-titlebar-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.am-titlebar-default .am-titlebar-nav a {
    margin-right: 10px
}

.am-titlebar-default .am-titlebar-nav a:last-child {
    margin-right: 5px
}

.am-titlebar-multi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f5f5;
    border-top: 2px solid #00a0e9;
    border-bottom: 1px solid #e8e8e8
}

.am-titlebar-multi a {
    color: #0f6540
}

.am-titlebar-multi .am-titlebar-title {
    padding-left: 10px;
    color: #0f6540;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 700;
    line-height: 42px
}

.am-titlebar-multi .am-titlebar-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    line-height: 42px
}

.am-titlebar-multi .am-titlebar-nav a {
    margin-right: 10px
}

.am-titlebar-cols {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    background-color: #f5f5f5;
    color: #555;
    font-size: 18px;
    border-top: 2px solid #e1e1e1;
    line-height: 41px
}

.am-titlebar-cols a {
    color: #555
}

.am-titlebar-cols .am-titlebar-title {
    color: #0f6540;
    margin-right: 15px;
    border-bottom: 2px solid #0f6540;
    font-weight: 700
}

.am-titlebar-cols .am-titlebar-title a {
    color: #0f6540
}

.am-titlebar-cols .am-titlebar-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-titlebar-cols .am-titlebar-nav a {
    display: inline-block;
    margin-right: 15px;
    line-height: 41px;
    border-bottom: 2px solid transparent
}

.am-titlebar-cols .am-titlebar-nav a:hover {
    color: #3c3c3c;
    border-bottom-color: #0f6540
}

.am-titlebar-cols .am-titlebar-nav a:last-child {
    margin-right: 10px
}

.am-wechatpay .am-wechatpay-btn {
    margin-top: 1rem;
    margin-bottom: 1rem
}

/*! Amaze UI Plugin ~ slick */
.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@font-face {
    font-family: 'Eina';
    src: url("../fonts/Eina.eot");
    src: url("../fonts/Eina.eot?#iefix") format("embedded-opentype"), url("../fonts/Eina.woff2") format("woff2"), url("../fonts/Eina.woff") format("woff"), url("../fonts/Eina.ttf") format("truetype"), url("../fonts/Eina.svg#Eina") format("svg");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'AgencyFB';
    src: url("../fonts/AgencyFB.eot");
    src: url("../fonts/AgencyFB.eot?#iefix") format("embedded-opentype"), url("../fonts/AgencyFB.woff2") format("woff2"), url("../fonts/AgencyFB.woff") format("woff"), url("../fonts/AgencyFB.ttf") format("truetype"), url("../fonts/AgencyFB.svg#AgencyFB") format("svg");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Regular.woff) format("woff")
}

@font-face {
    font-family: 'Bold';
    src: url(../fonts/SourceHanSansCN-bold.woff) format("woff");
    font-weight: bold
}

@font-face {
    font-family: 'DietDidot';
    src: url("../fonts/DietDidot.eot");
    src: url("../fonts/DietDidot.eot?#iefix") format("embedded-opentype"), url("../fonts/DietDidot.woff") format("woff"), url("../fonts/DietDidot.ttf") format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'Antonio';
    src: url("../fonts/Antonio.eot");
    src: url("../fonts/Antonio.eot?#iefix") format("embedded-opentype"), url("../fonts/Antonio.woff") format("woff"), url("../fonts/Antonio.ttf") format("truetype"), url("../fonts/Antonio.svg#Antonio") format("svg");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "iconfont";
    src: url("//at.alicdn.com/t/c/font_1067437_cd79eo3c8h9.woff2?t=1682146171608") format("woff2"), url("//at.alicdn.com/t/c/font_1067437_cd79eo3c8h9.woff?t=1682146171608") format("woff"), url("//at.alicdn.com/t/c/font_1067437_cd79eo3c8h9.ttf?t=1682146171608") format("truetype")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xiaochengxu:before {
    content: "\e62e"
}

.icon-yanjing:before {
    content: "\e6b0"
}

.icon-shubiao:before {
    content: "\e62b"
}

.icon-shipinhao:before {
    content: "\e626"
}

.icon-xiaohongshu:before {
    content: "\e625"
}

.icon-search:before {
    content: "\e6e1"
}

.icon-telephone:before {
    content: "\e953"
}

.icon-weixin1:before {
    content: "\e60c"
}

.icon-zhihu:before {
    content: "\e69a"
}

.icon-douyin:before {
    content: "\e673"
}

.icon-home:before {
    content: "\e6fe"
}

.icon-dengpao:before {
    content: "\e609"
}

.icon-hexin:before {
    content: "\e604"
}

.icon-location:before {
    content: "\e60a"
}

.icon-zuanshi:before {
    content: "\e66c"
}

.icon-biaoqian:before {
    content: "\e6ba"
}

.icon-caidan1:before {
    content: "\e6cf"
}

.icon-hands:before {
    content: "\e62d"
}

.icon-shouyeshouye:before {
    content: "\e602"
}

.icon-arrowright:before {
    content: "\e64f"
}

.icon-caidan:before {
    content: "\e72f"
}

.icon-shouhou-copy:before {
    content: "\eb2e"
}

.icon-shouzhong:before {
    content: "\e60e"
}

.icon-shouhou:before {
    content: "\e631"
}

.icon-shouqian:before {
    content: "\e617"
}

.icon-shouzhong-copy:before {
    content: "\eb2f"
}

.icon-menu:before {
    content: "\e603"
}

.icon-tel:before {
    content: "\e65b"
}

.icon-play1:before {
    content: "\e64c"
}

.icon-alibaba:before {
    content: "\e632"
}

.icon-jianhao:before {
    content: "\e601"
}

.icon-arrow-left:before {
    content: "\e6f4"
}

.icon-arrow-right:before {
    content: "\e6f5"
}

.icon-54:before {
    content: "\e6f7"
}

.icon-play:before {
    content: "\e865"
}

.icon-iconfontzhizuobiaozhun16:before {
    content: "\e60f"
}

.icon-tianmaoT:before {
    content: "\e600"
}

.icon-VR:before {
    content: "\e6ac"
}

.icon-paragraph:before {
    content: "\e608"
}

.icon-sun:before {
    content: "\e607"
}

.icon-history:before {
    content: "\e606"
}

.icon-jiahao:before {
    content: "\e630"
}

.icon-arrow-l:before {
    content: "\e788"
}

.icon-arrow-r:before {
    content: "\e789"
}

.icon-weixin:before {
    content: "\e637"
}

.icon-close:before {
    content: "\e60b"
}

.icon-dianhua1:before {
    content: "\e605"
}

.icon-Group-:before {
    content: "\e696"
}

.icon-chanpinzhengce:before {
    content: "\e652"
}

.icon-mianfei:before {
    content: "\e62f"
}

.icon-dianhua:before {
    content: "\e62a"
}

.icon-Eatrh-Support:before {
    content: "\eb2d"
}

body {
    overflow-x: hidden;
    font-size: 16px
}

html,
body {
    scroll-behavior: smooth
}

::selection {
    background: #222;
    color: white;
    text-shadow: none
}

::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #eee;
    border-radius: 50px
}

::-webkit-scrollbar {
    width: 8px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: #d71618;
    border-radius: 50px;
    cursor: pointer
}

::-webkit-scrollbar-thumb:hover {
    background: #d71618;
    cursor: pointer
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
    display: block;
    padding: 0;
    margin: 0
}

a {
    color: #333
}

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

ul,
li {
    padding: 0;
    list-style: none
}

i,
em,
cite {
    font-style: normal;
    display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 90%;
    font-weight: normal
}

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

.trans {
    transition: all 1s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .trans {
        transition: none
    }
}

.trans_icon .icon {
    transition: all 0.5s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .trans_icon .icon {
        transition: none
    }
}

.trans_icon .icon .default {
    display: inline-block
}

.trans_icon .icon .cur {
    display: none
}

.trans_icon:hover .icon .default,
.trans_icon.cur .icon .default {
    display: none
}

.trans_icon:hover .icon .cur,
.trans_icon.cur .icon .cur {
    display: inline-block
}

.line1 {
    width: 50px;
    height: 1px;
    background: #666;
    margin: 20px 0 0 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.flex {
    display: flex
}

.mt_110 {
    margin-top: 110px
}

.mb_110 {
    margin-bottom: 110px
}

.pt_110 {
    padding-top: 110px
}

.pb_110 {
    padding-bottom: 110px
}

.mt_85 {
    margin-top: 85px
}

.mb_85 {
    margin-bottom: 85px
}

.pt_85 {
    padding-top: 85px
}

.pb_85 {
    padding-bottom: 85px
}

.mt_75 {
    margin-top: 75px
}

.mb_75 {
    margin-bottom: 75px
}

.pt_75 {
    padding-top: 75px
}

.pb_75 {
    padding-bottom: 75px
}

.mt_60 {
    margin-top: 60px
}

.mb_60 {
    margin-bottom: 60px
}

.pt_60 {
    padding-top: 60px
}

.pb_60 {
    padding-bottom: 60px
}

.mt_55 {
    margin-top: 55px
}

.mb_55 {
    margin-bottom: 55px
}

.pt_55 {
    padding-top: 55px
}

.pb_55 {
    padding-bottom: 55px
}

.mt_45 {
    margin-top: 45px
}

.mt_40 {
    margin-top: 40px
}

.mb_40 {
    margin-bottom: 40px
}

.pt_40 {
    padding-top: 40px
}

.pb_40 {
    padding-bottom: 40px
}

.mt_30 {
    margin-top: 30px
}

.mb_30 {
    margin-bottom: 30px
}

.pt_30 {
    padding-top: 30px
}

.pb_30 {
    padding-bottom: 30px
}

.mt_25 {
    margin-top: 25px
}

.mt_20 {
    margin-top: 20px
}

.mt_15 {
    margin-top: 15px
}

.fnt_12 {
    font-size: 12px
}

.fnt_14 {
    font-size: 14px
}

.fnt_16 {
    font-size: 16px
}

.fnt_18 {
    font-size: 18px
}

.fnt_20 {
    font-size: 20px
}

.fnt_22 {
    font-size: 22px
}

.fnt_24 {
    font-size: 24px
}

.fnt_26 {
    font-size: 26px
}

.fnt_28 {
    font-size: 28px
}

.fnt_30 {
    font-size: 30px
}

.fnt_32 {
    font-size: 32px
}

.fnt_34 {
    font-size: 34px
}

.fnt_36 {
    font-size: 36px
}

.fnt_38 {
    font-size: 38px
}

.fnt_40 {
    font-size: 40px
}

.fnt_42 {
    font-size: 42px
}

.fnt_44 {
    font-size: 44px
}

.fnt_46 {
    font-size: 46px
}

.fnt_48 {
    font-size: 48px
}

.fnt_50 {
    font-size: 50px
}

.fnt_52 {
    font-size: 52px
}

.fnt_54 {
    font-size: 54px
}

.fnt_56 {
    font-size: 56px
}

.fnt_58 {
    font-size: 58px
}

.fnt_60 {
    font-size: 60px
}

.bg_cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.bg_fixed {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center
}

.bg_fixed img {
    visibility: hidden
}

.img-scale {
    overflow: hidden;
    cursor: pointer;
    transition: all 0.7s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .img-scale {
        transition: none
    }
}

.img-scale img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: all 0.7s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .img-scale img {
        transition: none
    }
}

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

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-block {
    padding: 5vh 0 0 0
}

.swiper-pagination-bullet-active {
    background: #d71618
}

.vwrap {
    display: none;
    z-index: 9777;
    width: 100%;
    position: fixed
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden
}

.vwrap .videobox {
    z-index: 990;
    width: 70%;
    height: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.vwrap .icon-close {
    position: fixed;
    top: 5%;
    right: 11%;
    color: #fff;
    z-index: 99999;
    font-size: 30px
}

.page {
    width: 100%;
    text-align: center;
    padding: 25px 0px
}

.page a:hover,
.page a.current,
.page span:hover,
.page span.current {
    background: #d71618
}

.page a,
.page span {
    display: inline-block;
    background: #2d2d2d;
    height: 37px;
    line-height: 36px;
    font-size: 10px;
    border: 1px solid #f5f5f5;
    padding: 0px 10px;
    color: #fff;
    margin-left: 8px
}

.map {
    height: 60vh
}

.map * {
    box-sizing: content-box;
    max-width: inherit
}

.leftUp img {
    -webkit-animation-name: leftUp;
    animation-name: leftUp
}

@-webkit-keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%)
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%)
    }
}

@keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%)
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%)
    }
}

.moveRight img {
    -webkit-animation-name: moveRight;
    animation-name: moveRight
}

@-webkit-keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0)
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0)
    }
}

@keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0)
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0)
    }
}

.moveDown img {
    -webkit-animation-name: moveDown;
    animation-name: moveDown
}

@-webkit-keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(0, -4.545%)
    }

    100% {
        transform: scale(1.1, 1.1) translate(0, 4.545%)
    }
}

@keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(0, -4.545%)
    }

    100% {
        transform: scale(1.1, 1.1) translate(0, 4.545%)
    }
}

.centerBig img {
    -webkit-animation-name: centerBig;
    animation-name: centerBig
}

@-webkit-keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1)
    }
}

@keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1)
    }
}

.rightDownBig img {
    -webkit-animation-name: rightDownBig;
    animation-name: rightDownBig
}

@-webkit-keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%)
    }
}

@keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%)
    }
}

.clearfix,
.container {
    clear: both
}

.container {
    position: relative;
    width: 1680px;
    margin: auto
}

.is-pc {
    display: block
}

.is-mobile,
.is-pad {
    display: none
}

@media screen and (max-width: 1680px) {
    .container {
        width: 90%
    }
}

@media screen and (max-width: 1440px) {
    .container {
        width: 1200px
    }

    .line_height19 {
        line-height: 1.5
    }

    .mt_110 {
        margin-top: 80px
    }

    .mb_110 {
        margin-bottom: 80px
    }

    .pt_110 {
        padding-top: 80px
    }

    .pb_110 {
        padding-bottom: 80px
    }

    .mt_85 {
        margin-top: 65px
    }

    .mb_85 {
        margin-bottom: 65px
    }

    .pt_85 {
        padding-top: 65px
    }

    .pb_85 {
        padding-bottom: 65px
    }

    .mt_75 {
        margin-top: 55px
    }

    .mb_75 {
        margin-bottom: 55px
    }

    .pt_75 {
        padding-top: 55px
    }

    .pb_75 {
        padding-bottom: 55px
    }

    .mt_60 {
        margin-top: 45px
    }

    .mb_60 {
        margin-bottom: 45px
    }

    .pt_60 {
        padding-top: 45px
    }

    .pb_60 {
        padding-bottom: 45px
    }

    .mt_55 {
        margin-top: 40px
    }

    .mb_55 {
        margin-bottom: 40px
    }

    .pt_55 {
        padding-top: 40px
    }

    .pb_55 {
        padding-bottom: 40px
    }

    .fnt_22 {
        font-size: 18px
    }

    .fnt_24 {
        font-size: 20px
    }

    .fnt_26 {
        font-size: 24px
    }

    .fnt_28 {
        font-size: 24px
    }

    .fnt_30 {
        font-size: 30px
    }

    .fnt_32 {
        font-size: 30px
    }

    .fnt_34 {
        font-size: 30px
    }

    .fnt_36 {
        font-size: 32px
    }

    .fnt_38 {
        font-size: 32px
    }

    .fnt_40 {
        font-size: 34px
    }

    .fnt_42 {
        font-size: 34px
    }

    .fnt_44 {
        font-size: 34px
    }

    .fnt_46 {
        font-size: 36px
    }

    .fnt_48 {
        font-size: 36px
    }

    .fnt_50 {
        font-size: 38px
    }

    .fnt_52 {
        font-size: 38px
    }

    .fnt_54 {
        font-size: 38px
    }

    .fnt_56 {
        font-size: 40px
    }

    .fnt_58 {
        font-size: 40px
    }

    .fnt_60 {
        font-size: 42px
    }
}

@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
        padding: 0 15px
    }

    .mt_110 {
        margin-top: 60px
    }

    .mb_110 {
        margin-bottom: 60px
    }

    .pt_110 {
        padding-top: 60px
    }

    .pb_110 {
        padding-bottom: 60px
    }

    .mt_85 {
        margin-top: 45px
    }

    .mb_85 {
        margin-bottom: 45px
    }

    .pt_85 {
        padding-top: 45px
    }

    .pb_85 {
        padding-bottom: 45px
    }

    .mt_75 {
        margin-top: 35px
    }

    .mb_75 {
        margin-bottom: 35px
    }

    .pt_75 {
        padding-top: 35px
    }

    .pb_75 {
        padding-bottom: 35px
    }

    .mt_60 {
        margin-top: 30px
    }

    .mb_60 {
        margin-bottom: 30px
    }

    .pt_60 {
        padding-top: 30px
    }

    .pb_60 {
        padding-bottom: 30px
    }

    .mt_55 {
        margin-top: 30px
    }

    .mb_55 {
        margin-bottom: 30px
    }

    .pt_55 {
        padding-top: 30px
    }

    .pb_55 {
        padding-bottom: 30px
    }

    .mt_45 {
        margin-top: 30px
    }

    .mt_40 {
        margin-top: 20px
    }

    .mb_40 {
        margin-bottom: 20px
    }

    .pt_40 {
        padding-top: 20px
    }

    .pb_40 {
        padding-bottom: 20px
    }

    .mt_30 {
        margin-top: 20px
    }

    .mb_30 {
        margin-bottom: 20px
    }

    .pt_30 {
        padding-top: 20px
    }

    .pb_30 {
        padding-bottom: 20px
    }

    .mt_25 {
        margin-top: 20px
    }

    .mt_20 {
        margin-top: 15px
    }

    .mt_15 {
        margin-top: 10px
    }

    .fnt_24 {
        font-size: 18px
    }

    .fnt_20 {
        font-size: 16px
    }
}

@media screen and (max-width: 1000px) {
    .is-pc {
        display: none !important
    }

    .is-pad {
        display: block !important
    }

    .mt_110 {
        margin-top: 30px
    }

    .mb_110 {
        margin-bottom: 30px
    }

    .pt_110 {
        padding-top: 30px
    }

    .pb_110 {
        padding-bottom: 30px
    }

    .mt_85 {
        margin-top: 30px
    }

    .mb_85 {
        margin-bottom: 30px
    }

    .pt_85 {
        padding-top: 30px
    }

    .pb_85 {
        padding-bottom: 30px
    }

    .mt_75 {
        margin-top: 20px
    }

    .mb_75 {
        margin-bottom: 20px
    }

    .pt_75 {
        padding-top: 20px
    }

    .pb_75 {
        padding-bottom: 20px
    }

    .mt_60 {
        margin-top: 20px
    }

    .mb_60 {
        margin-bottom: 20px
    }

    .pt_60 {
        padding-top: 20px
    }

    .pb_60 {
        padding-bottom: 20px
    }

    .mt_55 {
        margin-top: 20px
    }

    .mb_55 {
        margin-bottom: 20px
    }

    .pt_55 {
        padding-top: 20px
    }

    .pb_55 {
        padding-bottom: 20px
    }

    .mt_30 {
        margin-top: 15px
    }

    .mb_30 {
        margin-bottom: 15px
    }

    .pt_30 {
        padding-top: 15px
    }

    .pb_30 {
        padding-bottom: 15px
    }

    .mt_25 {
        margin-top: 15px
    }

    .fnt_18 {
        font-size: 16px
    }

    .fnt_20 {
        font-size: 16px
    }

    .fnt_24 {
        font-size: 18px
    }

    .fnt_26 {
        font-size: 20px
    }

    .fnt_28 {
        font-size: 20px
    }

    .fnt_30 {
        font-size: 24px
    }

    .fnt_32 {
        font-size: 24px
    }

    .fnt_34 {
        font-size: 24px
    }

    .fnt_36 {
        font-size: 26px
    }

    .fnt_38 {
        font-size: 26px
    }

    .fnt_40 {
        font-size: 30px
    }

    .fnt_42 {
        font-size: 30px
    }

    .fnt_44 {
        font-size: 30px
    }

    .fnt_46 {
        font-size: 32px
    }

    .fnt_48 {
        font-size: 32px
    }

    .fnt_50 {
        font-size: 34px
    }

    .fnt_52 {
        font-size: 34px
    }

    .fnt_54 {
        font-size: 34px
    }

    .fnt_56 {
        font-size: 36px
    }

    .fnt_58 {
        font-size: 36px
    }

    .fnt_60 {
        font-size: 38px
    }
}

@media screen and (max-width: 578px) {
    body {
        font-size: 14px
    }

    .is-mobile {
        display: block !important
    }

    .line_height21 {
        line-height: 1.6
    }

    .line_height19 {
        line-height: 1.4
    }

    .mt_110 {
        margin-top: 20px
    }

    .mb_110 {
        margin-bottom: 20px
    }

    .pt_110 {
        padding-top: 20px
    }

    .pb_110 {
        padding-bottom: 20px
    }

    .mt_85 {
        margin-top: 20px
    }

    .mb_85 {
        margin-bottom: 20px
    }

    .pt_85 {
        padding-top: 20px
    }

    .pb_85 {
        padding-bottom: 20px
    }

    .mt_45 {
        margin-top: 20px
    }

    .mt_40 {
        margin-top: 15px
    }

    .mb_40 {
        margin-bottom: 15px
    }

    .pt_40 {
        padding-top: 15px
    }

    .pb_40 {
        padding-bottom: 15px
    }

    .mt_30 {
        margin-top: 10px
    }

    .mb_30 {
        margin-bottom: 10px
    }

    .pt_30 {
        padding-top: 10px
    }

    .pb_30 {
        padding-bottom: 10px
    }

    .mt_25 {
        margin-top: 5px
    }

    .mt_20 {
        margin-top: 5px
    }

    .mt_15 {
        margin-top: 5px
    }

    .fnt_14 {
        font-size: 12px
    }

    .fnt_16 {
        font-size: 14px
    }

    .fnt_18 {
        font-size: 14px
    }

    .fnt_20 {
        font-size: 14px
    }

    .fnt_22 {
        font-size: 16px
    }

    .fnt_24 {
        font-size: 16px
    }

    .fnt_26 {
        font-size: 18px
    }

    .fnt_28 {
        font-size: 18px
    }

    .fnt_30 {
        font-size: 18px
    }

    .fnt_32 {
        font-size: 22px
    }

    .fnt_34 {
        font-size: 22px
    }

    .fnt_36 {
        font-size: 24px
    }

    .fnt_38 {
        font-size: 24px
    }

    .fnt_40 {
        font-size: 24px
    }

    .fnt_42 {
        font-size: 24px
    }

    .fnt_44 {
        font-size: 24px
    }

    .fnt_46 {
        font-size: 24px
    }

    .fnt_48 {
        font-size: 26px
    }

    .fnt_50 {
        font-size: 26px
    }

    .fnt_52 {
        font-size: 26px
    }

    .fnt_54 {
        font-size: 28px
    }

    .fnt_56 {
        font-size: 28px
    }

    .fnt_58 {
        font-size: 28px
    }

    .fnt_60 {
        font-size: 30px
    }
}

@media screen and (max-width: 320px) {
    body {
        font-size: 12px
    }

    .container {
        width: 100%;
        padding: 0 5px
    }
}

body {
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    overflow-x: hidden;
    font-family: 'Tahoma', "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif
}

a {
    color: #333333
}

*:focus {
    outline: none;
    box-shadow: none
}

input:required:invalid,
textarea:required:invalid,
select:required:invalid {
    outline: none;
    box-shadow: none
}

a:hover {
    color: #008173;
    text-decoration: none;
    transition: all 300ms ease-in-out 0s
}

.on {
    color: #008173
}

.my_ul,
.my_dl {
    margin: 0;
    padding: 0
}

.my_ul li {
    list-style: none
}

.my_dl dt,
.my_dl dd {
    margin: 0;
    padding: 0;
    font-weight: normal
}

dt+dd {
    margin-top: 0
}

p {
    margin: 0 0 10px
}

img {
    image-rendering: -webkit-optimize-contrast
}

video {
    display: block
}

.list-paddingleft-2 {
    margin-top: 0
}

.auto-1400 {
    max-width: 1400px;
    margin: auto;
    width: 92%
}

.auto-1660 {
    max-width: 1660px;
    margin-left: auto;
    width: 92%
}

.auto-1240 {
    max-width: 1240px;
    margin: auto;
    width: 92%
}

.auto-1200 {
    max-width: 1200px;
    margin: auto;
    width: 92%
}

.auto-1680 {
    max-width: 1680px;
    margin: auto;
    width: 92%
}

.slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: translateY(-50%);
    transition: all .3s;
    z-index: 5;
    background-color: transparent;
    cursor: pointer
}

.slick-prev {
    background: url(../images/prev-icon-on.png) no-repeat center
}

.slick-next {
    background: url(../images/more-icon01.png) no-repeat center
}

.slick-prev:hover {
    background: url(../images/prev-icon.png) no-repeat center;
    background-color: #fff
}

.slick-next:hover {
    background: url(../images/more-icon.png) no-repeat center;
    background-color: #fff
}

.slick-dots {
    text-align: center;
    z-index: 5;
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin-top: 40px
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    margin: 0 5px;
    width: 40px;
    height: 3px;
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    position: relative
}

.slick-dots button::before {
    content: '';
    width: 0;
    height: 3px;
    background-color: #fff;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}

.slick-dots .slick-active button::before {
    width: 100%;
    transition: all 3s linear
}

@media (max-width: 640px) {
    .slick-dots button {
        width: 23px
    }
}

.block {
    padding: 3% 0
}

.w1200 {
    width: 95%;
    max-width: 1200px;
    margin: auto
}

.w1550 {
    width: 95%;
    max-width: 1550px;
    margin: auto
}

.w1700 {
    width: 95%;
    max-width: 1550px;
    margin: auto
}

.index-pro {
    padding: 3% 0
}

.index-pro .title {
    padding: 0 0 20px 0;
    text-align: center
}

.index-pro .title .cn img {
    display: inline-block;
    vertical-align: middle
}

.index-pro .title .cn h2 {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 30px
}

.index-pro .title .en h2 {
    font-size: 16px;
    color: #2f2f2f;
    text-transform: uppercase
}

.index-pro .navlist {
    justify-content: center;
    padding-bottom: 2%
}

.index-pro .navlist a {
    display: block;
    padding: 0 5%
}

.index-pro .navlist a img {
    display: inline-block;
    vertical-align: middle
}

.index-pro .navlist a h2 {
    display: inline-block;
    vertical-align: middle;
    color: #323232;
    font-size: 16px;
    padding: 0 10px
}

.index-pro .listBox {
    position: relative
}

.index-pro .list .item {
    width: 65%;
    position: relative
}

.index-pro .list .item::after {
    content: "";
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5
}

.index-pro .list .item.swiper-slide-active::after {
    display: none
}

.index-pro .l-arrow {
    width: 56px;
    height: 56px;
    position: absolute;
    top: calc(50% - 28px);
    left: 5%;
    z-index: 9;
    color: #fff;
    border: 2px solid #fff;
    padding: 8px 0;
    text-align: center;
    cursor: pointer
}

.index-pro .l-arrow i {
    font-size: 26px
}

.index-pro .r-arrow {
    width: 56px;
    height: 56px;
    position: absolute;
    top: calc(50% - 28px);
    right: 5%;
    z-index: 9;
    color: #fff;
    border: 2px solid #fff;
    padding: 8px 0;
    text-align: center;
    cursor: pointer
}

.index-pro .r-arrow i {
    font-size: 26px
}

.index-strength {
    padding-bottom: 3%
}

.index-strength .list {
    position: relative;
    z-index: 1
}

.index-strength .slick-prev {
    left: 60px
}

.index-strength .slick-next {
    right: 60px
}

.index-strength .list li {
    position: relative
}

.index-strength .content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #393939
}

.index-strength .list .txt {
    font-size: 26px;
    padding-top: 3%
}

.index-strength .list .txt12 {
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    padding-bottom: 15px
}

.index-strength .list .txt1 {
    font-size: 32px;
    font-family: bold
}

.index-strength .list .txt2 {
    line-height: 2
}

.index-strength .content ul {
    padding: 1% 4% 1% 0
}

.index-strength .content li {
    display: inline-block;
    padding-right: 40px;
    margin-right: 40px
}

.index-strength .content li::before {
    content: '';
    background-color: #393939;
    width: 1px;
    height: 60px;
    right: 0;
    top: 50%;
    transform: rotate(15deg) translateY(-50%);
    position: absolute
}

.index-strength .content li:last-child {
    padding-right: 0;
    margin-right: 0
}

.index-strength .content li:last-child::before {
    content: none
}

.index-strength .big,
.index-strength .count {
    font-size: 40px;
    font-family: 'Oswald'
}

.index-strength .itemtit {
    font-family: 'Light'
}

.index-strength .count {
    padding-right: 5px
}

.index-strength .content .box {
    padding-left: 9.28%
}

.index-strength .wap {
    display: none
}

.index-strength .auto-1400.tr {
    text-align: right
}

.index-strength .box1 {
    display: inline-block;
    text-align: left
}

.index-strength .box1 ul {
    padding: 8% 0 12%
}

.index-strength .list .star::after {
    content: '*';
    position: absolute;
    left: -8px;
    top: 5px;
    font-size: 16px
}

.index-strength li .pic img {
    width: 100%
}

.index-strength .num-box {
    background-color: #f5f5f5;
    padding: 4.28% 0;
    margin-top: -50px;
    z-index: 5;
    position: relative;
    overflow: hidden
}

.index-strength .num-box li {
    width: 20%;
    float: left;
    text-align: center
}

.index-strength .num-box .box {
    display: inline-block;
    text-align: left
}

.index-strength .num-box .itemtit,
.index-strength .num-box span {
    font-family: 'Light';
    color: #898989
}

.index-strength .num-box .big,
.index-strength .num-box .count {
    font-size: 40px;
    font-family: 'Oswald';
    color: #333
}

.index-strength .aword {
    padding-top: 4px;
    margin: 0 -2px
}

.index-strength .aword li {
    width: 33.333%;
    float: left;
    padding: 0 2px;
    position: relative
}

.index-strength .aword .pic {
    padding-top: 43.1%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.index-strength .content1 {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 100%
}

.index-strength .icon {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 18px
}

.index-strength .icon::before {
    content: '';
    background-color: #ab1e21;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0
}

.index-strength .tit {
    color: #fff;
    font-family: 'Light'
}

@media (max-width: 1400px) {
    .index-strength .content1 {
        left: 20px;
        bottom: 20px
    }

    .index-strength .icon {
        padding-bottom: 10px;
        margin-bottom: 8px
    }
}

@media (max-width: 1200px) {
    .index-strength .list .txt1 {
        font-size: 24px
    }

    .index-strength .content ul {
        padding: 2% 0
    }

    .index-strength .list .txt2 {
        line-height: 1.8
    }
}

@media (max-width: 1024px) {
    .index-strength .content {
        top: 40%
    }

    .index-strength .itemtit,
    .index-strength .num-box .itemtit,
    .index-strength .num-box span {
        font-size: 12px
    }

    .index-strength .count,
    .index-strength .num-box .big,
    .index-strength .num-box .count {
        font-size: 25px
    }

    .index-strength .aword li {
        width: 50%;
        margin-bottom: 4px
    }
}

@media (max-width: 640px) {
    .index-strength .auto-1400.tr {
        text-align: left
    }

    .index-strength .box1 {
        display: block
    }

    .index-strength .list .txt1 {
        font-size: 18px
    }

    .index-strength .list .txt12 {
        font-size: 18px
    }

    .index-strength .list .txt2 {
        font-size: 12px
    }

    .index-strength .slick-prev {
        bottom: 13%;
        left: 4%;
        top: auto;
        transform: translateY(0)
    }

    .index-strength .slick-next {
        bottom: 13%;
        left: calc(4% + 50px);
        top: auto;
        transform: translateY(0)
    }

    .index-strength .num-box .big,
    .index-strength .num-box .count {
        font-size: 20px
    }

    .index-strength .content .box {
        padding-left: 0
    }

    .index-strength .content .box img {
        width: 50%
    }

    .index-strength .list .txt {
        font-size: 14px
    }

    .index-strength .content {
        top: auto;
        bottom: 19%;
        transform: translateY(0);
        color: #fff
    }

    .index-strength .wap {
        display: block;
        opacity: 0.6
    }

    .index-strength .pc {
        display: none
    }

    .index-strength .aword li {
        width: 100%
    }

    .index-strength .content ul {
        padding: 4% 0 6%
    }

    .index-strength .content li {
        padding-right: 20px;
        margin-right: 20px
    }

    .index-strength .content1 {
        top: 50%;
        bottom: auto;
        left: 0;
        transform: translateY(-50%);
        padding-left: 40px
    }

    .index-strength .icon {
        padding-bottom: 20px;
        margin-bottom: 18px
    }

    .index-strength .num-box li {
        width: 33.333%;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px
    }

    .index-strength .num-box {
        padding-bottom: 0;
        padding-top: 20px
    }

    .index-strength .list li .pic {
        background-color: #000
    }
}

@media (max-width: 480px) {
    .index-strength .icon {
        padding-bottom: 10px;
        margin-bottom: 8px
    }

    .index-strength .num-box li,
    .index-strength .content1 {
        padding-left: 20px
    }

    .index-strength .content li {
        margin-right: 0;
        padding-right: 10px
    }
}

.home1 {
    padding-bottom: 2%
}

.home1 .item {
    position: relative
}

.home1 .item .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center
}

.home1 .item .text h3 {
    font-size: 14px
}

.home1 .item .text h2 {
    font-size: 18px;
    padding: 0 0 35px 0
}

.home1 .item .text .link {
    color: #fff;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 10px 30px
}

.home1 .item .text .bot {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 10px 0
}

.footer {
    background: #222222;
    color: #fff
}

.footer .top {
    padding: 5%
}

.footer .top .l-box {
    width: 70%;
    padding: 0 10% 0 5%
}

.footer .top .l-box .menu {
    max-width: 700px;
    justify-content: space-between;
    position: relative
}

.footer .top .l-box .menu::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #343434;
    position: absolute;
    top: 33px;
    left: 0
}

.footer .top .l-box .menu h3 a {
    color: #5D5859;
    font-size: 14px
}

.footer .top .l-box .menu .child a {
    color: #999;
    font-size: 12px
}

.footer .top .r-box {
    width: 15%;
    text-align: left
}

.footer .top .r-box .text {
    padding: 40px 0;
    font-family: Arial
}

.footer .top .r-box .text span {
    color: #6C6A6A
}

.footer .top .r-box .text h3 {
    font-size: 28px
}

.footer .top .r-box .social .icon-xiaohongshu::before {
    display: block;
    margin-left: -14px;
    transform: scale(0.4)
}

.footer .top .r-box .social a {
    border: 1px solid #6C6A6A;
    border-radius: 100%;
    display: inline-block;
    color: #888;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.7;
    margin: 0 5px;
    position: relative
}

.footer .top .r-box .social a i {
    font-size: 20px
}

.footer .top .r-box .social a .imgbox {
    width: 150px;
    height: 150px;
    position: absolute;
    top: -160px;
    left: -50px;
    opacity: 0;
    -webkit-transition: all ease-in;
    -webkit-transition-delay: .5s;
    -moz-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s
}

.footer .top .r-box .social a .imgbox img {
    width: 100%
}

.footer .top .r-box .social a:hover .imgbox {
    opacity: 1
}

.footer .bot1 {
    text-align: right;
    padding: 10px 5%;
    border-top: 1px solid #2C2C2C;
    color: #8E8E8E;
    font-size: 12px
}

.nav {
    background: #F7F1F1
}

.nav .container {
    margin: auto;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center
}

.nav .container .l-box {
    width: 80%
}

.nav .container .l-box a {
    font-size: 16px;
    padding: 25px 25px;
    position: relative
}

.nav .container .l-box a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF5129;
    opacity: 0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.nav .container .l-box a:hover::after {
    opacity: 1
}

.nav .container .r-box {
    width: 27%;
    text-align: right;
    font-size: 12px
}

.nav .container .r-box i {
    padding-right: 5px
}

.product_list .list {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
    max-width: 1500px;
    padding: 3% 0
}

.product_list .list .item {
    width: 33.333%;
    padding: 10px
}

.product_list .list .item .text {
    background: #EDEDED;
    padding: 20px;
    position: relative
}

.product_list .list .item .text h2 {
    font-size: 18px;
    font-weight: 400;
    color: #393838;
    margin: 0;
    padding: 0
}

.product_list .list .item .text h3 {
    font-size: 14px;
    font-weight: 400;
    color: #787777;
    margin: 0;
    padding: 10px 0
}

.product_list .list .item .text i {
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #999999;
    position: absolute;
    right: 3%;
    top: 35%;
    color: #777
}

.cpXqTp {
    padding: 5% 0;
    position: relative;
    overflow: hidden
}

.cpXqTp .w1680 {
    position: relative;
    z-index: 2;
    width: 90%;
    margin: 0 auto;
    height: auto;
    max-width: 1477px
}

.cpXqTpNrImg {
    width: 73.5%
}

.cpXqTpNr {
    position: relative
}

.cpXqTpNrR {
    width: 32%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cpXqTpNrRBj {
    background-color: #F8F8F8;
    padding: 28px 35px 110px
}

.cpXqTpNrRHr {
    width: 40px;
    height: 1px;
    background-color: #000;
    opacity: 0.5
}

.cpXqTpNrR01 {
    margin-top: 10px;
    overflow: hidden
}

.cpXqTpNrR01 .left {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    float: left
}

.cpXqTpNrR01 .right {
    font-size: 14px;
    color: #000;
    float: right
}

.cpXqTpNrR02 {
    font-size: 34px;
    color: #000;
    margin-top: 40px
}

.cpXqTpNrR03 {
    color: #000;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 15px
}

.apALLmore.bjheise {
    background-color: #251a16
}

.cpXqTpNrR04 {
    position: absolute;
    bottom: -30px;
    left: 5%;
    right: 5%;
    text-align: center;
    font-size: 0
}

.cpXqTpNrR04 .apALLmore {
    height: 60px;
    line-height: 60px;
    width: 46%;
    margin: 0 2% 0;
    font-size: 16px
}

.newsDetailNr02BotFy {
    position: relative;
    max-width: 1680px;
    width: 90%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding: 50px 0
}

.newsDetailNr02BotFyMk {
    width: 40%
}

.newsDetailNr02BotFyMk.left {
    background: url(../images/row5.png) no-repeat left center;
    padding-left: 36px;
    float: left
}

.newsDetailNr02BotFyMk.right {
    background: url(../images/row6.png) no-repeat right center;
    text-align: right;
    float: right;
    padding-right: 36px
}

.newsDetailNr02BotFyMk.right .cpBotFyNrImg {
    left: auto;
    right: 0;
    left: auto;
    right: 0
}

.newsDetailNr02BotFyMk.right .cpBotFyNr {
    padding: 1px 90px 0 0;
    padding: 1px 90px 0 0
}

.newsDetailNr02BotFyMk.right .cpBotFyNrs {
    padding: 0;
    padding: 0
}

.newsDetailNr02BotFyMk h3 {
    font-weight: normal;
    font-size: 20px
}

.newsDetailNr02BotFyMk p {
    font-size: 14px;
    color: #947156;
    font-weight: bold;
    margin-top: 5px
}

.newsDetailNr02BotFyMk span {
    display: none
}

.newsDetailNr02BotFyIco {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    border: 1px solid #d9d3ce;
    text-align: center;
    font-size: 0;
    line-height: 58px;
    height: 58px;
    display: block;
    margin: -30px 0 0 -30px;
    z-index: 2;
    cursor: pointer
}

.newsDetailNr02BotFyIco img {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 22px 0 0 17.5px;
    width: auto
}

.newsDetailNr02BotFyIco::before {
    content: '';
    width: 58px;
    border: 1px solid #d9d3ce;
    height: 58px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cpBotFyNr {
    position: relative;
    height: 76px;
    padding: 1px 0 0 90px
}

.cpBotFyNr a {
    color: #947156
}

.cpBotFyNrs {
    padding: 0
}

.cpBotFyNrImg {
    position: absolute;
    width: 71px;
    top: 0;
    left: 0;
    height: 77px
}

.cpBotFyNrImg img {
    width: 71px;
    height: 77px
}

.cpBotFyNr01 {
    font-size: 12px;
    margin-top: 15px
}

.cpBotFyNr02 {
    font-size: 20px
}

.cpBotFyNr02s {
    padding-top: 23px
}

.no-cpBotFyNr02 {
    line-height: 77px
}

.pro_show {
    width: 90%;
    max-width: 1500px;
    margin: auto;
    padding: 5%
}

#join .join_nav {
    background: #202835;
    opacity: 0.7;
    padding: 30px 0
}

#join .join_nav .list {
    max-width: 1200px;
    margin: auto
}

#join .join_nav .list a {
    color: #fff;
    padding: 0 0px;
    display: flex;
    align-items: center;
    font-size: 16px
}

#join .join_nav .list a i {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(../images/icon1.png) center center no-repeat;
    background-size: cover;
    margin-right: 15px
}

#join .join1 {
    position: relative
}

#join .join1 .bg img {
    width: 100%
}

#join .join1 .box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff
}

#join .join1 .box .tit {
    text-align: center;
    padding: 5% 0 0 0
}

#join .join1 .box .tit h2 {
    font-size: 5vw;
    font-family: Antonio;
    text-transform: uppercase;
    line-height: 5vw
}

#join .join1 .box .tit h3 {
    font-size: 1.7vw;
    line-height: 2vw
}

#join .join1 .box .tit i {
    width: 56px;
    height: 2px;
    background: #FF0000
}

#join .join1 .box .tit p {
    font-size: 1.13vw;
    width: 500px;
    margin: auto;
    padding: 15px 0 0 0
}

#join .join1 .box .list {
    width: 90%;
    max-width: 1500px;
    margin: auto;
    padding: 7% 0 0 0
}

#join .join1 .box .list .item {
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    padding: 2% 0
}

#join .join1 .box .list .item i {
    width: 38px;
    height: 38px;
    background: url(../images/join_icon1.png) center center no-repeat;
    background-size: cover
}

#join .join1 .box .list .item h2 {
    font-size: 24px
}

#join .join1 .box .list .item h2::after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #fff;
    margin: 20px auto 0 auto
}

#join .join1 .box .list .item h3 {
    font-size: 14px;
    line-height: 1.8
}

#join .join2 {
    background: #111;
    color: #FFFFFF;
    padding: 5% 0 20px 0;
    position: relative
}

#join .join2 .tit {
    text-align: center
}

#join .join2 .tit h2 {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 20px
}

#join .join2 .tit h3 {
    font-size: 18px;
    line-height: 18px
}

#join .join2 .nav {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 0 0 2%;
    background: none
}

#join .join2 .nav li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    color: #676767;
    cursor: pointer
}

#join .join2 .nav li i {
    border: none;
    width: 13px;
    height: 13px;
    padding: 3px 0;
    text-align: center;
    margin-right: 8px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#join .join2 .nav li i::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #676767;
    margin: auto
}

#join .join2 .nav li.active {
    color: #fff
}

#join .join2 .nav li.active i {
    border: 1px solid #fff
}

#join .join2 .nav li.active i::before {
    background: #fff
}

#join .join2 .box_list {
    width: 80%;
    max-width: 1400px;
    margin: auto;
    padding-bottom: 5%
}

#join .join2 .box_list .item .title {
    text-align: center
}

#join .join2 .box_list .item .title h2 {
    font-size: 36px;
    padding: 2vw
}

#join .join2 .box_list .item .title h4 {
    font-size: 18px;
    padding-bottom: 3vw
}

#join .join2 .box_list .item .Franchise_2 {
    display: flex;
    flex-wrap: wrap
}

#join .join2 .box_list .item .Franchise_2 .intro_2 {
    font-size: 16px;
    line-height: 30px
}

#join .join2 .box_list .item .Franchise_2 .column {
    width: 50%
}

#join .join2 .box_list .item .Franchise_2 .column.is3 {
    display: flex;
    justify-content: space-between
}

#join .join2 .box_list .item .Franchise_2 .column.is3.show {
    display: none
}

#join .join2 .box_list .item .Franchise_2 .column.is3 img {
    width: 49.5%
}

#join .join2 .box_list .item .Franchise_2 .column .ul_2 {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3vw 0 2vw 0;
    border-bottom: 0.1px solid #ccc
}

#join .join2 .box_list .item .Franchise_2 .column .ul_2 h1 {
    font-size: 24px;
    line-height: 36px
}

#join .join2 .box_list .item .Franchise_2 .column .ul_2 h2 {
    font-size: 14px;
    line-height: 36px
}

#join .join2 .box_list .item .Franchise_2 .column .ul_3 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3.66vw
}

#join .join2 .box_list .item .Franchise_2 .column .ul_3 h1 {
    padding-bottom: 10px
}

#join .join2 .box_list .item .Franchise_2 .column .ul_3 h2 {
    font-size: 16px;
    line-height: 25px
}

#join .join2 .box_list .item .Franchise_2 .column .ul_3 li {
    min-width: 24%
}

#join .join2 .box_list .item .Franchise_2 .column .ul_4 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    background: url("../../uploadfiles/jiameng/16.png")
}

#join .join2 .box_list .item .Franchise_2 .column .ul_4 h1 {
    font-size: 14px
}

#join .join2 .box_list .item .Franchise_2 .column .ul_4 h1 b {
    font-size: 36px;
    padding-right: 10px;
    font-weight: 300
}

#join .join2 .box_list .item .Franchise_2 .column .ul_4 h2 {
    font-size: 16px;
    line-height: 2
}

#join .join2 .box_list .item .Franchise_3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#join .join2 .box_list .item .Franchise_3 .column_1:nth-child(1) {
    width: 45%
}

#join .join2 .box_list .item .Franchise_3 .column_1:nth-child(2) {
    width: 50%
}

#join .join2 .box_list .item .Franchise_3 .column_1 .columns {
    display: flex;
    flex-wrap: wrap;
    padding: 5vw 0 2vw 0;
    background: url("../../uploadfiles/jiameng/63.png");
    background-size: 100% 100%
}

#join .join2 .box_list .item .Franchise_3 .column_1 .column {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 3vw
}

#join .join2 .box_list .item .Franchise_3 .column_1 .column div:nth-child(1) {
    width: 25%;
    padding-right: 10%
}

#join .join2 .box_list .item .Franchise_3 .column_1 .column h1 {
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 15px;
    line-height: 1
}

#join .join2 .box_list .item .Franchise_3 .column_1 .column h2 {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.5
}

#join .join2 .box_list .item .Franchise_3 .column_1 .column img {
    width: 45px
}

#join .join2 .box_list .item .Franchise_3 .column_1 .intro {
    font-size: 16px;
    line-height: 36px;
    padding: 3vw 0
}

#join .join2 .box_list .item .Franchise_4 .columns {
    display: flex;
    flex-wrap: wrap
}

#join .join2 .box_list .item .Franchise_4 .columns .columns .list {
    width: 50%
}

#join .join2 .box_list .item .Franchise_4 .columns .list {
    position: relative;
    padding: 5px
}

#join .join2 .box_list .item .Franchise_4 .columns .list::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.48%, rgba(0, 0, 0, 0.502071) 81.77%, rgba(0, 0, 0, 0.75) 100%)
}

#join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(1) {
    width: 50%
}

#join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(2) {
    width: 25%
}

#join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(3) {
    width: 25%
}

#join .join2 .box_list .item .Franchise_4 .list .intro {
    position: absolute;
    bottom: 0;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2
}

#join .join2 .box_list .item .Franchise_4 .list .intro h1 {
    padding-bottom: 20px;
    font-size: 20px;
    color: #ffffff
}

#join .join2 .box_list .item .Franchise_4 .list .intro h2 {
    padding-bottom: 20px;
    font-size: 16px;
    color: #ffffff;
    opacity: 0.5;
    display: none
}

#join .join2 .box_list .item .Franchise_4 .intro2 {
    line-height: 36px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding-top: 3vw
}

#join .join2 .box_list .item .Franchise_5 .list1 {
    position: relative
}

#join .join2 .box_list .item .Franchise_5 .list1>img.image2 {
    display: none
}

#join .join2 .box_list .item .Franchise_5 .list1::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.48%, rgba(0, 0, 0, 0.502071) 81.77%, rgba(0, 0, 0, 0.75) 100%)
}

#join .join2 .box_list .item .Franchise_5 .list1 .columns {
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    align-items: flex-end;
    bottom: 0;
    padding: 2vw 0;
    width: 100%;
    border-top: 1px solid #ffffff17;
    z-index: 2
}

#join .join2 .box_list .item .Franchise_5 .list1 .columns .column {
    display: flex;
    align-items: center;
    padding: 1% 0
}

#join .join2 .box_list .item .Franchise_5 .list1 .columns h1 {
    font-size: 62px;
    color: #ffffff;
    opacity: 0.05
}

#join .join2 .box_list .item .Franchise_5 .list1 .columns h2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    padding-left: 1.5vw
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns {
    display: flex;
    color: #ffffff;
    padding-top: 3.2vw
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns .column {
    width: 50%
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns .column.image2 {
    display: none
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns .column:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: url(../../uploadfiles/jiameng/74.png)
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns h1 {
    font-size: 20px
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns h2 {
    font-size: 16px;
    padding: 1.8vw 0 1.5vw 0
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns h3 {
    font-size: 16px;
    opacity: 0.5
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns .image {
    text-align: center
}

#join .join2 .box_list .item .Franchise_5 .list2 .columns .image div {
    opacity: 0.5;
    font-size: 14px;
    padding-top: 10px;
    color: #ffffff
}

#join .join2 .box_list .item .Franchise_6 .ul li {
    position: relative;
    padding: 0 5px;
    width: auto
}

#join .join2 .box_list .item .Franchise_6 .ul li h1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.48%, rgba(0, 0, 0, 0.502071) 81.77%, rgba(0, 0, 0, 0.75) 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px;
    font-size: 20px;
    color: #ffffff
}

#join .join2 .box_list .item .Franchise_6 .image {
    padding-top: 3vw
}

#join .join2 .box_list .item .Franchise_6 .image .image2 {
    display: none
}

#join .join2 .box_list .item .Franchise_7 .ul li {
    position: relative;
    padding: 0 5px;
    width: auto
}

#join .join2 .box_list .item .Franchise_7 .ul li h1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.48%, rgba(0, 0, 0, 0.502071) 81.77%, rgba(0, 0, 0, 0.75) 100%)
}

#join .join2 .box_list .item .Franchise_7 .image {
    padding-top: 3vw
}

#join .join2 .box_list .item .Franchise_7 .image .image2 {
    display: none
}

#join .join2 .box_list .swiper-pagination .swiper-pagination-bullet {
    width: 80px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 1;
    cursor: pointer;
    border-radius: 0;
    position: relative
}

#join .join2 .box_list .swiper-pagination .swiper-pagination-bullet::before {
    content: '';
    width: 0;
    height: 3px;
    background-color: #EA8E19;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}

#join .join2 .box_list .swiper-pagination .swiper-pagination-bullet-active::before {
    width: 100%;
    transition: all 3s linear
}

#join .support {
    padding: 90px 0 115px;
    background: #cbcaca
}

@media screen and (max-width: 1024px) {
    #join .support {
        padding: 30px 15px
    }
}

#join .support .container {
    max-width: 1430px
}

#join .support .title {
    margin-bottom: 60px;
    line-height: 1;
    text-align: center;
    font-size: 36px;
    color: #333
}

#join .support .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#join .support .title .en {
    font-family: Antonio;
    font-size: 3vw;
    text-transform: uppercase;
    color: #626262
}

#join .support .title .cn {
    font-family: Antonio;
    font-size: 1.5vw;
    line-height: 2.2;
    color: #020202
}

@media screen and (max-width: 1024px) {
    #join .support .title {
        margin-bottom: 15px;
        font-size: 18px
    }
}

#join .support .con-box {
    display: flex
}

@media screen and (max-width: 1024px) {
    #join .support .con-box {
        flex-direction: column
    }
}

#join .support .left {
    flex: 1;
    width: 0;
    padding-right: 10px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    #join .support .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px
    }
}

#join .support .left .img-box {
    position: relative;
    width: 100%;
    padding-top: 55.74713%;
    overflow: hidden
}

#join .support .left .img-box img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#join .support .left .msg-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 213px;
    padding: 0 75px;
    background-color: #fff
}

@media screen and (max-width: 1500px) {
    #join .support .left .msg-box {
        padding: 0 50px
    }
}

@media screen and (max-width: 1024px) {
    #join .support .left .msg-box {
        height: auto;
        padding: 30px
    }
}

#join .support .left .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    #join .support .left .icon {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

#join .support .left .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

#join .support .left .msg {
    flex: 1;
    width: 0;
    padding-left: 20px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    #join .support .left .msg {
        padding-left: 10px
    }
}

#join .support .left .msg .tt {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 20px;
    color: #333
}

@media screen and (max-width: 1024px) {
    #join .support .left .msg .tt {
        margin-bottom: 5px;
        font-size: 14px
    }
}

#join .support .left .msg .p {
    font-size: 12px;
    line-height: 1.7;
    color: #666
}

@media screen and (max-width: 1024px) {
    #join .support .left .msg .p {
        font-size: 12px
    }
}

#join .support .right {
    width: 720px
}

@media screen and (max-width: 1500px) {
    #join .support .right {
        width: 600px
    }
}

@media screen and (max-width: 1024px) {
    #join .support .right {
        width: 100%
    }
}

#join .support .lists-box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

#join .support .lists-box .list {
    width: 50%;
    height: 194px;
    margin-bottom: 10px
}

@media screen and (max-width: 1500px) {
    #join .support .lists-box .list {
        height: 174px
    }
}

@media screen and (max-width: 1024px) {
    #join .support .lists-box .list {
        height: 160px
    }
}

#join .support .lists-box .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 8px;
    background-color: #fff;
    cursor: pointer
}

#join .support .lists-box .item:hover {
    background-color: #ea8e19
}

#join .support .lists-box .item:hover .t {
    color: #fff
}

#join .support .lists-box .img {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    line-height: 50px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    #join .support .lists-box .img {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

#join .support .lists-box .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

#join .support .lists-box .t {
    margin-bottom: 10px;
    line-height: 1;
    text-align: center;
    font-size: 20px;
    color: #333
}

@media screen and (max-width: 1024px) {
    #join .support .lists-box .t {
        margin-bottom: 5px;
        font-size: 14px
    }
}

#join .support .lists-box .p {
    height: 48px;
    padding: 0 30px;
    text-align: center;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    #join .support .lists-box .p {
        height: 79px;
        line-height: 20px;
        padding: 0 5px;
        font-size: 12px
    }
}

#join .join_require {
    background: #f5f5f5;
    padding: 5% 0 0 0
}

#join .join_require .title {
    margin-bottom: 60px;
    line-height: 1;
    text-align: center;
    font-size: 36px;
    color: #333
}

#join .join_require .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#join .join_require .title .en {
    font-family: Antonio;
    font-size: 3vw;
    text-transform: uppercase;
    color: #626262
}

#join .join_require .title .cn {
    font-family: Antonio;
    font-size: 1.5vw;
    line-height: 2.2;
    color: #020202
}

@media screen and (max-width: 1024px) {
    #join .join_require .title {
        margin-bottom: 15px;
        font-size: 18px
    }
}

#join .join_require .list .item {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

#join .join_require .list .item>.text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 1.8;
    transition: all 0.4s
}

#join .join_require .list .item:nth-child(1) {
    background: url(../img/jr1.jpg) center/cover
}

#join .join_require .list .item:nth-child(2) {
    background: url(../img/jr2.jpg) center/cover
}

#join .join_require .list .item:nth-child(3) {
    background: url(../img/jr3.jpg) center/cover
}

#join .join_require .list .item span {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 2;
    font-family: DietDidot;
    font-style: italic;
    font-size: 3.5vw
}

#join .join_require .list .item:last-child {
    margin-right: 0
}

#join #join_require_page {
    display: none
}

#join #join_require_page .swiper-pagination-bullet-active {
    background: #555
}

#join .content_jiameng {
    padding: 5vw 0 4.45vw 0
}

#join .title_biaoti {
    color: #FFFFFF;
    text-align: center;
    background-position: top
}

#join .title_biaoti h3 {
    font-family: Antonio;
    font-size: 3vw;
    text-transform: uppercase;
    color: #626262
}

#join .title_biaoti h2 {
    font-family: Antonio;
    font-size: 1.5vw;
    line-height: 2.2;
    color: #020202;
    padding-bottom: 56px
}

#join .title_biaoti h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#join .Process {
    background: url("../images/36.png");
    background-size: cover;
    background-position: top;
    height: 770px
}

#join .Process .auto-1400 {
    position: relative
}

#join .Process ul li {
    text-align: end;
    position: absolute;
    width: 176px
}

#join .Process ul li h1 {
    font-size: 20px;
    color: #ab1e21;
    padding-bottom: 12px;
    position: relative;
    font-weight: 600;
    margin: 0
}

#join .Process ul li h2 {
    font-size: 16px;
    color: #333333;
    margin: 0
}

#join .Process ul li:nth-child(12) {
    top: 0%;
    right: 0%
}

#join .Process ul li:nth-child(11) {
    top: 53%;
    right: 2%
}

#join .Process ul li:nth-child(10) {
    top: 99%;
    right: 6.5%
}

#join .Process ul li:nth-child(9) {
    top: 150%;
    right: 12.5%
}

#join .Process ul li:nth-child(8) {
    top: 192%;
    right: 22.5%
}

#join .Process ul li:nth-child(7) {
    top: 225%;
    right: 33.5%
}

#join .Process ul li:nth-child(6) {
    top: 225%;
    left: 33.5%
}

#join .Process ul li:nth-child(5) {
    top: 192%;
    left: 22.5%
}

#join .Process ul li:nth-child(4) {
    top: 150%;
    left: 12.5%
}

#join .Process ul li:nth-child(3) {
    top: 99%;
    left: 6.5%
}

#join .Process ul li:nth-child(2) {
    top: 53%;
    left: 2%
}

#join .Process ul li:nth-child(1) {
    top: 0%;
    left: 0%
}

#join .Process ul li:nth-child(n+7) {
    text-align: left
}

#join .join3 {
    background: url(../images/join3.jpg) center center no-repeat;
    background-size: cover;
    padding: 5% 0
}

#join .join3 .title {
    margin-bottom: 60px;
    line-height: 1;
    text-align: center;
    font-size: 36px;
    color: #333
}

#join .join3 .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#join .join3 .title .en {
    font-family: Antonio;
    font-size: 3vw;
    text-transform: uppercase;
    color: #626262
}

#join .join3 .title .cn {
    font-family: Antonio;
    font-size: 1.5vw;
    line-height: 2.2;
    color: #fff
}

@media screen and (max-width: 1024px) {
    #join .join3 .title {
        margin-bottom: 15px;
        font-size: 18px
    }
}

#join .join3 .list .item {
    display: flex
}

#join .join3 .list .item .l-box {
    width: 40%
}

#join .join3 .list .item .r-box {
    width: 60%;
    background: #fff;
    padding: 10% 5%;
    position: relative
}

#join .join3 .list .item .r-box h2 {
    font-size: 26px;
    color: #222;
    padding-bottom: 20px
}

#join .join3 .list .item .r-box .remark {
    font-size: 14px;
    color: #333
}

#join .join3 .list .item .r-box .slogan {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10% 30px;
    color: #666;
    font-size: 22px;
    line-height: 1.8
}

#join .join4 {
    background: url(../images/join4.jpg) center center no-repeat;
    background-size: cover;
    padding: 3% 0 6% 0
}

#join .join4 .title {
    margin-bottom: 60px;
    line-height: 1;
    text-align: center;
    font-size: 1.875vw;
    color: #333
}

#join .join4 .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#join .join4 .title .en {
    font-family: Antonio;
    font-size: 4.16667vw;
    text-transform: uppercase;
    color: #fff
}

#join .join4 .title .cn {
    font-family: Antonio;
    font-size: 2.08333vw;
    line-height: 2.2;
    color: #fff
}

@media screen and (max-width: 1024px) {
    #join .join4 .title {
        margin-bottom: 15px;
        font-size: .9375vw
    }
}

#join .join4 .tit {
    color: #fff;
    font-family: Microsoft YaHei;
    padding: 0 0 20px 0
}

#join .join4 .tit span {
    font-size: 1.14583vw;
    padding: 0 0 0 10px
}

#join .join4 .tit b {
    font-size: 1.82292vw
}

#join .join4 .l-box {
    max-width: 650px
}

#join .join4 .l-box input {
    background: #fff;
    border: 1px solid #fff;
    padding: 10px;
    color: #0c0c0c;
    font-size: 14px
}

#join .join4 .l-box input::-webkit-input-placeholder,
#join .join4 .l-box textarea::-webkit-input-placeholder {
    color: #0c0c0c
}

#join .join4 .l-box textarea {
    background: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    width: 100%;
    height: 120px;
    color: #0c0c0c
}

#join .join4 .l-box select {
    background: #fff;
    padding: 5px;
    border: 1px solid #fff;
    color: #0c0c0c;
    font-size: 14px
}

#join .join4 .l-box option {
    color: #000
}

#join .join4 .l-box button {
    background: #ea8e19;
    color: #fff;
    border: none;
    font-size: .72917vw;
    padding: 8px 40px
}

#join .join4 .l-box .item {
    display: flex;
    justify-content: space-between;
    padding: 7px 0
}

#join .join4 .l-box .item:first-child input {
    width: 49%
}

#join .join4 .l-box .item select {
    width: 32%
}

#join .join4 .l-box .item:nth-child(3) input {
    width: 100%
}

.wb-a {
    width: 100%;
    height: 625px;
    background-size: cover;
    background-position: center center;
    position: relative
}

.wb-center {
    width: 90%;
    height: 100%;
    margin: 0 auto
}

.wb-conts {
    float: left;
    width: 42.53%;
    position: relative
}

.wb-cont {
    padding-right: 75px;
    padding-top: 180px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.wb-cont.show {
    opacity: 1;
    visibility: visible
}

.wb-intro {
    color: #fff;
    line-height: 2;
    text-align: justify
}

.wb-intro * {
    line-height: inherit
}

.wb-right {
    font-size: 0;
    float: right;
    width: 57.47%;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.wb-one {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    width: 25%;
    height: 100%;
    transition: all .3s;
    display: inline-block;
    vertical-align: top;
    padding-left: 33px;
    padding-right: 8px;
    padding-top: 166px;
    overflow: hidden;
    position: relative
}

.wb-one.active {
    background-color: rgba(131, 203, 200, 0.5);
    border-left: 1px solid rgba(131, 203, 200, 0.5)
}

.wb-one.active .wb-top {
    top: 0
}

.wb-one.active .wb-btn {
    top: 50px;
    background-image: url(../images/w65.png)
}

.wb-one.active .wb-des {
    opacity: 1;
    visibility: visible
}

.wb-icon {
    width: 26px;
    height: 26px;
    vertical-align: top
}

.wb-t {
    color: #fff;
    line-height: 1.4;
    width: 52.5px;
    margin-bottom: 30px;
    font-size: 1.35417vw
}

.wb-des {
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.wb-box {
    width: 100%;
    position: relative;
    margin-bottom: 48px
}

.wb-box:after {
    content: "";
    display: block;
    width: 2.5px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -33px;
    top: 0
}

.wb-top {
    width: 100%;
    height: 160px;
    transition: all .3s;
    position: relative;
    top: 0
}

.wb-tit.ws-tit {
    padding-bottom: 30px
}

.wb-tit.ws-tit:after {
    display: none
}

.wb-num {
    font-size: 1.19792vw;
    color: #fff;
    position: absolute;
    right: -0.1em;
    bottom: -0.27em;
    opacity: 0.05;
    letter-spacing: -0.1em
}

.wb-btn {
    width: 56px;
    height: 55px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 0;
    background-image: url(../images/w64.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.wb-btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/15.png);
    background-size: 100% 100%;
    animation: mymove 5s linear infinite
}

@media (max-width: 1200px) {
    .wb-a {
        padding-left: 10px;
        padding-right: 10px
    }

    .wb-center {
        width: 100%
    }
}

@media (max-width: 750px) {
    .wb-a {
        height: auto
    }

    .wb-conts {
        float: none;
        width: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .wb-cont {
        transition: all 0s;
        padding-right: 0
    }

    .wb-cont.show {
        width: 100%;
        position: relative;
        padding-top: 30px
    }

    .wb-right {
        float: none;
        width: 100%;
        height: auto
    }

    .wb-one {
        padding: 30px 5px
    }

    .wb-box {
        margin-bottom: 10px
    }

    .wb-t {
        font-size: 18px
    }

    .wb-des {
        font-size: 10px;
        line-height: 12px
    }

    .wb-one.active .wb-btn {
        top: 0
    }

    .wb-intro {
        min-height: 104px
    }
}

.ws-a {
    padding-top: 180px;
    padding-bottom: 75px;
    width: 100%
}

.ws-cont {
    width: 17.4rem;
    margin: 0 auto
}

.ws-tit {
    padding-bottom: 25px;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: left
}

.ws-tit:after {
    content: "";
    display: block;
    width: .3rem;
    height: 1px;
    background-color: #b74537;
    position: absolute;
    left: 0;
    bottom: 0
}

.ws-en {
    margin-bottom: .13rem;
    color: #b74537;
    font-size: 1.97917vw
}

.ws-zh {
    color: #333;
    font-size: 3.77917vw
}

.ws-intro {
    padding-top: .62rem;
    color: #666;
    line-height: 2;
    margin-bottom: 1rem;
    text-align: justify;
    font-size: .83333vw
}

.ws-intro * {
    line-height: 2
}

.ws-list {
    font-size: 0;
    text-align: center;
    width: 100%
}

.ws-dl {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 2.9rem;
    position: relative
}

.ws-dl:after {
    content: "";
    display: block;
    width: 1px;
    height: .6rem;
    background-color: #dcdcdc;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.3rem
}

.ws-dl:last-child:after {
    display: none
}

.ws-dd {
    margin-bottom: 0.03rem;
    font-size: 1.05rem;
    color: #b74537
}

.ws-dt {
    color: #666
}

.ws-tit.white .ws-en {
    color: #fff
}

.ws-tit.white .ws-zh {
    color: #fff
}

.ws-tit.white:after {
    background-color: #fff
}

@media (max-width: 1200px) {
    .ws-tit {
        width: 100%
    }
}

@media (max-width: 900px) {
    .ws-cont {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px
    }

    .ws-dl {
        width: 50%;
        margin-bottom: .3rem
    }

    .ws-dl:nth-child(2n):after {
        display: none
    }

    .ws-dd {
        font-size: .8rem
    }
}

.history {
    background: url(../images/history_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 80px 0 0 0
}

.history .title {
    text-align: center;
    padding-bottom: 30px
}

.history .title h2 {
    font-size: 1.66667vw
}

.history .title h3 {
    font-size: 14px
}

.history .title span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #ff0000
}

.history .list {
    width: 110%;
    margin-left: 10%;
    padding-bottom: 3.125vw
}

.history .list .item {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    height: 370px;
    overflow: hidden
}

.history .list .item .imgbox {
    width: 50%
}

.history .list .item .imgbox img {
    height: 330px
}

.history .list .item .textbox {
    width: 45%;
    color: #0c0c0c
}

.history .list .item .textbox h2 {
    font-size: 3.125vw;
    font-family: Antonio;
    line-height: 1.8
}

.history .list .item .textbox .remark {
    font-size: 12px;
    height: 200px;
    overflow: hidden
}

.history .nav_box {
    position: relative
}

.history .nav_box::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    background: #99ddda
}

.history .nav_box .nav_list {
    padding: 20px 0;
    width: 90%;
    margin: 0
}

.history .nav_box .nav_list .item {
    text-align: center;
    cursor: pointer
}

.history .nav_box .nav_list .item::after {
    content: '';
    position: absolute;
    left: calc(50% - 7px);
    top: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px #fff solid;
    background: #8baf4b
}

.history .nav_box .nav_list .item h2 {
    font-size: 1.25vw;
    color: #a1a0a0;
    padding: 20px 0
}

.history .nav_box .nav_list .item.swiper-slide-active h2 {
    font-size: 1.82292vw;
    color: #8baf4b
}

.history .nav_box .next {
    position: absolute;
    right: 50px;
    top: -5px;
    border-radius: 50%;
    width: 56px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/l-arrow.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 2
}

.join_custom {
    overflow: hidden
}

.join_custom>.fl {
    width: 50%
}

.join_custom>.fl>ul li {
    display: none
}

.join_custom>.fl>ul li.on {
    display: block
}

.join_custom>.fr {
    width: 50%;
    background: url(../images/jcs2.jpg) center/cover;
    position: relative;
    padding-bottom: 54.35%
}

.join_custom>.fr>ul {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.join_custom>.fr>ul li {
    float: left;
    width: 33.333%;
    height: 33.333%;
    padding-top: 12%;
    border-right: 1px solid #999;
    text-align: center;
    color: #fff;
    transition: all 0.4s
}

.join_custom>.fr>ul li:hover,
.join_custom>.fr>ul li.on {
    background: #00afb5
}

.join_custom>.fr>ul li img {
    display: block;
    margin: 0 auto;
    height: 34px
}

.join_custom>.fr>ul li p:nth-child(2) {
    font-size: 30px;
    padding: 10px 0 0 0;
    font-weight: bold
}

.join_custom>.fr>ul li p:nth-child(3) {
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 0 0 0
}

.join_custom>.fr>ul li:nth-child(3n) {
    border-right: none
}

.join_custom>.fr>figure {
    position: absolute;
    left: 0;
    top: 33.333%;
    width: 100%;
    height: 33.333%;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    z-index: 3;
    padding: 45px 0
}

.join_custom>.fr>figure>h1 {
    color: #fff;
    font-family: DietDidot;
    font-size: 66px;
    text-transform: uppercase;
    line-height: 1.4
}

.join_custom>.fr>figure>h2 {
    color: #111;
    font-family: Pingfang;
    font-size: 39px;
    line-height: .5
}

.join_custom>.fr>figure>h3 {
    padding-top: 2%;
    font-size: 21px;
    color: #333
}

.pro_ys {
    padding: 40px 0
}

.pro_ys .title {
    padding: 0 0 20px 0;
    text-align: center
}

.pro_ys .title h2,
.pro_ys .title .cn {
    font-size: 35px;
    color: #333;
    line-height: 1
}

.pro_ys .title h3,
.pro_ys .title .en {
    font-size: 18px;
    color: #555
}

.pro_ys .list {
    width: 95%;
    max-width: 1550px;
    margin: auto;
    padding-bottom: 30px
}

.pro_ys .list .item {
    width: 24%;
    background: #f8f8f8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pro_ys .list .item:hover {
    box-shadow: 0px 7px 15px 2px #d3d3d3;
    cursor: pointer
}

.pro_ys .list .item .text {
    padding: 30px 10px
}

.pro_ys .list .item .text h2 {
    font-size: .83333vw;
    color: #555
}

.pro_ys .list .item .text h2 i {
    font-size: 2.08333vw;
    padding: 0 15px 0 0;
    font-family: Geometric212BT
}

.pro_ys .list .item .text .remark {
    font-size: 14px;
    color: #626262
}

.pro_ys .list .swiper-scrollbar-drag {
    background: #ea8e19
}

.process {
    background: url(../images/process_bg.jpg) center center no-repeat;
    background-size: cover
}

.process .title {
    color: #fff
}

.process .title h2 {
    font-size: 2.08333vw
}

.process .title h3 {
    font-size: .9375vw
}

.process .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.process .list .item {
    width: 180px;
    height: 150px;
    margin: 30px 30px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    padding: 40px 0;
    order: 1
}

.process .list .item:nth-child(5)::after {
    top: auto;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0) rotate(90deg)
}

.process .list .item:nth-child(5)~ ::after {
    transform: rotate(180deg)
}

.process .list .item:nth-child(6) {
    order: 9
}

.process .list .item:nth-child(6)::after {
    display: none
}

.process .list .item:nth-child(7) {
    order: 8
}

.process .list .item:nth-child(8) {
    order: 7
}

.process .list .item:nth-child(9) {
    order: 6
}

.process .list .item:nth-child(10) {
    order: 5
}

.process .list .item::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -45px;
    width: 28px;
    height: 21px;
    background: url(../images/arrow.png) center center no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.process .list .item h2 {
    margin: 10px 0;
    font-size: 18px
}

.process .list .item i {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    font-family: didot;
    border-bottom: 1px solid #fff;
    line-height: 1
}

#join .title {
    text-align: center
}

.sys {
    background: #f4f4f4
}

.sys .title h2 {
    font-size: 1.66667vw;
    font-family: Antonio;
    color: #333;
    line-height: 1.5;
    letter-spacing: 3px
}

.sys .title h3 {
    font-size: .9375vw;
    color: #555
}

.sys .list .item {
    background: #fff;
    text-align: center;
    padding: 5.20833vw 0;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.sys .list .item:hover,
.sys .list .item.active {
    cursor: pointer
}

.sys .list .item:hover .bg,
.sys .list .item.active .bg {
    opacity: 1
}

.sys .list .item:hover .icon img:nth-child(1),
.sys .list .item.active .icon img:nth-child(1) {
    display: none
}

.sys .list .item:hover .icon img:nth-child(2),
.sys .list .item.active .icon img:nth-child(2) {
    display: inline-block
}

.sys .list .item:hover .text h2,
.sys .list .item:hover .text .remark,
.sys .list .item.active .text h2,
.sys .list .item.active .text .remark {
    color: #fff
}

.sys .list .item .bg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.sys .list .item .icon {
    position: relative;
    z-index: 9
}

.sys .list .item .icon img:nth-child(2) {
    display: none
}

.sys .list .item .text {
    position: relative;
    z-index: 9
}

.sys .list .item .text h2 {
    margin: 0;
    color: #090909;
    font-size: 22px;
    padding: 20px 0
}

.sys .list .item .text .remark {
    color: #5e5c5c;
    font-size: 14px
}

#store_list .title {
    margin: 60px auto;
    line-height: 1;
    text-align: center;
    font-size: 36px;
    color: #333
}

#store_list .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ff0000;
    margin: auto
}

#store_list .title .en {
    font-family: Antonio;
    font-size: 3vw;
    text-transform: uppercase;
    color: #00849b
}

#store_list .title .cn {
    font-family: Antonio;
    font-size: 2vw;
    line-height: 2.2;
    color: #0c0c0c
}

#store_list .title p {
    font-size: 18px;
    color: #0c0c0c;
    padding: 0 0 15px 0
}

@media screen and (max-width: 1024px) {
    #store_list .title {
        margin-bottom: 15px;
        font-size: 18px
    }
}

#store_list .nav {
    background: #F7F1F1
}

#store_list .nav .container {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    display: flex;
    align-items: center
}

#store_list .nav .container .l-box {
    width: 80%
}

#store_list .nav .container .l-box a {
    font-size: 14px;
    padding: 25px 10px;
    position: relative
}

#store_list .nav .container .l-box a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #DF5129;
    opacity: 0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

#store_list .nav .container .l-box a:hover::after {
    opacity: 1
}

#store_list .nav .container .r-box {
    width: 28%;
    text-align: right
}

#store_list .nav .container .r-box i {
    padding-right: 5px
}

#store_list .bot {
    text-align: center;
    padding: 150px 0 80px 0
}

#store_list .store_search {
    background: #ea8e19;
    display: block;
    width: 80px;
    padding: 10px;
    color: #fff !important
}

#store_list .store_search img {
    display: inline-block;
    vertical-align: middle;
    height: 16px
}

#store_list .store_choose {
    padding-bottom: 60px;
    max-width: 860px;
    width: 90%;
    margin: auto;
    overflow: hidden
}

#store_list .store_choose>select {
    width: 49%;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-appearance: none
}

#store_list .store_wrap {
    padding: 0.2rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between
}

#store_list .store_wrap_left {
    width: 30%;
    background: #fafaf9
}

#store_list .store_wrap_left>hgroup>h1 {
    font-family: Family;
    text-transform: uppercase;
    font-size: 0.15rem
}

#store_list .store_wrap_left>hgroup>h2 {
    font-size: 0.1rem;
    padding: 0.05rem 0 0.1rem 0;
    font-family: Pingfang
}

#store_list .store_wrap_left>hgroup>h2 img {
    display: inline-block;
    vertical-align: middle
}

#store_list .store_wrap_right {
    width: 68%
}

#store_list .store_result {
    padding: 0.2rem 0
}

#store_list .store_result .t1 {
    font-size: 16px;
    padding: 0 0 0 8%
}

#store_list .store_result_list {
    height: 80vh;
    overflow-y: auto;
    padding: 0 5%
}

#store_list .store_result_list dl {
    padding: 20px 0 20px 70px;
    line-height: 2;
    margin: 20px auto;
    background: #fff;
    position: relative;
    line-height: 1.5;
    box-shadow: 0px 3px 8px 1px #e1d5d5e0
}

#store_list .store_result_list dl i {
    display: block;
    width: 31px;
    height: 46px;
    background: url(../images/icon6.png) no-repeat;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 2.1;
    position: absolute;
    left: 20px;
    top: 20px
}

#store_list .store_result_list dl dt {
    font-size: 16px;
    color: #555;
    padding-bottom: 10px
}

#store_list .store_result_list dl dd {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 1.7
}

#store_list .store_result_list::-webkit-scrollbar {
    width: 4px;
    background: #d9d9d9;
    border-radius: 2px
}

#store_list .store_result_list::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 2px
}

#store_list #allmap {
    height: 80vh;
    width: 100%;
    overflow: hidden
}

#store_list #allmap * {
    box-sizing: content-box;
    max-width: inherit
}

#store_list .st_ban {
    height: 100%;
    background: url(../img/st_ban.jpg) center/cover
}

#store_list .st_show_wrap {
    padding: 0.5rem;
    background: #f5f5f5
}

#store_list .st_show_wrap>hgroup>h1 {
    font-family: Family;
    text-transform: uppercase;
    font-size: 0.22rem
}

#store_list .st_show_wrap>hgroup>h2 {
    font-size: 0.1rem;
    padding: 0.1rem 0 0.05rem 0;
    font-family: Pingfang
}

#store_list .st_show_wrap>hgroup>h2 img {
    display: inline-block;
    vertical-align: middle
}

#store_list .st_show_wrap>hgroup>h3 {
    font-family: Family;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 12px
}

#store_list .st_show_wrap>hgroup>h4 {
    padding-top: 0.2rem
}

#store_list .st_show_list {
    padding-top: 0.3rem
}

#store_list .st_show_list ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 4%
}

#store_list .st_show_list ul li:nth-child(3n) {
    margin-right: 0
}

#store_list .st_show_list ul li a {
    display: block;
    overflow: hidden
}

#store_list .st_show_list ul li a>div {
    padding-bottom: 55%;
    transition: all 0.4s
}

#store_list .st_show_list ul li a:hover>div {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

#store_list .st_show_list ul li>figure {
    background: #fff;
    text-align: center;
    padding: 15px 10px;
    font-size: 16px
}

#store_list .container {
    max-width: 1350px
}

#store_list .s_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#store_list .s_list .item {
    width: 48%;
    padding: 20px 0
}

#store_list .s_list .item .img_box {
    width: 100%
}

#store_list .s_list .item .img_box img {
    width: 100%
}

#store_list .s_list .item .text {
    box-shadow: 0px 0px 15px 5px #e7bfbf;
    padding: 15px 30px
}

#store_list .s_list .item .text h2 {
    margin: 0;
    font-size: 18px;
    color: #000
}

#store_list .s_list .item .text h3 {
    display: flex;
    align-content: center;
    margin: 0;
    font-size: 14px;
    color: #777777;
    padding: 10px 0
}

#store_list .s_list .item .text h3 i {
    width: 25px;
    height: 27px;
    background: url(../images/sicon4.png) center center no-repeat;
    background-size: contain;
    margin-right: 7px
}

#store_list .s_list .item .text h4 {
    display: flex;
    align-content: center;
    margin: 0;
    font-size: 13px;
    color: #777777
}

#store_list .s_list .item .text h4 i {
    width: 23px;
    height: 23px;
    background: url(../images/sicon5.png) center center no-repeat;
    background-size: contain;
    margin-right: 7px
}

.serve-part3 {
    padding: 3% 0;
    overflow: hidden
}

.serve-part3 .txt {
    float: right;
    width: 50%;
    padding: 5.1%;
    background: url("../images/contact-bg.jpg") no-repeat right bottom #f7f7f7;
    background-size: contain
}

.serve-part3 .cont {
    position: relative
}

.serve-part3 .cont::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.serve-part3 .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover
}

.serve-part3 .tip {
    font-size: 16px;
    color: #333333
}

.serve-part3 .tel-txt {
    font-family: Arial;
    font-weight: bold;
    font-size: 2.08333vw;
    font-family: din-bold;
    color: #333333;
    margin: 15px 0 5px;
    line-height: 1
}

.serve-part3 .work {
    font-size: 14px;
    color: #666666
}

.serve-part3 .way {
    position: relative
}

.serve-part3 .btn {
    width: 156px;
    height: 46px;
    background-color: #ea8e19;
    font-size: 14px;
    line-height: 46px;
    color: #ffffff;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.serve-part3 .btn::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 18px;
    background: url("../images/msg.png") no-repeat center center;
    background-size: 100% 100%;
    margin-right: 10px
}

.serve-part3 .follow {
    margin-top: 10px;
    padding-top: 60px;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between
}

.serve-part3 .follow img {
    width: 200px
}

.serve-part3 .follow .qrcode {
    display: inline-block;
    text-align: center;
    margin: 0 4%
}

.serve-part3 .follow .label {
    font-size: 14px;
    color: #666666;
    margin-top: 15px
}

.serve-part3 .title {
    text-align: center;
    padding-bottom: 20px
}

.serve-part3 .title h2 {
    font-size: 1.66667vw;
    color: #333;
    font-weight: bold
}

.serve-part3 .title h3 {
    font-size: .9375vw;
    color: #555
}

.serve-part3 .addr {
    padding: 40px 0 0 0
}

.serve-part3 .addr h2 {
    font-size: 14px;
    color: #333
}

#about .title {
    text-align: center
}

#about .title h2 {
    font-size: 50px;
    font-family: Antonio;
    color: #00849b;
    text-transform: uppercase
}

#about .title h3 {
    font-size: 32px;
    color: #0c0c0c;
    padding: 10px 0
}

#about .title p {
    font-size: 13px;
    color: #4c4b4b
}

#about .title .line {
    display: block;
    margin: 20px auto 30px auto;
    width: 60px;
    height: 3px;
    background: #ff4444
}

.f3_conter {
    width: 100%;
    padding: 110px 0;
    overflow: hidden
}

.f3_conter .f3_title_cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f3_conter .f3_title_cont .f3_title_h3 {
    width: calc(100% - 160px);
    padding-right: 24px
}

.f3_conter .f3_title_cont .f3_title_h3 h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 36px;
    margin-bottom: 20px
}

.f3_conter .f3_title_cont .f3_title_h3 p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
    position: relative;
    padding-left: 32px
}

.f3_conter .f3_title_cont .f3_title_h3 p.dz::before {
    width: 20px;
    height: 24px;
    background: url(../images/icon_dz.png) no-repeat center center/100%;
    content: "";
    position: absolute;
    top: 5px;
    left: 0
}

.f3_conter .f3_title_cont .f3_title_h3 p.dh::before {
    width: 21px;
    height: 23px;
    background: url(../images/f1_icon2.png) no-repeat center center/100%;
    content: "";
    position: absolute;
    top: 7px;
    left: 0
}

.f3_conter .f3_title_cont .f3_more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 50px;
    border: 1px solid #dcdcdc;
    border-radius: 3px
}

.f3_conter .f3_title_cont .f3_more span {
    margin-left: 14px;
    color: #aaa;
    font-size: 16px
}

.f3_conter .f3_title_cont .f3_more img {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.f3_conter .fixt_swiper {
    width: 80.9%;
    float: left
}

.f3_conter .fixf_swiper {
    width: 15.97%;
    float: left;
    margin-left: 3.1%;
    overflow: hidden;
    position: relative;
    padding: 55px 0
}

.f3_conter .gallery-top_ty {
    height: 100%;
    width: 100%
}

.f3_conter .gallery-top_ty .swiper-slide img {
    width: 100%
}

.f3_conter .gallery-thumbs_ty {
    box-sizing: border-box;
    height: 100%
}

.f3_conter .gallery-thumbs_ty .swiper-slide img {
    width: 100%
}

.f3_conter .gallery-thumbs_ty .swiper-slide-thumb-active {
    opacity: 1
}

.f3_conter .but_swper .tup {
    background: #f9f9f9;
    height: 38px;
    bottom: 0;
    left: 0;
    z-index: 5;
    opacity: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    transition: all .4s
}

@media screen and (min-width: 800px) {
    .web_w {
        width: 100%;
        min-width: 1200px;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 5%
    }

    .am-paragraph-default {
        margin: 0;
        color: #333333;
        font-size: 16px;
        text-align: justify
    }

    .am-paragraph-default img {
        max-width: 100%;
        border: none;
        padding: 0;
        margin: 0;
        display: inline;
        height: auto
    }

    .am-paragraph-default p {
        margin: 0 0 10px 0;
        font-size: 16px
    }

    .am-paragraph-default p,
    .am-paragraph-default a {
        color: #333333
    }

    .am-paragraph-default video,
    .am-paragraph-default iframe {
        display: block
    }

    .am-paragraph-default a:hover {
        color: #008173
    }

    .am-pureview-actions a {
        position: static;
        float: right;
        text-align: center
    }

    .am-icon-chevron-left:before {
        font-family: 'FontAwesome';
        content: "\f00d"
    }

    .am-pureview-direction a:before {
        font-family: 'FontAwesome'
    }

    .am-pureview-slider img {
        object-fit: contain
    }

    .am-pureview-title {
        text-align: center
    }

    .picture-hover-animate {
        display: block;
        position: relative;
        overflow: hidden
    }

    .picture-hover-animate:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        visibility: visible;
        width: 160px;
        height: 160px;
        margin: auto;
        content: '';
        transition: all 0.6s ease-in-out;
        transform: scale(6);
        opacity: 1;
        border: 80px solid rgba(0, 0, 0, 0.1);
        border-radius: 80px
    }

    .picture-hover-animate:hover:after {
        visibility: hidden;
        opacity: 0;
        border: 0 solid rgba(0, 0, 0, 0.1)
    }

    .am-pureview-slider li.am-active .pinch-zoom-container {
        min-height: 50px;
        background-image: url(../img/loading.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-repeat: 50px auto
    }

    .am-pureview-slider .am-pinch-zoom::after {
        display: none
    }

    .am-table-striped>tbody>tr:nth-child(2n+1)>td,
    .am-table-striped>tbody>tr:nth-child(2n+1)>th {
        background-color: #f5f5f5
    }

    .am-table tr td,
    .am-table tr th {
        vertical-align: middle !important
    }

    .am-sticky-placeholder {
        height: auto !important
    }

    .w1 {
        max-width: 1640px;
        width: 95%;
        margin: 0 auto
    }

    .cpzx2 img,
    .xwzx img,
    .img-ani img {
        transition: all 0.8s !important;
        max-width: 100%;
        border: none;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor
    }

    .header {
        width: 100%;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        min-height: 60px;
        height: 7%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
    }

    .header.am-sticky {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        background-color: #fff
    }

    .header .web_w {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .header .logo {
        overflow: hidden;
        padding: 18px 0;
        height: 120%
    }

    .header .logo img {
        display: block;
        height: 100%;
        position: relative
    }

    .header .logo img:last-of-type {
        display: none
    }

    .header .menu {
        display: flex;
        justify-content: flex-end;
        width: calc(100% - 200px);
        align-items: center
    }

    .header .menu_btn {
        width: 28px;
        height: 20px;
        position: relative;
        cursor: pointer
    }

    .header .menu_btn span {
        width: 100%;
        height: 4px;
        background-color: #fff;
        position: absolute;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .header .menu_btn span:nth-of-type(1) {
        left: 0;
        top: 0;
        transform: skewX(-45deg)
    }

    .header .menu_btn span:nth-of-type(2) {
        left: 0;
        top: 50%;
        margin-top: -2px;
        transform: skewX(45deg)
    }

    .header .menu_btn span:nth-of-type(3) {
        left: 0;
        bottom: 0;
        transform: skewX(-45deg)
    }

    .header .menu_btn.active span:nth-of-type(1),
    .header .menu_btn.active span:nth-of-type(3) {
        transform: skewX(45deg)
    }

    .header .menu_btn.active span:nth-of-type(2) {
        transform: skewX(-45deg)
    }

    .header .menu_btn i {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: #fff;
        top: 6px
    }

    .header .menu_btn i:nth-of-type(1) {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header .menu_btn i:nth-of-type(2) {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .header .menu_nav {
        width: calc(100% - 30px);
        overflow: hidden
    }

    .header .menu_nav_list {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        font-size: 15px;
        z-index: -1;
        opacity: 0;
        position: relative
    }

    .header .menu_nav_list.animate__animated {
        z-index: 1
    }

    .header .menu_nav a {
        color: #fff;
        margin-right: 8%;
        text-transform: uppercase
    }

    .header .menu_nav .title {
        position: relative;
        height: 20px;
        text-align: center;
        overflow: hidden
    }

    .header .menu_nav .title span {
        display: block;
        height: 20px;
        line-height: 20px;
        position: relative;
        white-space: nowrap;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .header .menu_nav a:hover span {
        transform: translateY(-20px)
    }

    .header.active .menu_btn span,
    .header.am-sticky .menu_btn span {
        background-color: #008173
    }

    .header.active .logo img:last-of-type,
    .header.am-sticky .logo img:last-of-type {
        display: block
    }

    .header.active .logo img:first-of-type,
    .header.am-sticky .logo img:first-of-type {
        display: none
    }

    .header.active .menu_nav a,
    .header.am-sticky .menu_nav a {
        color: #333
    }

    .header.active .menu_nav a:hover,
    .header.am-sticky .menu_nav a:hover,
    .header.am-sticky .menu_nav a.on {
        color: #008173
    }

    .menu_popup {
        width: 100%;
        height: 100%;
        margin: 0;
        left: 0;
        top: 0;
        background-color: #333333;
        background-image: url(../img/menu_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff
    }

    .menu_popup_warp {
        width: 100%;
        height: 100%;
        padding: 6% 0 4%;
        color: #fff
    }

    .menu_popup_warp .web_w {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative
    }

    .menu_popup_nav {
        display: flex;
        flex-direction: column
    }

    .menu_popup_nav {
        position: relative;
        width: 27%;
        margin-left: 17.4%
    }

    .menu_popup_nav .iteam {
        margin: 4% 0 0;
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        opacity: 0;
        text-transform: uppercase
    }

    .menu_popup_nav .iteam:first-of-type {
        margin-top: 0
    }

    .menu_popup_nav .title a {
        display: block;
        height: 50px;
        overflow: hidden;
        color: #008173
    }

    .menu_popup_nav .title a span:nth-of-type(1) {
        font-size: 1.8vw
    }

    .menu_popup_nav .title a span:nth-of-type(2) {
        font-size: 1.5vw
    }

    .menu_popup_nav .son .title a span:nth-of-type(1) {
        font-size: 18px
    }

    .menu_popup_nav .son .title a span:nth-of-type(2) {
        font-size: 16px
    }

    .menu_popup_nav .son {
        position: absolute;
        right: -40%;
        top: 0;
        z-index: 3;
        opacity: 0;
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        z-index: -1;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .menu_popup_nav .iteam:hover .son {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0)
    }

    .menu_popup_nav .son .title a {
        color: rgba(255, 255, 255, 0.6);
        background-image: none
    }

    .menu_popup_nav .title span {
        display: block;
        height: 50px;
        line-height: 50px;
        position: relative;
        white-space: nowrap;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .menu_popup_nav .iteam:hover .title.first span,
    .menu_popup_nav .iteam .son a:hover span {
        transform: translateY(-50px)
    }

    .menu_popup_nav .title a:hover,
    .menu_popup_nav .iteam:hover .title.first a {
        color: #fff;
        background-image: none
    }

    .menu_popup_nav .title strong {
        display: inline-block;
        position: relative;
        height: 100%;
        font-weight: normal;
        border-bottom: #008173 solid 10px
    }

    .menu_popup_info {
        display: flex;
        justify-content: space-between;
        color: rgba(255, 255, 255, 0.6)
    }

    .menu_popup_info span {
        opacity: 0
    }

    .menu_popup_info span i {
        margin-right: 10px
    }

    .menu_popup_info a {
        color: rgba(255, 255, 255, 0.6)
    }

    .menu_popup_info a:hover {
        color: #fff
    }

    .menu_popup_warp .title_3 {
        position: absolute;
        right: 5%;
        top: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        z-index: 5;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        transform: translateY(-40%);
        text-transform: capitalize;
        letter-spacing: 6px
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(1) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .1s;
        -webkit-transition: all .6s ease .1s;
        -moz-transition: all .6s ease .1s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(2) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .2s;
        -webkit-transition: all .6s ease .2s;
        -moz-transition: all .6s ease .2s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(3) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .3s;
        -webkit-transition: all .6s ease .3s;
        -moz-transition: all .6s ease .3s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(4) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .4s;
        -webkit-transition: all .6s ease .4s;
        -moz-transition: all .6s ease .4s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(5) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .5s;
        -webkit-transition: all .6s ease .5s;
        -moz-transition: all .6s ease .5s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(6) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .6s;
        -webkit-transition: all .6s ease .6s;
        -moz-transition: all .6s ease .6s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(7) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .7s;
        -webkit-transition: all .6s ease .7s;
        -moz-transition: all .6s ease .7s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(8) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .8s;
        -webkit-transition: all .6s ease .8s;
        -moz-transition: all .6s ease .8s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(9) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .9s;
        -webkit-transition: all .6s ease .9s;
        -moz-transition: all .6s ease .9s
    }

    .menu_popup.am-modal-active .menu_popup_nav .iteam:nth-of-type(10) {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all .6s ease .10s;
        -webkit-transition: all .6s ease .10s;
        -moz-transition: all .6s ease .10s
    }

    .menu_popup.am-modal-active .menu_popup_info span:nth-of-type(1) {
        opacity: 1;
        transition: all .6s ease .4s;
        -webkit-transition: all .6s ease .4s;
        -moz-transition: all .6s ease .4s
    }

    .menu_popup.am-modal-active .menu_popup_info span:nth-of-type(2) {
        opacity: 1;
        transition: all .6s ease .6s;
        -webkit-transition: all .6s ease .6s;
        -moz-transition: all .6s ease .6s
    }

    .menu_popup.am-modal-active .menu_popup_info span:nth-of-type(3) {
        opacity: 1;
        transition: all .6s ease .8s;
        -webkit-transition: all .6s ease .8s;
        -moz-transition: all .6s ease .8s
    }

    .section_contain {
        position: relative;
        height: 100vh;
        overflow: hidden
    }

    .section_banner {
        min-width: 1200px;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100vh;
        position: relative
    }

    .section_banner .am-slider-default {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        background: #000;
        border: none;
        box-shadow: none;
        overflow: hidden
    }

    .section_banner .am-slides li:after {
        display: block;
        content: '';
        padding-bottom: 100vh
    }

    .section_banner .am-slides li .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
    }

    .section_banner .am-slides li .bg.animate__animated {
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s
    }

    .section_banner .am-slides li img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        object-fit: cover;
        -webkit-transition: all 5s cubic-bezier(0.2, 0.3, 0.5, 1);
        transition: all 5s cubic-bezier(0.2, 0.3, 0.5, 1);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    .section_banner .am-slides li.am-active-slide img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .section_banner .am-control-nav {
        width: auto;
        left: auto;
        right: calc(5% + 110px);
        bottom: 9%;
        z-index: 10
    }

    .section_banner .am-control-nav li {
        margin: 0 8px
    }

    .section_banner .am-control-nav li a {
        width: 10px;
        height: 10px;
        background: none;
        box-shadow: none;
        z-index: 3;
        position: relative;
        border: #fff solid 1px
    }

    .section_banner .am-control-nav li a.am-active,
    .section_banner .am-control-nav li a:hover {
        background: #008173;
        border-color: #008173
    }

    .section_banner .am-direction-nav {
        width: 80px;
        height: 30px;
        right: 5%;
        bottom: calc(9% + 5px);
        z-index: 10;
        position: absolute
    }

    .section_banner .am-direction-nav a {
        width: 30px;
        height: 30px;
        margin: 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .section_banner .am-direction-nav a.am-next {
        right: 0
    }

    .section_banner .am-direction-nav a.am-prev {
        left: 0
    }

    .section_banner .am-direction-nav a:before {
        font-size: 18px !important
    }

    .section_banner .am-direction-nav a.am-prev:before {
        content: "\f104";
        color: #fff
    }

    .section_banner .am-direction-nav a.am-next:before {
        content: "\f105";
        color: #fff
    }

    .section_banner .text {
        width: 100%;
        height: calc(100vh - 18%);
        position: absolute;
        top: 9%;
        left: 0;
        z-index: 3
    }

    .section_banner .text .web_w {
        height: 100%
    }

    .section_banner .text .des {
        position: relative;
        height: 100%;
        color: #fff
    }

    .section_banner .text .title_cn {
        font-size: 1.6rem
    }

    .section_banner .text .title_en {
        display: flex;
        flex-direction: column;
        font-size: 1.74vw;
        line-height: 120%;
        font-family: Arial, Helvetica, sans-serif
    }

    .section_banner .text .title_en strong {
        font-family: 'Eina';
        font-size: 6vw;
        line-height: 100%;
        margin-bottom: 20px
    }

    .section_banner .text .title {
        opacity: 0
    }

    .section_banner .text .title_1 {
        position: absolute;
        left: 0;
        bottom: 20px
    }

    .section_banner .text .title_2 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        text-align: center;
        letter-spacing: 3px
    }

    .section_banner .text .title_2.pos_2 {
        text-align: right;
        bottom: 20px;
        width: 100% !important
    }

    .section_banner .text .title_3,
    .section_brand_profile .text .title_3 {
        position: absolute;
        right: 0;
        top: 7%;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        z-index: 5;
        text-transform: capitalize
    }

    .section_banner .text .title_3 span,
    .section_brand_profile .text .title_3 span {
        text-align: center;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 18px
    }

    .section_banner .text .title_3 em,
    .section_brand_profile .text .title_3 em {
        margin: 20px auto 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_banner .text .title_3 em:before,
    .section_brand_profile .text .title_3 em:before {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #fff
    }

    .section_banner .text .title_3.active em:before {
        height: 80px;
        animation: anima 5s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .5s;
        transition: .5s
    }

    .section_brand_profile .text .title_3.active em:before {
        height: 80px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    @keyframes anima {
        from {
            height: 0
        }

        to {
            height: 80px
        }
    }

    .section_banner .text .title_3 em:after,
    .section_brand_profile .text .title_3 em:after {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%
    }

    .section_banner .des_2 .title_1 {
        left: 24%;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .section_banner .des_2 .title_2 {
        width: auto;
        left: 24%
    }

    .section_banner .des_3 .title_1 {
        left: auto;
        right: 24%;
        bottom: 0;
        text-align: right
    }

    .section_banner .des_3 .title_1.pos_3 {
        left: 24%;
        text-align: left;
        right: auto
    }

    .section_banner .des_3 .title_1.pos_3 strong {
        margin-bottom: 3%
    }

    .section_banner .des_3 .title_1 strong {
        margin-bottom: 0
    }

    .section_banner .des_3 .title_2 {
        width: auto
    }

    .section_banner .des_4 .title_1 {
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: right
    }

    .section_banner .des_4 .title_1 strong {
        margin-bottom: 30px
    }

    .section_banner .des_4 .title_2 {
        width: auto
    }

    .section_banner .des_4 .title_3 {
        right: auto;
        left: 0
    }

    .cpzx2 {
        margin-top: 108px
    }

    .cpzx2-t {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 90px
    }

    .cpzx2-t a {
        width: calc((100% - 4px) / 3);
        display: block;
        color: #fff;
        text-align: center;
        overflow: hidden;
        position: relative
    }

    .cpzx2-t a dl {
        position: absolute;
        width: 100%;
        left: 0;
        top: 65px;
        z-index: 3
    }

    .cpzx2-t a dl h3 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 15px
    }

    .cpzx2-t a dl p {
        font-size: 24px;
        margin-bottom: 27px
    }

    .cpzx2-t a dl h4 {
        font-size: 14px
    }

    .cpzx2-t a img {
        display: block;
        width: 100%
    }

    .cpzx2-t a:hover img {
        transform: scale(1.1)
    }

    .cpzx2-b {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        height: 55px;
        border-radius: 2px;
        overflow: hidden;
        border: 1px solid #000;
        color: #000;
        position: relative;
        margin: 0 auto;
        transition: 0s
    }

    .cpzx2-b img {
        display: block;
        margin-right: 16px;
        position: relative;
        z-index: 3
    }

    .cpzx2-b img.img2 {
        display: none
    }

    .cpzx2-b i {
        position: relative;
        z-index: 2;
        transition: 0s
    }

    .cpzx2-b p {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 0;
        height: 110%;
        background: #d6001d
    }

    .cpzx2-b:hover {
        color: #fff;
        border-color: #d6001d
    }

    .cpzx2-b:hover .img1 {
        display: none
    }

    .cpzx2-b:hover .img2 {
        display: block
    }

    .cpzx2-b:hover p {
        width: 100%
    }

    .section_brand_profile .content {
        width: 100%;
        height: calc(100vh - 18%);
        position: absolute;
        top: 9%;
        left: 0
    }

    .section_brand_profile .content .web_w {
        height: 100%
    }

    .section_brand_profile .text {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    .section_brand_profile .text .img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1
    }

    .section_brand_profile .text .des {
        width: 50%;
        height: 100%;
        padding: 10px 4%;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 2;
        font-family: 'Tahoma'
    }

    .section_brand_profile .text .des .bg_color {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1;
        opacity: 0
    }

    .section_brand_profile .text .des .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        width: 50%;
        position: relative;
        z-index: 2;
        opacity: 0;
        margin-bottom: 20px
    }

    .section_brand_profile .text .des .detail {
        text-align: justify;
        max-height: 30%;
        overflow: hidden;
        position: relative;
        z-index: 2;
        opacity: 0
    }

    .section_brand_profile .text .des .more {
        font-size: 14px;
        position: absolute;
        color: #fff;
        bottom: 10%;
        left: 8%;
        font-family: 'Tahoma';
        z-index: 2;
        opacity: 0
    }

    .section_brand_profile .text .des .more:hover {
        text-decoration: underline
    }

    .section_brand_profile .text .title_3 {
        right: 2%;
        top: 13%
    }

    .section_brand_profile .text .title_2 {
        position: absolute;
        display: flex;
        align-items: center;
        right: 2%;
        bottom: 10%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 18px;
        z-index: 5;
        color: #fff;
        justify-content: center
    }

    .section_brand_profile .text .title_1 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        bottom: 10%;
        z-index: 3;
        color: #fff;
        letter-spacing: 3px;
        opacity: 0
    }

    .section_brand_culture .content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #efefef;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #2d2d2d;
        overflow: hidden
    }

    .section_brand_culture .content a {
        color: #656566
    }

    .section_brand_culture .content .color_bg {
        display: block;
        width: 24.5%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #efefef
    }

    .section_brand_culture .content .web_w {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .section_brand_culture .content .left_iteam {
        width: 26%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 3;
        height: 100%;
        padding: 10% 0
    }

    .section_brand_culture .content .left_iteam .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        opacity: 0
    }

    .section_brand_culture .content .left_iteam .title_3 {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .section_brand_culture .content .left_iteam .title_3 span {
        text-align: center;
        font-size: 18px;
        margin-top: 20px
    }

    .section_brand_culture .content .left_iteam .title_3 em {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_brand_culture .content .left_iteam .title_3 em:before {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #2d2d2d;
        border-radius: 50%
    }

    .section_brand_culture .content .left_iteam .title_3 em:after {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #2d2d2d
    }

    .section_brand_culture .content .left_iteam .title_3.active em:after {
        height: 80px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    .section_brand_culture .content .right_iteam {
        width: 71.5%;
        padding: 10% 0;
        z-index: 3
    }

    .brand_culture_list {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .brand_culture_list dd .iteam {
        padding-left: 10%
    }

    .brand_culture_list dd .text {
        position: relative
    }

    .brand_culture_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .brand_culture_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 65.47%
    }

    .brand_culture_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .brand_culture_list dd .img:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .brand_culture_list dd .title {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        bottom: -80px;
        z-index: 2;
        padding: 10px
    }

    .brand_culture_list dd .title strong {
        font-family: 'Eina';
        font-size: 4.167vw;
        margin-bottom: 80px;
        line-height: 100%;
        width: 50%;
        color: #fff;
        font-weight: normal
    }

    .brand_culture_list dd .title span {
        font-size: 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        position: relative
    }

    .brand_culture_list dd .title span:before {
        display: block;
        content: '';
        width: 50px;
        height: 1px;
        background-color: #2d2d2d
    }

    .brand_culture_list dd .title span:after {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #2d2d2d;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -3px
    }

    .brand_culture_list dd .des {
        margin-top: 25%
    }

    .brand_culture_list dd .des:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #2d2d2d;
        margin-bottom: 15px
    }

    .brand_culture_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: #fff;
        background: none;
        border: #2d2d2d solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.6;
        top: auto;
        bottom: -18%;
        z-index: 10
    }

    .brand_culture_list .slick-prev {
        left: auto;
        right: 60px
    }

    .brand_culture_list .slick-next {
        right: 0
    }

    .brand_culture_list .slick-next:hover,
    .brand_culture_list .slick-prev:hover {
        opacity: 1
    }

    .brand_culture_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #323232;
        opacity: 1
    }

    .brand_culture_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #323232;
        opacity: 1
    }

    #about .section_brand_culture .content {
        background: #717171;
        color: #fff
    }

    #about .section_brand_culture .content .color_bg {
        background: #010101
    }

    #about .section_brand_culture .content .left_iteam a {
        color: #fff
    }

    #about .section_brand_culture .content .left_iteam .title {
        font-size: 4vw
    }

    #about .section_brand_culture .content .brand_culture_list dd .des:before,
    #about .section_brand_culture .content .brand_culture_list dd .title span:before,
    #about .section_brand_culture .content .brand_culture_list dd .title span:after {
        background: #fff
    }

    #about .section_brand_culture .content .brand_culture_list .slick-prev:before,
    #about .section_brand_culture .content .brand_culture_list .slick-next:before {
        color: #fff
    }

    #about .section_brand_culture .content .brand_culture_list .slick-arrow {
        border-color: #fff
    }

    .idea {
        padding-bottom: 5%
    }

    .idea .title {
        text-align: center;
        margin-bottom: 2%
    }

    .idea .title .en {
        color: #717171;
        font-size: 2.5vw;
        font-family: eina;
        text-transform: uppercase
    }

    .idea .title::after {
        content: "";
        display: block;
        width: 55px;
        height: 2px;
        background: #d6001d;
        margin: 0 auto
    }

    .idea .container {
        max-width: 1460px
    }

    .idea .item {
        position: relative;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .idea .item .text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        color: #fff;
        text-align: center
    }

    .idea .item .text .line {
        background: #fff;
        margin: 15px auto;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .idea .item:hover .text .line {
        width: 100px
    }

    .ryzz {
        background: #f7f7f7;
        padding: 90px 0
    }

    .ryzz-t {
        margin-bottom: 55px
    }

    .ryzz-t h2 {
        text-align: center;
        color: #717171;
        font-size: 2.5vw;
        font-family: eina;
        text-transform: uppercase;
        padding-bottom: 15px
    }

    .ryzz-t h3 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px
    }

    .ryzz-t h5 {
        width: 55px;
        height: 2px;
        background: #d6001d;
        margin: 0 auto
    }

    .ryzz-c {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border: 1px solid #e5e5e5;
        border-right: none;
        width: 226px;
        margin: 0 auto 80px auto
    }

    .ryzz-c a {
        display: block;
        text-align: center;
        line-height: 48px;
        color: #000;
        font-size: 16px;
        position: relative;
        border-right: 1px solid #e5e5e5;
        width: 50%
    }

    .ryzz-c a i {
        position: relative;
        z-index: 3;
        transition: all 0s
    }

    .ryzz-c a p {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 0px;
        height: 100%;
        background: #d6001d
    }

    .ryzz-c a.active {
        color: #fff
    }

    .ryzz-c a.active p {
        width: 100%
    }

    .ryzz-b {
        position: relative
    }

    .ryzz-b a {
        color: #5f5f5f;
        font-size: 16px;
        display: block;
        text-align: center;
        background: #fff;
        border: 1px solid #e5e5e5;
        padding: 55px 55px 35px 55px;
        margin-bottom: 1px
    }

    .ryzz-b a h4 {
        overflow: hidden;
        margin-bottom: 54px
    }

    .ryzz-b a h4 img {
        display: block;
        margin: 0 auto
    }

    .ryzz-b a:hover {
        color: #d6001d
    }

    .ryzz-b a:hover img {
        transform: scale(1.1)
    }

    .ryzz-b .swiper-button-next {
        background: url(../images/r3.png);
        width: 35px;
        height: 35px;
        right: -70px;
        transition: all 0.5s
    }

    .ryzz-b .swiper-button-next:hover {
        background: url(../images/r3-1.png)
    }

    .ryzz-b .swiper-button-prev {
        background: url(../images/l3.png);
        width: 35px;
        height: 35px;
        left: -70px;
        transition: all 0.5s
    }

    .ryzz-b .swiper-button-prev:hover {
        background: url(../images/l3-1.png)
    }

    .ryzz-b>div {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        max-height: 513px
    }

    .ryzz-b>div:nth-child(1) {
        display: block;
        position: relative;
        opacity: 1
    }

    .section_solution {
        padding-top: 1.5%
    }

    .section_solution .title_cn {
        font-size: 16px;
        opacity: 0
    }

    .section_solution .title_en {
        font-family: 'Eina';
        font-size: 4vw;
        line-height: 100%;
        color: #cccccc;
        margin-top: 1.2%;
        text-transform: uppercase;
        opacity: 0
    }

    .section_solution .title_en a {
        color: #cccccc
    }

    .solution_list {
        margin: 4% -1.4% 0;
        opacity: 0
    }

    .solution_list dd .iteam {
        padding: 0 4%
    }

    .solution_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #008173
    }

    .solution_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .solution_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .solution_list dd .img:hover img {
        transform: scale(1.02) translateZ(0);
        opacity: 0.4;
        filter: alpha(opacity=40)
    }

    .solution_list dd .title {
        margin-top: 30px;
        display: flex;
        flex-direction: column
    }

    .solution_list dd .title strong {
        font-weight: normal
    }

    .solution_list dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: 15px
    }

    .solution_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -10%
    }

    .solution_list .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #333 solid 1px
    }

    .solution_list .slick-dots li.slick-active {
        border-color: #008173
    }

    .solution_list .slick-dots li button {
        display: none
    }

    .section_product {
        background-color: #333333;
        color: #fff
    }

    .section_product a {
        color: #fff
    }

    .section_product .web_w {
        display: flex;
        justify-content: space-between;
        padding-top: 2%
    }

    .section_product .left_title {
        width: 10%;
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: flex-end;
        padding-top: 3%;
        opacity: 0;
        text-transform: uppercase
    }

    .section_product .right_con {
        width: 90%
    }

    .section_product .right_con .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        opacity: 0
    }

    .section_product .right_con .title_cn {
        margin-top: 15px;
        opacity: 0
    }

    .section_product_tab {
        opacity: 0
    }

    .section_product_tab.animate__animated {
        opacity: 1
    }

    .section_product_tab .am-nav-tabs {
        display: flex;
        justify-content: space-between;
        border: none;
        border-bottom: #fff solid 1px;
        margin-top: 3%
    }

    .section_product_tab .am-nav-tabs::before,
    .section_product_tab .am-nav-tabs::after {
        display: none
    }

    .section_product_tab .am-nav-tabs li {
        font-size: 18px;
        margin: 0;
        text-align: center;
        position: relative
    }

    .section_product_tab .am-nav-tabs li:first-of-type {
        margin-left: 0
    }

    .section_product_tab .am-nav-tabs li a {
        display: block;
        margin: 0;
        padding: 0 0 15px 0;
        border: none !important;
        background: none !important;
        position: relative;
        color: #fff
    }

    .section_product_tab .am-nav-tabs li a:after {
        display: block;
        content: '';
        width: 100%;
        height: 3px;
        background-color: #fff;
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: -2px
    }

    .section_product_tab .am-nav-tabs li.am-active a:after {
        opacity: 1
    }

    .section_product_tab .am-nav-tabs li.am-active a {
        color: #fff
    }

    .section_product_tab .am-tabs-bd {
        padding: 0;
        border: none
    }

    .section_product_tab .am-tabs-bd .am-tab-panel {
        padding: 0
    }

    .product_tab_iteam {
        margin: 2% -2% 0
    }

    .product_tab_iteam dd .iteam {
        padding: 0 3%
    }

    .product_tab_iteam dd .img {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #008173
    }

    .product_tab_iteam .img:before {
        display: block;
        content: '';
        padding-bottom: 67.35%
    }

    .product_tab_iteam .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .product_tab_iteam dd .img:hover img {
        transform: scale(1.02) translateZ(0);
        opacity: 0.6;
        filter: alpha(opacity=60)
    }

    .product_tab_iteam dd .img span {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-70%, -50%);
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        opacity: 0;
        padding: 0 14px;
        width: 100%;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        z-index: 3
    }

    .product_tab_iteam dd .img:hover span {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    .product_tab_iteam dd .title {
        margin-top: 30px;
        display: flex;
        flex-direction: column
    }

    .product_tab_iteam dd .title strong {
        font-weight: normal
    }

    .product_tab_iteam dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: 15px
    }

    .product_tab_iteam .slick-dots {
        margin: 0;
        left: 0;
        bottom: 10px
    }

    .product_tab_iteam .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #333 solid 1px
    }

    .product_tab_iteam .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .product_tab_iteam .slick-dots li button {
        display: none
    }

    .section_honer {
        background-color: #efefef
    }

    .section_honer .web_w {
        display: flex;
        justify-content: space-between
    }

    .section_honer .left_title {
        width: 10%;
        font-family: 'Eina';
        font-size: 2.5vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #cccccc;
        display: flex;
        align-items: flex-end;
        opacity: 0;
        text-transform: uppercase
    }

    .section_honer .right_con {
        width: 90%
    }

    .section_honer .right_con .title {
        opacity: 0
    }

    .section_honer .right_con .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        max-width: 50%
    }

    .section_honer .section_honer_img {
        display: flex;
        flex-wrap: wrap;
        margin-top: 6%
    }

    .section_honer .section_honer_img img {
        height: 59px;
        margin-right: 4.5%;
        opacity: 0
    }

    .section_honer .section_honer_img img.animate__animated {
        opacity: 1
    }

    .section_honer .section_honer_img img:last-of-type {
        margin-right: 0
    }

    .section_case {
        background-color: #787777;
        color: #fff
    }

    .section_case a {
        color: #fff
    }

    .section_case .web_w {
        display: flex;
        justify-content: space-between;
        height: 100%;
        padding-top: 5%
    }

    .section_case .left_iteam {
        width: 26%;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 3;
        padding-top: 3%
    }

    .section_case .left_iteam .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        opacity: 0
    }

    .section_case .left_iteam .title_3 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 50%
    }

    .section_case .left_iteam .title_3 span {
        text-align: center;
        font-size: 18px;
        margin-top: 20px
    }

    .section_case .left_iteam .title_3 em {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_case .left_iteam .title_3 em:before {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%
    }

    .section_case .left_iteam .title_3 em:after {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #fff
    }

    .section_case .left_iteam .title_3.active em:after {
        height: 80px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    .section_case .right_iteam {
        width: 64%;
        height: 100%
    }

    .section_case_list {
        height: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: space-between
    }

    .section_case_list li {
        width: 45.5%;
        height: 50%;
        opacity: 0
    }

    .section_case_list li.animate__animated {
        opacity: 1
    }

    .section_case_list li:nth-of-type(1),
    .section_case_list li:nth-of-type(2) {
        margin-top: 0
    }

    .section_case_list li a {
        display: block;
        color: #fff;
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .section_case_list li .img {
        display: block;
        position: relative;
        overflow: hidden;
        height: 70%
    }

    .section_case_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .section_case_list li .img h2 {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
        width: 100%;
        padding: 10px 20px;
        font-size: 25px
    }

    .section_case_list li .title {
        margin-top: 5%;
        display: flex;
        flex-direction: column
    }

    .section_case_list li .title span {
        overflow: hidden
    }

    .section_case_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .section_case_list li .title:before {
        display: block;
        content: '';
        width: 19px;
        height: 2px;
        background-color: #fff;
        margin-bottom: 5px
    }

    .xwzx {
        margin: 78px auto;
        width: 90%;
        max-width: 1640px
    }

    .xwzx-t {
        font-size: 30px;
        margin-bottom: 60px
    }

    .xwzx-b {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 70px
    }

    .xwzx-b a {
        display: block;
        width: calc((100% - 20px) / 3)
    }

    .xwzx-b a h4 {
        overflow: hidden;
        margin-bottom: 25px;
        position: relative
    }

    .xwzx-b a h4 img {
        display: block;
        width: 100%
    }

    .xwzx-b a h4 p {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        width: 130px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: rgba(0, 0, 0, 0.5)
    }

    .xwzx-b a h3 {
        font-size: 16px;
        color: #000;
        margin-bottom: 13px
    }

    .xwzx-b a h5 {
        color: #5f5f5f;
        font-size: 14px
    }

    .xwzx-b a:hover img {
        transform: scale(1.1)
    }

    .xwzx-b a:hover h3 {
        color: #d6001d
    }

    .section_news .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        opacity: 0
    }

    .section_news .title_en a {
        color: #008173
    }

    .section_news .title_cn {
        margin-top: 15px;
        opacity: 0
    }

    .section_news_list {
        margin: 5% -1.5% 0
    }

    .section_news_list li {
        padding: 0 1.5%;
        margin-top: 2%;
        opacity: 0
    }

    .section_news_list li .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .section_news_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .section_news_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .section_news_list li .img:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .section_news_list li .title {
        margin-top: 10px;
        font-size: 14px
    }

    .section_news_list li .title span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .section_contact {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #010101;
        color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }

    .section_contact .color_bg {
        display: block;
        width: 24.5%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #373634;
        overflow: hidden
    }

    .section_contact .color_bg_1 {
        display: block;
        width: 16.76%;
        height: 20%;
        position: absolute;
        bottom: 0;
        left: 8%;
        z-index: 2;
        background-image: url(../images/dots.png);
        background-position: top center;
        background-repeat: repeat
    }

    .section_contact .color_bg_2 {
        display: block;
        width: 27.76%;
        height: 25%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        background-image: url(../images/dots.png);
        background-position: top center;
        background-repeat: repeat
    }

    .section_contact .web_w {
        display: flex;
        height: 100%;
        justify-content: space-between;
        position: relative;
        z-index: 2;
        padding-top: 12%;
        padding-bottom: 10%
    }

    .section_contact .left_info {
        width: 21.62%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .section_contact .left_info_tel {
        width: 81%;
        font-size: 14px
    }

    .section_contact .left_info_tel li {
        border-bottom: #bcbcbc solid 1px;
        padding: 12% 0;
        color: #fff;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        transition: all 300ms ease-in-out 0s
    }

    .section_contact .left_info_tel li:last-of-type {
        border-bottom: none
    }

    .section_contact .left_info_tel li i {
        width: 30px;
        font-size: 22px
    }

    .section_contact .left_info_tel li a {
        width: calc(100% - 30px);
        color: #fff
    }

    .section_contact .left_info_tel li a:hover,
    .left_info_tel li:hover,
    .section_contact .copyright a:hover {
        color: #fff
    }

    .section_contact .left_info_tel li:before {
        margin-right: 12px
    }

    .section_contact .left_info_tel li .address {
        font-size: 12px
    }

    .section_contact .left_info .copy {
        width: 81%;
        font-size: 12px;
        padding-bottom: 40px
    }

    .section_contact .right_info {
        width: 73%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .section_contact .right_info .right_info_top {
        display: flex;
        justify-content: space-between
    }

    .section_contact .right_info_ico {
        width: 70%;
        display: flex;
        justify-content: flex-end
    }

    .section_contact .right_info_ico a {
        width: 30px;
        height: 30px;
        background-color: #2b2b2c;
        color: #fff;
        margin-left: 2.48%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        border-radius: 50%
    }

    .section_contact .right_info_ico a:hover {
        background-color: #ffffff;
        color: #259387
    }

    .section_contact .right_info_menu {
        margin: 3.3% -9.5% 0
    }

    .section_contact .right_info_menu li {
        padding: 0 8%;
        margin: 1.8% 0;
        color: #259387
    }

    .section_contact .right_info_menu li a {
        display: block;
        color: #259387;
        border-bottom: #8d8d8d solid 1px;
        padding-bottom: 15px;
        font-weight: bold
    }

    .section_contact .right_info_menu li a span {
        display: block;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .section_contact .right_info_menu li a:hover span {
        transform: translateX(5px)
    }

    .right_info_bottom {
        display: flex;
        font-size: 14px;
        justify-content: flex-end
    }

    .right_info_bottom a {
        color: #fff
    }

    .right_info_bottom a:hover {
        color: #259387
    }

    .section_contact .search_form {
        width: 20.5%;
        height: 32px;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .section_contact .search_form input[type="text"] {
        width: calc(100% - 30px);
        border: none;
        background: none;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        padding-left: 10px;
        color: #333
    }

    .section_contact .search_form button {
        padding: 0;
        border: 0;
        background: none;
        width: 30px;
        color: #259387;
        font-size: 15px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .section_contact .right_info_bottom {
        margin-top: 3.3%
    }

    .section_contact .copyright,
    .section_contact .copyright a {
        color: rgba(255, 255, 255, 0.6)
    }

    .footer_innner {
        position: relative
    }

    .footer_innner .section_contact {
        position: relative;
        background: #010101 !important
    }

    .footer_innner .section_contact .color_bg_1 {
        height: 15%
    }

    .footer_innner .section_contact .color_bg_2 {
        height: 15%
    }

    .footer_innner .section_contact .web_w {
        padding-top: 8%;
        padding-bottom: 6%;
        height: auto
    }

    .gywm {
        background: #f7f7f7;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 50px 0 0 0
    }

    .gywm-l {
        width: 50%;
        overflow: hidden
    }

    .gywm-l img {
        display: block;
        width: 100%
    }

    .gywm-l:hover img {
        transform: scale(1.1)
    }

    .gywm-r {
        width: 50%;
        padding: 0 2% 0 5%
    }

    .gywm-t {
        position: relative;
        margin-bottom: 35px
    }

    .gywm-t h3 {
        color: #00849b;
        font-size: 43px;
        line-height: 43px;
        font-family: Antonio;
        text-transform: uppercase;
        padding: 30px 0 0 0
    }

    .gywm-t p {
        text-align: center;
        width: 90px;
        line-height: 25px;
        color: #000;
        font-size: 20px
    }

    .gywm-b {
        color: #5f5f5f;
        font-size: 16px;
        line-height: 28px
    }

    .gbsj {
        margin: 100px auto;
        padding: 0 8%
    }

    .gbsj-t {
        text-align: center;
        margin-bottom: 58px
    }

    .gbsj-t h3 {
        justify-content: center;
        font-size: 30px;
        margin-bottom: 20px
    }

    .gbsj-t h4 {
        font-size: 18px;
        margin-bottom: 28px
    }

    .gbsj-t p {
        width: 55px;
        height: 2px;
        background: #d6001d;
        margin: 0 auto
    }

    .gbsj-c {
        position: relative;
        margin-bottom: 50px;
        overflow: hidden
    }

    .gbsj-c>img,
    .gbsj-c>video {
        display: block;
        width: 100%
    }

    .gbsj-c a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 170px;
        line-height: 40px;
        border-radius: 2px;
        color: #fff;
        background: #d6001d;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }

    .gbsj-c a img {
        margin-right: 10px
    }

    .gbsj-c a:hover img {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .gbsj-c dl {
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 3;
        color: #fff;
        padding: 60px
    }

    .gbsj-c dl h3 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .gbsj-c dl h3 i {
        color: #d6001d
    }

    .gbsj-c dl p {
        font-size: 18px;
        margin-bottom: 38px
    }

    .brand_profile_1 {
        background-color: #efefef;
        padding: 9.3% 0
    }

    .brand_profile_1 .web_w {
        display: flex;
        justify-content: space-between
    }

    .brand_profile_1 .iteam_left,
    .brand_profile_1 .iteam_right {
        width: 50%
    }

    .brand_profile_1 .iteam_left .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 30%
    }

    .brand_profile_1 .iteam_left .title_cn {
        margin-top: 10px
    }

    .brand_profile_1 .iteam_right .content_minHeight {
        height: 140px;
        overflow: hidden
    }

    .brand_profile_2 {
        min-width: 1200px;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .brand_profile_2:after {
        display: block;
        content: '';
        padding-bottom: 41.66%
    }

    .brand_profile_2_warp {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 6.4% 0
    }

    .brand_profile_2 .web_w {
        height: 100%;
        display: flex;
        align-items: center;
        position: relative
    }

    .brand_profile_2 .web_w .text {
        width: 50%;
        height: 100%;
        padding: 20px 0;
        color: #fff;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .brand_profile_2 .web_w .text p,
    .brand_profile_2 .web_w .text a {
        color: #fff
    }

    .brand_profile_2 .bg_color {
        width: 55%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: rgba(0, 68, 58, 0.8)
    }

    .brand_profile_2 .content_maxHeight {
        max-height: calc(100% - 40px);
        overflow: hidden
    }

    .brand_profile_2 .content_minHeight {
        height: 280px;
        overflow: hidden
    }

    .brand_profile_3 {
        background-color: #efefef;
        padding: 8% 0
    }

    .brand_profile_3 .web_w {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .brand_profile_3 .iteam_left {
        width: calc(50% - 30px)
    }

    .brand_profile_3 .iteam_left img {
        display: block;
        width: 100%
    }

    .brand_profile_3 .iteam_right {
        width: 50%
    }

    .brand_profile_3 .content_maxHeight {
        max-height: 510px;
        overflow: hidden
    }

    .brand_profile_3 .content_minHeight {
        height: 180px;
        overflow: hidden
    }

    .brand_provider {
        min-width: 1200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #333333;
        color: #fff;
        padding: 4.2% 0
    }

    .brand_provider_name {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        display: flex;
        align-items: center
    }

    .brand_provider_name:after {
        display: block;
        content: '';
        width: 100px;
        height: 1px;
        background-color: #fff;
        margin-left: 25px
    }

    .brand_provider_title {
        text-align: center
    }

    .brand_provider_title .title_en {
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        margin-top: 3%
    }

    .brand_provider_title .title_cn {
        margin-top: 20px
    }

    .brand_provider_list {
        margin: 6.5% -5% 4%
    }

    .brand_provider_list dd .iteam {
        padding: 5% 14% 0
    }

    .brand_provider_list dd .list {
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .brand_provider_list dd .iteam .text {
        width: 85%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2
    }

    .brand_provider_list dd .iteam .text a {
        color: #fff
    }

    .brand_provider_list dd .iteam .text .title {
        font-family: 'Eina';
        font-size: 1.302vw;
        line-height: 100%
    }

    .brand_provider_list dd .iteam .text .title:after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin: 20px 0 10px
    }

    .brand_provider_list dd .iteam .img {
        width: 44%;
        position: relative;
        z-index: 1
    }

    .brand_provider_list dd .iteam .img:after {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .brand_provider_list dd .iteam .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .brand_provider_list dd .iteam .img .num {
        font-family: 'Eina';
        line-height: 100%;
        font-size: 3.125vw;
        position: absolute;
        left: -18%;
        top: -13%;
        color: #008173
    }

    .brand_provider_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        top: auto;
        bottom: -30%;
        z-index: 10
    }

    .brand_provider_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .brand_provider_list .slick-prev {
        left: 50%;
        margin-left: -40px
    }

    .brand_provider_list .slick-next {
        right: 50%;
        margin-right: -40px
    }

    .brand_provider_list .slick-next:hover,
    .brand_provider_list .slick-prev:hover {
        opacity: 1
    }

    .brand_provider_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_provider_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_video {
        padding: 3.6% 0 8%
    }

    .brand_video_title {
        display: flex;
        justify-content: space-between
    }

    .brand_video_title .title_en {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .brand_video_list {
        margin-top: 2.9%
    }

    .brand_video_list dd .img {
        width: 31%;
        position: relative;
        margin: 0 auto
    }

    .brand_video_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 100%
    }

    .brand_video_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        border-radius: 50%;
        z-index: 1
    }

    .brand_video_list dd .img .title {
        width: 200%;
        font-family: 'Eina';
        font-size: 6.25vw;
        line-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #008173;
        z-index: 2;
        text-transform: uppercase;
        text-align: center
    }

    .brand_video_list dd .img i {
        font-size: 3vw;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        color: rgba(255, 255, 255, 0.6)
    }

    .brand_video_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -10%
    }

    .brand_video_list .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #008173 solid 1px
    }

    .brand_video_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .brand_video_list .slick-dots li button {
        display: none
    }

    .brand_video_list .slick-btn {
        width: 46px;
        height: 80px;
        position: absolute;
        top: 50%;
        margin-top: -40px;
        white-space: nowrap;
        z-index: 5
    }

    .brand_video_list .slick-btn span {
        color: #999999;
        font-size: 14px;
        position: absolute;
        bottom: 0;
        text-transform: uppercase
    }

    .brand_video_list .slick-btn button {
        width: 46px;
        height: 46px;
        color: #999999;
        background: none;
        border: #999999 solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        z-index: 5
    }

    .brand_video_list .prev,
    .brand_video_list .prev span {
        left: 0
    }

    .brand_video_list .next,
    .brand_video_list .next span {
        right: 0
    }

    .brand_video_list .slick-btn button:hover {
        border-color: #008173;
        color: #008173
    }

    .brand_video_list .next button:before {
        font-family: 'FontAwesome';
        content: "\f0da";
        font-size: 26px;
        color: #999999;
        opacity: 1
    }

    .brand_video_list .prev button:before {
        font-family: 'FontAwesome';
        content: "\f0d9";
        font-size: 26px;
        color: #999999;
        opacity: 1
    }

    .brand_video_list .next:hover button:before,
    .brand_video_list .prev:hover button:before {
        color: #008173
    }

    .video_modal {
        width: 70%
    }

    .video_con {
        position: relative;
        background: #000
    }

    .video_con video {
        display: block;
        background-color: #000;
        width: 100%
    }

    .video_con iframe {
        display: block
    }

    .video_modal .am-close {
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 100;
        background-color: #fff;
        color: #333;
        border-radius: 50%;
        opacity: 1;
        font-size: 14px;
        width: 20px;
        height: 20px;
        text-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .brand_honer {
        padding: 6.5% 0
    }

    .brand_honer .left_title,
    .brand_honer .section_honer_img img {
        opacity: 1
    }

    .brand_honer_des {
        margin-top: 3%
    }

    .brand_honer_des dt {
        font-size: 1.25vw;
        font-weight: bold;
        border-bottom: #333 solid 1px;
        padding-bottom: 10px
    }

    .brand_honer_des dd {
        margin-top: 15px;
        display: flex;
        justify-content: space-between
    }

    .brand_honer_des dd .text {
        width: calc(50% - 20px)
    }

    .brand_honer_list {
        background-color: #333;
        color: #fff;
        padding: 0 5% 4.5% 0
    }

    .brand_honer_list .name {
        font-family: 'Eina';
        line-height: 60%;
        text-transform: uppercase;
        color: rgba(102, 102, 102, 0.3);
        font-size: 6.146vw
    }

    .brand_honer_iteam {
        display: flex;
        justify-content: space-between;
        margin-top: 4.8%
    }

    .brand_honer_iteam .slider {
        margin: 0
    }

    .brand_honer_iteam .slider-for {
        width: 69.69%;
        overflow: hidden
    }

    .brand_honer_iteam .slider-for .img {
        position: relative
    }

    .brand_honer_iteam .slider-for .img:after {
        display: block;
        content: '';
        padding-bottom: 51%
    }

    .brand_honer_iteam .slider-for .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .brand_honer_iteam .slider-nav {
        width: 27.91%;
        overflow: hidden
    }

    .brand_honer_iteam .slider-nav a {
        border-bottom: #aaaaaa solid 1px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        color: #fff;
        padding-bottom: 12px;
        margin-bottom: 15%
    }

    .brand_honer_iteam .slider-nav .title_en {
        display: flex;
        flex-direction: column;
        font-size: 1.458vw;
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase
    }

    .brand_honer_iteam .slider-nav .title_en .num {
        font-size: 3.125vw;
        line-height: 100%
    }

    .brand_culture_inner {
        padding: 6.5% 0;
        background-color: #efefef
    }

    .brand_culture_inner .content {
        position: relative;
        background-color: #efefef;
        color: #333
    }

    .brand_culture_inner .content a {
        color: #333
    }

    .brand_culture_inner .content .web_w {
        align-items: inherit
    }

    .brand_culture_inner .content .left_iteam {
        padding: 0 0 8%;
        height: auto
    }

    .brand_culture_inner .brand_culture_list,
    .brand_culture_inner .content .left_iteam .title {
        opacity: 1
    }

    .brand_culture_inner .content .left_iteam .title,
    .brand_culture_inner .content .left_iteam .title a,
    .brand_culture_inner .brand_culture_list dd .title strong {
        color: #008173
    }

    .brand_culture_inner .content .right_iteam {
        padding: 0 0 4%
    }

    .brand_culture_inner .content .left_iteam .title_3 em:after {
        height: 80px;
        background-color: #333
    }

    .brand_culture_inner .content .left_iteam .title_3 em:before,
    .brand_culture_inner .brand_culture_list dd .title span:before,
    .brand_culture_inner .brand_culture_list dd .title span:after {
        background-color: #333
    }

    .brand_culture_inner .brand_culture_list dd .des:before {
        background-color: #008173
    }

    .brand_culture_inner .brand_culture_list .slick-arrow {
        color: #008173;
        border: #008173 solid 1px;
        bottom: -12%;
        z-index: 10
    }

    .brand_culture_inner .brand_culture_list .slick-prev {
        left: auto;
        right: 60px
    }

    .brand_culture_inner .brand_culture_list .slick-next {
        right: 0
    }

    .brand_culture_inner .brand_culture_list .slick-next:before,
    .brand_culture_inner .brand_culture_list .slick-prev:before {
        color: #008173
    }

    .inner_warp {
        background-color: #efefef;
        padding-bottom: 5.5%
    }

    .contact_info {
        padding: 6.9% 0;
        display: flex;
        justify-content: space-between;
        color: #008173
    }

    .contact_info dt {
        width: 34%;
        font-size: 3.125vw;
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        display: flex;
        flex-direction: column
    }

    .contact_info dt span {
        font-size: 1.5vw
    }

    .contact_info dd {
        width: 66%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .contact_info dd .title {
        font-family: 'Eina';
        font-weight: bold
    }

    .contact_info dd .text {
        margin-top: 2%;
        width: 42%;
        display: flex;
        flex-direction: column;
        border-bottom: #008173 solid 1px;
        padding-bottom: 5px
    }

    .contact_info dd .text:nth-of-type(1),
    .contact_info dd .text:nth-of-type(2) {
        margin-top: 0
    }

    .contact_info dd .text.line {
        justify-content: space-between
    }

    .contact_info dd .des.font {
        font-size: 1.875vw;
        font-family: 'PingFangSC-Light', 'Tahoma'
    }

    .contact_info dd .des.time {
        font-size: 1.25vw
    }

    .contact_info dd .des a {
        color: #008173
    }

    .form_contact_list {
        display: flex;
        justify-content: space-between;
        margin-top: 4%
    }

    .form_contact_list:first-of-type {
        margin-top: 0
    }

    .form_contact_list dt {
        width: 34%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #2c2c2c;
        font-family: Antonio;
        padding: 10px 5%;
        background-color: #dcdbe0
    }

    .form_contact_list:last-of-type dt {
        padding: 5% 5%
    }

    .form_contact_list dt .num {
        font-family: 'Antonio';
        font-size: 1.875vw;
        line-height: 100%
    }

    .form_contact_list dt .title_en {
        font-size: 2.4vw;
        margin: 10px 0;
        text-transform: uppercase;
        font-family: 'Antonio';
        line-height: 100%
    }

    .form_contact_list dt .title_cn {
        font-weight: 100
    }

    .form_contact_list dd {
        width: 66%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: #f2f2f2;
        padding: 3% 10% 3% 6%;
        color: #4a4a4a;
        align-items: center
    }

    .form_contact_list dd .am-form-group {
        width: 48%;
        margin: 4.5% 0 0
    }

    .form_contact_list dd .am-form-group:nth-of-type(1),
    .form_contact_list dd .am-form-group:nth-of-type(2) {
        margin-top: 0
    }

    .form_contact_list dd label {
        color: #4a4a4a;
        font-weight: normal
    }

    .form_contact_list dd span {
        font-size: 14px;
        display: flex;
        align-items: center;
        line-height: 120%
    }

    .form_contact_list dd .am-form-textarea {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .form_contact_list dd .am-form-textarea textarea {
        display: block;
        height: 240px
    }

    .form_contact_list dd .am-form-input {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .form_contact_list dd .am-form-input .am-radio-inline {
        width: 48%;
        height: 48px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #fff;
        margin: 5% 0 0;
        color: #008173;
        display: flex;
        align-items: center;
        font-size: 16px
    }

    .form_contact_list dd .am-form-input .am-radio-inline:nth-of-type(1),
    .form_contact_list dd .am-form-input .am-radio-inline:nth-of-type(2) {
        margin-top: 0
    }

    .form_contact_list dd .am-form-input .am-radio-inline input {
        margin: 0 8px 0 0
    }

    .am-form-submit {
        display: flex;
        justify-content: center;
        margin-top: 2%
    }

    .am-form-submit.code {
        justify-content: space-between
    }

    .am-form-submit .am-form-code {
        display: flex;
        align-items: center
    }

    .am-form-submit .am-form-code .am-form-field {
        width: 200px;
        height: 48px;
        line-height: 48px
    }

    .am-form-submit .am-form-code .form-code {
        height: 48px;
        margin-left: 15px
    }

    .am-form-submit .am-btn {
        width: 220px;
        height: 48px;
        line-height: 48px;
        padding: 0;
        text-align: center;
        background-color: #eb8d19;
        color: #fff;
        outline: none
    }

    .guestbook_load {
        position: fixed;
        width: 22rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #666666;
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding: 1.6rem 1rem;
        border-radius: .3rem
    }

    .inner_warp {
        padding: 3% 0
    }

    .news_name {
        margin-bottom: 3%;
        padding-bottom: 10px;
        font-size: 2.3vw;
        color: #393838;
        border-bottom: 2px solid #626262
    }

    .news_name .title_en {
        display: inline-block;
        text-transform: uppercase
    }

    .news_name .title_cn {
        display: inline-block
    }

    .news_warp {
        display: flex;
        justify-content: space-between
    }

    .news_left_side {
        width: 70%
    }

    .news_right_side {
        width: 21%
    }

    .news_list {
        display: flex;
        justify-content: space-between;
        padding-bottom: 5.8%;
        margin-top: 6%;
        border-bottom: #626262 solid 1px
    }

    .news_list:first-of-type {
        margin-top: 0
    }

    .news_list dt {
        width: 30%
    }

    .news_list dt a {
        display: block;
        position: relative;
        overflow: hidden
    }

    .news_list dt a:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .news_list dt a img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .news_list dt a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .news_list dd {
        width: calc(70% - 30px);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .news_list dd .title {
        font-weight: bold
    }

    .news_list dd .des {
        font-size: 14px;
        margin-top: 2%;
        color: #666
    }

    .news_list dd .des a {
        color: #666
    }

    .news_list dd .des a:hover {
        color: #008173
    }

    .news_list dd .info {
        display: flex;
        font-size: 14px;
        color: #666
    }

    .news_list dd .info span {
        margin-right: 30px
    }

    .news_list dd .info span::before {
        margin-right: 5px
    }

    .news_list dd .info span:last-of-type {
        margin-right: 0
    }

    .article_commend .name {
        font-weight: bold
    }

    .article_commend .name:before,
    .article_tag .title:before,
    .page_rel_title:before {
        display: inline-block;
        content: '';
        width: 1px;
        height: 14px;
        background-color: #008173;
        margin-right: 10px;
        vertical-align: middle
    }

    .article_tag {
        margin-top: 25px;
        border-top: #dedede dashed 1px;
        padding-top: 30px
    }

    .article_tag .title {
        margin-bottom: 10px;
        font-weight: bold
    }

    .article_tag_yun {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .article_tag_yun a {
        padding: 5px 6px;
        margin-top: 10px;
        font-weight: 500
    }

    .article_tag_yun a:hover {
        background-color: #008173;
        color: #fff !important
    }

    .article_rel li {
        margin-top: 20px
    }

    .article_rel li a {
        overflow: hidden
    }

    .article_rel li .img {
        display: block;
        position: relative
    }

    .article_rel li .img:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .article_rel li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .article_rel li .img:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05)
    }

    .article_rel li .text {
        padding: 10px 0
    }

    .article_rel li .text .tag {
        margin-top: 10px
    }

    .article_rel li .text .am-badge {
        margin-right: 10px;
        font-weight: normal
    }

    .article_rel li .text .am-badge:hover {
        background-color: #008173;
        color: #fff !important
    }

    .article_hot {
        margin-top: 10px
    }

    .article_hot li {
        padding: 10px 0;
        border-top: #f2f2f2 dashed 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .article_hot li i {
        width: 16px;
        height: 16px;
        line-height: 16px;
        padding: 0;
        font-style: normal;
        font-size: 11px;
        margin-right: 6px;
        vertical-align: middle;
        font-weight: 500
    }

    .article_hot li:nth-of-type(1) i {
        background: #e71555;
        color: #fff
    }

    .article_hot li:nth-of-type(2) i {
        background: #16d083;
        color: #fff
    }

    .article_hot li:nth-of-type(3) i {
        background: #ff6700;
        color: #fff
    }

    .article_hot li:first-of-type {
        border-top: #f2f2f2 solid 1px
    }

    .article_hot li:last-of-type {
        padding-bottom: 0
    }

    .page_rel .am-list {
        margin-top: 10px;
        padding: 0 10px;
        font-size: 15px
    }

    .page_rel .am-list li {
        border: none;
        border-bottom: 1px solid #dedede;
        margin-bottom: 0
    }

    .page_rel .am-list li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .page_rel .am-list li span {
        float: right;
        font-size: 14px;
        padding-left: 10px
    }

    .news_page_warp {
        padding-top: 9%
    }

    .guide_pos {
        text-transform: uppercase;
        color: #008173;
        font-weight: bold
    }

    .guide_pos a {
        color: #008173
    }

    .article-hd {
        border-bottom: #f2f2f2 solid 1px;
        padding-bottom: 20px
    }

    .article-hd .title {
        font-size: 1.45vw;
        margin: 4.2% 0;
        font-weight: 500;
        color: #000
    }

    .article-hd .info {
        color: #999;
        font-size: 14px;
        border-bottom: #dedede solid 1px;
        padding-bottom: 10px
    }

    .article-hd .info span {
        margin-right: 30px
    }

    .article-hd .info span em {
        font-style: normal
    }

    .article-hd .info span a {
        color: #999
    }

    .article-hd .info span a:hover {
        color: #008173
    }

    .article_bd {
        margin-top: 25px
    }

    .link_btn {
        margin-top: 50px;
        text-align: center
    }

    .link_btn a {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin: 0 15px;
        color: #fff !important;
        text-align: center;
        padding-top: 12px;
        background-color: #333333;
        transition: all 300ms ease-in-out 0s;
        font-size: 14px
    }

    .link_btn a:hover {
        background-color: #008173;
        transition: all 300ms ease-in-out 0s
    }

    .link_btn a:before {
        display: block;
        font-size: 18px;
        margin: 0 auto
    }

    .article_share .Einaharebuttonbox {
        background-color: #fff;
        text-align: center;
        padding: 30px 0
    }

    .article_share .Eina_qzone,
    .article_share .Eina_tsina,
    .article_share .Eina_weixin,
    .article_share .Eina_sqq,
    .article_share .Eina_fbook,
    .article_share .Eina_twi,
    .article_share .Eina_linkedin,
    .article_share .Eina_more {
        background: none !important;
        padding-left: 0 !important;
        display: inline-block;
        float: none !important;
        font-size: 16px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        margin: 0 15px 0 0 !important;
        border-radius: 50%;
        text-align: center;
        background-color: gray !important;
        color: #fff !important;
        transition: all 300ms ease-in-out 0s
    }

    .article_share .Eina_qzone {
        background-color: #ffc028 !important
    }

    .article_share .Eina_tsina {
        background-color: #f3131b !important
    }

    .article_share .Eina_weixin {
        background-color: #00cb0d !important
    }

    .article_share .Eina_sqq {
        background-color: #1479d7 !important
    }

    .article_share .Eina_more {
        background-color: #2319dc !important;
        margin-right: 0 !important
    }

    .article_share .Eina_fbook {
        background-color: #3b5997 !important
    }

    .article_share .Eina_twi {
        background-color: #1da1f3 !important
    }

    .article_share .Eina_linkedin {
        background-color: #0b66c3 !important
    }

    .article_share .Eina_qzone:hover,
    .article_share .Eina_tsina:hover,
    .article_share .Eina_weixin:hover,
    .article_share .Eina_sqq:hover,
    .article_share .Eina_fbook:hover,
    .article_share .Eina_twi:hover,
    .article_share .Eina_linkedin:hover,
    .article_share .Eina_more:hover {
        -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

    .article_share .am-btn-block {
        background-color: #008173;
        color: #fff
    }

    .bd_weixin_popup_foot {
        text-align: center !important
    }

    .case_list {
        margin: 0 -3%;
        padding-top: 3%
    }

    .case_list li {
        padding: 0 3%;
        margin-top: 3%
    }

    .case_list li a {
        display: block;
        display: flex;
        flex-direction: column;
        color: #008173
    }

    .case_list li .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .case_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 64.27%
    }

    .case_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .case_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .case_list li .title {
        margin-top: 5%;
        display: flex;
        flex-direction: column
    }

    .case_list li .title span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .development_warp {
        padding: 5% 0
    }

    .development_warp:nth-of-type(odd) {
        background-color: #efefef
    }

    .development_list {
        display: flex;
        justify-content: space-between
    }

    .development_warp:nth-of-type(even) .development_list {
        flex-direction: row-reverse
    }

    .development_list dt {
        width: 62%;
        position: relative;
        overflow: hidden
    }

    .development_list dt:after {
        display: block;
        content: '';
        padding-bottom: 82.29%
    }

    .development_list dt img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .development_list dd {
        width: 38%;
        background-color: #008173;
        color: #fff;
        padding: 20px 3%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .development_list dd a {
        color: #fff
    }

    .development_list dd .title_en {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        font-size: 3.3vw;
        margin-top: 10%
    }

    .development_list dd .des {
        text-align: justify;
        margin-top: 10%;
        max-height: 65%;
        overflow: auto
    }

    .development_warp:nth-of-type(even) .development_list dd {
        text-align: right
    }

    .brand_publicity {
        padding: 3.2% 0;
        background-color: #2b2b2b
    }

    .brand_publicity .web_w {
        display: flex;
        justify-content: space-between
    }

    .brand_publicity .left_title {
        width: 10%;
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #bcbcbc;
        display: flex;
        align-items: flex-end;
        padding-top: 1%
    }

    .brand_publicity .right_con {
        width: 90%
    }

    .brand_publicity .right_con .title_en {
        font-family: 'Eina';
        font-size: 4.167vw;
        line-height: 100%;
        color: #717171;
        text-transform: uppercase;
        width: 80%
    }

    .brand_publicity .right_con .title_cn {
        margin-top: 15px;
        color: #fff
    }

    .brand_publicity_list {
        margin: 5% -1% 0;
        padding-bottom: 4%
    }

    .brand_publicity_list dd {
        padding: 0 0.28%
    }

    .brand_publicity_list dd .iteam {
        position: relative
    }

    .brand_publicity_list dd .iteam:after {
        display: block;
        content: '';
        padding-bottom: 67%
    }

    .brand_publicity_list dd .iteam a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 10% 7%;
        background-color: #fff;
        border-top: #717171 solid 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }

    .brand_publicity_list dd .iteam a:hover {
        background-color: #008173;
        color: #fff;
        border-top: #fff solid 10px
    }

    .brand_publicity_list dd .name {
        display: flex;
        justify-content: space-between;
        margin-top: 46%
    }

    .brand_publicity_list dd .name .title {
        width: calc(100% - 50px);
        display: flex;
        flex-direction: column
    }

    .brand_publicity_list dd .name strong {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        font-size: 1.6vw
    }

    .brand_publicity_list dd .name span {
        margin-top: 10px;
        color: #6a6a6a
    }

    .brand_publicity_list dd .name i {
        width: 2px;
        height: 20px;
        background-color: #fff;
        text-align: right;
        margin-top: 20px
    }

    .brand_publicity_list dd .des {
        margin-top: 7%
    }

    .brand_publicity_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        top: auto;
        bottom: 0;
        z-index: 10
    }

    .brand_publicity_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .brand_publicity_list .slick-prev {
        left: 50%;
        margin-left: -40px
    }

    .brand_publicity_list .slick-next {
        right: 50%;
        margin-right: -40px
    }

    .brand_publicity_list .slick-next:hover,
    .brand_publicity_list .slick-prev:hover {
        opacity: 1;
        border-color: #008173
    }

    .brand_publicity_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_publicity_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_publicity_list .slick-arrow:hover:before {
        color: #008173 !important
    }

    .brand_publicity_list .slick-list {
        overflow-y: inherit
    }

    .brand_publicity2 {
        background: #fff
    }

    .brand_publicity2 .left_title {
        color: #bcbcbc
    }

    .brand_publicity2 .right_con .title_en {
        color: #008173
    }

    .brand_publicity2 .right_con .title_cn {
        color: #000
    }

    .brand_publicity2 dd .iteam a {
        border-top: #1a2545 solid 10px
    }

    .brand_publicity2 dd .iteam a:hover {
        border-top: #008173 solid 10px
    }

    .production_and_processing {
        padding: 3.2% 0;
        background-color: #efefef
    }

    .production_and_processing .web_w {
        display: flex;
        justify-content: space-between
    }

    .production_and_processing .left_title {
        width: 10%;
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #cccccc;
        display: flex;
        align-items: flex-end;
        padding-top: 1%;
        text-transform: uppercase
    }

    .production_and_processing .right_con {
        width: 90%
    }

    .production_and_processing .right_con .title_en {
        font-family: 'Eina';
        font-size: 4.167vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        width: 80%
    }

    .production_and_processing .right_con .title_cn {
        margin-bottom: 15px
    }

    .production_and_processing .brand_publicity_list .slick-arrow {
        border: #333 solid 1px
    }

    .production_and_processing .brand_publicity_list .slick-next:hover,
    .production_and_processing .brand_publicity_list .slick-prev:hover {
        border-color: #008173
    }

    .production_and_processing .brand_publicity_list .slick-next:before,
    .production_and_processing .brand_publicity_list .slick-prev:before {
        color: #333
    }

    .production_and_processing .brand_publicity_list dd .iteam a:hover {
        border-top: #008173 solid 10px
    }

    .instruction_center {
        padding: 6% 0;
        background-color: #f8f8f8
    }

    .instruction_center .title_en {
        font-family: 'Eina';
        font-size: 4.167vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        width: 60%
    }

    .instruction_center .title_cn {
        color: #000
    }

    .instruction_center_list {
        margin: 5.4% -1.2% 0
    }

    .instruction_center_list dd {
        padding: 0 1%
    }

    .instruction_center_list dd a {
        display: block;
        color: #000
    }

    .instruction_center_list dd .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .instruction_center_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .instruction_center_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .instruction_center_list dd .img:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd a i {
        display: block;
        width: 14%;
        height: 100%;
        background-image: url(../images/play_btn.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        left: 43%;
        top: 0;
        z-index: 3;
        opacity: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd .title {
        margin-top: 30px;
        display: flex;
        flex-direction: column
    }

    .instruction_center_list dd .title span {
        color: #6c6c6c
    }

    .instruction_center_list dd .title:before {
        display: block;
        content: '';
        width: 30px;
        height: 1px;
        background-color: #008173;
        margin-bottom: 20px
    }

    .instruction_center_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -12%
    }

    .instruction_center_list .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .instruction_center_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .instruction_center_list .slick-dots li button {
        display: none
    }

    .instruction_center_list dd a:hover:after {
        background-color: rgba(0, 0, 0, 0.5)
    }

    .instruction_center_list dd a:hover i {
        opacity: 0.8
    }

    .terminal_retail_center {
        padding: 3.6% 0
    }

    .terminal_retail_center .title_en {
        font-family: 'Eina';
        font-size: 4.167vw;
        line-height: 100%;
        color: #cccccc;
        text-transform: uppercase;
        width: 50%
    }

    .terminal_retail_center .title_cn {
        color: #008173;
        margin-bottom: 10px
    }

    .terminal_retail_center_list {
        margin-top: 3%
    }

    .terminal_retail_center_list dd {
        position: relative;
        overflow: hidden
    }

    .terminal_retail_center_list dd:after {
        display: block;
        content: '';
        padding-bottom: 150.58%
    }

    .terminal_retail_center_list dd a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 8%;
        color: #fff
    }

    .terminal_retail_center_list dd a:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 129, 115, 0.73);
        z-index: 2;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .terminal_retail_center_list dd img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .terminal_retail_center_list dd .title {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 3
    }

    .terminal_retail_center_list dd .title strong {
        font-family: 'Eina';
        font-size: 1.5vw;
        line-height: 120%;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    .terminal_retail_center_list dd .des {
        font-family: 'Eina';
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: flex;
        align-items: flex-end;
        position: relative;
        z-index: 3;
        text-transform: uppercase
    }

    .terminal_retail_center_list dd a:hover:after {
        height: 0
    }

    .terminal_retail_center_list dd a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .terminal_retail_center_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        bottom: 0;
        z-index: 10
    }

    .terminal_retail_center_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .terminal_retail_center_list .slick-prev {
        left: 30px
    }

    .terminal_retail_center_list .slick-next {
        right: 30px
    }

    .terminal_retail_center_list .slick-next:hover,
    .brand_publicity_list .slick-prev:hover {
        opacity: 1;
        border-color: #fff
    }

    .terminal_retail_center_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .terminal_retail_center_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .terminal_retail_center_list .slick-arrow:hover:before {
        color: #fff !important
    }

    .needs_in_life {
        background-color: #efefef;
        padding: 4.36% 0 7.5%
    }

    .needs_in_life .name {
        display: flex;
        justify-content: space-between
    }

    .needs_in_life .name .title {
        width: 50%
    }

    .needs_in_life .name .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #00849b
    }

    .needs_in_life .name .title_cn {
        margin-top: 10px;
        font-weight: bold
    }

    .needs_in_life .subtitle {
        text-align: right;
        padding-top: 10px
    }

    .needs_in_life_list {
        margin: 5.3% -4.5% 0
    }

    .needs_in_life_list li {
        padding: 0 4.5%;
        color: #373737;
        margin-top: 3%
    }

    .needs_in_life_list li .img_ico {
        display: block;
        height: 60px
    }

    .needs_in_life_list li .title {
        display: flex;
        font-weight: bold;
        flex-direction: column;
        margin-top: 10px
    }

    .needs_in_life_list li .title::after {
        content: "";
        display: block;
        width: 40%;
        height: 4px;
        background: red;
        margin: 8px 0 0 0
    }

    .needs_in_life_list li .title strong {
        font-size: 2.123vw;
        color: #00849b
    }

    .needs_in_life_list li .des {
        margin-top: 6%;
        line-height: 1.5;
        text-align: justify;
        word-break: break-all;
        color: #373737;
        font-size: 14px
    }

    .wd_design {
        background: url(../images/desing2.jpg) center center no-repeat;
        background-size: cover;
        padding: 5.62% 0;
        color: #fff
    }

    .wd_design .name {
        text-transform: uppercase;
        display: flex;
        align-items: center
    }

    .wd_design .name:after {
        display: block;
        content: '';
        width: 100px;
        height: 1px;
        background-color: #fff;
        margin-left: 3px
    }

    .wd_design_box {
        display: flex;
        justify-content: space-between;
        margin-top: 1%
    }

    .wd_design_box dt {
        width: 53%
    }

    .wd_design_box_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .wd_design_box_list li {
        width: calc(25% - 5px);
        margin-top: 6px
    }

    .wd_design_box_list li .iteam {
        background-color: none;
        border: 1px solid #fff;
        padding: 25% 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        position: relative
    }

    .wd_design_box_list li .iteam.last {
        justify-content: center
    }

    .wd_design_box_list li .num {
        font-size: 3.125vw;
        line-height: 100%;
        font-family: Antonio
    }

    .wd_design_box_list li .title_en {
        font-size: 1.4vw;
        margin-top: 6px;
        text-transform: uppercase;
        font-weight: bold
    }

    .wd_design_box_list li .title_cn {
        font-size: 14px
    }

    .wd_design_box_list li .title_cn:after {
        display: block;
        width: 14px;
        height: 1px;
        content: '';
        background-color: #fff;
        margin: 6px auto 0
    }

    .wd_design_box_list li .des {
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 0.729vw;
        line-height: 18px;
        text-align: center
    }

    .wd_design_box_list li .am-icon-angle-right {
        width: 45px;
        height: 45px;
        font-size: 30px;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .wd_design_box dd {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 45%
    }

    .wd_design_box dd .title_box {
        position: relative
    }

    .wd_design_box dd .title_box .title_bg {
        display: none;
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #444444;
        text-align: right
    }

    .wd_design_box dd .title_box .title {
        font-weight: bold;
        display: flex;
        justify-content: flex-end;
        margin-top: 8%
    }

    .wd_design_box dd .title_box .title .iteam {
        width: 70%
    }

    .wd_design_box dd .title_box .title_en {
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        font-family: Antonio;
        font-weight: normal
    }

    .wd_design_box dd .title_box .title_cn {
        margin-top: 10px;
        font-size: 27px
    }

    .wd_design_box dd .text {
        display: flex;
        justify-content: flex-end
    }

    .wd_design_box dd .text .des {
        width: 70%;
        padding-top: 15px;
        line-height: 30px
    }

    .subsystem {
        padding: 5.62% 0
    }

    .subsystem .web_w {
        display: flex;
        justify-content: space-between
    }

    .subsystem .left_title {
        width: 7.5%;
        font-family: 'Antonio';
        font-size: 3.125vw;
        line-height: 100%;
        text-transform: uppercase;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #cccccc;
        display: flex;
        align-items: flex-end
    }

    .subsystem .right_iteam {
        width: 92%
    }

    .subsystem .right_iteam .name {
        font-family: 'Antonio';
        font-size: 4vw;
        width: 80%;
        line-height: 100%;
        text-transform: uppercase;
        color: #00849b
    }

    .subsystem_list {
        margin-top: 7.2%
    }

    .subsystem_list dt {
        border-bottom: #333333 solid 1px;
        padding-bottom: 15px;
        font-weight: bold;
        font-size: 1.25vw
    }

    .subsystem_list dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 2.8%
    }

    .subsystem_list dd .iteam {
        width: 45%;
        margin-top: 4.5%
    }

    .subsystem_list dd .iteam .title {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #008173 solid 1px;
        padding-bottom: 10px
    }

    .subsystem_list dd .iteam .title .pic {
        width: 390px;
        height: 280px;
        position: relative;
        top: 10px
    }

    .subsystem_list dd .iteam .title .pic:after {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .subsystem_list dd .iteam .title .pic img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .subsystem_list dd .iteam .title .pic .num {
        font-family: 'Antonio';
        font-weight: normal;
        font-size: 3.125vw;
        line-height: 100%;
        position: absolute;
        left: 3%;
        top: 0;
        color: #fff;
        text-shadow: 0 0 10px #666
    }

    .subsystem_list dd .iteam .title .word {
        width: 68%;
        display: flex;
        flex-direction: column
    }

    .subsystem_list dd .iteam .title .word .ico img {
        max-height: 70px
    }

    .subsystem_list dd .iteam .title .word .title_en {
        font-family: 'Eina';
        font-size: 1.563vw;
        line-height: 100%;
        text-transform: uppercase;
        margin-top: 20px
    }

    .subsystem_list dd .iteam .text {
        margin-top: 15px;
        color: #666666;
        text-align: justify;
        word-break: break-all
    }

    .subsystem_list dd .iteam .content_maxHeight {
        max-height: 360px
    }

    .subsystem_list dd .iteam .content_minHeight {
        max-height: 88px;
        overflow: hidden
    }

    .subsystem_list dd .iteam .click_more {
        color: #666666
    }

    .subsystem_list dd .iteam .click_more:hover {
        color: #008173
    }

    .system_solutions {
        background-color: #efefef;
        padding: 8% 0
    }

    .system_solutions .name {
        display: flex;
        justify-content: space-between
    }

    .system_solutions .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 80%;
        position: relative;
        top: -10px
    }

    .system_solutions .title_cn {
        font-weight: bold
    }

    .system_solutions .subtitle {
        font-family: 'Eina';
        font-size: 1.953vw;
        line-height: 100%;
        text-transform: uppercase;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: flex-end
    }

    .system_solutions_ico {
        display: flex;
        margin-top: 5.625%
    }

    .system_solutions_ico .iteam {
        color: #666666;
        margin-left: 10.5%
    }

    .system_solutions_ico .iteam::before {
        display: block;
        content: '';
        width: 53px;
        height: 53px;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 5px
    }

    .system_solutions_ico .iteam:nth-of-type(1) {
        margin-left: 0
    }

    .system_solutions_ico .iteam:nth-of-type(2):before {
        background-position: -53px top
    }

    .system_solutions_ico .iteam:nth-of-type(3):before {
        background-position: -106px top
    }

    .system_solutions .solution_list {
        opacity: 1;
        margin-top: 5.625%
    }

    .system_hardware {
        background-color: #535353;
        padding: 5% 0;
        color: #fff
    }

    .system_hardware .name {
        display: flex;
        justify-content: space-between
    }

    .system_hardware .title_en {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #fff;
        width: 30%;
        position: relative;
        top: -10px
    }

    .system_hardware .title_cn {
        font-weight: bold
    }

    .system_hardware .subtitle {
        display: flex;
        flex-direction: column;
        text-align: right;
        align-items: flex-end
    }

    .system_hardware .subtitle::before {
        display: block;
        content: '';
        width: 53px;
        height: 53px;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: left -53px;
        margin-bottom: 5px
    }

    .system_hardware_list {
        margin: 2% -1.4% 0
    }

    .system_hardware_list dd .iteam {
        padding: 0 4%
    }

    .system_hardware_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .system_hardware_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .system_hardware_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .system_hardware_list dd .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .system_hardware_list dd .title {
        margin-top: 30px;
        display: flex;
        flex-direction: column
    }

    .system_hardware_list dd .title strong {
        font-weight: normal
    }

    .system_hardware_list dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: 15px
    }

    .system_hardware_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -12%
    }

    .system_hardware_list .slick-dots li {
        height: 22px;
        width: 22px;
        margin: 0 10px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #fff solid 1px
    }

    .system_hardware_list .slick-dots li.slick-active {
        border-color: #008173
    }

    .system_hardware_list .slick-dots li button {
        background: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 11px;
        color: #fff
    }

    .system_hardware_list .slick-dots li.slick-active button {
        color: #008173
    }

    .system_hardware_list .slick-dots li button::before {
        display: none
    }

    .system_hardware_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: -65px 0 0 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        bottom: 0;
        z-index: 10
    }

    .system_hardware_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .system_hardware_list .slick-prev {
        left: -30px
    }

    .system_hardware_list .slick-next {
        right: -30px
    }

    .system_hardware_list .slick-next:hover,
    .system_hardware_list .slick-prev:hover {
        opacity: 1;
        border-color: #fff
    }

    .system_hardware_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .system_hardware_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .system_hardware_list .slick-arrow:hover:before {
        color: #fff !important
    }

    .auxiliary_system_parts {
        background-color: #efefef;
        padding: 5% 0 8%
    }

    .auxiliary_system_parts.last {
        background-color: #fff
    }

    .auxiliary_system_parts .name {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #333 solid 1px
    }

    .auxiliary_system_parts .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 55%
    }

    .auxiliary_system_parts .title span {
        font-size: 0.833vw;
        color: #333;
        margin-left: 10px
    }

    .auxiliary_system_parts .subtitle {
        display: flex;
        flex-direction: column;
        text-align: right;
        align-items: flex-end;
        position: relative;
        bottom: 20px
    }

    .auxiliary_system_parts_list {
        margin: 5.2% -1.6% 0
    }

    .auxiliary_system_parts_list .iteam {
        padding: 0 4.5%
    }

    .auxiliary_system_parts_list .text {
        width: 100%;
        border-bottom: #666666 solid 1px;
        padding-bottom: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .auxiliary_system_parts_list .img {
        width: 59.25%;
        position: relative;
        overflow: hidden
    }

    .auxiliary_system_parts_list .img:before {
        display: block;
        content: '';
        padding-bottom: 128.125%
    }

    .auxiliary_system_parts_list img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .auxiliary_system_parts_list .text span {
        display: block;
        width: 100%;
        font-family: 'Eina';
        font-size: 1.625vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 2
    }

    .auxiliary_system_parts_list .des {
        margin-top: 15px;
        color: #666666
    }

    .auxiliary_system_parts_list .ms {
        color: #666666;
        font-size: 12px;
        margin-top: 15px;
        height: 136px;
        overflow: hidden;
        text-align: justify
    }

    .auxiliary_system_parts_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: rgba(0, 0, 0, 0.5);
        background: none;
        border: rgba(0, 0, 0, 0.5) solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        top: auto;
        bottom: -12%;
        z-index: 10
    }

    .auxiliary_system_parts_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .auxiliary_system_parts_list .slick-prev {
        left: 50%;
        margin-left: -40px
    }

    .auxiliary_system_parts_list .slick-next {
        right: 50%;
        margin-right: -40px
    }

    .auxiliary_system_parts_list .slick-next:hover,
    .auxiliary_system_parts_list .slick-prev:hover {
        opacity: 1
    }

    .auxiliary_system_parts_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        opacity: 1
    }

    .auxiliary_system_parts_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        opacity: 1
    }

    .auxiliary_system_parts_list .slick-arrow:hover {
        color: #008173;
        border-color: #008173
    }

    .auxiliary_system_parts_list .slick-arrow:hover:before {
        color: #008173
    }

    .click_more {
        display: block;
        margin-top: 15px
    }

    .click_more i {
        margin-left: 5px;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .click_more:hover i {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px)
    }

    .auxiliary_system_parts_list .click_more {
        font-size: 12px;
        color: #666
    }

    .auxiliary_system_parts_list .click_more:hover,
    .click_more.on {
        color: #008173
    }

    .system_software {
        background-color: #535353;
        padding: 5% 0;
        color: #fff
    }

    .system_software .name {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #666666 solid 1px
    }

    .system_software .name .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .system_software .name .title span {
        font-size: 0.833vw;
        color: #fff;
        margin-left: 10px
    }

    .system_software_list {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 5%
    }

    .system_software_list li {
        width: 150px;
        margin-left: 1.6%;
        margin-top: 2rem
    }

    .system_software_list li:first-of-type {
        margin-left: 0
    }

    .system_software_list li img {
        width: 150px;
        height: 200px
    }

    .system_software_list li .text {
        font-size: 0.729vw;
        margin-top: 1.5rem;
        text-transform: uppercase
    }

    .system_software_des {
        margin-top: 5.2%
    }

    .system_software_des .title {
        font-family: 'Eina';
        font-size: 1.354vw;
        border-bottom: #fff solid 1px;
        padding-bottom: 2rem;
        text-transform: uppercase
    }

    .system_software_des .ms {
        margin-top: 2rem;
        text-align: justify;
        word-break: break-all
    }

    .system_equipment {
        background-color: #efefef;
        padding: 5% 0
    }

    .system_equipment .web_w {
        display: flex;
        justify-content: space-between
    }

    .system_equipment .name {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 34.3%
    }

    .system_equipment .name .title {
        color: #008173;
        display: flex;
        flex-direction: column
    }

    .system_equipment .name .title strong {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase
    }

    .system_equipment .name .title span {
        font-size: 1.354vw;
        margin-top: 1rem
    }

    .system_equipment_list {
        width: 62%
    }

    .system_equipment_list dd .iteam {
        margin-left: 8%
    }

    .system_equipment_list dd .img {
        position: relative;
        overflow: hidden
    }

    .system_equipment_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .system_equipment_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 132.82%
    }

    .system_equipment_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .system_equipment_list dd:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .system_equipment_list dd:hover .text {
        background-color: #d2d2d2
    }

    .system_equipment_list dd .text {
        background-color: #fff;
        padding: 5%;
        color: #008173;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .system_equipment_list dd .text .title {
        text-transform: uppercase
    }

    .system_equipment_list dd .text .title:after {
        display: block;
        content: '';
        width: 30px;
        height: 1px;
        background-color: #008173;
        margin: 1rem 0 .8rem
    }

    .system_equipment_list dd .text .des {
        font-size: 0.75vw;
        text-align: justify;
        margin-top: 1rem
    }

    .system_equipment_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -8%
    }

    .system_equipment_list .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #333 solid 1px
    }

    .system_equipment_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .system_equipment_list .slick-dots li button {
        display: none
    }

    .rd_center {
        padding: 8% 0;
        background-color: #efefef
    }

    .rd_center .web_w {
        display: flex;
        justify-content: space-between
    }

    .rd_center .left_title {
        width: 21%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .rd_center .left_title .title_en {
        font-family: 'Eina';
        font-size: 3vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .rd_center .left_title .title_cn {
        margin-top: 10px;
        font-weight: bold
    }

    .rd_center .right_text {
        width: 59%
    }

    .rd_center .line {
        width: 1px;
        height: 60%;
        background-color: #008173
    }

    .rd_center_list {
        margin: 0 -5%
    }

    .rd_center_list li {
        padding: 0 5%;
        margin-top: 5%;
        color: #666666
    }

    .rd_center_list li:nth-of-type(1),
    .rd_center_list li:nth-of-type(2) {
        margin-top: 0
    }

    .rd_center_list li .ico {
        display: flex;
        max-height: 70px
    }

    .rd_center_list li .title_en {
        font-size: 1.563vw;
        margin-top: 15px;
        line-height: 110%;
        font-weight: 300;
        font-family: "\5FAE\8F6F\96C5\9ED1"
    }

    .rd_center_list li .title_cn {
        margin-top: 5px;
        font-size: 0.729vw
    }

    .rd_team_person {
        padding: 4.2% 0 8%;
        background-color: #333333;
        color: #fff
    }

    .rd_team_person .name {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        display: flex;
        align-items: center
    }

    .rd_team_person .name:after {
        display: block;
        content: '';
        height: 1px;
        width: 100px;
        background-color: #fff;
        margin-left: 10px
    }

    .rd_team_person_box {
        display: flex;
        justify-content: space-between;
        padding-right: 5%;
        margin-top: 3.6%
    }

    .rd_team_person_box .img {
        width: 67%;
        position: relative;
        z-index: 2
    }

    .rd_team_person_box .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .rd_team_person_box .text {
        width: 29%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        position: relative
    }

    .rd_team_person_box .text .title_bg {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #444444;
        text-align: right;
        white-space: nowrap;
        position: absolute;
        right: 0;
        top: -10%;
        z-index: 1
    }

    .rd_team_person_box .text .title_box {
        position: relative;
        z-index: 2
    }

    .rd_team_person_box .text .title_box .title {
        font-weight: bold;
        display: flex;
        flex-direction: column
    }

    .rd_team_person_box .text .title_box .title_en {
        font-family: 'Eina';
        font-size: 3.6vw;
        line-height: 100%;
        text-transform: uppercase;
        width: 80%
    }

    .rd_team_person_box .text .title_box .title_cn {
        margin-top: 10px
    }

    .rd_team_person_box .text .des {
        border-top: #fff solid 1px;
        padding-top: 15px;
        max-height: 50%;
        text-align: justify
    }

    .rd_team_des {
        padding: 8% 0;
        background-color: #efefef
    }

    .rd_team_des .web_w {
        display: flex;
        justify-content: space-between
    }

    .rd_team_des .left_title {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .rd_team_des .left_title .title_num {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .rd_team_des .left_title .title_en {
        font-size: 1.25vw;
        margin-top: 10px
    }

    .rd_team_des .left_title .des {
        text-transform: uppercase
    }

    .rd_team_des .line {
        width: 1px;
        height: 40%;
        background-color: #008173
    }

    .rd_team_des .right_text {
        width: 50%;
        color: #666666;
        text-align: justify
    }

    .state_chain_channel {
        background-color: #333333;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        color: #fff;
        padding: 8% 0;
        position: relative
    }

    .state_chain_channel .color_bg {
        display: block;
        width: 24.5%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #008173
    }

    .state_chain_channel .web_w {
        display: flex;
        justify-content: space-between
    }

    .state_chain_channel .left_iteam {
        width: 32%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 3
    }

    .state_chain_channel .left_iteam .title {
        display: flex;
        flex-direction: column
    }

    .state_chain_channel .left_iteam .title span {
        font-weight: bold;
        text-transform: uppercase;
        display: flex;
        align-items: center
    }

    .state_chain_channel .left_iteam .title span:after {
        display: block;
        content: '';
        height: 1px;
        width: 100px;
        background-color: #fff;
        margin-left: 10px
    }

    .state_chain_channel .left_iteam .title strong {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase
    }

    .state_chain_channel .right_iteam {
        width: 66%;
        z-index: 3
    }

    .state_chain_channel_list {
        margin-left: -5%
    }

    .state_chain_channel_list dd .iteam {
        padding: 0 0 0 8%
    }

    .state_chain_channel_list dd .text {
        position: relative
    }

    .state_chain_channel_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .state_chain_channel_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 65.29%
    }

    .state_chain_channel_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .state_chain_channel_list dd .title {
        margin-top: 8%;
        border-bottom: #fff solid 1px;
        padding-bottom: 20px
    }

    .state_chain_channel_list dd .title strong {
        font-family: 'Eina';
        font-size: 1.563vw;
        line-height: 100%
    }

    .state_chain_channel_list dd .des {
        margin-top: 15px;
        max-height: 150px;
        overflow: hidden;
        text-align: justify
    }

    .state_chain_channel_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.6;
        top: auto;
        bottom: -8%;
        z-index: 10
    }

    .state_chain_channel_list .slick-prev {
        left: auto;
        right: 60px
    }

    .state_chain_channel_list .slick-next {
        right: 0
    }

    .state_chain_channel_list .slick-next:hover,
    .state_chain_channel_list .slick-prev:hover {
        opacity: 1
    }

    .state_chain_channel_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .state_chain_channel_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .new_trends_and_new_models {
        background-color: #efefef;
        padding: 5% 0 8%
    }

    .new_trends_and_new_models .name {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #333 solid 1px;
        padding-bottom: 20px
    }

    .new_trends_and_new_models .title {
        font-family: 'Eina';
        font-size: 3vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 80%
    }

    .new_trends_and_new_models .title_w1 {
        width: 50%
    }

    .new_trends_and_new_models .title span {
        font-size: 0.833vw;
        color: #333;
        margin-left: 10px
    }

    .new_trends_and_new_models .subtitle {
        display: flex;
        flex-direction: column;
        text-align: right;
        align-items: flex-end
    }

    .new_trends_and_new_models_list {
        margin: 5% -1.6% 0
    }

    .new_trends_and_new_models_list .iteam {
        padding: 5% 4.5% 0
    }

    .new_trends_and_new_models_list .text {
        width: 100%;
        border-bottom: #666666 solid 1px;
        padding-bottom: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .new_trends_and_new_models_list .img {
        width: 36.9%;
        position: relative
    }

    .new_trends_and_new_models_list .img:before {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .new_trends_and_new_models_list img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        z-index: 1
    }

    .new_trends_and_new_models_list .img .num {
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        position: absolute;
        left: -20%;
        top: -10%;
        color: #008173;
        z-index: 2
    }

    .new_trends_and_new_models_list .text span {
        display: block;
        width: 100%;
        font-family: 'Eina';
        font-size: 26px;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 2
    }

    .new_trends_and_new_models_list .des {
        margin-top: 15px;
        color: #666666
    }

    .new_trends_and_new_models_list .ms {
        color: #666666;
        margin-top: 15px;
        max-height: 150px;
        overflow: hidden;
        text-align: justify
    }

    .new_trends_and_new_models_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: 0;
        color: rgba(0, 0, 0, 0.5);
        background: none;
        border: rgba(0, 0, 0, 0.5) solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        top: auto;
        bottom: -12%;
        z-index: 10
    }

    .new_trends_and_new_models_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .new_trends_and_new_models_list .slick-prev {
        left: 50%;
        margin-left: -40px
    }

    .new_trends_and_new_models_list .slick-next {
        right: 50%;
        margin-right: -40px
    }

    .new_trends_and_new_models_list .slick-next:hover,
    .new_trends_and_new_models_list .slick-prev:hover {
        opacity: 1
    }

    .new_trends_and_new_models_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        opacity: 1
    }

    .new_trends_and_new_models_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        opacity: 1
    }

    .new_trends_and_new_models_list .slick-arrow:hover {
        color: #008173;
        border-color: #008173
    }

    .new_trends_and_new_models_list .slick-arrow:hover:before {
        color: #008173
    }

    .labobr_tory {
        display: flex;
        justify-content: space-between
    }

    .labobr_tory .img {
        width: 60%;
        position: relative
    }

    .labobr_tory .img:after {
        display: block;
        content: '';
        padding-bottom: 78.67%
    }

    .labobr_tory .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        z-index: 1
    }

    .labobr_tory .text {
        width: 40%;
        background-color: #008173;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5% 0 2.2%
    }

    .labobr_tory .text .title_en {
        font-family: 'Eina';
        font-size: 3vw;
        line-height: 100%;
        width: 90%
    }

    .labobr_tory .text .ms {
        margin-top: 5%
    }

    .labobr_tory .text .ms span {
        font-size: 1.25vw;
        line-height: 120%
    }

    .labobr_tory .text .ms::before {
        display: block;
        content: '';
        width: 25px;
        height: 1px;
        background-color: #fff;
        margin-bottom: 10px
    }

    .labobr_tory .text .content {
        margin-top: 10%;
        max-height: 45%;
        overflow: hidden;
        text-align: justify
    }

    .model_workshop {
        padding: 8% 0;
        background-color: #efefef
    }

    .model_workshop .web_w {
        display: flex;
        justify-content: space-between
    }

    .model_workshop .left_title {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .model_workshop .left_title .title_en {
        font-family: 'Eina';
        font-size: 2.5vw;
        width: 90%;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .model_workshop .line {
        width: 1px;
        height: 40%;
        background-color: #008173
    }

    .model_workshop .left_title .des {
        text-transform: uppercase
    }

    .model_workshop .right_text {
        width: 50%;
        color: #666666
    }

    .system_landing_platform {
        display: flex;
        justify-content: space-between;
        position: relative
    }

    .system_landing_platform .img {
        width: 60%;
        position: relative;
        z-index: 3
    }

    .system_landing_platform .img:after {
        display: block;
        content: '';
        padding-bottom: 78.67%
    }

    .system_landing_platform .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1
    }

    .system_landing_platform .text {
        width: 40%;
        background-color: #008173;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 2.2% 0 5%;
        position: relative;
        z-index: 1
    }

    .system_landing_platform .title {
        font-family: 'Eina';
        font-size: 5.208vw;
        line-height: 100%;
        text-transform: uppercase;
        position: absolute;
        left: -10px;
        top: -15px;
        z-index: 2;
        color: rgba(204, 204, 204, 0.3)
    }

    .system_landing_platform .text .title_en {
        font-size: 1.25vw;
        line-height: 100%
    }

    .system_landing_platform .text .title_en:before {
        display: block;
        content: '';
        width: 30px;
        height: 1px;
        background-color: #fff;
        margin-bottom: 10px
    }

    .system_landing_platform .text .title_cn {
        font-weight: bold;
        margin-top: 5px
    }

    .system_landing_platform .text .content {
        margin-top: 15%;
        max-height: 60%;
        overflow: hidden;
        text-align: justify
    }

    .solution_exhibition {
        padding: 4% 0
    }

    .solution_exhibition .web_w {
        display: flex;
        justify-content: space-between
    }

    .solution_exhibition .left_title {
        width: 10%;
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: flex-end
    }

    .solution_exhibition .right_con {
        width: 90%
    }

    .solution_exhibition .right_con .title_en {
        font-family: 'Eina';
        font-size: 3vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 90%
    }

    .solution_exhibition .right_con .title_cn {
        margin-top: 1%
    }

    .solution_exhibition_list {
        margin: 4% -15px 0
    }

    .solution_exhibition_list li {
        padding: 0 15px;
        margin-top: 30px
    }

    .solution_exhibition_list li .img {
        position: relative;
        overflow: hidden
    }

    .solution_exhibition_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 67.35%
    }

    .solution_exhibition_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .solution_exhibition_list li .img .box {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        padding: 10px;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s;
        background-color: rgba(0, 129, 115, 0.4)
    }

    .solution_exhibition_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .solution_exhibition_list li .img:hover .box {
        opacity: 1
    }

    .page_list {
        text-align: center;
        margin-top: 40px
    }

    .page_list a {
        display: inline-block;
        margin: 0 10px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        border-radius: 50%;
        background-color: #f2f2f2
    }

    .page_list .page-num-current {
        background-color: #008173;
        color: #fff
    }

    .news_page_pages {
        margin-top: 40px;
        padding: 20px 0;
        border-top: #dedede solid 1px;
        border-bottom: #dedede solid 1px;
        position: relative
    }

    .news_page_pages dt {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -11px
    }

    .news_page_pages dd {
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .error_x {
        text-align: center;
        height: 150px;
        line-height: 150px;
        color: #595959
    }

    .error_x i {
        margin-right: 10px
    }

    .page_rel {
        margin-top: 40px
    }

    .page_rel_title {
        background-color: #f2f2f2;
        padding: 10px 20px;
        color: #000;
        font-weight: bold
    }

    .page_rel_title a {
        float: right;
        font-weight: normal
    }

    .search_list {
        display: flex;
        background-color: #fff;
        margin-bottom: 25px;
        border-bottom: #f2f2f2 solid 1px;
        padding-bottom: 25px
    }

    .search_list dt {
        width: 180px;
        height: 120px;
        display: flex
    }

    .search_list dt a {
        width: 100%;
        height: block;
        position: relative
    }

    .search_list dt img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: contain
    }

    .search_list dd {
        width: calc(100% - 180px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 20px
    }

    .search_list dd h2 {
        margin: 0
    }

    .search_list dd .card-text {
        color: #666;
        font-size: 15px;
        margin: 6px 0
    }

    .search_list dd .card-sort {
        font-size: 13px;
        color: #999
    }

    .search_list dd .card-sort span {
        margin-right: 20px
    }

    .search_list dd .card-sort span:last-of-type {
        margin-right: 0
    }

    .search_list dd .card-sort a {
        color: #999
    }

    .search_list dd .card-sort a:hover {
        color: #008173
    }

    .tag_list_all {
        margin: 0 -8px
    }

    .tag_list_all li {
        padding: 0 8px;
        margin-bottom: 16px
    }

    .tag_list_all li a {
        display: block;
        background-color: #999;
        color: #fff;
        text-align: center;
        padding: 8px
    }

    .tag_list_all li a:hover {
        background-color: #008173
    }
}

@media screen and (min-width: 800px) and (max-width: 1600px) {

    body,
    .am-paragraph-default,
    .am-paragraph-default p,
    .section_case_list li .title {
        font-size: 12px
    }

    .section_brand_culture .content .left_iteam .title_3 span,
    .section_case .left_iteam .title_3 span {
        font-size: 14px
    }

    .header .menu_nav a {
        margin-right: 3%;
        font-size: 14px
    }

    .menu_popup_nav .iteam {
        margin: 2% 0 0
    }

    .menu_popup_nav .title strong {
        border-bottom: #008173 solid 3px
    }
}

@media screen and (min-width: 800px) and (max-width: 1440px) {
    .header .menu_nav a {
        margin-right: 7.5%;
        font-size: 13px
    }

    .section_contact .search_form {
        height: 24px
    }

    .section_contact .search_form input[type="text"] {
        font-size: 12px
    }

    .section_contact .right_info_menu li {
        margin: 1% 0
    }

    .section_news_list {
        margin-top: 3%
    }

    .section_product .web_w {
        padding-top: 2%
    }

    .brand_profile_1 .content_maxHeight {
        max-height: 160px
    }

    .brand_profile_3 .content_maxHeight {
        max-height: 316px
    }
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
    .header .menu_nav a {
        margin-right: 2%;
        font-size: 12px
    }

    .section_brand_profile .text .title_2,
    .section_solution .title_cn {
        font-size: 14px
    }

    .section_banner .text .title_en {
        font-size: 21px
    }

    .section_banner .text .title_en strong,
    .section_solution .title_en,
    .brand_profile_1 .iteam_left .title_en {
        font-size: 60px
    }

    .section_brand_profile .text .des .title,
    .section_brand_culture .content .left_iteam .title {
        font-size: 62px
    }

    .section_product .left_title {
        font-size: 38px
    }

    .menu_popup_nav .iteam {
        margin: 0
    }

    .solution_list {
        margin-top: 2%
    }
}

@media screen and (min-width: 800px) {

    .register_form,
    .login_form {
        width: 500px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -250px;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 10;
        padding: 30px;
        box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5), 0px 0px 150px rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        font-size: 14px
    }

    .user_form fieldset {
        margin: 0
    }

    .user_form .am-form-field {
        font-size: 15px !important;
        padding: 0.6em 0.5em !important
    }

    .user_form .ksubmit:focus {
        outline: none
    }

    .user_tab_nav {
        display: flex;
        justify-content: space-between;
        background-color: #fff
    }

    .user_tab_nav a {
        width: 25%;
        padding: 12px;
        text-align: center;
        border-right: #008173 solid 1px;
        border-bottom: #ccc solid 1px;
        font-size: 16px
    }

    .user_tab_nav a:last-of-type {
        border-right: none
    }

    .user_tab_nav a.active {
        background-color: #008173;
        color: #fff;
        border-bottom: #008173 solid 1px
    }

    .user_tab_con {
        background-color: #fff;
        padding: 30px
    }

    .user_head_pic {
        width: 70px;
        height: 70px;
        object-fit: cover;
        border-radius: 50%;
        background-color: #008173;
        padding: 3px
    }

    .user_modal .am-modal-footer {
        display: flex;
        justify-content: space-between
    }

    .user_modal .am-modal-footer .am-btn {
        width: 58%;
        border: none;
        font-size: 15px;
        color: #008173
    }

    .user_modal .am-modal-footer .am-btn:first-of-type {
        border-right: #dedede solid 1px
    }

    .user_modal .file-caption-main {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .user_modal .file-caption-main .form-control {
        width: 80%
    }

    .user_modal .file-caption .file-caption-name {
        border: #dedede solid 1px;
        padding: .5em;
        height: 38px
    }

    .user_modal .file-caption-main .input-group-btn {
        width: 20%;
        display: flex;
        justify-content: space-between
    }

    .user_modal .fileinput-remove-button {
        display: block !important
    }

    .user_modal .file-error-message {
        margin: 10px auto 0;
        position: relative;
        padding: 10px
    }

    .user_modal .file-error-message .kv-error-close,
    .user_modal .file-preview .close {
        position: absolute;
        right: 8px;
        top: 5px;
        background: none;
        padding: 0;
        margin: 0;
        border: none
    }

    .am-comments-list .am-comment .am-commentsub {
        margin: 1.6rem 0;
        padding: 0 1rem
    }

    .cpzx {
        margin-top: 104px
    }

    .cpzx-title {
        text-align: center;
        border-bottom: 1px solid #767676;
        margin-bottom: 80px;
        padding-bottom: 40px
    }

    .cpzx-title h2 {
        font-size: 32px;
        color: #444241
    }

    .cpzx-title h3 {
        font-size: 16px;
        color: #6a5b54
    }

    .cpzx-t {
        font-size: 30px;
        color: #010101;
        margin-bottom: 57px;
        margin-left: 401px
    }

    .cpzx-b {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative
    }

    .cpzx-l {
        width: 280px
    }

    .cpzx-l1 {
        display: flex;
        align-items: center;
        line-height: 15px;
        padding-bottom: 24px;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px
    }

    .cpzx-l1 a {
        display: block;
        color: #000
    }

    .cpzx-l1 a.a1 {
        padding-left: 32px;
        background: url(../images/cpzx-tb9.png) no-repeat center left;
        height: 20px
    }

    .cpzx-l1 p {
        margin: 0 8px
    }

    .cpzx-l1 a.a2 {
        color: #d6001d
    }

    .cpzx-l dl {
        border-bottom: 1px solid #eee
    }

    .cpzx-l dl dt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        padding-right: 11px;
        line-height: 59px
    }

    .cpzx-l dl dt a {
        display: block;
        color: #000
    }

    .cpzx-l dl dt span {
        display: block;
        width: 8px;
        height: 8px;
        background: url(../images/cpzx-tb4.jpg) no-repeat center
    }

    .cpzx-l dl dt span.up {
        background: url(../images/cpzx-tb5.jpg) no-repeat center
    }

    .cpzx-l dl dd {
        border-bottom: 1px solid #eee;
        padding-bottom: 23px;
        padding-right: 11px
    }

    .cpzx-l dl dd .div1 {
        padding-top: 20px
    }

    .cpzx-l dl dd h3 {
        font-size: 12px;
        margin-bottom: 19px
    }

    .cpzx-l dl dd a {
        display: block;
        line-height: 24px;
        color: #5f5f5f;
        font-size: 12px;
        background: url(../images/cpzx-tb6.jpg) no-repeat center right
    }

    .cpzx-l dl dd a.active {
        background: url(../images/cpzx-tb7.jpg) no-repeat center right
    }

    .cpzx-l dl dd a:hover {
        color: #d6001d
    }

    .cpzx-r {
        width: calc(100% - 340px);
        padding-left: 60px;
        border-left: 1px solid #eee;
        padding-bottom: 120px
    }

    .cpzx-r1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cpzx-r1 a {
        display: block;
        width: calc(50% - 10px);
        font-size: 16px;
        color: #000
    }

    .cpzx-r1 a:nth-child(1) {
        width: 100%;
        margin-bottom: 40px
    }

    .cpzx-r1 a h4 {
        margin-bottom: 20px;
        overflow: hidden
    }

    .cpzx-r1 a h4 img {
        display: block;
        width: 100%
    }

    .cpzx-r1 a p {
        transition: all 0s
    }

    .cpzx-r1 a:hover {
        color: #d6001d
    }

    .cpzx-r1 a:hover img {
        transform: scale(1.1)
    }

    .cpzx-r2>h3 {
        font-size: 20px;
        margin-bottom: 40px
    }

    .cpzx-r2 dt {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .cpzx-r2 dt a {
        display: block;
        width: calc(33% - 15px);
        margin-right: 25px;
        margin-bottom: 20px;
        text-align: center;
        color: #000;
        position: relative
    }

    .cpzx-r2 dt a:nth-child(3n) {
        margin-right: 0
    }

    .cpzx-r2 dt a h4 {
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 17px;
        border: 1px solid #ccc
    }

    .cpzx-r2 dt a span {
        position: absolute;
        right: 2%;
        bottom: 2%;
        font-size: 12px;
        font-weight: normal;
        border: 1px solid #656566;
        padding: 5px 10px;
        text-transform: uppercase
    }

    .cpzx-r2 dt a h4 img {
        display: block;
        width: 100%;
        transition: all 0.5s
    }

    .cpzx-r2 dt a h3 {
        font-size: 14px;
        line-height: 18px;
        text-align: left
    }

    .cpzx-r2 dt a p {
        line-height: 18px;
        color: #5f5f5f;
        font-size: 12px;
        text-align: left
    }

    .cpzx-r2 dt a:hover img {
        transform: scale(1.1)
    }

    .cpzx-r2 dt a:hover h3 {
        color: #d6001d
    }

    .cpzx-r2 dd {
        display: flex;
        justify-content: flex-end
    }

    .cpzx-r2 dd a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 35px;
        border-radius: 50px;
        border: 1px solid #eee;
        color: #000
    }

    .cpzx-r2 dd a img {
        margin-left: 16px
    }

    .cpzx-r2 dd a:hover {
        color: #d6001d
    }

    .sjsx {
        position: fixed;
        z-index: 100000;
        height: 100vh;
        transition: all 0.5s;
        overflow: hidden
    }

    .sjsx1 {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: all 0.5s;
        display: none
    }

    .sjsx2 {
        position: fixed;
        z-index: 2;
        width: 86%;
        background: #fff;
        transition: all 0.5s;
        height: 100vh;
        right: -86%;
        padding: 15px;
        top: 0
    }

    .sjsx2-t {
        height: calc(100% - 60px);
        margin-bottom: 20px;
        overflow: auto
    }

    .sjsx2-t dl {
        margin-bottom: 15px
    }

    .sjsx2-t dl h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .sjsx2-t dl dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .sjsx2-t dl dd p {
        width: 100%;
        color: #666;
        margin-bottom: 10px
    }

    .sjsx2-t dl dd a {
        display: block;
        text-align: center;
        line-height: 35px;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        border-radius: 5px;
        color: #000;
        background: #f4f4f4;
        font-size: 12px
    }

    .sjsx2-t dl dd a.active {
        background: #d6001d;
        color: #fff
    }

    .sjsx2-b {
        display: flex;
        justify-content: space-between
    }

    .sjsx2-b a {
        display: block;
        text-align: center;
        line-height: 38px;
        width: calc(100% - 5px);
        border-radius: 5px;
        border: 1px solid #000;
        color: #000
    }

    .sjsx2-b a.a2 {
        background: #000;
        color: #fff
    }

    .cpzx-z {
        background: #fff;
        box-sizing: border-box;
        width: 1200px;
        margin: 70px auto
    }

    .cpzx-detail {
        text-align: left
    }

    .cpzx-detail .info {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cpzx-detail .info .pic {
        width: 45%;
        border: 1px solid #bcbcbc;
        padding: 10px
    }

    .cpzx-detail .info .text {
        width: 50%
    }

    .cpzx-detail .info .text h2 {
        font-size: 1.3vw;
        padding-bottom: 5%
    }

    .cpzx-detail .info .text p {
        font-size: 14px;
        color: #686868;
        line-height: 2.3
    }

    .cpzx-detail .content {
        padding: 5% 0
    }

    .cpzx-detail .content .tit {
        position: relative;
        padding: 10px 0 0 20px
    }

    .cpzx-detail .content .tit::before {
        content: "";
        display: block;
        width: 2px;
        height: 30px;
        background: #a4a3a3;
        position: absolute;
        left: 0;
        top: 10px
    }

    .cpzx-detail .content .tit::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 5px;
        right: 0;
        height: 2px;
        background: #a4a3a3
    }

    .cpzx-detail .content .tit h2 {
        font-size: 1.3vw;
        color: #3c3c3c;
        display: inline-block;
        vertical-align: middle
    }

    .cpzx-detail .content .tit span {
        font-style: 14px;
        color: #aeadad
    }

    .cpzx-detail .content .text {
        text-align: center
    }
}

@media screen and (max-width: 799px) {
	    .serve-part3 .pic{position: relative;width: 100%;padding-bottom: 76.92%;}
    .serve-part3 .txt{width: 100%;}

    .serve-part3 .btn{position: relative;top: auto;transform: none;margin-top: 10px;right: auto;}
    .serve-part3 .follow{margin-top: 35px;padding-top: 30px;}
    .serve-part3 .follow .qrcode{width: 48%;margin-right: 2%;}
    .serve-part3 .follow .qrcode:nth-child(2n){margin-right: 0;}
	  .title h2,.title .cn {
        font-size: 14px !important;
        line-height: 1
    }

    .title h3,.title .en {
        font-size: 16px !important
    }
	
	.footer .log img{
	width:180px;
	}
	
    .web_w {
        width: 100%
    }

    .am-paragraph-default {
        margin: 0;
        color: #333333;
        font-size: 15px;
        text-align: justify
    }

    .am-paragraph-default img {
        max-width: 100%;
        border: none;
        padding: 0;
        margin: 0;
        display: inline;
        height: auto
    }

    .am-paragraph-default p {
        margin: 0 0 10px 0;
        font-size: 15px
    }

    .am-paragraph-default p,
    .am-paragraph-default a {
        color: #333333
    }

    .am-paragraph-default video,
    .am-paragraph-default iframe {
        display: block
    }

    .am-paragraph-default a:hover {
        color: #008173
    }

    .am-pureview-actions a {
        position: static;
        float: right;
        text-align: center
    }

    .am-icon-chevron-left:before {
        font-family: 'FontAwesome';
        content: "\f00d"
    }

    .am-pureview-direction a:before {
        font-family: 'FontAwesome'
    }

    .am-pureview-slider img {
        object-fit: contain
    }

    .am-pureview-title {
        text-align: center
    }

    .picture-hover-animate {
        display: block;
        position: relative;
        overflow: hidden
    }

    .picture-hover-animate:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        visibility: visible;
        width: 160px;
        height: 160px;
        margin: auto;
        content: '';
        transition: all 0.6s ease-in-out;
        transform: scale(6);
        opacity: 1;
        border: 80px solid rgba(0, 0, 0, 0.1);
        border-radius: 80px
    }

    .picture-hover-animate:hover:after {
        visibility: hidden;
        opacity: 0;
        border: 0 solid rgba(0, 0, 0, 0.1)
    }

    .am-pureview-slider li.am-active .pinch-zoom-container {
        min-height: 50px;
        background-image: url(../img/loading.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-repeat: 50px auto
    }

    .am-pureview-slider .am-pinch-zoom::after {
        display: none
    }

    .am-table-striped>tbody>tr:nth-child(2n+1)>td,
    .am-table-striped>tbody>tr:nth-child(2n+1)>th {
        background-color: #f5f5f5
    }

    .am-table tr td,
    .am-table tr th {
        vertical-align: middle !important
    }

    iframe#sp {
        width: 100%;
        height: 200px
    }

    body {
        padding-top: 0 !important
    }

    .t-c {
        text-align: center !important
    }

    .d-x {
        display: block !important
    }

    .d-y {
        display: none !important
    }

    .display,
    .heat,
    .head {
        display: none !important
    }

    .l-h {
        line-height: 24px !important
    }

    .d-x {
        display: block !important
    }

    .w100 {
        width: 100% !important
    }

    .w30,
    .top_popupbox {
        width: calc(100% - 30px) !important
    }

    .sousou3 {
        top: 60px
    }

    .sousou3 #Search {
        width: 50%;
        margin-left: 5px
    }

    .h {
        height: auto !important
    }

    .margin {
        margin: 40px auto !important
    }

    .margin0 {
        margin: 0 !important
    }

    .margin1 {
        margin: 10px !important
    }

    .margin2 {
        margin: 20px !important
    }

    .margin3 {
        margin: 30px !important
    }

    .margin4 {
        margin: 40px !important
    }

    .m-l {
        margin-left: 0 !important
    }

    .m-l1 {
        margin-left: 10px !important
    }

    .m-l2 {
        margin-left: 20px !important
    }

    .m-l3 {
        margin-left: 30px !important
    }

    .m-l4 {
        margin-left: 40px !important
    }

    .m-r {
        margin-right: 0px !important
    }

    .m-r1 {
        margin-right: 10px !important
    }

    .m-r2 {
        margin-right: 20px !important
    }

    .m-r3 {
        margin-right: 30px !important
    }

    .m-r4 {
        margin-right: 40px !important
    }

    .m-t {
        margin-top: 0 !important
    }

    .m-t1 {
        margin-top: 10px !important
    }

    .m-t2 {
        margin-top: 20px !important
    }

    .m-t3 {
        margin-top: 30px !important
    }

    .m-t4 {
        margin-top: 40px !important
    }

    .m-b {
        margin-bottom: 0 !important
    }

    .m-b1 {
        margin-bottom: 10px !important
    }

    .m-b2 {
        margin-bottom: 20px !important
    }

    .m-b3 {
        margin-bottom: 30px !important
    }

    .m-b4 {
        margin-bottom: 40px !important
    }

    .padding {
        padding: 40px 15px !important;
        box-sizing: border-box
    }

    .padding0 {
        padding: 0px !important
    }

    .padding1 {
        padding: 10px !important
    }

    .padding2 {
        padding: 20px !important
    }

    .padding3 {
        padding: 30px !important
    }

    .padding4 {
        padding: 40px !important
    }

    .p-t {
        padding-top: 0px !important
    }

    .p-t1 {
        padding-top: 10px !important
    }

    .p-t2 {
        padding-top: 20px !important
    }

    .p-t3 {
        padding-top: 30px !important
    }

    .p-t4 {
        padding-top: 40px !important
    }

    .p-b {
        padding-bottom: 0px !important
    }

    .p-b1 {
        padding-bottom: 10px !important
    }

    .p-b2 {
        padding-bottom: 20px !important
    }

    .p-b3 {
        padding-bottom: 30px !important
    }

    .p-b4 {
        padding-bottom: 40px !important
    }

    .p-l {
        padding-left: 0px !important
    }

    .p-l1 {
        padding-left: 10px !important
    }

    .p-l2 {
        padding-left: 20px !important
    }

    .p-l3 {
        padding-left: 30px !important
    }

    .p-l4 {
        padding-left: 40px !important
    }

    .p-t {
        padding-top: 0px !important
    }

    .p-t1 {
        padding-top: 10px !important
    }

    .p-t2 {
        padding-top: 20px !important
    }

    .p-t3 {
        padding-top: 30px !important
    }

    .p-t4 {
        padding-top: 40px !important
    }

    .p-r {
        padding-right: 0px !important
    }

    .p-r1 {
        padding-right: 10px !important
    }

    .p-r2 {
        padding-right: 20px !important
    }

    .p-r3 {
        padding-right: 30px !important
    }

    .p-r4 {
        padding-right: 40px !important
    }

    .f-s14 {
        font-size: 14px !important
    }

    .f-s16 {
        font-size: 16px !important
    }

    .f-s18 {
        font-size: 18px !important
    }

    .f-s20 {
        font-size: 20px !important
    }

    .f-s22 {
        font-size: 22px !important
    }

    .f-s24 {
        font-size: 24px !important
    }

    .f-s26 {
        font-size: 26px !important
    }

    .f-s28 {
        font-size: 28px !important
    }

    .menu_mobile {
        width: 100%;
        height: 5.4rem;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000
    }

    .menu_mobile .logo {
        display: block;
        position: absolute;
        width: 12.9rem;
        margin: 0;
        left: 50%;
		transform: translateX(-50%);
        top: 1rem;
        z-index: 100;
        overflow: hidden
    }

    .menu_mobile .logo img {
        display: block;
        width: 100%;
        position: relative
    }

    .menu_mobile .logo img:last-of-type {
        display: none
    }

    .am-topbar-btn {
        background: none;
        float: right;
        margin: 1.9rem 2rem 1.9rem 0;
        width: 2.2rem;
        height: 1.6rem;
        color: #fff;
        position: relative
    }

    .am-topbar-btn span {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: #fff;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .am-topbar-btn span:nth-of-type(1) {
        top: 0;
        left: 0;
        opacity: 0
    }

    .am-topbar-btn span:nth-of-type(4) {
        bottom: 0;
        left: 0;
        opacity: 0
    }

    .am-topbar-btn span:nth-of-type(2),
    .am-topbar-btn span:nth-of-type(3) {
        top: 50%;
        left: 0;
        margin-top: -1px
    }

    .am-topbar-btn span:nth-of-type(2) {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .am-topbar-btn span:nth-of-type(3) {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .am-topbar-btn.am-collapsed span:nth-of-type(2) {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .am-topbar-btn.am-collapsed span:nth-of-type(3) {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .am-topbar-btn.am-collapsed span:nth-of-type(1),
    .am-topbar-btn.am-collapsed span:nth-of-type(4) {
        opacity: 1
    }

    .am-topbar-collapse {
        float: none;
        clear: both;
        padding: 0;
        height: 0;
        background-color: #fff
    }

    .am-topbar-collapse.am-collapse {
        display: none !important
    }

    .am-topbar-collapse.am-collapse.am-in {
        display: block !important;
        height: 100vh;
        transition: all .4s ease 0s;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s
    }

    .am-menu-nav {
        height: auto;
        float: none;
        clear: both;
        margin: 0;
        border-top: #dedede solid 1px
    }

    .am-menu-nav .parent_li {
        width: 100%;
        float: none;
        margin: 0 !important;
        border-bottom: #dedede solid 1px;
        padding: 0;
        line-height: normal
    }

    .am-menu-nav .parent_li {
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        opacity: 0
    }

    .am-menu-nav .parent_li .parent_a {
        height: 5rem;
        line-height: 5rem;
        text-align: left;
        position: relative;
        padding: 0 2rem;
        font-size: 4vw;
        text-transform: uppercase
    }

    .am-menu-nav .parent_li .parent_a:before {
        display: block;
        content: '\f105';
        float: right;
        line-height: 5rem;
        font-family: "FontAwesome"
    }

    .am-menu-nav .parent_li.am-parent .parent_a:before {
        content: '\f107'
    }

    .am-menu-nav .parent_li.am-parent.am-open .parent_a {
        background-color: #f2f2f2;
        color: #008173
    }

    .am-menu-nav .parent_li.am-parent.am-open .parent_a:before {
        content: '\f106'
    }

    .am-menu-nav .parent_li.am-parent .am-menu-sub {
        background-color: #f9f9f9;
        padding: 1rem 2rem;
        font-size: 4vw
    }

    .am-menu-nav .parent_li.am-parent .am-menu-sub .son_a {
        display: block;
        line-height: 36px;
        padding: 0
    }

    .am-menu-nav .parent_li.am-parent .am-menu-sub .son_a:after {
        display: block;
        content: '\f105';
        float: right;
        line-height: 36px
    }

    .am-menu-nav .parent_li.am-parent .am-menu-sub li {
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        opacity: 0
    }

    .m_search_ico {
        display: block;
        width: 3rem;
        height: 2.4rem;
        line-height: 2.4rem;
        position: absolute;
        right: 6rem;
        top: 1.5rem;
        text-align: center;
        font-size: 2rem;
        font-weight: 100;
        color: #fff
    }

    #search_modal {
        background-color: #ededed
    }

    #search_modal .am-popup-inner {
        padding: 2rem
    }

    #search_modal .am-popup-inner dt {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #search_modal .am-popup-inner dt .am-close {
        font-size: 1.5rem;
        width: 4rem;
        font-weight: normal;
        opacity: 1;
        text-shadow: none;
        text-align: right;
        color: #636f85
    }

    #search_modal .am-popup-inner dt .am-form {
        padding: 0;
        height: 3.8rem;
        border-radius: .5rem;
        width: calc(100% - 4rem);
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #search_modal .am-popup-inner dt .am-form .am-form-field {
        width: calc(100% - 5rem);
        padding: 0 1rem;
        border: none;
        box-shadow: none;
        background: none;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        font-size: 1.4rem
    }

    #search_modal .am-popup-inner dt .am-form button {
        width: 5rem;
        padding: 0;
        font-size: 1.6rem;
        background: none;
        border: none;
        text-align: center
    }

    #search_modal .am-popup-inner dd {
        margin-top: 3rem
    }

    #search_modal .am-popup-inner .title {
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        color: #000;
        font-weight: bold
    }

    #search_modal .am-popup-inner .title:before {
        display: block;
        content: '';
        width: .2rem;
        height: 1.6rem;
        background-color: #008173;
        margin-right: .8rem
    }

    #search_modal .am-list {
        border-top: #dedede solid 1px
    }

    #search_modal .am-list li {
        border-color: #dedede;
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        opacity: 0;
        background: none;
        border-top: none;
        font-size: 4vw;
        padding: 1.6rem 0
    }

    #search_modal .am-list li a {
        padding: 0
    }

    #search_modal .am-list li a:before {
        display: block;
        content: '\f105';
        float: right;
        font-family: "FontAwesome"
    }

    #search_modal .am-list li .des a:before {
        display: none
    }

    #search_modal .am-list li .des {
        display: flex;
        font-size: 3.6vw;
        flex-wrap: wrap
    }

    #search_modal .am-list li .des a {
        padding: 0;
        margin-top: 1rem;
        width: 50%;
        color: #636f85
    }

    .footer {
        background: #222222;
        color: #fff
    }

    .footer .top {
        padding: 5%
    }

    .footer .top .flex {
        flex-wrap: wrap
    }

    .footer .top .l-box {
        width: 100%;
        padding: 0 3%
    }

    .footer .top .l-box .menu {
        max-width: 100%;
        justify-content: space-between;
        text-align: center
    }

    .footer .top .l-box .menu>li {
        width: 33.33%;
        padding: 15px 0
    }

    .footer .top .l-box .menu h3 a {
        color: #5D5859
    }

    .footer .top .l-box .menu .child a {
        color: #999
    }

    .footer .top .r-box {
        width: 100%;
        text-align: center
    }

    .footer .top .r-box .text {
        padding: 20px 0 0 0;
        font-family: Arial
    }

    .footer .top .r-box .text span {
        color: #6C6A6A
    }

    .footer .top .r-box .text h3 {
        font-size: 22px
    }

    .footer .top .r-box .social a {
        border: 1px solid #6C6A6A;
        border-radius: 100%;
        display: inline-block;
        color: #888;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 1.7;
        margin: 0 5px
    }

    .footer .top .r-box .social a i {
        font-size: 20px
    }

    .footer .bot1 {
        text-align: center
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(1),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(1),
    #search_modal.am-modal-active .am-list li:nth-of-type(1) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .1s;
        -webkit-transition: all .6s ease .1s;
        -moz-transition: all .6s ease .1s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(2),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(2),
    #search_modal.am-modal-active .am-list li:nth-of-type(2) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .2s;
        -webkit-transition: all .6s ease .2s;
        -moz-transition: all .6s ease .2s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(3),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(3),
    #search_modal.am-modal-active .am-list li:nth-of-type(3) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .3s;
        -webkit-transition: all .6s ease .3s;
        -moz-transition: all .6s ease .3s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(4),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(4),
    #search_modal.am-modal-active .am-list li:nth-of-type(4) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .4s;
        -webkit-transition: all .6s ease .4s;
        -moz-transition: all .6s ease .4s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(5),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(5),
    #search_modal.am-modal-active .am-list li:nth-of-type(5) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .5s;
        -webkit-transition: all .6s ease .5s;
        -moz-transition: all .6s ease .5s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(6),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(6),
    #search_modal.am-modal-active .am-list li:nth-of-type(6) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .6s;
        -webkit-transition: all .6s ease .6s;
        -moz-transition: all .6s ease .6s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(7),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(7),
    #search_modal.am-modal-active .am-list li:nth-of-type(7) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .7s;
        -webkit-transition: all .6s ease .7s;
        -moz-transition: all .6s ease .7s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(8),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(8),
    #search_modal.am-modal-active .am-list li:nth-of-type(8) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .8s;
        -webkit-transition: all .6s ease .8s;
        -moz-transition: all .6s ease .8s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(9),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(9),
    #search_modal.am-modal-active .am-list li:nth-of-type(9) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease .9s;
        -webkit-transition: all .6s ease .9s;
        -moz-transition: all .6s ease .9s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(10),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(10),
    #search_modal.am-modal-active .am-list li:nth-of-type(10) {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease 1s;
        -webkit-transition: all .6s ease 1s;
        -moz-transition: all .6s ease 1s
    }

    .am-topbar-collapse.am-collapse.am-in .am-menu-nav .parent_li:nth-of-type(11),
    .am-menu-nav .parent_li.am-parent .am-menu-sub.am-in li:nth-of-type(11),
    #search_modal.am-modal-active .am-list li:nth-of-type(11),
    #search_modal.am-modal-active .menu_popup_info {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transition: all .6s ease 1.1s;
        -webkit-transition: all .6s ease 1.1s;
        -moz-transition: all .6s ease 1.1s
    }

    .menu_mobile.active,
    .header.active .menu_mobile,
    .header.am-sticky .menu_mobile {
        background-color: #fff
    }

    .header.am-sticky .menu_mobile {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
    }

    .menu_mobile.active .logo img:last-of-type,
    .header.active .logo img:last-of-type,
    .header.am-sticky .logo img:last-of-type {
        display: block
    }

    .menu_mobile.active .logo img:first-of-type,
    .header.active .logo img:first-of-type,
    .header.am-sticky .logo img:first-of-type {
        display: none
    }

    .menu_mobile.active .am-topbar-btn,
    .menu_mobile.active .m_search_ico,
    .header.active .m_search_ico,
    .header.am-sticky .m_search_ico {
        color: #3e3e3e
    }

    .menu_mobile.active .am-topbar-btn span,
    .header.active .am-topbar-btn span,
    .header.am-sticky .am-topbar-btn span {
        background-color: #3e3e3e
    }

    #search_modal {
        background-color: #ededed
    }

    #search_modal .am-popup-inner {
        padding: 2rem
    }

    #search_modal .am-popup-inner dt {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #search_modal .am-popup-inner dt .am-close {
        font-size: 4vw;
        width: 8rem;
        font-weight: normal;
        opacity: 1;
        text-shadow: none;
        text-align: right;
        color: #636f85
    }

    #search_modal .am-popup-inner dt .am-form {
        padding: 0;
        height: 3.8rem;
        border-radius: .5rem;
        width: calc(100% - 4rem);
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #search_modal .am-popup-inner dt .am-form .am-form-field {
        width: calc(100% - 10rem);
        padding: 0 1rem;
        border: none;
        box-shadow: none;
        background: none;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        font-size: 1.4rem
    }

    #search_modal .am-popup-inner dt .am-form button {
        width: 5rem;
        padding: 0;
        font-size: 1.6rem;
        background: none;
        border: none;
        text-align: center
    }

    #search_modal .am-popup-inner dd {
        margin-top: 3rem
    }

    #search_modal .am-popup-inner .title {
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        color: #000;
        font-weight: bold
    }

    #search_modal .am-popup-inner .title:before {
        display: block;
        content: '';
        width: .2rem;
        height: 1.6rem;
        background-color: #008173;
        margin-right: .8rem
    }

    #search_modal .am-list {
        border-top: #dedede solid 1px
    }

    #search_modal .am-list li {
        border-color: #dedede;
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        opacity: 0;
        background: none;
        border-top: none;
        font-size: 4vw;
        padding: 1rem 0
    }

    #search_modal .am-list li a {
        padding: 0
    }

    #search_modal .am-list li a:before {
        display: block;
        content: '\f105';
        float: right;
        font-family: "FontAwesome"
    }

    .menu_popup_info {
        display: flex;
        flex-direction: column;
        font-size: 3.5vw;
        opacity: 0;
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem)
    }

    .menu_popup_info span {
        margin: .8rem 0
    }

    .menu_popup_info span i {
        margin-right: .6rem
    }

    .section_contain {
        position: relative;
        overflow: hidden
    }

    #fp-nav.left {
        left: .3rem
    }

    #fp-nav ul li,
    .fp-slidesNav ul li {
        width: 8px;
        height: 8px;
        margin: 12px 0px
    }

    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        height: 8px;
        width: 8px
    }

    #fp-nav ul li a.active span,
    .fp-slidesNav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li:hover a.active span {
        height: 8px;
        width: 8px
    }

    .section_banner {
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .section_banner .am-slider-default {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        background: #000;
        border: none;
        box-shadow: none;
        overflow: hidden
    }

    .section_banner .am-slides li:after {
        display: block;
        content: '';
        padding-bottom: 100vh
    }

    .section_banner .am-slides li .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
    }

    .section_banner .am-slides li .bg.animate__animated {
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s
    }

    .section_banner .am-slides li img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        object-fit: cover;
        -webkit-transition: all 5s cubic-bezier(0.2, 0.3, 0.5, 1);
        transition: all 5s cubic-bezier(0.2, 0.3, 0.5, 1);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    .section_banner .am-slides li.am-active-slide img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .section_banner .am-control-nav {
        bottom: 2rem;
        z-index: 10
    }

    .section_banner .am-control-nav li a {
        width: 1rem;
        height: 1rem;
        background: none;
        box-shadow: none;
        z-index: 3;
        position: relative;
        border: #fff solid 1px
    }

    .section_banner .am-control-nav li a.am-active,
    .section_banner .am-control-nav li a:hover {
        background: #008173;
        border-color: #008173
    }

    .section_banner .am-direction-nav {
        display: none
    }

    .section_banner .text {
        width: 100%;
        height: calc(100vh - 12rem);
        position: absolute;
        top: 5.4rem;
        left: 0;
        z-index: 3
    }

    .section_banner .text .web_w {
        height: 100%;
        display: flex;
        justify-content: center
    }

    .section_banner .text .des {
        width: 90%;
        height: 90%;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .section_banner .text .title_cn {
        font-size: 4vw;
        margin-top: 1rem
    }

    .section_banner .text .des.des_3 .title_cn {
        margin-top: 0rem
    }

    .section_banner .text .des.des_3 .title_en strong {
        margin-top: 1rem
    }

    .section_banner .text .title_en {
        display: flex;
        flex-direction: column;
        font-size: 4.5vw;
        line-height: 120%;
        font-family: Arial, Helvetica, sans-serif
    }

    .section_banner .text .title_en strong {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        margin-bottom: 1rem;
        margin-top: 2rem
    }

    .section_banner .text .title {
        opacity: 0
    }

    .section_banner .text .title_3,
    .section_brand_profile .text .title_3 {
        position: absolute;
        right: 1rem;
        top: 7%;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        z-index: 5;
        text-transform: capitalize
    }

    .section_banner .text .title_3 span,
    .section_brand_profile .text .title_3 span {
        text-align: center;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 15px
    }

    .section_banner .text .title_3 em,
    .section_brand_profile .text .title_3 em {
        margin: 20px auto 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_banner .text .title_3 em:before,
    .section_brand_profile .text .title_3 em:before {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #fff
    }

    .section_banner .text .title_3.active em:before {
        height: 60px;
        animation: anima 5s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .5s;
        transition: .5s
    }

    .section_brand_profile .text .title_3.active em:before {
        height: 60px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    @keyframes anima {
        from {
            height: 0
        }

        to {
            height: 60px
        }
    }

    .section_banner .text .title_3 em:after,
    .section_brand_profile .text .title_3 em:after {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%
    }

    .section_banner_mobile {
        height: auto
    }

    .section_banner_mobile .am-slider-default {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        background: #000;
        border: none;
        box-shadow: none;
        overflow: hidden
    }

    .section_banner_mobile .am-slides li:after,
    .section_banner_mobile:after {
        display: block;
        content: '';
        padding-bottom: 60%
    }

    .section_banner_mobile .text {
        height: 100%;
        top: 0
    }

    .section_banner_mobile .text .title_en {
        font-size: 3.5vw
    }

    .section_banner_mobile .text .title_en strong {
        font-size: 4.5vw
    }

    .section_banner_mobile .text .title_cn {
        font-size: 3.5vw
    }

    .section_banner_mobile .text .title_3 {
        top: 50%;
        transform: translateY(-40%)
    }

    .section_banner_mobile .text .title_3 span {
        font-size: 2.5vw
    }

    .section_banner_mobile .text .title_3 em {
        margin-top: 1rem
    }

    .section_banner_mobile .text .title_3.active em:before {
        height: 40px;
        animation: animas 5s 1 cubic-bezier(0.28, 0.77, 1, 1)
    }

    @keyframes animas {
        from {
            height: 0
        }

        to {
            height: 40px
        }
    }

    .section_banner_mobile .am-control-nav {
        bottom: 1rem
    }

    .cpzx2 {
        margin-top: 108px
    }

    .cpzx2-t {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 90px
    }

    .cpzx2-t a {
        width: calc((100% - 4px) / 3);
        display: block;
        color: #fff;
        text-align: center;
        overflow: hidden;
        position: relative
    }

    .cpzx2-t a dl {
        position: absolute;
        width: 100%;
        left: 0;
        top: 65px;
        z-index: 3
    }

    .cpzx2-t a dl h3 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 15px
    }

    .cpzx2-t a dl p {
        font-size: 24px;
        margin-bottom: 27px
    }

    .cpzx2-t a dl h4 {
        font-size: 14px
    }

    .cpzx2-t a img {
        display: block;
        width: 100%
    }

    .cpzx2-t a:hover img {
        transform: scale(1.1)
    }

    .cpzx2-b {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        height: 55px;
        border-radius: 2px;
        overflow: hidden;
        border: 1px solid #000;
        color: #000;
        position: relative;
        margin: 0 auto;
        transition: 0s
    }

    .cpzx2-b img {
        display: block;
        margin-right: 16px;
        position: relative;
        z-index: 3
    }

    .cpzx2-b img.img2 {
        display: none
    }

    .cpzx2-b i {
        position: relative;
        z-index: 2;
        transition: 0s
    }

    .cpzx2-b p {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 0;
        height: 110%;
        background: #d6001d
    }

    .cpzx2-b:hover {
        color: #fff;
        border-color: #d6001d
    }

    .cpzx2-b:hover .img1 {
        display: none
    }

    .cpzx2-b:hover .img2 {
        display: block
    }

    .cpzx2-b:hover p {
        width: 100%
    }

    .history .list {
        width: 90%;
        margin: auto
    }

    .history .list .item {
        flex-wrap: wrap;
        height: auto
    }

    .history .list .item .imgbox,
    .history .list .item .textbox {
        width: 100%
    }

    .history .list .item .imgbox img {
        height: auto
    }

    .history .list .item .textbox h2 {
        font-size: 50px;
        line-height: 1.5;
        margin: 0;
        padding: 10px 0
    }

    .history .nav_box {
        margin-top: 30px
    }

    .history .nav_box .nav_list {
        width: 80%
    }

    .history .nav_box .nav_list .item h2 {
        font-size: 16px
    }

    .history .nav_box .nav_list .item.swiper-slide-active h2 {
        font-size: 20px
    }

    .history .nav_box .next {
        right: 0;
        width: 40px;
        height: 40px;
        top: 0
    }

    .section_brand_profile .content {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        bottom: 0
    }

    .section_brand_profile .content .web_w {
        height: 100%
    }

    .section_brand_profile .text {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        padding-top: 5.4rem
    }

    .section_brand_profile .text .img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1
    }

    .section_brand_profile .text .des {
        width: 100%;
        height: 61%;
        padding: 2rem 4rem 2rem 3rem;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 2;
        font-family: 'Tahoma'
    }

    .section_brand_profile .text .des .bg_color {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 129, 115, 0.73);
        z-index: 1;
        opacity: 0
    }

    .section_brand_profile .text .des .title {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 100%;
        margin-bottom: 2rem;
        text-transform: uppercase;
        width: 50%;
        position: relative;
        z-index: 2;
        opacity: 0
    }

    .section_brand_profile .text .des .detail {
        text-align: justify;
        max-height: 60%;
        overflow: hidden;
        position: relative;
        z-index: 2;
        opacity: 0;
        font-size: 1.4rem
    }

    .section_brand_profile .text .des .more {
        font-size: 1.2rem;
        color: #fff;
        font-family: 'Tahoma';
        z-index: 2;
        opacity: 0;
        margin-top: 2rem
    }

    .section_brand_profile .text .des .more:hover {
        text-decoration: underline
    }

    .section_brand_profile .text .title_3 {
        right: .5rem;
        top: calc(7% + 5.4rem);
        font-size: 1.4rem
    }

    .section_brand_profile .text .title_2 {
        position: absolute;
        display: flex;
        align-items: center;
        right: .5rem;
        bottom: 2rem;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 14px;
        z-index: 5;
        color: #fff;
        justify-content: center
    }

    .section_brand_profile .text .title_1 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        bottom: 2rem;
        z-index: 3;
        color: #fff;
        letter-spacing: 3px;
        opacity: 0
    }

    .section_brand_culture {
        height: 80vh;
        min-height: 660px
    }

    .section_brand_culture .content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #595959;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        overflow: hidden
    }

    .section_brand_culture .content a {
        color: #fff
    }

    .section_brand_culture .content .color_bg {
        display: block;
        width: 100%;
        height: 20%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #008173
    }

    .section_brand_culture .content .web_w {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column
    }

    .section_brand_culture .content .left_iteam {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 3;
        height: 20%;
        padding: .4rem 2rem 0
    }

    .section_brand_culture .content .left_iteam .title {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        text-transform: uppercase;
        opacity: 0;
        width: 50%
    }

    .section_brand_culture .content .left_iteam .title_3 {
        position: absolute;
        right: .5rem;
        top: 50%;
        transform: translateY(-40%)
    }

    .section_brand_culture .content .left_iteam .title_3 span {
        text-align: center;
        font-size: 1.4rem;
        margin-top: 1rem;
        text-align: center;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        letter-spacing: 3px
    }

    .section_brand_culture .content .left_iteam .title_3 em {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_brand_culture .content .left_iteam .title_3 em:before {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%
    }

    .section_brand_culture .content .left_iteam .title_3 em:after {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #fff
    }

    .section_brand_culture .content .left_iteam .title_3.active em:after {
        height: 60px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    .section_brand_culture .content .right_iteam {
        width: 100%;
        height: 75%;
        padding: 2rem;
        z-index: 3
    }

    .brand_culture_list {
        width: 100%;
        height: 100%;
        opacity: 0;
        padding-bottom: 3rem
    }

    .brand_culture_list dd .text {
        position: relative
    }

    .brand_culture_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .brand_culture_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 65.47%
    }

    .brand_culture_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .brand_culture_list dd .img:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .brand_culture_list dd .title {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        bottom: 2%;
        z-index: 2;
        padding: 10px
    }

    .brand_culture_list dd .title strong {
        font-family: 'Eina';
        font-size: 9vw;
        line-height: 100%;
        width: 50%
    }

    .brand_culture_list dd .title span {
        font-size: 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        position: relative
    }

    .brand_culture_list dd .title span:before {
        display: block;
        content: '';
        width: 50px;
        height: 1px;
        background-color: #fff
    }

    .brand_culture_list dd .title span:after {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -3px
    }

    .brand_culture_list dd .des {
        margin-top: 15%
    }

    .brand_culture_list dd .des:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #fff;
        margin-bottom: 1rem
    }

    .brand_culture_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .brand_culture_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #333 solid 1px
    }

    .brand_culture_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .brand_culture_list .slick-dots li button {
        display: none
    }

    .section_solution {
        padding: 2rem 2rem 1rem
    }

    .section_solution .title_cn {
        font-size: 16px;
        opacity: 0
    }

    .section_solution .title_en {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 100%;
        color: #cccccc;
        margin-top: 1.5rem;
        text-transform: uppercase;
        opacity: 0
    }

    .section_solution .title_en a {
        color: #cccccc
    }

    .solution_list {
        opacity: 0
    }

    .solution_list_scroll {
        padding-bottom: 4rem;
        margin-top: 3rem
    }

    .solution_list dd {
        margin-top: 2rem
    }

    .solution_list.solution_list_scroll dd {
        margin: 0
    }

    .solution_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #008173
    }

    .solution_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 50%
    }

    .solution_list.solution_list_scroll dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .solution_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .solution_list dd .img:hover img {
        transform: scale(1.02) translateZ(0);
        opacity: 0.4;
        filter: alpha(opacity=40)
    }

    .solution_list dd .title {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column
    }

    .solution_list dd .title strong {
        font-weight: normal
    }

    .solution_list dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: .8rem
    }

    .solution_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .solution_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #333 solid 1px
    }

    .solution_list .slick-dots li.slick-active {
        border-color: #008173
    }

    .solution_list .slick-dots li button {
        display: none
    }

    .section_product {
        background-color: #333333;
        color: #fff
    }

    .section_product a {
        color: #fff
    }

    .section_product .web_w {
        display: flex;
        position: relative;
        flex-direction: column;
        height: 100%;
        justify-content: center
    }

    .section_product .left_title {
        position: absolute;
        right: .5rem;
        top: calc(7% + 5.4rem);
        display: flex;
        align-items: flex-end;
        color: #fff;
        z-index: 5;
        text-transform: capitalize;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        opacity: 0
    }

    .section_product .right_con {
        padding: 5.4rem 2rem 2rem
    }

    .section_product .right_con .title_en {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        color: #008173;
        text-transform: uppercase;
        opacity: 0
    }

    .section_product .right_con .title_cn {
        margin-top: 15px;
        opacity: 0
    }

    .section_product_tab {
        opacity: 0
    }

    .section_product_tab.animate__animated {
        opacity: 1
    }

    .section_product_tab .am-nav-tabs {
        border: none;
        margin-top: 2rem
    }

    .section_product_tab .am-nav-tabs li {
        font-size: 14px;
        margin: 1.5rem 1rem 0 0;
        text-align: center;
        position: relative;
        width: calc(33.33% - 7px)
    }

    .section_product_tab .am-nav-tabs li:nth-of-type(3n) {
        margin-right: 0
    }

    .section_product_tab .am-nav-tabs li a {
        display: block;
        margin: 0;
        padding: .6rem 1rem;
        border: none !important;
        background: #f2f2f2;
        position: relative;
        color: #333;
        border-radius: 3px
    }

    .section_product_tab .am-nav-tabs li.am-active a {
        background-color: #008173 !important;
        color: #fff
    }

    .section_product_tab .am-tabs-bd {
        padding: 0;
        border: none
    }

    .section_product_tab .am-tabs-bd .am-tab-panel {
        padding: 0
    }

    .product_tab_iteam {
        margin-top: 2rem
    }

    .product_tab_iteam dd .img {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #008173
    }

    .product_tab_iteam .img:before {
        display: block;
        content: '';
        padding-bottom: 67.35%
    }

    .product_tab_iteam .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .product_tab_iteam dd .img:hover img {
        transform: scale(1.02) translateZ(0);
        opacity: 0.6;
        filter: alpha(opacity=60)
    }

    .product_tab_iteam dd .img span {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-70%, -50%);
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        opacity: 0;
        padding: 0 14px;
        width: 100%;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        z-index: 3
    }

    .product_tab_iteam dd .img:hover span {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    .product_tab_iteam dd .title {
        margin-top: 30px;
        display: flex;
        flex-direction: column
    }

    .product_tab_iteam dd .title strong {
        font-weight: normal
    }

    .product_tab_iteam dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: 15px
    }

    .product_tab_iteam .slick-dots {
        margin: 0;
        left: 0;
        bottom: 10px
    }

    .product_tab_iteam .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #333 solid 1px
    }

    .product_tab_iteam .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .product_tab_iteam .slick-dots li button {
        display: none
    }

    .section_honer {
        background-color: #efefef
    }

    .section_honer .web_w {
        display: flex;
        justify-content: space-between
    }

    .section_honer .left_title {
        position: absolute;
        right: .5rem;
        top: calc(7% + 5.4rem);
        display: flex;
        align-items: flex-end;
        color: #cccccc;
        text-transform: capitalize;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        opacity: 0
    }

    .section_honer .right_con {
        width: 100%;
        padding: 2rem 4rem
    }

    .section_honer .right_con .title {
        opacity: 0;
        font-size: 1.6rem
    }

    .section_honer .right_con .title_en {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        color: #008173;
        text-transform: uppercase;
        margin-top: 1rem
    }

    .section_honer .section_honer_img {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 10%
    }

    .section_honer .section_honer_img img {
        height: 3rem;
        margin: 3rem 10% 0 0;
        opacity: 0
    }

    .section_honer .section_honer_img img.animate__animated {
        opacity: 1
    }

    .section_honer .section_honer_img img:nth-of-type(4),
    .section_honer .section_honer_img img:nth-of-type(7) {
        margin-right: 0
    }

    .section_case {
        background-color: #333333;
        color: #fff;
        padding-bottom: 4rem
    }

    .section_case a {
        color: #fff
    }

    .section_case .web_w {
        display: flex;
        padding-top: 5.4rem;
        flex-direction: column;
        justify-content: center
    }

    .section_case .left_iteam {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 2rem
    }

    .section_case .left_iteam .title {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        text-transform: uppercase;
        opacity: 0
    }

    .section_case .left_iteam .title_3 {
        position: absolute;
        right: .5rem;
        top: 10px
    }

    .section_case .left_iteam .title_3 span {
        display: flex;
        align-items: flex-end;
        color: #fff;
        z-index: 5;
        text-transform: capitalize;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin-top: 2rem
    }

    .section_case .left_iteam .title_3 em {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section_case .left_iteam .title_3 em:before {
        display: block;
        content: '';
        width: 5px;
        height: 5px;
        background-color: #fff;
        border-radius: 50%
    }

    .section_case .left_iteam .title_3 em:after {
        display: block;
        content: '';
        width: 1px;
        height: 0;
        background-color: #fff
    }

    .section_case .left_iteam .title_3.active em:after {
        height: 40px;
        animation: anima 1s 1 cubic-bezier(0.28, 0.77, 1, 1);
        -webkit-transition: .1s;
        transition: .1s
    }

    .section_case .right_iteam {
        width: 100%;
        padding: 0 2rem
    }

    .section_case_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .section_case_list li {
        width: 100%;
        opacity: 0;
        margin-top: 2rem
    }

    .section_case_list li.animate__animated {
        opacity: 1
    }

    .section_case_list li a {
        display: block;
        color: #fff;
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .section_case_list li .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .section_case_list li .img::after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .section_case_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .section_case_list li .title {
        margin-top: 1rem;
        display: flex;
        flex-direction: column
    }

    .section_case_list li .title span {
        display: block;
        overflow: hidden
    }

    .section_case_list li .title span:first-of-type {
        font-size: 3.5vw
    }

    .section_case_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .section_case_list li .title:before {
        display: block;
        content: '';
        width: 19px;
        height: 1px;
        background-color: #fff;
        margin-bottom: 5px
    }

    .xwzx {
        margin: 108px auto;
        width: 90%;
        max-width: 1640px
    }

    .xwzx-t {
        font-size: 30px;
        margin-bottom: 60px
    }

    .xwzx-b {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 70px
    }

    .xwzx-b a {
        display: block;
        width: calc((100% - 20px) / 3)
    }

    .xwzx-b a h4 {
        overflow: hidden;
        margin-bottom: 25px;
        position: relative
    }

    .xwzx-b a h4 img {
        display: block;
        width: 100%
    }

    .xwzx-b a h4 p {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        width: 130px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: rgba(0, 0, 0, 0.5)
    }

    .xwzx-b a h3 {
        font-size: 14px;
        color: #000;
        margin-bottom: 13px
    }

    .xwzx-b a h5 {
        color: #5f5f5f;
        font-size: 14px
    }

    .xwzx-b a:hover img {
        transform: scale(1.1)
    }

    .xwzx-b a:hover h3 {
        color: #d6001d
    }

    .section_news {
        padding: 2rem 2rem 0
    }

    .section_news .title_en {
        font-family: 'Eina';
        font-size: 8vw;
        line-height: 120%;
        text-transform: uppercase;
        color: #008173;
        opacity: 0
    }

    .section_news .title_en a {
        color: #008173
    }

    .section_news .title_cn {
        margin-top: .5rem;
        opacity: 0
    }

    .section_news_list li {
        margin-top: 2rem;
        opacity: 0
    }

    .section_news_list li .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .section_news_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .section_news_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .section_news_list li .img:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .section_news_list li .title {
        margin-top: 10px;
        font-size: 14px
    }

    .section_news_list li .title span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .section_contact {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #333333;
        color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }

    .section_contact .color_bg {
        display: block;
        width: 100%;
        height: 32%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #008173;
        overflow: hidden
    }

    .section_contact .web_w {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 2;
        padding: 0
    }

    .section_contact .left_info {
        width: 100%;
        height: 32%;
        display: flex;
        align-items: center;
        padding: 3rem 2rem 0
    }

    .section_contact .left_info_tel {
        font-size: 14px
    }

    .section_contact .left_info_tel li {
        border-bottom: #259387 solid 1px;
        padding: 1rem 0;
        color: rgba(255, 255, 255, 0.6);
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        transition: all 300ms ease-in-out 0s
    }

    .section_contact .left_info_tel li i {
        width: 2rem
    }

    .section_contact .left_info_tel li a {
        width: calc(100% - 2rem);
        color: rgba(255, 255, 255, 0.6)
    }

    .section_contact .left_info_tel li a:hover,
    .left_info_tel li:hover,
    .section_contact .copyright a:hover {
        color: #fff
    }

    .section_contact .left_info_tel li:before {
        margin-right: 1rem
    }

    .section_contact .right_info {
        width: 100%;
        height: 68%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 3rem 2rem
    }

    .section_contact .right_info .right_info_top {
        display: flex;
        flex-direction: column
    }

    .section_contact .right_info_ico {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2rem
    }

    .section_contact .right_info_ico a {
        width: 30px;
        height: 30px;
        background-color: #2b2b2c;
        color: #fff;
        margin: 0 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        border-radius: 50%
    }

    .section_contact .right_info_ico a:hover {
        background-color: #ffffff;
        color: #259387
    }

    .section_contact .right_info_menu {
        margin: 0 -.5rem
    }

    .section_contact .right_info_menu li {
        padding: 0 1rem;
        color: #259387
    }

    .section_contact .right_info_menu li a {
        display: block;
        color: #259387;
        border-bottom: #8d8d8d solid 1px;
        padding: 1rem 0;
        font-weight: bold;
        font-size: 3.2vw
    }

    .section_contact .right_info_menu li a span {
        display: block;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .section_contact .right_info_menu li a:hover span {
        transform: translateX(5px)
    }

    .right_info_bottom {
        font-size: 14px;
        text-align: center
    }

    .right_info_bottom a {
        color: #fff
    }

    .right_info_bottom a:hover {
        color: #259387
    }

    .section_contact .search_form {
        width: 100%;
        height: 32px;
        background-color: #fff;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .section_contact .search_form input[type="text"] {
        width: calc(100% - 30px);
        border: none;
        background: none;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        padding-left: 10px;
        color: #333
    }

    .section_contact .search_form button {
        padding: 0;
        border: 0;
        background: none;
        width: 30px;
        color: #259387;
        font-size: 15px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .section_contact .copyright,
    .section_contact .copyright a {
        color: rgba(255, 255, 255, 0.6)
    }

    .footer_innner {
        position: relative
    }

    .footer_innner .section_contact {
        position: relative;
        background: #333 !important
    }

    .footer_innner .section_contact .web_w {
        padding: 0;
        height: auto
    }

    .footer_innner .section_contact .color_bg {
        display: none
    }

    .footer_innner .section_contact .left_info {
        background-color: #008173;
        padding: 2rem 2rem 3rem
    }

    .footer_innner .section_contact .right_info {
        padding: 2.5rem 2rem 2rem
    }

    .footer_innner .section_contact .right_info_menu {
        margin-top: 2rem
    }

    .footer_innner .section_contact .right_info_bottom {
        margin-top: 2.5rem
    }

    .inner_warp {
        background-color: #efefef;
        padding-bottom: 3rem
    }

    .news_name {
        padding: 2rem 2rem 0;
        display: flex;
        justify-content: space-between
    }

    .news_name .title_en {
        font-family: 'Eina';
        line-height: 120%;
        text-transform: uppercase;
        color: #008173;
        font-size: 6vw
    }

    .news_list {
        display: flex;
        flex-direction: column;
        padding: 2rem;
        margin-top: 2rem;
        background-color: #fff
    }

    .news_list dt {
        width: 100%
    }

    .news_list dt a {
        display: block;
        position: relative;
        overflow: hidden
    }

    .news_list dt a:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .news_list dt a img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .news_list dt a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .news_list dd {
        display: flex;
        flex-direction: column;
        margin-top: 1rem
    }

    .news_list dd .title {
        font-weight: bold
    }

    .news_list dd .des {
        font-size: 1.4rem;
        margin-top: 1rem;
        color: #666
    }

    .news_list dd .des a {
        color: #666
    }

    .news_list dd .des a:hover {
        color: #008173
    }

    .news_list dd .info {
        display: flex;
        font-size: 1.3rem;
        color: #666;
        justify-content: space-between;
        margin-top: 1rem
    }

    .news_list dd .info span::before {
        margin-right: 5px
    }

    .guide_pos {
        text-transform: uppercase;
        color: #008173;
        padding: 1.5rem 2rem;
        background-color: #fff;
        font-size: 1.2rem
    }

    .guide_pos a {
        color: #008173
    }

    .article-hd {
        border-bottom: #f2f2f2 solid 1px;
        padding: 0 2rem
    }

    .article-hd .title {
        font-size: 4vw;
        margin: 2rem 0 1.5rem;
        font-weight: 500;
        color: #000;
        line-height: 140%
    }

    .article-hd .info {
        color: #999;
        font-size: 1.2rem;
        border-bottom: #dedede solid 1px;
        padding-bottom: 1rem;
        display: flex;
        justify-content: space-between
    }

    .article-hd .info span em {
        font-style: normal
    }

    .article-hd .info span a {
        color: #999
    }

    .article-hd .info span a:hover {
        color: #008173
    }

    .article_bd {
        padding: 2rem
    }

    .link_btn {
        margin-top: 1rem;
        display: flex;
        justify-content: center
    }

    .link_btn a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        font-size: 1.2rem;
        border-radius: 50%;
        margin: 0 15px;
        color: #fff !important;
        text-align: center;
        background-color: #333333;
        transition: all 300ms ease-in-out 0s
    }

    .link_btn a:hover {
        background-color: #008173;
        transition: all 300ms ease-in-out 0s
    }

    .link_btn a:before {
        display: block;
        font-size: 1.4rem;
        margin: 0 auto
    }

    .article_share .bdsharebuttonbox {
        background-color: #fff;
        text-align: center;
        padding: 30px 0
    }

    .article_share .bds_qzone,
    .article_share .bds_tsina,
    .article_share .bds_weixin,
    .article_share .bds_sqq,
    .article_share .bds_fbook,
    .article_share .bds_twi,
    .article_share .bds_linkedin,
    .article_share .bds_more {
        background: none !important;
        padding-left: 0 !important;
        display: inline-block;
        float: none !important;
        font-size: 16px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        margin: 0 15px 0 0 !important;
        border-radius: 50%;
        text-align: center;
        background-color: gray !important;
        color: #fff !important;
        transition: all 300ms ease-in-out 0s
    }

    .article_share .bds_qzone {
        background-color: #ffc028 !important
    }

    .article_share .bds_tsina {
        background-color: #f3131b !important
    }

    .article_share .bds_weixin {
        background-color: #00cb0d !important
    }

    .article_share .bds_sqq {
        background-color: #1479d7 !important
    }

    .article_share .bds_more {
        background-color: #2319dc !important;
        margin-right: 0 !important
    }

    .article_share .bds_fbook {
        background-color: #3b5997 !important
    }

    .article_share .bds_twi {
        background-color: #1da1f3 !important
    }

    .article_share .bds_linkedin {
        background-color: #0b66c3 !important;
        margin: 0 !important
    }

    .article_share .bds_qzone:hover,
    .article_share .bds_tsina:hover,
    .article_share .bds_weixin:hover,
    .article_share .bds_sqq:hover,
    .article_share .bds_fbook:hover,
    .article_share .bds_twi:hover,
    .article_share .bds_linkedin:hover,
    .article_share .bds_more:hover {
        -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

    .article_share .am-btn-block {
        background-color: #008173;
        color: #fff
    }

    .bd_weixin_popup_foot {
        text-align: center !important
    }

    .contact_info {
        padding: 2rem;
        display: flex;
        color: #008173;
        flex-direction: column
    }

    .contact_info dt {
        font-size: 6vw;
        font-family: 'Eina';
        line-height: 140%;
        text-transform: uppercase
    }

    .contact_info dd {
        display: flex;
        flex-direction: column
    }

    .contact_info dd .title {
        font-family: 'Eina';
        font-weight: bold
    }

    .contact_info dd .text {
        display: flex;
        flex-direction: column;
        border-bottom: #008173 solid 1px;
        padding: 2rem 0
    }

    .contact_info dd .des.font {
        font-size: 4.5vw;
        font-family: 'PingFangSC-Light', 'Tahoma'
    }

    .contact_info dd .des.time {
        font-size: 4.5vw
    }

    .contact_info dd .des a {
        color: #008173
    }

    .form_contact_list {
        display: flex;
        flex-direction: column;
        margin-top: 2rem
    }

    .form_contact_list dt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #008173;
        padding: 2rem;
        background-color: #fff
    }

    .form_contact_list dt .num {
        font-family: 'Eina';
        font-size: 6vw;
        line-height: 100%
    }

    .form_contact_list dt .title_en {
        font-size: 3.5vw;
        margin: 1rem 0 .5rem;
        text-transform: uppercase;
        font-family: 'Eina';
        line-height: 100%
    }

    .form_contact_list dt .title_cn {
        font-weight: 100
    }

    .form_contact_list dd {
        display: flex;
        flex-direction: column;
        background-color: #f2f2f2;
        padding: 2rem;
        color: #4a4a4a;
        align-items: center
    }

    .form_contact_list dd .am-form-group {
        margin: .8rem 0;
        width: 100%
    }

    .form_contact_list dd .am-form-group:first-of-type {
        margin-top: 0
    }

    .form_contact_list dd label {
        color: #4a4a4a;
        font-weight: normal
    }

    .form_contact_list dd span {
        font-size: 13px;
        display: flex;
        align-items: center;
        line-height: 120%
    }

    .form_contact_list dd .am-form-textarea {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .form_contact_list dd .am-form-textarea textarea {
        display: block;
        height: 12rem
    }

    .form_contact_list dd .am-form-input {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .form_contact_list dd .am-form-input .am-radio-inline {
        width: 100%;
        height: 48px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 1.5rem;
        background-color: #fff;
        margin: 2rem 0 0;
        color: #008173;
        display: flex;
        align-items: center;
        font-size: 12px
    }

    .form_contact_list dd .am-form-input .am-radio-inline:nth-of-type(1) {
        margin-top: 0
    }

    .form_contact_list dd .am-form-input .am-radio-inline input {
        margin: 0 .5rem 0 0
    }

    .am-form-submit {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        flex-wrap: wrap
    }

    .am-form-submit.code {
        justify-content: space-between
    }

    .am-form-submit .am-form-code {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5rem
    }

    .am-form-submit .am-form-code .am-form-field {
        width: 200px
    }

    .am-form-submit .am-form-code .form-code {
        height: 38px
    }

    .am-form-submit .am-btn {
        width: calc(100% - 4rem);
        height: 42px;
        line-height: 42px;
        padding: 0;
        text-align: center;
        background-color: #008173;
        color: #fff;
        outline: none;
        border-radius: .3rem
    }

    .guestbook_load {
        position: fixed;
        width: 22rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #666666;
        color: #fff;
        font-size: 1em;
        text-align: center;
        padding: 1.6rem 1rem;
        border-radius: .3rem
    }

    .my_dl .am-form-field {
        font-size: 14px !important
    }

    .development_warp {
        padding: 2rem 0
    }

    .development_list {
        display: flex;
        flex-direction: column;
        margin-top: 2rem
    }

    .development_list:first-of-type {
        margin-top: 0
    }

    .development_list dt img {
        display: block;
        width: 100%
    }

    .development_list dd {
        background-color: #008173;
        color: #fff;
        padding: 2rem
    }

    .development_list dd a {
        color: #fff
    }

    .development_list dd .title_en {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        font-size: 8vw;
        margin-top: 1.5rem
    }

    .development_list dd .des {
        text-align: justify;
        margin-top: 1rem
    }

    .brand_publicity {
        padding: 3rem 0;
        background-color: #333333;
        position: relative
    }

    .brand_publicity .left_title {
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: flex-end;
        position: absolute;
        right: .5rem;
        top: 2rem
    }

    .brand_publicity .right_con {
        padding: 0 2rem
    }

    .brand_publicity .right_con .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        width: 90%
    }

    .brand_publicity .right_con .title_cn {
        margin-top: .5rem;
        color: #fff
    }

    .brand_publicity_list {
        margin: 2rem 0 0;
        padding-bottom: 2rem
    }

    .brand_publicity_list dd .iteam {
        position: relative
    }

    .brand_publicity_list dd .iteam:after {
        display: block;
        content: '';
        padding-bottom: 67%
    }

    .brand_publicity_list dd .iteam a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #008173;
        padding: 10% 7%;
        background-color: #fff;
        border-top: #008173 solid 10px
    }

    .brand_publicity_list dd .iteam a:hover {
        background-color: #008173;
        color: #fff;
        border-top: #fff solid 10px
    }

    .brand_publicity_list dd .name {
        display: flex;
        justify-content: space-between
    }

    .brand_publicity_list dd .name .title {
        width: calc(100% - 2rem);
        display: flex;
        flex-direction: column
    }

    .brand_publicity_list dd .name strong {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        font-size: 4vw
    }

    .brand_publicity_list dd .name span {
        margin-top: .5rem
    }

    .brand_publicity_list dd .name i {
        width: 2rem;
        font-size: 1.8rem;
        line-height: 100%;
        text-align: right
    }

    .brand_publicity_list dd .des {
        margin-top: 1.5rem
    }

    .brand_publicity_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 0;
        color: #fff;
        background: none;
        background-color: #008173;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        z-index: 10
    }

    .brand_publicity_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .brand_publicity_list .slick-prev {
        left: -1.5rem
    }

    .brand_publicity_list .slick-next {
        right: -1.5rem
    }

    .brand_publicity_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_publicity_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .brand_publicity_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -1rem
    }

    .brand_publicity_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .brand_publicity_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .brand_publicity_list .slick-dots li button {
        display: none
    }

    .production_and_processing {
        padding: 2rem 0;
        background-color: #efefef;
        position: relative
    }

    .production_and_processing .left_title {
        font-family: 'Eina';
        font-size: 3.125vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #cccccc;
        display: flex;
        align-items: flex-end;
        text-transform: uppercase;
        position: absolute;
        right: .5rem;
        top: 2rem
    }

    .production_and_processing .right_con {
        padding: 0 2rem
    }

    .production_and_processing .right_con .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        color: #008173;
        text-transform: uppercase;
        width: 90%
    }

    .production_and_processing .right_con .title_cn {
        margin-bottom: .5rem
    }

    .instruction_center {
        padding: 3rem 2rem;
        background-color: #333333
    }

    .instruction_center .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        color: #cccccc;
        text-transform: uppercase
    }

    .instruction_center .title_cn {
        color: #fff;
        margin-bottom: .5rem
    }

    .instruction_center_list {
        margin: 2rem 0 0;
        padding-bottom: 2rem
    }

    .instruction_center_list dd a {
        display: block;
        color: #fff
    }

    .instruction_center_list dd .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .instruction_center_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .instruction_center_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .instruction_center_list dd .img:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.88);
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd a i {
        display: block;
        width: 14%;
        height: 100%;
        background-image: url(../img/play_btn.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        left: 43%;
        top: 0;
        z-index: 3;
        opacity: 0.29;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .instruction_center_list dd .title {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column
    }

    .instruction_center_list dd .title:before {
        display: block;
        content: '';
        width: 3rem;
        height: 1px;
        background-color: #008173;
        margin-bottom: .8rem
    }

    .instruction_center_list dd .title strong {
        font-size: 4vw
    }

    .instruction_center_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: -1rem
    }

    .instruction_center_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .instruction_center_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .instruction_center_list .slick-dots li button {
        display: none
    }

    .instruction_center_list dd a:hover:after {
        background-color: rgba(0, 0, 0, 0.5)
    }

    .instruction_center_list dd a:hover i {
        opacity: 0.8
    }

    .terminal_retail_center {
        padding: 3rem 0
    }

    .terminal_retail_center .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        color: #cccccc;
        text-transform: uppercase;
        padding: 0 2rem
    }

    .terminal_retail_center .title_cn {
        color: #008173;
        margin-bottom: .5rem;
        padding: 0 2rem
    }

    .terminal_retail_center_list {
        margin-top: 2rem;
        padding-bottom: 3rem
    }

    .terminal_retail_center_list dd {
        position: relative;
        overflow: hidden
    }

    .terminal_retail_center_list dd:after {
        display: block;
        content: '';
        padding-bottom: 150.58%
    }

    .terminal_retail_center_list dd a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem;
        color: #fff
    }

    .terminal_retail_center_list dd a:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 129, 115, 0.73);
        z-index: 2;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .terminal_retail_center_list dd img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .terminal_retail_center_list dd .title {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 3
    }

    .terminal_retail_center_list dd .title strong {
        font-family: 'Eina';
        font-size: 3.8vw;
        line-height: 100%;
        margin-bottom: .5rem;
        text-transform: uppercase
    }

    .terminal_retail_center_list dd .title span {
        font-size: 3.5vw
    }

    .terminal_retail_center_list dd .des {
        font-family: 'Eina';
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: flex;
        align-items: flex-end;
        position: relative;
        z-index: 3;
        text-transform: uppercase;
        font-size: 3vw
    }

    .terminal_retail_center_list dd a:hover:after {
        height: 0
    }

    .terminal_retail_center_list dd a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .terminal_retail_center_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        bottom: 0;
        z-index: 10
    }

    .terminal_retail_center_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .terminal_retail_center_list .slick-prev {
        left: 0
    }

    .terminal_retail_center_list .slick-next {
        right: 0
    }

    .terminal_retail_center_list .slick-next:hover,
    .brand_publicity_list .slick-prev:hover {
        opacity: 1;
        border-color: #fff
    }

    .terminal_retail_center_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .terminal_retail_center_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .terminal_retail_center_list .slick-arrow:hover:before {
        color: #fff !important
    }

    .terminal_retail_center_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0rem
    }

    .terminal_retail_center_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .terminal_retail_center_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .terminal_retail_center_list .slick-dots li button {
        display: none
    }

    .needs_in_life {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .needs_in_life .name {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .needs_in_life .name .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 80%
    }

    .needs_in_life .name .title_cn {
        margin-top: .5rem;
        font-weight: bold
    }

    .needs_in_life .subtitle {
        text-align: right;
        font-size: 3.5vw;
        width: 50%;
        line-height: 140%
    }

    .needs_in_life_list {
        margin: 0 -1rem
    }

    .needs_in_life_list li {
        padding: 0 1rem;
        color: #666666;
        margin-top: 2rem
    }

    .needs_in_life_list li .img_ico {
        display: block;
        height: 5rem
    }

    .needs_in_life_list li .title {
        display: flex;
        font-weight: bold;
        flex-direction: column;
        margin-top: 1rem
    }

    .needs_in_life_list li .title strong {
        font-size: 4.5vw
    }

    .needs_in_life_list li .title span {
        font-size: 3.5vw
    }

    .needs_in_life_list li .des {
        margin-top: 1rem;
        line-height: 18px;
        text-align: justify;
        word-break: break-all;
        font-size: 3.2vw
    }

    .wd_design {
        background-color: #333333;
        padding: 3rem 0;
        color: #fff
    }

    .wd_design .name {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 2rem
    }

    .wd_design .name .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 80%
    }

    .wd_design .name .title_cn {
        margin-top: .5rem;
        font-weight: bold
    }

    .wd_design .subtitle {
        text-align: right;
        font-size: 3.5vw;
        width: 50%;
        line-height: 140%
    }

    .wd_design_box_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem
    }

    .wd_design_box_list li {
        width: calc(50% - 5px);
        margin-top: 1rem
    }

    .wd_design_box_list li .iteam {
        background-color: #008173;
        padding: 2rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        position: relative
    }

    .wd_design_box_list li .iteam.last {
        justify-content: center
    }

    .wd_design_box_list li .num {
        font-size: 8vw;
        line-height: 100%
    }

    .wd_design_box_list li .title_en {
        font-size: 5vw;
        margin-top: .5rem;
        text-transform: uppercase;
        font-weight: bold
    }

    .wd_design_box_list li .title_cn {
        font-size: 3.2vw;
        text-align: center
    }

    .wd_design_box_list li .title_cn:after {
        display: block;
        width: 14px;
        height: 1px;
        content: '';
        background-color: #fff;
        margin: .5rem auto 0
    }

    .wd_design_box_list li .des {
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 3vw;
        text-align: center
    }

    .wd_design_box_list li .am-icon-angle-right {
        width: 36px;
        height: 36px;
        font-size: 2.5rem;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .subsystem {
        padding: 3rem 0;
        position: relative
    }

    .subsystem .left_title {
        font-family: 'Eina';
        font-size: 3vw;
        line-height: 100%;
        text-transform: uppercase;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #cccccc;
        display: flex;
        align-items: flex-end;
        position: absolute;
        right: .5rem;
        top: 2rem
    }

    .subsystem .right_iteam {
        padding: 0 2rem
    }

    .subsystem .right_iteam .name {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .subsystem_list {
        margin-top: .5rem
    }

    .subsystem_list dt {
        border-bottom: #333333 solid 1px;
        padding-bottom: 1rem;
        font-weight: bold;
        font-size: 3.5vw
    }

    .subsystem_list dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1rem
    }

    .subsystem_list dd .iteam {
        width: calc(50% - 1rem);
        margin-top: 1rem
    }

    .subsystem_list dd .iteam .title {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        height: 130px;
        border-bottom: #008173 solid 1px;
        padding-bottom: 1rem
    }

    .subsystem_list dd .iteam .title .pic {
        width: 40%;
        position: relative;
        top: 0;
        height: 100%
    }

    .subsystem_list dd .iteam .title .pic:after {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .subsystem_list dd .iteam .title .pic img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .subsystem_list dd .iteam .title .pic .num {
        font-family: 'AgencyFB';
        font-size: 5vw;
        line-height: 100%;
        position: absolute;
        left: 5px;
        top: 5px;
        color: #fff;
        text-shadow: 0 0 10px #666
    }

    .subsystem_list dd .iteam .title .word {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 3vw
    }

    .subsystem_list dd .iteam .title .word .ico img {
        height: 2.0rem
    }

    .subsystem_list dd .iteam .title .word .title_en {
        font-family: 'Eina';
        font-size: 16px;
        line-height: 1.5;
        text-transform: uppercase;
        margin-top: 1.5rem
    }

    .subsystem_list dd .iteam .title .word .title_cn {
        height: 50px;
        overflow: hidden
    }

    .subsystem_list dd .iteam .text {
        margin-top: 1rem;
        color: #666666;
        text-align: justify;
        word-break: break-all;
        font-size: 12px;
        line-height: 1.5
    }

    .subsystem_list dd .iteam .content_maxHeight {
        max-height: 30rem
    }

    .subsystem_list dd .iteam .content_minHeight {
        max-height: 14rem;
        overflow: hidden
    }

    .subsystem_list dd .iteam .click_more {
        color: #666666
    }

    .subsystem_list dd .iteam .click_more:hover {
        color: #008173
    }

    .case_list {
        padding: 0 2rem
    }

    .case_list li {
        margin-top: 2rem
    }

    .case_list li a {
        display: block;
        display: flex;
        flex-direction: column;
        color: #008173
    }

    .case_list li .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .case_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 64.27%
    }

    .case_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .case_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .case_list li .title {
        margin-top: 1rem;
        display: flex;
        flex-direction: column;
        font-size: 3.8vw;
        line-height: 120%
    }

    .case_list li .title span {
        margin-bottom: .5rem
    }

    .system_solutions {
        background-color: #efefef;
        padding: 3rem 0
    }

    .system_solutions .name {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 2rem
    }

    .system_solutions .name .title {
        width: 80%
    }

    .system_solutions .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173
    }

    .system_solutions .title_cn {
        font-weight: bold
    }

    .system_solutions .subtitle {
        font-family: 'Eina';
        font-size: 3.5vw;
        line-height: 100%;
        text-transform: uppercase;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: center
    }

    .system_solutions_ico {
        display: flex;
        justify-content: space-between;
        margin-top: 2rem;
        padding: 0 2rem
    }

    .system_solutions_ico .iteam {
        color: #666666;
        width: calc(33.33% - 0.6rem);
        font-size: 3vw
    }

    .system_solutions_ico .iteam::before {
        display: block;
        content: '';
        width: 3.6rem;
        height: 3.6rem;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: .5rem;
        background-size: 300%
    }

    .system_solutions_ico .iteam:nth-of-type(2):before {
        background-position: -3.6rem top
    }

    .system_solutions_ico .iteam:nth-of-type(3):before {
        background-position: -7.2rem top
    }

    .system_solutions .solution_list {
        opacity: 1;
        margin-top: 2rem;
        padding: 0 2rem 3rem
    }

    .system_hardware {
        background-color: #535353;
        padding: 3rem 0;
        color: #fff
    }

    .system_hardware .name {
        display: flex;
        justify-content: space-between;
        padding: 0 2rem
    }

    .system_hardware .name .title {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .system_hardware .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 140%;
        text-transform: uppercase;
        color: #fff
    }

    .system_hardware .title_cn {
        font-weight: bold;
        margin-top: .5rem
    }

    .system_hardware .subtitle {
        display: flex;
        flex-direction: column;
        text-align: right;
        align-items: flex-end;
        font-size: 3.5vw;
        width: 40%
    }

    .system_hardware .subtitle::before {
        display: block;
        content: '';
        width: 3rem;
        height: 3rem;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: left -3rem;
        margin-bottom: .5rem;
        background-size: 300%
    }

    .system_hardware_list {
        margin: 2rem 0 0;
        padding: 0 2rem 3rem
    }

    .system_hardware_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .system_hardware_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 70.37%
    }

    .system_hardware_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .system_hardware_list dd .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .system_hardware_list dd .title {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column
    }

    .system_hardware_list dd .title strong {
        font-weight: normal
    }

    .system_hardware_list dd .title:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        background-color: #008173;
        margin-bottom: .8rem
    }

    .system_hardware_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0rem
    }

    .system_hardware_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .system_hardware_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .system_hardware_list .slick-dots li button {
        display: none
    }

    .system_hardware_list .slick-arrow {
        width: 30px;
        height: 30px;
        margin: -65px 0 0 0;
        color: #fff;
        background: none;
        border: #fff solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.45;
        bottom: 0;
        z-index: 10
    }

    .system_hardware_list .slick-arrow.slick-disabled {
        cursor: default
    }

    .system_hardware_list .slick-prev {
        left: -30px
    }

    .system_hardware_list .slick-next {
        right: -30px
    }

    .system_hardware_list .slick-next:hover,
    .system_hardware_list .slick-prev:hover {
        opacity: 1;
        border-color: #fff
    }

    .system_hardware_list .slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .system_hardware_list .slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 16px;
        color: #fff;
        opacity: 1
    }

    .system_hardware_list .slick-arrow:hover:before {
        color: #fff !important
    }

    .auxiliary_system_parts {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .auxiliary_system_parts.last {
        background-color: #fff
    }

    .auxiliary_system_parts .name {
        display: flex;
        flex-direction: column;
        border-bottom: #333 solid 1px;
        padding-bottom: 1rem
    }

    .auxiliary_system_parts .title {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .auxiliary_system_parts .title span {
        font-size: 15px;
        color: #333
    }

    .auxiliary_system_parts .subtitle {
        display: flex;
        flex-direction: column;
        text-align: center;
        text-align: center;
        font-size: 3.5vw;
        margin-top: 1rem
    }

    .auxiliary_system_parts_list {
        margin: 2rem 0 0;
        padding-bottom: 3rem
    }

    .auxiliary_system_parts_list .iteam {
        padding: 0
    }

    .auxiliary_system_parts_list .text {
        width: 100%;
        border-bottom: #666666 solid 1px;
        padding-bottom: 1rem;
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .auxiliary_system_parts_list .img {
        width: 59.25%;
        position: relative;
        overflow: hidden
    }

    .auxiliary_system_parts_list .img:before {
        display: block;
        content: '';
        padding-bottom: 128.125%
    }

    .auxiliary_system_parts_list img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .auxiliary_system_parts_list .text span {
        display: block;
        width: 100%;
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        position: absolute;
        left: 0;
        bottom: 1rem;
        z-index: 2
    }

    .auxiliary_system_parts_list .des {
        margin-top: 1rem;
        color: #666666
    }

    .auxiliary_system_parts_list .ms {
        color: #666666;
        font-size: 3.2vw;
        margin-top: 1rem;
        height: 132px;
        overflow: hidden;
        text-align: justify
    }

    .auxiliary_system_parts_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0rem
    }

    .auxiliary_system_parts_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .auxiliary_system_parts_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .auxiliary_system_parts_list .slick-dots li button {
        display: none
    }

    .click_more {
        display: block;
        margin-top: 1.5rem
    }

    .click_more i {
        margin-left: 5px;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .click_more:hover i {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px)
    }

    .auxiliary_system_parts_list .click_more {
        font-size: 12px;
        color: #666
    }

    .auxiliary_system_parts_list .click_more:hover,
    .click_more.on {
        color: #008173
    }

    .system_software {
        background-color: #535353;
        padding: 3rem 2rem;
        color: #fff
    }

    .system_software .name {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #666666 solid 1px;
        padding-bottom: 1rem
    }

    .system_software .name .title {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .system_software .name .title span {
        font-size: 3.2vw;
        color: #fff;
        display: block
    }

    .system_software_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .system_software_list li {
        width: calc(50% - 1rem);
        margin-top: 2rem
    }

    .system_software_list li .img {
        width: 100%;
        position: relative
    }

    .system_software_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 133.33%
    }

    .system_software_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1
    }

    .system_software_list li .text {
        font-size: 3vw;
        margin-top: 1rem;
        text-transform: uppercase
    }

    .system_software_des {
        margin-top: 2rem
    }

    .system_software_des .title {
        font-family: 'Eina';
        font-size: 4vw;
        border-bottom: #fff solid 1px;
        padding-bottom: 1rem;
        text-transform: uppercase
    }

    .system_software_des .ms {
        margin-top: 1rem;
        text-align: justify;
        word-break: break-all;
        font-size: 3.2vw
    }

    .system_equipment {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .system_equipment .name {
        display: flex;
        justify-content: space-between
    }

    .system_equipment .name .title {
        color: #008173;
        display: flex;
        flex-direction: column;
        width: 60%
    }

    .system_equipment .name .title strong {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase
    }

    .system_equipment .name .title span {
        font-size: 3.2vw;
        margin-top: .5rem
    }

    .system_equipment .name .subtitle {
        width: 40%;
        text-align: right;
        font-size: 3vw
    }

    .system_equipment_list {
        padding-bottom: 3rem;
        margin-top: 2rem
    }

    .system_equipment_list dd .img {
        position: relative;
        overflow: hidden
    }

    .system_equipment_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .system_equipment_list dd .img:before {
        display: block;
        content: '';
        padding-bottom: 132.82%
    }

    .system_equipment_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        z-index: 1
    }

    .system_equipment_list dd:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .system_equipment_list dd:hover .text {
        background-color: #d2d2d2
    }

    .system_equipment_list dd .text {
        background-color: #fff;
        padding: 1rem 1.5rem;
        color: #008173;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .system_equipment_list dd .text .title {
        text-transform: uppercase
    }

    .system_equipment_list dd .text .title:after {
        display: block;
        content: '';
        width: 30px;
        height: 1px;
        background-color: #008173;
        margin: 1rem 0 .8rem
    }

    .system_equipment_list dd .text .des {
        font-size: 3.2vw;
        text-align: justify;
        word-break: break-all
    }

    .system_equipment_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .system_equipment_list .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 6px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #333 solid 1px
    }

    .system_equipment_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .system_equipment_list .slick-dots li button {
        display: none
    }

    .brand_profile_1 {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .brand_profile_1 .iteam_left {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: #dedede solid 1px;
        padding-bottom: 1rem
    }

    .brand_profile_1 .iteam_left .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 80%
    }

    .brand_profile_1 .iteam_right {
        margin-top: 1rem;
        font-size: 3.5vw
    }

    .brand_profile_1 .iteam_right .content_minHeight {
        height: 27rem;
        overflow: hidden;
        font-size: 3.5vw
    }

    .brand_profile_1 .iteam_right p {
        font-size: 3.5vw
    }

    .brand_profile_2 {
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 2rem
    }

    .brand_profile_2 .text {
        color: #fff;
        background-color: rgba(0, 68, 58, 0.8);
        font-size: 3.5vw;
        padding: 2rem;
        text-align: justify;
        word-break: break-all
    }

    .brand_profile_2 .text a {
        color: #fff
    }

    .brand_profile_2 .content_maxHeight {
        height: auto
    }

    .brand_profile_2 .content_minHeight {
        height: 290px;
        overflow: hidden
    }

    .brand_profile_3 {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .brand_profile_3 .web_w {
        display: flex;
        flex-direction: column
    }

    .brand_profile_3 .iteam_left {
        width: 100%
    }

    .brand_profile_3 .iteam_left img {
        display: block;
        width: 100%
    }

    .brand_profile_3 .iteam_right {
        width: 100%;
        margin-top: 1rem;
        font-size: 3.5vw
    }

    .brand_profile_3 .content_minHeight {
        height: 18rem;
        overflow: hidden;
        text-align: justify;
        word-break: break-all
    }

    .brand_provider {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #333333;
        color: #fff;
        padding: 3rem 2rem
    }

    .brand_provider .name {
        display: flex;
        flex-direction: column-reverse
    }

    .brand_provider_name {
        width: 100%;
        font-size: 3.5vw;
        margin-top: 1rem;
        text-align: center
    }

    .brand_provider_title {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .brand_provider_title .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-align: center
    }

    .brand_provider_title .title_cn {
        margin-top: .5rem
    }

    .brand_provider_list {
        margin: 2rem 0 0;
        padding: 0 0 4rem
    }

    .brand_provider_list .slick-list {
        padding-top: 2rem
    }

    .brand_provider_list dd .list {
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .brand_provider_list dd .iteam .text {
        width: 85%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        font-size: 3.5vw
    }

    .brand_provider_list dd .iteam .text a {
        color: #fff
    }

    .brand_provider_list dd .iteam .text .title {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%
    }

    .brand_provider_list dd .iteam .text .title:after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin: 1.5rem 0
    }

    .brand_provider_list dd .iteam .img {
        width: 44%;
        position: relative;
        z-index: 1
    }

    .brand_provider_list dd .iteam .img:after {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .brand_provider_list dd .iteam .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .brand_provider_list dd .iteam .img .num {
        font-family: 'Eina';
        line-height: 100%;
        font-size: 8vw;
        position: absolute;
        left: -8%;
        top: -8%;
        color: #008173
    }

    .brand_provider_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0rem
    }

    .brand_provider_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: none;
        border: #008173 solid 1px
    }

    .brand_provider_list .slick-dots li.slick-active {
        background-color: #008173
    }

    .brand_provider_list .slick-dots li button {
        display: none
    }

    .brand_video {
        padding: 3rem 2rem
    }

    .brand_video_title {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .brand_video_title .title_en {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        font-size: 5vw;
        width: 80%
    }

    .brand_video_list {
        margin-top: 2rem;
        padding-bottom: 4rem
    }

    .brand_video_list dd .img {
        width: 80%;
        position: relative;
        margin: 0 auto
    }

    .brand_video_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 100%
    }

    .brand_video_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        border-radius: 50%;
        z-index: 1
    }

    .brand_video_list dd .img .title {
        width: 200%;
        font-family: 'Eina';
        font-size: 6.25vw;
        line-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #008173;
        z-index: 2;
        text-transform: uppercase;
        text-align: center
    }

    .brand_video_list dd .img i {
        font-size: 12vw;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        color: rgba(255, 255, 255, 0.6)
    }

    .brand_video_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .brand_video_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #008173 solid 1px
    }

    .brand_video_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .brand_video_list .slick-dots li button {
        display: none
    }

    .brand_video_list .slick-btn {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        white-space: nowrap;
        z-index: 5
    }

    .brand_video_list .slick-btn span {
        display: none
    }

    .brand_video_list .slick-btn button {
        width: 30px;
        height: 30px;
        color: #999999;
        background: none;
        border: #999999 solid 1px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        z-index: 5
    }

    .brand_video_list .prev {
        left: -1rem
    }

    .brand_video_list .next {
        right: -1rem
    }

    .brand_video_list .slick-btn button:hover {
        border-color: #008173;
        color: #008173
    }

    .brand_video_list .next button:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 2rem;
        color: #999999;
        opacity: 1
    }

    .brand_video_list .prev button:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 2rem;
        color: #999999;
        opacity: 1
    }

    .brand_video_list .next:hover button:before,
    .brand_video_list .prev:hover button:before {
        color: #008173
    }

    .brand_honer {
        padding: 3rem 0;
        position: relative
    }

    .brand_honer .left_title,
    .brand_honer .section_honer_img img {
        opacity: 1
    }

    .brand_honer .left_title {
        top: 3rem;
        font-size: 3.2vw
    }

    .brand_honer .right_con {
        padding: 0 2rem
    }

    .brand_honer .right_con .title_en {
        margin: 0;
        font-size: 5vw;
        width: 80%;
        line-height: 100%
    }

    .brand_honer_des {
        margin-top: 1rem
    }

    .brand_honer_des dt {
        font-size: 3.5vw;
        font-weight: bold;
        border-bottom: #333 solid 1px;
        padding-bottom: 1rem
    }

    .brand_honer_des dd {
        margin-top: 1rem;
        display: flex;
        flex-direction: column
    }

    .brand_honer_des dd .text {
        text-align: justify;
        word-break: break-all;
        font-size: 3.5vw
    }

    .brand_honer .section_honer_img {
        margin: 0
    }

    .brand_honer_list {
        background-color: #333;
        color: #fff;
        padding: 3rem 2rem
    }

    .brand_honer_list .name {
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase;
        color: #fff;
        font-size: 5vw;
        width: 80%
    }

    .brand_honer_iteam {
        display: flex;
        flex-direction: column;
        margin-top: 2rem
    }

    .brand_honer_iteam .slider {
        margin: 0
    }

    .brand_honer_iteam .slider-for {
        width: 100%;
        overflow: hidden
    }

    .brand_honer_iteam .slider-for .img {
        position: relative
    }

    .brand_honer_iteam .slider-for .img:after {
        display: block;
        content: '';
        padding-bottom: 51%
    }

    .brand_honer_iteam .slider-for .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover
    }

    .brand_honer_iteam .slider-nav {
        width: 100%;
        overflow: hidden
    }

    .brand_honer_iteam .slider-nav a {
        border-bottom: #aaaaaa solid 1px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        color: #fff;
        padding-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .brand_honer_iteam .slider-nav .title_en {
        display: flex;
        flex-direction: column;
        font-size: 3.5vw;
        font-family: 'Eina';
        line-height: 100%;
        text-transform: uppercase
    }

    .brand_honer_iteam .slider-nav .title_en .num {
        font-size: 5vw;
        line-height: 100%;
        margin-bottom: .5rem
    }

    .brand_culture_inner {
        padding: 3rem 2rem;
        background-color: #efefef
    }

    .brand_culture_inner .content {
        position: relative;
        background-color: #efefef;
        color: #333
    }

    .brand_culture_inner .content a {
        color: #333
    }

    .brand_culture_inner .content .web_w {
        align-items: inherit
    }

    .brand_culture_inner .content .left_iteam {
        padding: 0;
        height: auto
    }

    .brand_culture_inner .brand_culture_list,
    .brand_culture_inner .content .left_iteam .title {
        opacity: 1
    }

    .brand_culture_inner .content .left_iteam .title {
        font-size: 5vw;
        width: 80%
    }

    .brand_culture_inner .brand_culture_list {
        margin-top: 2rem
    }

    .brand_culture_inner .content .left_iteam .title,
    .brand_culture_inner .content .left_iteam .title a,
    .brand_culture_inner .brand_culture_list dd .title strong {
        color: #008173
    }

    .brand_culture_inner .content .right_iteam {
        padding: 0
    }

    .brand_culture_inner .content .left_iteam .title_3 {
        right: 0
    }

    .brand_culture_inner .content .left_iteam .title_3 em:after {
        display: none
    }

    .brand_culture_inner .content .left_iteam .title_3 em:before,
    .brand_culture_inner .brand_culture_list dd .title span:before,
    .brand_culture_inner .brand_culture_list dd .title span:after {
        background-color: #333;
        display: none
    }

    .brand_culture_inner .content .left_iteam .title_3 span {
        writing-mode: inherit;
        letter-spacing: 0
    }

    .brand_culture_inner .brand_culture_list dd .des:before {
        background-color: #008173
    }

    .brand_culture_inner .brand_culture_list .slick-arrow {
        display: none
    }

    .brand_culture_inner .brand_culture_list dd .title strong {
        font-size: 5vw;
        width: 60%
    }

    .brand_culture_inner .brand_culture_list dd .title {
        bottom: 2%
    }

    .brand_culture_inner .brand_culture_list dd .des {
        margin-top: 14%
    }

    .rd_center {
        padding: 3rem 2rem;
        background-color: #efefef
    }

    .rd_center .left_title {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .rd_center .left_title .title {
        width: 40%
    }

    .rd_center .left_title .title_en {
        font-family: 'Eina';
        font-size: 4vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 50%
    }

    .rd_center .left_title .title_cn {
        margin-top: .5rem;
        font-weight: bold
    }

    .rd_center .left_title .des {
        width: 50%;
        font-size: 3vw;
        text-align: right;
        line-height: 140%
    }

    .rd_center_list {
        margin: 1rem -1rem 0
    }

    .rd_center_list li {
        padding: 0 1rem;
        margin-top: 2rem;
        color: #666666
    }

    .rd_center_list li .ico {
        display: flex;
        height: 3.6rem
    }

    .rd_center_list li .title_en {
        font-size: 3.5vw;
        margin-top: 1.5rem;
        line-height: 110%;
        font-weight: 300;
        font-family: "\5FAE\8F6F\96C5\9ED1";
        line-height: 140%
    }

    .rd_center_list li .title_cn {
        margin-top: .5rem;
        font-size: 3.2vw
    }

    .rd_team_person {
        padding: 3rem 2rem;
        background-color: #333333;
        color: #fff;
        position: relative
    }

    .rd_team_person_box {
        display: flex;
        flex-direction: column-reverse
    }

    .rd_team_person_box .img {
        width: 100%;
        position: relative;
        z-index: 2;
        margin-top: 1rem
    }

    .rd_team_person_box .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .rd_team_person_box .text {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .rd_team_person_box .text .title_bg {
        font-family: 'Eina';
        font-size: 7vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #444444;
        text-align: right;
        white-space: nowrap;
        position: absolute;
        left: 0;
        top: -1.5rem;
        z-index: 1
    }

    .rd_team_person_box .text .title_box {
        position: relative;
        z-index: 2
    }

    .rd_team_person_box .text .title_box .title {
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .rd_team_person_box .text .title_box .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        width: 50%
    }

    .rd_team_person_box .text .title_box .title_cn {
        margin-top: .5rem;
        font-size: 3.5vw
    }

    .rd_team_person_box .text .des {
        border-top: #fff solid 1px;
        padding-top: 1rem;
        text-align: justify;
        margin-top: 1.5rem;
        word-break: break-all
    }

    .rd_team_des {
        padding: 3rem 2rem;
        background-color: #efefef
    }

    .rd_team_des .left_title {
        display: flex;
        justify-content: space-between;
        text-transform: uppercase
    }

    .rd_team_des .left_title .title {
        width: 40%
    }

    .rd_team_des .left_title .title_num {
        font-family: 'Eina';
        font-size: 7vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        margin-bottom: .5rem
    }

    .rd_team_des .left_title .des {
        width: 50%;
        font-size: 3vw;
        text-align: right
    }

    .rd_team_des .right_text {
        color: #666666;
        text-align: justify;
        margin-top: 2rem;
        word-break: break-all;
        font-size: 3.5vw
    }

    .state_chain_channel {
        background-color: #333333;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        color: #fff;
        padding: 3rem 2rem;
        position: relative
    }

    .state_chain_channel .left_iteam {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 3
    }

    .state_chain_channel .left_iteam .title {
        display: flex;
        flex-direction: column
    }

    .state_chain_channel .left_iteam .title strong {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 120%;
        text-transform: uppercase
    }

    .state_chain_channel .left_iteam .des {
        font-size: 3.5vw;
        text-align: right;
        width: 50%;
        display: flex;
        flex-direction: column
    }

    .state_chain_channel .right_iteam {
        z-index: 3;
        margin-top: 2rem
    }

    .state_chain_channel_list {
        padding-bottom: 2rem
    }

    .state_chain_channel_list dd .text {
        position: relative
    }

    .state_chain_channel_list dd .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .state_chain_channel_list dd .img:after {
        display: block;
        content: '';
        padding-bottom: 65.29%
    }

    .state_chain_channel_list dd .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s
    }

    .state_chain_channel_list dd .title {
        margin-top: 1.5rem;
        border-bottom: #fff solid 1px;
        padding-bottom: 1.5rem
    }

    .state_chain_channel_list dd .title strong {
        font-family: 'Eina';
        font-size: 4vw;
        line-height: 100%
    }

    .state_chain_channel_list dd .des {
        margin-top: 1.5rem;
        max-height: 20rem;
        overflow: hidden;
        text-align: justify;
        font-size: 3.2vw
    }

    .state_chain_channel_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .state_chain_channel_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #008173 solid 1px
    }

    .state_chain_channel_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .state_chain_channel_list .slick-dots li button {
        display: none
    }

    .new_trends_and_new_models {
        background-color: #efefef;
        padding: 3rem 2rem
    }

    .new_trends_and_new_models .name {
        display: flex;
        flex-direction: column;
        border-bottom: #333 solid 1px;
        padding-bottom: 1rem
    }

    .new_trends_and_new_models .title {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .new_trends_and_new_models .title span {
        font-size: 3.2vw;
        color: #333;
        margin-top: .5rem
    }

    .new_trends_and_new_models .subtitle {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 1rem;
        font-size: 3.2vw
    }

    .new_trends_and_new_models_list {
        margin: 2rem 0 0;
        padding-bottom: 3rem
    }

    .new_trends_and_new_models_list .iteam {
        padding: 5% 0 0
    }

    .new_trends_and_new_models_list .text {
        width: 100%;
        border-bottom: #666666 solid 1px;
        padding-bottom: 1.5rem;
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    .new_trends_and_new_models_list .img {
        width: 36.9%;
        position: relative
    }

    .new_trends_and_new_models_list .img:before {
        display: block;
        content: '';
        padding-bottom: 130%
    }

    .new_trends_and_new_models_list img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        z-index: 1
    }

    .new_trends_and_new_models_list .img .num {
        font-family: 'Eina';
        font-size: 7vw;
        line-height: 100%;
        position: absolute;
        left: -10%;
        top: -6%;
        color: #008173;
        z-index: 2
    }

    .new_trends_and_new_models_list .text span {
        display: block;
        width: 100%;
        font-family: 'Eina';
        font-size: 4vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        position: absolute;
        left: 0;
        bottom: 2rem;
        z-index: 2
    }

    .new_trends_and_new_models_list .des {
        margin-top: 1.5rem;
        color: #666666
    }

    .new_trends_and_new_models_list .ms {
        color: #666666;
        margin-top: 1.5rem;
        max-height: 8rem;
        overflow: hidden;
        text-align: justify;
        word-break: break-all;
        font-size: 3.2vw
    }

    .new_trends_and_new_models_list .slick-dots {
        margin: 0;
        left: 0;
        bottom: 0
    }

    .new_trends_and_new_models_list .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 5px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: #008173 solid 1px
    }

    .new_trends_and_new_models_list .slick-dots li.slick-active {
        border-color: #008173;
        background-color: #008173
    }

    .new_trends_and_new_models_list .slick-dots li button {
        display: none
    }

    .labobr_tory {
        display: flex;
        flex-direction: column-reverse;
        background-color: #008173;
        color: #fff;
        padding: 3rem 2rem
    }

    .labobr_tory .img img {
        display: block;
        width: 100%;
        margin-top: 2rem
    }

    .labobr_tory .text {
        display: flex;
        flex-direction: column
    }

    .labobr_tory .text .name {
        display: flex;
        flex-direction: column
    }

    .labobr_tory .text .name .title {
        width: 100%
    }

    .labobr_tory .text .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        width: 100%
    }

    .labobr_tory .text .title_cn {
        font-size: 3.5vw;
        margin-top: 1.5rem
    }

    .labobr_tory .text .ms {
        width: 100%;
        font-size: 3vw
    }

    .labobr_tory .text .content {
        margin-top: 2rem;
        text-align: justify;
        word-wrap: break-word;
        font-size: 3.5vw
    }

    .model_workshop {
        padding: 3rem 2rem;
        background-color: #efefef
    }

    .model_workshop .left_title {
        display: flex;
        flex-direction: column
    }

    .model_workshop .left_title .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        text-align: center
    }

    .model_workshop .left_title .title_cn {
        font-size: 3.2vw;
        text-align: center;
        margin-top: 1rem
    }

    .model_workshop .right_text {
        color: #666666;
        margin-top: 2rem;
        font-size: 3vw
    }

    .model_workshop .right_text tr.firstRow {
        display: flex;
        flex-direction: column
    }

    .model_workshop .right_text tr.firstRow td {
        width: 100% !important
    }

    .system_landing_platform {
        position: relative;
        padding: 3rem 2rem;
        background-color: #008173;
        color: #fff
    }

    .system_landing_platform .img img {
        display: block;
        width: 100%;
        margin-top: 2rem
    }

    .system_landing_platform .text {
        margin-top: 2rem
    }

    .system_landing_platform .title {
        display: flex;
        justify-content: space-between
    }

    .system_landing_platform .title .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        width: 40%
    }

    .system_landing_platform .title .title_cn {
        font-size: 3.2vw;
        text-align: right;
        width: 50%
    }

    .system_landing_platform .text .content {
        text-align: justify;
        word-wrap: break-word;
        font-size: 3.2vw
    }

    .solution_exhibition {
        padding: 3rem 2rem;
        position: relative
    }

    .solution_exhibition .left_title {
        font-family: 'Eina';
        font-size: 3.5vw;
        line-height: 100%;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        color: #008173;
        display: flex;
        align-items: flex-end;
        position: absolute;
        right: 2rem;
        top: 3rem
    }

    .solution_exhibition .right_con .title_en {
        font-family: 'Eina';
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #008173;
        width: 90%
    }

    .solution_exhibition .right_con .title_cn {
        margin-top: .5rem
    }

    .solution_exhibition_list {
        margin: 0 -1rem
    }

    .solution_exhibition_list li {
        padding: 0 1rem;
        margin-top: 2rem
    }

    .solution_exhibition_list li .img {
        position: relative;
        overflow: hidden
    }

    .solution_exhibition_list li .img:after {
        display: block;
        content: '';
        padding-bottom: 67.35%
    }

    .solution_exhibition_list li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        z-index: 1;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1)
    }

    .solution_exhibition_list li .img .box {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.26, 1.04, 0.54, 1), transform 0.5s cubic-bezier(0.26, 1.04, 0.54, 1);
        padding: 10px;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s;
        transition: all 0.35s;
        background-color: rgba(0, 129, 115, 0.4)
    }

    .solution_exhibition_list li .img:hover img {
        transform: scale(1.02) translateZ(0)
    }

    .solution_exhibition_list li .img:hover .box {
        opacity: 1
    }

    .page_list {
        text-align: center;
        margin-top: 2rem;
        font-size: 1.4rem
    }

    .page_list a {
        display: inline-block;
        margin: 0 1rem;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: 50%;
        background-color: #f2f2f2
    }

    .page_list .page-num-current {
        background-color: #008173;
        color: #fff
    }

    .news_page_pages {
        margin-top: 3rem;
        padding: 1.4rem;
        border-top: #dedede solid 1px;
        border-bottom: #dedede solid 1px;
        position: relative;
        font-size: 3.6vw
    }

    .news_page_pages dt {
        display: none
    }

    .news_page_pages dd {
        line-height: 3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .error_x {
        text-align: center;
        height: 10rem;
        line-height: 10rem;
        font-size: 3.8vw;
        color: #595959
    }

    .error_x i {
        margin-right: 1rem
    }

    .page_rel {
        margin-top: 3rem
    }

    .page_rel_title {
        background-color: #f2f2f2;
        padding: 1rem 1.4rem;
        font-size: 4vw;
        color: #000;
        font-weight: bold
    }

    .page_rel_title a {
        float: right;
        font-size: 1.6rem;
        font-weight: normal
    }

    .video_modal {
        width: 98%;
        position: relative;
        left: -.2rem
    }

    .video_con {
        position: relative;
        background: #000
    }

    .video_con video {
        display: block;
        background-color: #000;
        width: 100%
    }

    .video_con iframe {
        display: block
    }

    .video_modal .am-close {
        position: absolute;
        bottom: -3rem;
        left: 50%;
        margin-left: -1rem;
        z-index: 100;
        color: #fff;
        opacity: 1;
        font-size: 3rem;
        width: 2rem;
        height: 2rem;
        text-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none
    }

    .search_list {
        display: flex;
        background-color: #fff;
        margin-bottom: 25px;
        border-bottom: #f2f2f2 solid 1px;
        padding-bottom: 25px
    }

    .search_list dt {
        width: 180px;
        height: 120px;
        display: flex
    }

    .search_list dt a {
        width: 100%;
        height: block;
        position: relative
    }

    .search_list dt img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: contain
    }

    .search_list dd {
        width: calc(100% - 180px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 20px
    }

    .search_list dd h2 {
        margin: 0
    }

    .search_list dd .card-text {
        color: #666;
        font-size: 15px;
        margin: 6px 0
    }

    .search_list dd .card-sort {
        font-size: 13px;
        color: #999
    }

    .search_list dd .card-sort span {
        margin-right: 20px
    }

    .search_list dd .card-sort span:last-of-type {
        margin-right: 0
    }

    .search_list dd .card-sort a {
        color: #999
    }

    .search_list dd .card-sort a:hover {
        color: #008173
    }

    .tag_list_all {
        margin: 0 -1rem
    }

    .tag_list_all li {
        padding: 0 1rem;
        margin-bottom: 2rem
    }

    .tag_list_all li a {
        display: block;
        background-color: #999;
        color: #fff;
        text-align: center;
        padding: .5rem
    }

    .tag_list_all li a:hover {
        background-color: #008173
    }

    .register_form,
    .login_form {
        width: 90%;
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 10;
        padding: 2rem;
        box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5), 0px 0px 150px rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        font-size: 3.5vw
    }

    .user_form fieldset {
        margin: 0
    }

    .user_form .am-form-field {
        font-size: 15px !important;
        padding: 0.6em 0.5em !important
    }

    .user_form .ksubmit:focus {
        outline: none
    }

    .user_tab_nav {
        display: flex;
        justify-content: space-between;
        background-color: #f2f2f2
    }

    .user_tab_nav a {
        width: 25%;
        padding: 1rem .5rem;
        text-align: center;
        border-right: #008173 solid 1px;
        border-bottom: #ccc solid 1px;
        font-size: 4vw
    }

    .user_tab_nav a:last-of-type {
        border-right: none
    }

    .user_tab_nav a.active {
        background-color: #008173;
        color: #fff;
        border-bottom: #008173 solid 1px
    }

    .user_tab_con {
        background-color: #fff;
        padding: 2rem
    }

    .user_head_pic {
        width: 70px;
        height: 70px;
        object-fit: cover;
        border-radius: 50%;
        background-color: #008173;
        padding: 3px
    }

    .user_modal .am-modal-footer {
        display: flex;
        justify-content: space-between
    }

    .user_modal .am-modal-dialog {
        width: 95%
    }

    .user_modal .am-modal-footer .am-btn {
        width: 58%;
        border: none;
        font-size: 15px;
        color: #008173
    }

    .user_modal .am-modal-footer .am-btn:first-of-type {
        border-right: #dedede solid 1px
    }

    .user_modal .file-caption-main {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .user_modal .file-caption-main .form-control {
        width: 70%
    }

    .user_modal .file-caption .file-caption-name {
        border: #dedede solid 1px;
        padding: .5em;
        height: 38px
    }

    .user_modal .file-caption-main .input-group-btn {
        width: 30%;
        display: flex;
        justify-content: space-between
    }

    .user_modal .fileinput-remove-button {
        display: block !important
    }

    .user_modal .file-error-message {
        margin: 10px auto 0;
        position: relative;
        padding: 10px
    }

    .user_modal .file-error-message .kv-error-close,
    .user_modal .file-preview .close {
        position: absolute;
        right: 8px;
        top: 5px;
        background: none;
        padding: 0;
        margin: 0;
        border: none
    }

    .am-comments-list .am-comment .am-commentsub {
        margin: 1.6rem 0;
        padding: 0 1rem
    }

    .mobile_comment {
        padding: 0 2rem;
        font-size: 1.4rem
    }

    .comment_form textarea {
        height: 8rem
    }

    .am-pagination {
        font-size: 1.4rem
    }

    .cpzx {
        margin-top: 104px
    }

    .cpzx-title {
        text-align: center;
        border-bottom: 1px solid #767676;
        margin-bottom: 30px;
        padding: 40px 0
    }

    .cpzx-title h2 {
        font-size: 22px;
        color: #444241;
        margin: 0
    }

    .cpzx-title h3 {
        font-size: 12px;
        color: #6a5b54;
        margin: 0
    }

    .cpzx-t {
        font-size: 30px;
        color: #010101;
        margin-bottom: 57px;
        margin-left: 401px
    }

    .cpzx-b {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative
    }

    .cpzx-l {
        width: 280px
    }

    .cpzx-l1 {
        display: flex;
        align-items: center;
        line-height: 15px;
        padding-bottom: 24px;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px
    }

    .cpzx-l1 a {
        display: block;
        color: #000
    }

    .cpzx-l1 a.a1 {
        padding-left: 32px;
        background: url(../images/cpzx-tb9.png) no-repeat center left;
        background-size: contain;
        background-size: auto 18px
    }

    .cpzx-l1 a h2 {
        margin: 0;
        padding: 0 10px;
        border: 1px solid #000
    }

    .cpzx-l1 a h2::before {
        content: "点我查看"
    }

    .cpzx-l1 p {
        margin: 0 8px
    }

    .cpzx-l1 a.a2 {
        color: #d6001d
    }

    .cpzx-l dl {
        border-bottom: 1px solid #eee
    }

    .cpzx-l dl dt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        padding-right: 11px;
        line-height: 59px
    }

    .cpzx-l dl dt a {
        display: block;
        color: #000
    }

    .cpzx-l dl dt span {
        display: block;
        width: 8px;
        height: 8px;
        background: url(../images/cpzx-tb4.jpg) no-repeat center
    }

    .cpzx-l dl dt span.up {
        background: url(../images/cpzx-tb5.jpg) no-repeat center
    }

    .cpzx-l dl dd {
        border-bottom: 1px solid #eee;
        padding-bottom: 23px;
        padding-right: 11px
    }

    .cpzx-l dl dd .div1 {
        padding-top: 20px
    }

    .cpzx-l dl dd h3 {
        font-size: 12px;
        margin-bottom: 19px
    }

    .cpzx-l dl dd a {
        display: block;
        line-height: 24px;
        color: #5f5f5f;
        font-size: 12px;
        background: url(../images/cpzx-tb6.jpg) no-repeat center right
    }

    .cpzx-l dl dd a.active {
        background: url(../images/cpzx-tb7.jpg) no-repeat center right
    }

    .cpzx-l dl dd a:hover {
        color: #d6001d
    }

    .cpzx-r {
        width: calc(100% - 340px);
        padding-left: 60px;
        border-left: 1px solid #eee;
        padding-bottom: 120px
    }

    .cpzx-r1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cpzx-r1 a {
        display: block;
        width: calc(50% - 10px);
        font-size: 16px;
        color: #000
    }

    .cpzx-r1 a:nth-child(1) {
        width: 100%;
        margin-bottom: 40px
    }

    .cpzx-r1 a h4 {
        margin-bottom: 20px;
        overflow: hidden
    }

    .cpzx-r1 a h4 img {
        display: block;
        width: 100%
    }

    .cpzx-r1 a p {
        transition: all 0s
    }

    .cpzx-r1 a:hover {
        color: #d6001d
    }

    .cpzx-r1 a:hover img {
        transform: scale(1.1)
    }

    .cpzx-r2>h3 {
        font-size: 20px;
        margin-bottom: 40px
    }

    .cpzx-r2 dt {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .cpzx-r2 dt a {
        display: block;
        width: calc(50% - 10px);
        margin-right: 20px !important;
        margin-bottom: 20px;
        text-align: left;
        color: #000;
        position: relative
    }

    .cpzx-r2 dt a:nth-child(2n) {
        margin-right: 0 !important
    }

    .cpzx-r2 dt a h4 {
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 17px;
        border: 1px solid #ccc
    }

    .cpzx-r2 dt a span {
        font-size: 12px;
        font-weight: normal;
        border: 1px solid #656566;
        padding: 5px 10px;
        text-transform: uppercase
    }

    .cpzx-r2 dt a h4 img {
        display: block;
        width: 100%;
        transition: all 0.5s
    }

    .cpzx-r2 dt a h3 {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        margin: 5px 0
    }

    .cpzx-r2 dt a p {
        line-height: 18px;
        color: #5f5f5f;
        font-size: 12px;
        text-align: left;
        margin: 5px 0
    }

    .cpzx-r2 dt a:hover img {
        transform: scale(1.1)
    }

    .cpzx-r2 dt a:hover h3 {
        color: #d6001d
    }

    .cpzx-r2 dd {
        display: flex;
        justify-content: flex-end
    }

    .cpzx-r2 dd a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 35px;
        border-radius: 50px;
        border: 1px solid #eee;
        color: #000
    }

    .cpzx-r2 dd a img {
        margin-left: 16px
    }

    .cpzx-r2 dd a:hover {
        color: #d6001d
    }

    .sjsx {
        position: fixed;
        z-index: 100000;
        height: 100vh;
        transition: all 0.5s;
        overflow: hidden
    }

    .sjsx1 {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: all 0.5s;
        display: none
    }

    .sjsx2 {
        position: fixed;
        z-index: 2;
        width: 86%;
        background: #fff;
        transition: all 0.5s;
        height: 100vh;
        right: -86%;
        padding: 15px;
        top: 0
    }

    .sjsx2-t {
        height: calc(100% - 60px);
        margin-bottom: 20px;
        overflow: auto
    }

    .sjsx2-t dl {
        margin-bottom: 15px
    }

    .sjsx2-t dl h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .sjsx2-t dl dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .sjsx2-t dl dd p {
        width: 100%;
        color: #666;
        margin-bottom: 10px
    }

    .sjsx2-t dl dd a {
        display: block;
        text-align: center;
        line-height: 35px;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        border-radius: 5px;
        color: #000;
        background: #f4f4f4;
        font-size: 12px
    }

    .sjsx2-t dl dd a.active {
        background: #d6001d;
        color: #fff
    }

    .sjsx2-b {
        display: flex;
        justify-content: space-between
    }

    .sjsx2-b a {
        display: block;
        text-align: center;
        line-height: 38px;
        width: calc(100% - 5px);
        border-radius: 5px;
        border: 1px solid #000;
        color: #000
    }

    .sjsx2-b a.a2 {
        background: #000;
        color: #fff
    }

    .cpzx-z {
        background: #fff;
        box-sizing: border-box;
        width: 1200px;
        margin: 70px auto
    }

    .cpzx-detail {
        text-align: left
    }

    .cpzx-detail .info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .cpzx-detail .info .pic {
        width: 100%;
        border: 1px solid #bcbcbc;
        padding: 10px
    }

    .cpzx-detail .info .text {
        width: 100%;
        padding: 0 0 0 5%
    }

    .cpzx-detail .info .text h2 {
        font-size: 20px;
        margin: 0;
        padding: 20px 0
    }

    .cpzx-detail .info .text p {
        font-size: 14px;
        color: #686868;
        line-height: 2.3
    }

    .cpzx-detail .content {
        padding: 2% 0
    }

    .cpzx-detail .content .tit {
        position: relative;
        padding: 10px 0 0 20px
    }

    .cpzx-detail .content .tit::before {
        content: "";
        display: block;
        width: 2px;
        height: 30px;
        background: #a4a3a3;
        position: absolute;
        left: 0;
        top: 10px
    }

    .cpzx-detail .content .tit::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 5px;
        right: 0;
        height: 2px;
        background: #a4a3a3
    }

    .cpzx-detail .content .tit h2 {
        font-size: 20px;
        color: #3c3c3c;
        display: inline-block;
        vertical-align: middle
    }

    .cpzx-detail .content .tit span {
        font-style: 14px;
        color: #aeadad
    }

    .cpzx-detail .content .text {
        text-align: center
    }

    .idea {
        padding-bottom: 5%
    }

    .idea .title {
        text-align: center;
        margin-bottom: 2%
    }

    .idea .title .en {
        color: #717171;
        font-size: 20px;
        font-family: eina;
        text-transform: uppercase
    }

    .idea .title::after {
        content: "";
        display: block;
        width: 55px;
        height: 2px;
        background: #d6001d;
        margin: 0 auto
    }

    .idea .container {
        max-width: 1460px
    }

    .idea .item {
        position: relative;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .idea .item .text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        color: #fff;
        text-align: center
    }

    .idea .item .text .line {
        background: #fff;
        margin: 15px auto;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .idea .item:hover .text .line {
        width: 100px
    }

    .news_right_side {
        padding: 30px 5px
    }

    .article_commend .name {
        font-weight: bold
    }

    .article_commend .name:before,
    .article_tag .title:before,
    .page_rel_title:before {
        display: inline-block;
        content: '';
        width: 1px;
        height: 14px;
        background-color: #008173;
        margin-right: 10px;
        vertical-align: middle
    }

    .article_tag {
        margin-top: 25px;
        border-top: #dedede dashed 1px;
        padding-top: 30px
    }

    .article_tag .title {
        margin-bottom: 10px;
        font-weight: bold
    }

    .article_tag_yun {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .article_tag_yun a {
        padding: 5px 6px;
        margin-top: 10px;
        font-weight: 500
    }

    .article_tag_yun a:hover {
        background-color: #008173;
        color: #fff !important
    }

    .article_rel li {
        margin-top: 20px
    }

    .article_rel li a {
        overflow: hidden
    }

    .article_rel li .img {
        display: block;
        position: relative
    }

    .article_rel li .img:after {
        display: block;
        content: '';
        padding-bottom: 55.74%
    }

    .article_rel li .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -ms-transition: all 0.35s
    }

    .article_rel li .img:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05)
    }

    .article_rel li .text {
        padding: 10px 0 0 10px
    }

    .article_rel li .text .tag {
        margin-top: 10px
    }

    .article_rel li .text .am-badge {
        margin-right: 10px;
        font-weight: normal
    }

    .article_rel li .text .am-badge:hover {
        background-color: #008173;
        color: #fff !important
    }

    .article_hot {
        margin-top: 10px
    }

    .article_hot li {
        padding: 10px 0;
        border-top: #f2f2f2 dashed 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .article_hot li i {
        width: 25px;
        height: 25px;
        line-height: 22px;
        padding: 0;
        font-style: normal;
        font-size: 16px;
        margin-right: 6px;
        vertical-align: middle;
        font-weight: 500
    }

    .article_hot li:nth-of-type(1) i {
        background: #e71555;
        color: #fff
    }

    .article_hot li:nth-of-type(2) i {
        background: #16d083;
        color: #fff
    }

    .article_hot li:nth-of-type(3) i {
        background: #ff6700;
        color: #fff
    }

    .article_hot li:first-of-type {
        border-top: #f2f2f2 solid 1px
    }

    .article_hot li:last-of-type {
        padding-bottom: 0
    }

    .page_rel .am-list {
        margin-top: 10px;
        padding: 0 10px;
        font-size: 15px
    }

    .page_rel .am-list li {
        border: none;
        border-bottom: 1px solid #dedede;
        margin-bottom: 0
    }

    .page_rel .am-list li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .page_rel .am-list li span {
        float: right;
        font-size: 14px;
        padding-left: 10px
    }

    .nav {
        background: #F7F1F1
    }

    .nav .container {
        margin: auto;
        width: 100%;
        padding: 15px 5%;
        display: flex;
        align-items: center
    }

    .nav .container .l-box {
        width: 100%
    }

    .nav .container .l-box a {
        font-size: 14px;
        display: inline-block;
        padding: 5px 10px;
        position: relative
    }

    .nav .container .l-box a::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #DF5129;
        opacity: 0;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in
    }

    .nav .container .l-box a:hover::after {
        opacity: 1
    }

    .nav .container .r-box {
        width: 27%;
        text-align: right;
        font-size: 12px;
        display: none
    }

    .nav .container .r-box i {
        padding-right: 5px
    }

    .product_list .list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: auto;
        max-width: 1500px;
        padding: 3% 10px
    }

    .product_list .list .item {
        width: 50%;
        padding: 5px
    }

    .product_list .list .item .text {
        background: #EDEDED;
        padding: 10px;
        position: relative
    }

    .product_list .list .item .text h2 {
        font-size: 14px;
        font-weight: 400;
        color: #393838;
        margin: 0;
        padding: 0
    }

    .product_list .list .item .text h3 {
        font-size: 12px;
        font-weight: 400;
        color: #787777;
        margin: 0;
        padding: 0
    }

    .product_list .list .item .text i {
        display: none;
        width: 28px;
        height: 28px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #999999;
        position: absolute;
        right: 3%;
        top: 35%;
        color: #777
    }

    .pro_show {
        width: 90%;
        max-width: 1500px;
        margin: auto;
        padding: 0
    }

    #join .join_nav {
        background: #202835;
        opacity: 0.7;
        padding: 15px 0
    }

    #join .join_nav .list {
        max-width: 1200px;
        margin: auto;
        text-align: center
    }

    #join .join_nav .list a {
        color: #fff;
        padding: 0 10px;
        display: block;
        text-align: center;
        font-size: 16px
    }

    #join .join_nav .list a i {
        display: none;
        width: 29px;
        height: 29px;
        background: url(../images/icon1.png) center center no-repeat;
        background-size: cover;
        margin-right: 15px
    }

    #join .join1 {
        position: relative
    }

    #join .join1 .bg img {
        width: 100%
    }

    #join .join1 .box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
		padding:15px 0;
    }

    #join .join1 .box .tit {
        text-align: center;
        padding: 5% 0 0 0
    }

    #join .join1 .box .tit h2 {
        font-size: 50px;
        font-family: Antonio;
        text-transform: uppercase;
        line-height: 50px
    }

    #join .join1 .box .tit h3 {
        font-size: 36px;
        line-height: 36px
    }

    #join .join1 .box .tit i {
        width: 56px;
        height: 2px;
        background: #FF0000
    }

    #join .join1 .box .tit p {
        font-size: 14px;
        width: 80%;
        margin: auto;
        padding: 15px 0 0 0
    }

    #join .join1 .box .list {
        width: 90%;
        max-width: 1500px;
        margin: auto;
        padding: 10px 0 0 0
    }

    #join .join1 .box .list .item {
        background: rgba(0, 0, 0, 0.4);
        text-align: center;
        padding: 5% 0
    }

    #join .join1 .box .list .item i {
        width: 32px;
        height: 32px;
        background: url(../images/join_icon1.png) center center no-repeat;
        background-size: cover
    }

    #join .join1 .box .list .item h2 {
        font-size: 16px
    }

    #join .join1 .box .list .item h2::after {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        background: #fff;
        margin: 20px auto 0 auto
    }

    #join .join1 .box .list .item h3 {
        font-size: 12px;
        line-height: 1.8
    }

    .join_custom>.fl {
        width: 100%
    }

    .join_custom>.fl ul {
        margin: 0
    }

    .join_custom>.fr {
        width: 100%;
        padding-bottom: 150%
    }

    .join_custom>.fr>ul li p:nth-child(2) {
        font-size: 18px;
        padding: 10px 0 0 0;
        font-weight: bold
    }

    .join_custom>.fr>ul li p:nth-child(3) {
        font-size: 14px;
        line-height: 1.4;
        padding: 5px 0 0 0
    }

    .join_custom>.fr>ul li {
        padding: 8% 8px 0
    }

    .join_custom>.fr>figure {
        padding: 35px 0
    }

    .join_custom>.fr>figure>h1 {
        font-size: 42px
    }

    .join_custom>.fr>figure>h2 {
        font-size: 22px
    }

    .join_custom>.fr>figure>h3 {
        padding: 0 8px 0;
        font-size: 14px
    }

    .pro_ys .list {
        width: 95%;
        max-width: 1550px;
        margin: auto;
        padding-bottom: 30px
    }

    .pro_ys .list .item {
        width: 100%;
        background: #f8f8f8;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .pro_ys .list .item:hover {
        box-shadow: 0px 7px 15px 2px #d3d3d3;
        cursor: pointer
    }

    .pro_ys .list .item .text {
        padding: 20px 10px
    }

    .pro_ys .list .item .text h2 {
        font-size: 18px;
        color: #555
    }

    .pro_ys .list .item .text h2 i {
        font-size: 26px;
        padding: 0 15px 0 0;
        font-family: Geometric212BT
    }

    .pro_ys .list .item .text .remark {
        font-size: 14px;
        color: #626262
    }

    .pro_ys .list .swiper-scrollbar-drag {
        background: #ea8e19
    }

    .process {
        background: url(../images/process_bg.jpg) center center no-repeat;
        background-size: cover
    }

    .process .title {
        color: #fff
    }

    .process .title h2 {
        font-size: 2.08333vw
    }

    .process .title h3 {
        font-size: .9375vw
    }

    .process .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .process .list .item {
        width: 30%;
        height: 140px;
        margin: 10px 0;
        color: #fff;
        border: 1px solid #fff;
        text-align: center;
        position: relative;
        padding: 50px 0;
        order: 1
    }

    .process .list .item:nth-child(5)::after {
        top: auto;
        bottom: -40px;
        left: 50%;
        transform: translate(-50%, 0) rotate(90deg)
    }

    .process .list .item:nth-child(5)~ ::after {
        transform: rotate(180deg)
    }

    .process .list .item:nth-child(6) {
        order: 5
    }

    .process .list .item:nth-child(6)::after {
        display: none
    }

    .process .list .item:nth-child(7) {
        order: 6
    }

    .process .list .item:nth-child(8) {
        order: 7
    }

    .process .list .item:nth-child(9) {
        order: 8
    }

    .process .list .item:nth-child(10) {
        order: 9
    }

    .process .list .item::after {
        content: "";
        display: none;
        position: absolute;
        top: 50%;
        right: -45px;
        width: 28px;
        height: 21px;
        background: url(../images/arrow.png) center center no-repeat;
        background-size: cover;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .process .list .item h2 {
        margin: 10px 0;
        font-size: 14px
    }

    .process .list .item .icon img {
        height: 30px
    }

    .process .list .item i {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 18px;
        font-family: didot;
        border-bottom: 1px solid #fff;
        line-height: 1
    }

    .sys {
        background: #f4f4f4
    }

    .sys .list .item {
        width: 50%;
        background: #fff;
        text-align: center;
        padding: 30px 0;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .sys .list .item:hover,
    .sys .list .item.active {
        cursor: pointer
    }

    .sys .list .item:hover .bg,
    .sys .list .item.active .bg {
        opacity: 1
    }

    .sys .list .item:hover .icon img:nth-child(1),
    .sys .list .item.active .icon img:nth-child(1) {
        display: none
    }

    .sys .list .item:hover .icon img:nth-child(2),
    .sys .list .item.active .icon img:nth-child(2) {
        display: inline-block
    }

    .sys .list .item:hover .text h2,
    .sys .list .item:hover .text .remark,
    .sys .list .item.active .text h2,
    .sys .list .item.active .text .remark {
        color: #fff
    }

    .sys .list .item .bg {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .sys .list .item .icon {
        position: relative;
        z-index: 9
    }

    .sys .list .item .icon img {
        height: 30px;
        width: auto
    }

    .sys .list .item .icon img:nth-child(2) {
        display: none
    }

    .sys .list .item .text {
        position: relative;
        z-index: 9
    }

    .sys .list .item .text h2 {
        margin: 0;
        color: #090909;
        font-size: 16px;
        padding: 10px 0;
        margin: 0
    }

    .sys .list .item .text .remark {
        color: #5e5c5c;
        font-size: 12px
    }

    .join4 {
        background: url(../images/join4.jpg) center center no-repeat;
        background-size: cover;
        padding: 6% 0 6% 0
    }

    .join4 .tit {
        color: #fff;
        font-family: Microsoft YaHei;
        padding: 0 0 20px 0
    }

    .join4 .tit span {
        font-size: 20px;
        padding: 0 0 0 10px
    }

    .join4 .tit b {
        font-size: 24px
    }

    .join4 .l-box {
        max-width: 650px
    }

    .join4 .l-box input {
        background: #fff;
        border: 1px solid #fff;
        padding: 5px;
        color: #fff;
        font-size: 14px
    }

    .join4 .l-box input::-webkit-input-placeholder,
    .join4 .l-box textarea::-webkit-input-placeholder {
        color: #fff
    }

    .join4 .l-box textarea {
        background: none;
        border: 1px solid #fff;
        font-size: 14px;
        width: 100%;
        height: 120px;
        color: #fff
    }

    .join4 .l-box select {
        background: none;
        padding: 5px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 14px
    }

    .join4 .l-box option {
        color: #000
    }

    .join4 .l-box button {
        background: #ea8e19;
        color: #fff;
        border: none;
        font-size: 14px;
        padding: 8px 40px
    }

    .join4 .l-box .item {
        display: flex;
        justify-content: space-between;
        padding: 7px 0
    }

    .join4 .l-box .item:first-child input {
        width: 49%
    }

    .join4 .l-box .item select {
        width: 32%
    }

    .join4 .l-box .item:nth-child(3) input {
        width: 100%
    }

    .serve-part3 .tel-txt {
        font-size: 30px;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1440px) {
    .container1400 {
        max-width: 90%
    }
}

@media screen and (max-width: 991px) {
    .container1400 {
        max-width: 100%
    }

    .font20,
    .font24 {
        font-size: 16px
    }

    .font12 {
        font-size: 12px
    }

    .font14 {
        font-size: 14px
    }

    .font16 {
        font-size: 14px
    }

    .font18 {
        font-size: 14px
    }

    .font130 {
        font-size: 32px
    }

    .font70 {
        font-size: 24px
    }

    .font30 {
        font-size: 18px
    }

    .font40 {
        font-size: 20px
    }

    .lh30 {
        line-height: 24px
    }

    .font36 {
        font-size: 20px
    }

    .lh24 {
        line-height: 20px
    }

    .font48 {
        font-size: 24px
    }

    .pd100,
    .pd65,
    .pd170 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .newsDetailNr02BotFyMk {
        width: 100%;
        float: none;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsDetailNr02BotFyMk.left {
        padding-left: 21px
    }

    .newsDetailNr02BotFyMk.right {
        background: url(../images/row5.png) no-repeat left center;
        padding-left: 21px;
        padding-right: 0;
        text-align: left
    }

    .newsDetailNr02BotFyMk.right .cpBotFyNrImg {
        left: 0;
        right: auto;
        left: 0;
        right: auto
    }

    .newsDetailNr02BotFyMk h3 {
        font-size: 16px
    }

    .newsDetailNr02BotFyMk p {
        font-size: 12px
    }

    .newsDetailNr02BotFyMk span {
        display: block;
        padding-bottom: 5px
    }

    .newsDetailNr02BotFyIco {
        position: static;
        margin: 0;
        display: none;
        width: 40px;
        margin: 20px 0 0 10px;
        border: 1px solid #d9d3ce;
        height: 40px
    }

    .newsDetailNr02BotFyIco::before {
        width: 40px;
        border: 1px solid #d9d3ce;
        height: 40px
    }

    .newsDetailNr02BotFyIco img {
        margin: 9px 0 0 11.5px
    }

    .cpBotFyNr02 {
        font-size: 16px;
        font-size: 16px
    }

    .cpBotFh.newsDetailNr02BotFyIco img {
        margin: 12px 0 0 9px
    }

    .newsDetailNr02BotFy {
        margin-top: 0px;
        padding: 0
    }

    #newsDetailNr02BotFyIcoMore .bds_more {
        width: 40px;
        height: 40px
    }

    .cpXqTpNrImg {
        width: 100%
    }

    .cpXqTpNrR {
        position: static;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .cpXqTpNrRBj {
        padding: 20px 15px 60px
    }

    .cpXqTpNrR02 {
        font-size: 18px;
        margin-top: 15px
    }

    .cpXqTpNrR03 {
        margin-top: 10px
    }

    .cpXqTpNrR04 {
        bottom: -20px
    }

    .cpXqTp {
        padding: 30px 0 60px
    }
}

@media screen and (max-width: 578PX) {
    .feedback {
        padding: 4%
    }

    .feedback .l-box {
        width: 100%;
        float: left
    }

    .feedback .r-box {
        width: 100%;
        float: right
    }

    .index-pro {
        padding: 30px 0
    }

    .index-pro .title {
        padding: 0 0 20px 0;
        text-align: center
    }

    .index-pro .title .cn {
        text-align: center;
        padding: 10px 0 0 0
    }

    .index-pro .title .cn img {
        display: block;
        margin: auto
    }

    .index-pro .title .cn h2 {
        display: block;
        margin: auto;
        padding: 10px 0;
        font-size: 20px
    }

    .index-pro .title .en h2 {
        font-size: 16px;
        color: #2f2f2f;
        text-transform: uppercase
    }

    .index-pro .navlist {
        justify-content: center;
        padding-bottom: 2%
    }

    .index-pro .navlist a {
        display: block;
        padding: 0 5%;
        text-align: center
    }

    .index-pro .navlist a img {
        display: block;
        margin: auto
    }

    .index-pro .navlist a h2 {
        display: block;
        margin: auto;
        color: #323232;
        font-size: 12px;
        padding: 10px 0
    }

    .index-pro .listBox {
        position: relative
    }

    .index-pro .list .item {
        width: 65%;
        position: relative
    }

    .index-pro .list .item::after {
        content: "";
        display: block;
        background: #000;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5
    }

    .index-pro .list .item.swiper-slide-active::after {
        display: none
    }

    .index-pro .l-arrow {
        width: 46px;
        height: 46px;
        position: absolute;
        top: calc(50% - 23px);
        left: 5%;
        z-index: 9;
        color: #fff;
        border: 2px solid #fff;
        padding: 8px 0;
        text-align: center;
        cursor: pointer
    }

    .index-pro .l-arrow i {
        font-size: 18px
    }

    .index-pro .r-arrow {
        width: 46px;
        height: 46px;
        position: absolute;
        top: calc(50% - 23px);
        right: 5%;
        z-index: 9;
        color: #fff;
        border: 2px solid #fff;
        padding: 8px 0;
        text-align: center;
        cursor: pointer
    }

    .index-pro .r-arrow i {
        font-size: 18px
    }

    #join .join2 .box_list {
        width: 92%;
        padding-bottom: 12%
    }

    #join .join2 .box_list .item .title {
        padding: 20px 0
    }

    #join .join2 .box_list .item .title h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0
    }

    #join .join2 .box_list .item .title h4 {
        font-size: 16px;
        line-height: 16px
    }

    #join .join2 .box_list .item h1,
    #join .join2 .box_list .item h2 {
        margin: 0
    }

    #join .join2 .box_list .item .Franchise {
        background: #000
    }

    #join .join2 .box_list .item .Franchise_1 ul li h1 {
        font-size: 34px
    }

    #join .join2 .box_list .item .Franchise_1 ul li h2 {
        font-size: 14px
    }

    #join .join2 .box_list .item .Franchise_1 ul {
        margin: 0 -2%
    }

    #join .join2 .box_list .item .Franchise_1 ul li {
        margin-bottom: 15px;
        display: inline-block !important;
        width: 50%;
        padding: 0 2% !important;
        vertical-align: top
    }

    #join .join2 .box_list .item .Franchise_2 .column {
        width: 100%
    }

    #join .join2 .box_list .item .Advantages {
        background: url(../../uploadfiles/jiameng/93.png);
        background-size: contain
    }

    #join .join2 .box_list .item .Advantages .title {
        padding-top: 90px
    }

    #join .join2 .box_list .item .Advantages .title h2 {
        font-size: 18px
    }

    #join .join2 .box_list .item .Advantages .title h4 {
        font-size: 16px
    }

    #join .join2 .box_list .item .Franchise_2 .intro_2,
    #join .join2 .box_list .item .Franchise_2 .column .ul_3 h2 {
        font-size: 12px
    }

    #join .join2 .box_list .item .Franchise_2 .intro_2 {
        line-height: 1.8
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_2 {
        width: 100%;
        zoom: .9
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_2 h1 {
        font-size: 16px;
        line-height: 1.5
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_2 h2 {
        line-height: 1.5;
        padding-bottom: 2%
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_3 li {
        min-width: 32%
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_4 {
        padding: 44px 0
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_4 h1 b {
        font-size: 20px
    }

    #join .join2 .box_list .item .Franchise_2 .column .ul_4 h2 {
        font-size: 12px
    }

    #join .join2 .box_list .item .Franchise_2 .column.is3 {
        display: none
    }

    #join .join2 .box_list .item .Franchise_2 .column.is3.show {
        display: flex;
        justify-content: space-between
    }

    #join .join2 .box_list .item .Advantages .slick-dots button {
        width: 33px
    }

    #join .join2 .box_list .item .Franchise_3 .column_1:nth-child(1),
    #join .join2 .box_list .item .Franchise_3 .column_1:nth-child(2) {
        width: 100%
    }

    #join .join2 .box_list .item .Franchise_3 .column_1 .columns {
        zoom: .7;
        padding: 30px 0
    }

    #join .join2 .box_list .item .Franchise_3 .column_1 .column {
        padding-bottom: 40px
    }

    #join .join2 .box_list .item .Franchise_3 .column_1 .intro {
        font-size: 12px;
        line-height: 1.8
    }

    #join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(1) {
        width: 100%
    }

    #join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(2),
    #join .join2 .box_list .item .Franchise_4>.columns>div:nth-child(3) {
        width: 50%
    }

    #join .join2 .box_list .item .Franchise_4 .list .intro h1 {
        padding-bottom: 10px;
        font-size: 14px
    }

    #join .join2 .box_list .item .Franchise_4 .list .intro h2 {
        padding-bottom: 10px;
        font-size: 12px
    }

    #join .join2 .box_list .item .Franchise_4 .intro2 {
        font-size: 12px;
        line-height: 1.8
    }

    #join .join2 .box_list .item .Franchise_5 .list1 .columns {
        flex-wrap: wrap
    }

    #join .join2 .box_list .item .Franchise_5 .list1 .columns .column {
        width: 50%
    }

    #join .join2 .box_list .item .Franchise_5 .list1 .columns h1 {
        font-size: 30px;
        color: #FFFFFF;
        opacity: 0.5
    }

    #join .join2 .box_list .item .Franchise_5 .list1 .columns h2 {
        font-size: 12px;
        line-height: 1.5
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns {
        flex-wrap: wrap
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .column:nth-child(1)，.Franchise_5 .list2 .columns .column:nth-child(2) {
        width: 100%
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .column:nth-child(1) {
        zoom: .8;
        padding: 25px 10px;
        width: 100%
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .column {
        width: 100%
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns h3 {
        font-size: 14px
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns h2 {
        font-size: 15px;
        padding: 0 0 15px 0
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns h1 {
        font-size: 16px
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .image img {
        max-height: 70px
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .image div {
        font-size: 12px
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .column.image2 {
        display: block
    }

    #join .join2 .box_list .item .Franchise_5 .list2 .columns .column.image1 {
        display: none
    }

    #join .join2 .box_list .item .Franchise_5 .list1>img.image2 {
        display: block
    }

    #join .join2 .box_list .item .Franchise_5 .list1>img.image1 {
        display: none
    }

    #join .join2 .box_list .item .Franchise_6 .ul li h1 {
        padding: 10px;
        font-size: 14px
    }

    #join .join2 .box_list .item .Franchise_6 .image .image1 {
        display: none
    }

    #join .join2 .box_list .item .Franchise_6 .image .image2 {
        display: block
    }

    #join .join2 .box_list .item .Franchise_7 .image .image1 {
        display: none
    }

    #join .join2 .box_list .item .Franchise_7 .image .image2 {
        display: block
    }

    #join .join2 .box_list .swiper-pagination .swiper-pagination-bullet {
        width: 33px;
        height: 3px;
        background-color: rgba(255, 255, 255, 0.3);
        opacity: 1;
        cursor: pointer;
        border-radius: 0;
        position: relative
    }

    #join .join2 .box_list .swiper-pagination .swiper-pagination-bullet::before {
        content: '';
        width: 0;
        height: 3px;
        background-color: #EA8E19;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0
    }

    #join .join2 .box_list .swiper-pagination .swiper-pagination-bullet-active::before {
        width: 100%;
        transition: all 3s linear
    }

    #join .Process .title_biaoti {
        padding: 20px 0 0 0
    }

    #join .Process .title_biaoti h3 {
        font-size: 36px
    }

    #join .Process .title_biaoti h2 {
        font-size: 24px;
        padding-bottom: 20px
    }

    #join .Process ul {
        padding-left: 20px;
        border-left: 7px solid #fff
    }

    #join .Process ul li {
        text-align: left;
        width: 45%;
        padding-bottom: 25px;
        position: relative
    }

    #join .Process ul li:nth-child(n+7) {
        text-align: left
    }

    #join .Process ul li h1 {
        padding-bottom: 8px;
        font-weight: bold
    }

    #join .Process ul li::after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50px;
        position: absolute;
        left: -28px;
        top: 4px;
        background: red;
        z-index: 1
    }

    #join .Process ul li:nth-child(1)::after {
        opacity: .1
    }

    #join .Process ul li:nth-child(2)::after {
        opacity: .2
    }

    #join .Process ul li:nth-child(3)::after {
        opacity: .3
    }

    #join .Process ul li:nth-child(4)::after {
        opacity: .4
    }

    #join .Process ul li:nth-child(5)::after {
        opacity: .5
    }

    #join .Process ul li:nth-child(6)::after {
        opacity: .6
    }

    #join .Process ul li:nth-child(7)::after {
        opacity: .7
    }

    #join .Process ul li:nth-child(8)::after {
        opacity: .8
    }

    #join .Process ul li:nth-child(9)::after {
        opacity: .9
    }

    #join .Process ul li:nth-child(10)::after {
        opacity: 1
    }

    #join .Process ul li:nth-child(11)::after {
        opacity: 1
    }

    #join .Process ul li:nth-child(12)::after {
        opacity: 1
    }

    #join .Process ul li:nth-child(2n) {
        margin-left: 10%
    }

    #join .Process ul li:nth-child(2n)::before {
        content: '';
        background-color: #fff;
        width: 7px;
        height: 100%;
        left: -26px;
        position: absolute
    }

    #join .Process ul li:nth-child(2n)::after {
        left: -28px
    }

    #join .support .title {
        padding: 20px 0
    }

    #join .support .title .en {
        font-size: 36px
    }

    #join .support .title .cn {
        font-size: 24px
    }

    #join .join_require .title {
        padding: 20px 0
    }

    #join .join_require .title .en {
        font-size: 36px
    }

    #join .join_require .title .cn {
        font-size: 24px
    }

    #join .join_require .list .item {
        font-size: 14px
    }

    #join .join_require .list .item span {
        font-size: 50px
    }

    #join .join3 {
        background: url(../images/join3.jpg) center center no-repeat;
        background-size: cover;
        padding: 5% 0
    }

    #join .join3 .title {
        padding: 20px 0
    }

    #join .join3 .title .en {
        font-size: 36px
    }

    #join .join3 .title .cn {
        font-size: 24px
    }

    #join .join3 .list .item {
        display: flex
    }

    #join .join3 .list .item .l-box {
        width: 40%
    }

    #join .join3 .list .item .r-box {
        width: 60%;
        background: #fff;
        padding: 10px 5%;
        position: relative
    }

    #join .join3 .list .item .r-box h2 {
        font-size: 18px;
        color: #222;
        padding: 0 0 10px 0;
        margin: 0
    }

    #join .join3 .list .item .r-box .remark {
        font-size: 12px;
        color: #333
    }

    #join .join3 .list .item .r-box .slogan {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10% 30px;
        color: #666;
        font-size: 16px;
        line-height: 1.8
    }

    #join .join4 .title {
        padding: 20px 0
    }

    #join .join4 .title .en {
        font-size: 36px
    }

    #join .join4 .title .cn {
        font-size: 24px
    }

    #join .join4 .tit {
        color: #fff;
        font-family: Microsoft YaHei;
        padding: 0 0 20px 0
    }

    #join .join4 .tit span {
        font-size: 16px;
        padding: 0 0 0 10px
    }

    #join .join4 .tit b {
        font-size: 22px
    }
}