body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    color: #ccc;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85), rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

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

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

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.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: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-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;
    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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

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

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: auto;
    right: 10px
}

.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

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

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

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

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

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

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

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

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

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

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

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

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

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

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

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-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-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

table {
    background-color: transparent
}

table col[class*=col-] {
    display: table-column;
    float: none;
    position: static
}

table td[class*=col-],
table th[class*=col-] {
    display: table-cell;
    float: none;
    position: static
}

caption {
    color: #777;
    padding-bottom: 8px;
    padding-top: 8px
}

caption,
th {
    text-align: left
}

.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #ddd;
    line-height: 1.42857143;
    padding: 8px;
    vertical-align: top
}

.table>thead>tr>th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        overflow-y: hidden;
        width: 100%
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    left: 0;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

:root {
    --maincolor: #036EB8;
    --maincolorHover: #036EB8;
    --5px: 0.2rem;
    --6px: 0.24rem;
    --7px: 0.28rem;
    --8px: 0.32rem;
    --9px: 0.36rem;
    --10px: 0.4rem;
    --11px: 0.44rem;
    --12px: 0.48rem;
    --13px: 0.52rem;
    --14px: 0.56rem;
    --15px: 0.6rem;
    --16px: 0.64rem;
    --17px: 0.68rem;
    --18px: 0.72rem;
    --19px: 0.76rem;
    --20px: 0.8rem;
    --21px: 0.84rem;
    --22px: 0.88rem;
    --23px: 0.92rem;
    --24px: 0.96rem;
    --25px: 1rem;
    --26px: 1.04rem;
    --27px: 1.08rem;
    --28px: 1.12rem;
    --29px: 1.16rem;
    --30px: 1.2rem;
    --31px: 1.24rem;
    --32px: 1.28rem;
    --33px: 1.32rem;
    --34px: 1.36rem;
    --35px: 1.4rem;
    --36px: 1.44rem;
    --37px: 1.48rem;
    --38px: 1.52rem;
    --39px: 1.56rem;
    --40px: 1.6rem;
    --41px: 1.64rem;
    --42px: 1.68rem;
    --43px: 1.72rem;
    --44px: 1.76rem;
    --45px: 1.8rem;
    --46px: 1.84rem;
    --47px: 1.88rem;
    --48px: 1.92rem;
    --49px: 1.96rem;
    --50px: 2rem;
    --51px: 2.04rem;
    --52px: 2.08rem;
    --53px: 2.12rem;
    --54px: 2.16rem;
    --55px: 2.2rem;
    --56px: 2.24rem;
    --57px: 2.28rem;
    --58px: 2.32rem;
    --59px: 2.36rem;
    --60px: 2.4rem;
    --61px: 2.44rem;
    --62px: 2.48rem;
    --63px: 2.52rem;
    --64px: 2.56rem;
    --65px: 2.6rem;
    --66px: 2.64rem;
    --67px: 2.68rem;
    --68px: 2.72rem;
    --69px: 2.76rem;
    --70px: 2.8rem;
    --71px: 2.84rem;
    --72px: 2.88rem;
    --73px: 2.92rem;
    --74px: 2.96rem;
    --75px: 3rem;
    --76px: 3.04rem;
    --77px: 3.08rem;
    --78px: 3.12rem;
    --79px: 3.16rem;
    --80px: 3.2rem;
    --81px: 3.24rem;
    --82px: 3.28rem;
    --83px: 3.32rem;
    --84px: 3.36rem;
    --85px: 3.4rem;
    --86px: 3.44rem;
    --87px: 3.48rem;
    --88px: 3.52rem;
    --89px: 3.56rem;
    --90px: 3.6rem;
    --91px: 3.64rem;
    --92px: 3.68rem;
    --93px: 3.72rem;
    --94px: 3.76rem;
    --95px: 3.8rem;
    --96px: 3.84rem;
    --97px: 3.88rem;
    --98px: 3.92rem;
    --99px: 3.96rem;
    --100px: 4rem;
    --101px: 4.04rem;
    --102px: 4.08rem;
    --103px: 4.12rem;
    --104px: 4.16rem;
    --105px: 4.2rem;
    --106px: 4.24rem;
    --107px: 4.28rem;
    --108px: 4.32rem;
    --109px: 4.36rem;
    --110px: 4.4rem;
    --111px: 4.44rem;
    --112px: 4.48rem;
    --113px: 4.52rem;
    --114px: 4.56rem;
    --115px: 4.6rem;
    --116px: 4.64rem;
    --117px: 4.68rem;
    --118px: 4.72rem;
    --119px: 4.76rem;
    --120px: 4.8rem;
    --121px: 4.84rem;
    --122px: 4.88rem;
    --123px: 4.92rem;
    --124px: 4.96rem;
    --125px: 5rem;
    --126px: 5.04rem;
    --127px: 5.08rem;
    --128px: 5.12rem;
    --129px: 5.16rem;
    --130px: 5.2rem;
    --131px: 5.24rem;
    --132px: 5.28rem;
    --133px: 5.32rem;
    --134px: 5.36rem;
    --135px: 5.4rem;
    --136px: 5.44rem;
    --137px: 5.48rem;
    --138px: 5.52rem;
    --139px: 5.56rem;
    --140px: 5.6rem;
    --141px: 5.64rem;
    --142px: 5.68rem;
    --143px: 5.72rem;
    --144px: 5.76rem;
    --145px: 5.8rem;
    --146px: 5.84rem;
    --147px: 5.88rem;
    --148px: 5.92rem;
    --149px: 5.96rem;
    --150px: 6rem;
    --151px: 6.04rem;
    --152px: 6.08rem;
    --153px: 6.12rem;
    --154px: 6.16rem;
    --155px: 6.2rem;
    --156px: 6.24rem;
    --157px: 6.28rem;
    --158px: 6.32rem;
    --159px: 6.36rem;
    --160px: 6.4rem;
    --161px: 6.44rem;
    --162px: 6.48rem;
    --163px: 6.52rem;
    --164px: 6.56rem;
    --165px: 6.6rem;
    --166px: 6.64rem;
    --167px: 6.68rem;
    --168px: 6.72rem;
    --169px: 6.76rem;
    --170px: 6.8rem;
    --171px: 6.84rem;
    --172px: 6.88rem;
    --173px: 6.92rem;
    --174px: 6.96rem;
    --175px: 7rem;
    --176px: 7.04rem;
    --177px: 7.08rem;
    --178px: 7.12rem;
    --179px: 7.16rem;
    --180px: 7.2rem;
    --181px: 7.24rem;
    --182px: 7.28rem;
    --183px: 7.32rem;
    --184px: 7.36rem;
    --185px: 7.4rem;
    --186px: 7.44rem;
    --187px: 7.48rem;
    --188px: 7.52rem;
    --189px: 7.56rem;
    --190px: 7.6rem;
    --191px: 7.64rem;
    --192px: 7.68rem;
    --193px: 7.72rem;
    --194px: 7.76rem;
    --195px: 7.8rem;
    --196px: 7.84rem;
    --197px: 7.88rem;
    --198px: 7.92rem;
    --199px: 7.96rem;
    --200px: 8rem;
    --201px: 8.04rem;
    --202px: 8.08rem;
    --203px: 8.12rem;
    --204px: 8.16rem;
    --205px: 8.2rem;
    --206px: 8.24rem;
    --207px: 8.28rem;
    --208px: 8.32rem;
    --209px: 8.36rem;
    --210px: 8.4rem;
    --211px: 8.44rem;
    --212px: 8.48rem;
    --213px: 8.52rem;
    --214px: 8.56rem;
    --215px: 8.6rem;
    --216px: 8.64rem;
    --217px: 8.68rem;
    --218px: 8.72rem;
    --219px: 8.76rem;
    --220px: 8.8rem;
    --221px: 8.84rem;
    --222px: 8.88rem;
    --223px: 8.92rem;
    --224px: 8.96rem;
    --225px: 9rem;
    --226px: 9.04rem;
    --227px: 9.08rem;
    --228px: 9.12rem;
    --229px: 9.16rem;
    --230px: 9.2rem;
    --231px: 9.24rem;
    --232px: 9.28rem;
    --233px: 9.32rem;
    --234px: 9.36rem;
    --235px: 9.4rem;
    --236px: 9.44rem;
    --237px: 9.48rem;
    --238px: 9.52rem;
    --239px: 9.56rem;
    --240px: 9.6rem;
    --241px: 9.64rem;
    --242px: 9.68rem;
    --243px: 9.72rem;
    --244px: 9.76rem;
    --245px: 9.8rem;
    --246px: 9.84rem;
    --247px: 9.88rem;
    --248px: 9.92rem;
    --249px: 9.96rem;
    --250px: 10rem;
    --251px: 10.04rem;
    --252px: 10.08rem;
    --253px: 10.12rem;
    --254px: 10.16rem;
    --255px: 10.2rem;
    --256px: 10.24rem;
    --257px: 10.28rem;
    --258px: 10.32rem;
    --259px: 10.36rem;
    --260px: 10.4rem;
    --261px: 10.44rem;
    --262px: 10.48rem;
    --263px: 10.52rem;
    --264px: 10.56rem;
    --265px: 10.6rem;
    --266px: 10.64rem;
    --267px: 10.68rem;
    --268px: 10.72rem;
    --269px: 10.76rem;
    --270px: 10.8rem;
    --271px: 10.84rem;
    --272px: 10.88rem;
    --273px: 10.92rem;
    --274px: 10.96rem;
    --275px: 11rem;
    --276px: 11.04rem;
    --277px: 11.08rem;
    --278px: 11.12rem;
    --279px: 11.16rem;
    --280px: 11.2rem;
    --281px: 11.24rem;
    --282px: 11.28rem;
    --283px: 11.32rem;
    --284px: 11.36rem;
    --285px: 11.4rem;
    --286px: 11.44rem;
    --287px: 11.48rem;
    --288px: 11.52rem;
    --289px: 11.56rem;
    --290px: 11.6rem;
    --291px: 11.64rem;
    --292px: 11.68rem;
    --293px: 11.72rem;
    --294px: 11.76rem;
    --295px: 11.8rem;
    --296px: 11.84rem;
    --297px: 11.88rem;
    --298px: 11.92rem;
    --299px: 11.96rem;
    --300px: 12rem;
    --301px: 12.04rem;
    --302px: 12.08rem;
    --303px: 12.12rem;
    --304px: 12.16rem;
    --305px: 12.2rem;
    --306px: 12.24rem;
    --307px: 12.28rem;
    --308px: 12.32rem;
    --309px: 12.36rem;
    --310px: 12.4rem;
    --311px: 12.44rem;
    --312px: 12.48rem;
    --313px: 12.52rem;
    --314px: 12.56rem;
    --315px: 12.6rem;
    --316px: 12.64rem;
    --317px: 12.68rem;
    --318px: 12.72rem;
    --319px: 12.76rem;
    --320px: 12.8rem;
    --321px: 12.84rem;
    --322px: 12.88rem;
    --323px: 12.92rem;
    --324px: 12.96rem;
    --325px: 13rem;
    --326px: 13.04rem;
    --327px: 13.08rem;
    --328px: 13.12rem;
    --329px: 13.16rem;
    --330px: 13.2rem;
    --331px: 13.24rem;
    --332px: 13.28rem;
    --333px: 13.32rem;
    --334px: 13.36rem;
    --335px: 13.4rem;
    --336px: 13.44rem;
    --337px: 13.48rem;
    --338px: 13.52rem;
    --339px: 13.56rem;
    --340px: 13.6rem;
    --341px: 13.64rem;
    --342px: 13.68rem;
    --343px: 13.72rem;
    --344px: 13.76rem;
    --345px: 13.8rem;
    --346px: 13.84rem;
    --347px: 13.88rem;
    --348px: 13.92rem;
    --349px: 13.96rem;
    --350px: 14rem;
    --351px: 14.04rem;
    --352px: 14.08rem;
    --353px: 14.12rem;
    --354px: 14.16rem;
    --355px: 14.2rem;
    --356px: 14.24rem;
    --357px: 14.28rem;
    --358px: 14.32rem;
    --359px: 14.36rem;
    --360px: 14.4rem;
    --361px: 14.44rem;
    --362px: 14.48rem;
    --363px: 14.52rem;
    --364px: 14.56rem;
    --365px: 14.6rem;
    --366px: 14.64rem;
    --367px: 14.68rem;
    --368px: 14.72rem;
    --369px: 14.76rem;
    --370px: 14.8rem;
    --371px: 14.84rem;
    --372px: 14.88rem;
    --373px: 14.92rem;
    --374px: 14.96rem;
    --375px: 15rem;
    --376px: 15.04rem;
    --377px: 15.08rem;
    --378px: 15.12rem;
    --379px: 15.16rem;
    --380px: 15.2rem;
    --381px: 15.24rem;
    --382px: 15.28rem;
    --383px: 15.32rem;
    --384px: 15.36rem;
    --385px: 15.4rem;
    --386px: 15.44rem;
    --387px: 15.48rem;
    --388px: 15.52rem;
    --389px: 15.56rem;
    --390px: 15.6rem;
    --391px: 15.64rem;
    --392px: 15.68rem;
    --393px: 15.72rem;
    --394px: 15.76rem;
    --395px: 15.8rem;
    --396px: 15.84rem;
    --397px: 15.88rem;
    --398px: 15.92rem;
    --399px: 15.96rem;
    --400px: 16rem;
    --401px: 16.04rem;
    --402px: 16.08rem;
    --403px: 16.12rem;
    --404px: 16.16rem;
    --405px: 16.2rem;
    --406px: 16.24rem;
    --407px: 16.28rem;
    --408px: 16.32rem;
    --409px: 16.36rem;
    --410px: 16.4rem;
    --411px: 16.44rem;
    --412px: 16.48rem;
    --413px: 16.52rem;
    --414px: 16.56rem;
    --415px: 16.6rem;
    --416px: 16.64rem;
    --417px: 16.68rem;
    --418px: 16.72rem;
    --419px: 16.76rem;
    --420px: 16.8rem;
    --421px: 16.84rem;
    --422px: 16.88rem;
    --423px: 16.92rem;
    --424px: 16.96rem;
    --425px: 17rem;
    --426px: 17.04rem;
    --427px: 17.08rem;
    --428px: 17.12rem;
    --429px: 17.16rem;
    --430px: 17.2rem;
    --431px: 17.24rem;
    --432px: 17.28rem;
    --433px: 17.32rem;
    --434px: 17.36rem;
    --435px: 17.4rem;
    --436px: 17.44rem;
    --437px: 17.48rem;
    --438px: 17.52rem;
    --439px: 17.56rem;
    --440px: 17.6rem;
    --441px: 17.64rem;
    --442px: 17.68rem;
    --443px: 17.72rem;
    --444px: 17.76rem;
    --445px: 17.8rem;
    --446px: 17.84rem;
    --447px: 17.88rem;
    --448px: 17.92rem;
    --449px: 17.96rem;
    --450px: 18rem;
    --451px: 18.04rem;
    --452px: 18.08rem;
    --453px: 18.12rem;
    --454px: 18.16rem;
    --455px: 18.2rem;
    --456px: 18.24rem;
    --457px: 18.28rem;
    --458px: 18.32rem;
    --459px: 18.36rem;
    --460px: 18.4rem;
    --461px: 18.44rem;
    --462px: 18.48rem;
    --463px: 18.52rem;
    --464px: 18.56rem;
    --465px: 18.6rem;
    --466px: 18.64rem;
    --467px: 18.68rem;
    --468px: 18.72rem;
    --469px: 18.76rem;
    --470px: 18.8rem;
    --471px: 18.84rem;
    --472px: 18.88rem;
    --473px: 18.92rem;
    --474px: 18.96rem;
    --475px: 19rem;
    --476px: 19.04rem;
    --477px: 19.08rem;
    --478px: 19.12rem;
    --479px: 19.16rem;
    --480px: 19.2rem;
    --481px: 19.24rem;
    --482px: 19.28rem;
    --483px: 19.32rem;
    --484px: 19.36rem;
    --485px: 19.4rem;
    --486px: 19.44rem;
    --487px: 19.48rem;
    --488px: 19.52rem;
    --489px: 19.56rem;
    --490px: 19.6rem;
    --491px: 19.64rem;
    --492px: 19.68rem;
    --493px: 19.72rem;
    --494px: 19.76rem;
    --495px: 19.8rem;
    --496px: 19.84rem;
    --497px: 19.88rem;
    --498px: 19.92rem;
    --499px: 19.96rem;
    --500px: 20rem;
    --501px: 20.04rem;
    --502px: 20.08rem;
    --503px: 20.12rem;
    --504px: 20.16rem;
    --505px: 20.2rem;
    --506px: 20.24rem;
    --507px: 20.28rem;
    --508px: 20.32rem;
    --509px: 20.36rem;
    --510px: 20.4rem;
    --511px: 20.44rem;
    --512px: 20.48rem;
    --513px: 20.52rem;
    --514px: 20.56rem;
    --515px: 20.6rem;
    --516px: 20.64rem;
    --517px: 20.68rem;
    --518px: 20.72rem;
    --519px: 20.76rem;
    --520px: 20.8rem;
    --521px: 20.84rem;
    --522px: 20.88rem;
    --523px: 20.92rem;
    --524px: 20.96rem;
    --525px: 21rem;
    --526px: 21.04rem;
    --527px: 21.08rem;
    --528px: 21.12rem;
    --529px: 21.16rem;
    --530px: 21.2rem;
    --531px: 21.24rem;
    --532px: 21.28rem;
    --533px: 21.32rem;
    --534px: 21.36rem;
    --535px: 21.4rem;
    --536px: 21.44rem;
    --537px: 21.48rem;
    --538px: 21.52rem;
    --539px: 21.56rem;
    --540px: 21.6rem;
    --541px: 21.64rem;
    --542px: 21.68rem;
    --543px: 21.72rem;
    --544px: 21.76rem;
    --545px: 21.8rem;
    --546px: 21.84rem;
    --547px: 21.88rem;
    --548px: 21.92rem;
    --549px: 21.96rem;
    --550px: 22rem;
    --551px: 22.04rem;
    --552px: 22.08rem;
    --553px: 22.12rem;
    --554px: 22.16rem;
    --555px: 22.2rem;
    --556px: 22.24rem;
    --557px: 22.28rem;
    --558px: 22.32rem;
    --559px: 22.36rem;
    --560px: 22.4rem;
    --561px: 22.44rem;
    --562px: 22.48rem;
    --563px: 22.52rem;
    --564px: 22.56rem;
    --565px: 22.6rem;
    --566px: 22.64rem;
    --567px: 22.68rem;
    --568px: 22.72rem;
    --569px: 22.76rem;
    --570px: 22.8rem;
    --571px: 22.84rem;
    --572px: 22.88rem;
    --573px: 22.92rem;
    --574px: 22.96rem;
    --575px: 23rem;
    --576px: 23.04rem;
    --577px: 23.08rem;
    --578px: 23.12rem;
    --579px: 23.16rem;
    --580px: 23.2rem;
    --581px: 23.24rem;
    --582px: 23.28rem;
    --583px: 23.32rem;
    --584px: 23.36rem;
    --585px: 23.4rem;
    --586px: 23.44rem;
    --587px: 23.48rem;
    --588px: 23.52rem;
    --589px: 23.56rem;
    --590px: 23.6rem;
    --591px: 23.64rem;
    --592px: 23.68rem;
    --593px: 23.72rem;
    --594px: 23.76rem;
    --595px: 23.8rem;
    --596px: 23.84rem;
    --597px: 23.88rem;
    --598px: 23.92rem;
    --599px: 23.96rem;
    --600px: 24rem;
    --601px: 24.04rem;
    --602px: 24.08rem;
    --603px: 24.12rem;
    --604px: 24.16rem;
    --605px: 24.2rem;
    --606px: 24.24rem;
    --607px: 24.28rem;
    --608px: 24.32rem;
    --609px: 24.36rem;
    --610px: 24.4rem;
    --611px: 24.44rem;
    --612px: 24.48rem;
    --613px: 24.52rem;
    --614px: 24.56rem;
    --615px: 24.6rem;
    --616px: 24.64rem;
    --617px: 24.68rem;
    --618px: 24.72rem;
    --619px: 24.76rem;
    --620px: 24.8rem;
    --621px: 24.84rem;
    --622px: 24.88rem;
    --623px: 24.92rem;
    --624px: 24.96rem;
    --625px: 25rem;
    --626px: 25.04rem;
    --627px: 25.08rem;
    --628px: 25.12rem;
    --629px: 25.16rem;
    --630px: 25.2rem;
    --631px: 25.24rem;
    --632px: 25.28rem;
    --633px: 25.32rem;
    --634px: 25.36rem;
    --635px: 25.4rem;
    --636px: 25.44rem;
    --637px: 25.48rem;
    --638px: 25.52rem;
    --639px: 25.56rem;
    --640px: 25.6rem;
    --641px: 25.64rem;
    --642px: 25.68rem;
    --643px: 25.72rem;
    --644px: 25.76rem;
    --645px: 25.8rem;
    --646px: 25.84rem;
    --647px: 25.88rem;
    --648px: 25.92rem;
    --649px: 25.96rem;
    --650px: 26rem;
    --651px: 26.04rem;
    --652px: 26.08rem;
    --653px: 26.12rem;
    --654px: 26.16rem;
    --655px: 26.2rem;
    --656px: 26.24rem;
    --657px: 26.28rem;
    --658px: 26.32rem;
    --659px: 26.36rem;
    --660px: 26.4rem;
    --665px: 26.6rem;
    --670px: 26.8rem;
    --675px: 27rem;
    --680px: 27.2rem;
    --685px: 27.4rem;
    --690px: 27.6rem;
    --695px: 27.8rem;
    --700px: 28rem;
    --710px: 28.4rem;
    --720px: 28.8rem;
    --730px: 29.2rem;
    --740px: 29.6rem;
    --750px: 30rem;
    --760px: 30.4rem;
    --770px: 30.8rem;
    --780px: 31.2rem;
    --790px: 31.6rem;
    --800px: 32rem;
    --810px: 32.4rem;
    --820px: 32.8rem;
    --830px: 33.2rem;
    --840px: 33.6rem;
    --850px: 34rem;
    --860px: 34.4rem;
    --865px: 34.6rem;
    --870px: 34.8rem;
    --880px: 35.2rem;
    --890px: 35.6rem;
    --900px: 36rem;
    --910px: 36.4rem;
    --920px: 36.8rem;
    --930px: 37.2rem;
    --940px: 37.6rem;
    --950px: 38rem;
    --960px: 38.4rem;
    --970px: 38.8rem;
    --980px: 39.2rem;
    --990px: 39.6rem;
    --1000px: 40rem;
    --1010px: 40.4rem;
    --1020px: 40.8rem;
    --1030px: 41.2rem;
    --1040px: 41.6rem;
    --1050px: 42rem;
    --1100px: 44rem;
    --1200px: 48rem;
    --1300px: 52rem;
    --1400px: 56rem;
    --1440px: 57.6rem;
    --1500px: 60rem;
    --1600px: 64rem;
    --1700px: 68rem;
    --1800px: 72rem;
    --1920px: 76.8rem
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -ms-flex-negative: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 2em;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

html {
    font-size: 14px
}

@media (min-width:668px) and (max-width:1919px) {
    html {
        font-size: 19.5px;
        font-size: calc(8.13099px + .87859vw)
    }
}

@media (min-width:1920px) {
    html {
        font-size: 25px
    }
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url(../font/Manrope-Bold.woff2) format("woff2"), url(https://www.siehesmart.cn/wp-content/themes/shihe/assets/dist/fonts/Manrope-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url(../font/Manrope-Medium.woff2) format("woff2"), url(https://www.siehesmart.cn/wp-content/themes/shihe/assets/dist/fonts/Manrope-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 300;
    src: url(../font/Manrope-Light.woff2) format("woff2"), url(https://www.siehesmart.cn/wp-content/themes/shihe/assets/dist/fonts/Manrope-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    src: url(../font/Manrope-Regular.woff2) format("woff2"), url(https://www.siehesmart.cn/wp-content/themes/shihe/assets/dist/fonts/Manrope-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: bebas;
    font-style: normal;
    font-weight: 400;
    src: url(../font/bebas.woff2) format("woff2"), url(../font/bebas.woff) format("woff")
}

a:active,
a:focus {
    border: none;
    outline: 0
}

svg {
    fill: currentColor;
    display: inline-block;
    overflow: hidden
}

.hidden-svg {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0
}

.pagenation {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.pagenation,
.pagenation .current,
.pagenation a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.pagenation .current,
.pagenation a {
    height: 1.92rem;
    margin: 0 10px;
    width: 1.92rem
}

.pagenation a {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #aaa;
    -webkit-transition: all .5s;
    transition: all .5s
}

.pagenation a:hover {
    border-color: var(--maincolor);
    color: var(--maincolor)
}

.pagenation .current {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    color: #fff
}

@media (max-width:668px) {
    .pagenation {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .pagenation .page-numbers {
        display: none
    }

    .pagenation .page-numbers.next,
    .pagenation .page-numbers.prev {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        height: 40px;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0;
        width: 40px
    }

    .pagenation .page-numbers.next {
        margin-left: auto
    }
}

.page_404 {
    background-color: #f6f6f5;
    height: 100vh;
    text-align: center;
    width: 100%
}

.page_404,
.page_404>.inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.page_404>.inner {
    background-color: #fff;
    border-bottom-right-radius: 2.4rem;
    border-top-left-radius: 2.4rem;
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, .15);
    height: 50vh;
    overflow: hidden;
    position: relative;
    width: 50%
}

@media (max-width:1180px) {
    .page_404>.inner {
        height: 80%;
        width: 80%
    }
}

@media (max-width:668px) {
    .page_404>.inner {
        height: 100%;
        width: 100%
    }
}

.page_404>.inner:before {
    bottom: -8rem;
    left: -8rem
}

.page_404>.inner:after,
.page_404>.inner:before {
    background-color: var(--maincolor);
    border-radius: 50%;
    content: "";
    display: block;
    height: 16rem;
    opacity: .15;
    position: absolute;
    width: 16rem;
    z-index: 2
}

.page_404>.inner:after {
    right: -8rem;
    top: -8rem
}

.page_404 .title h1 {
    color: var(--maincolor);
    font-size: 1.44rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0;
    padding: 0
}

.page_404 .title p {
    display: block;
    font-size: 16px;
    line-height: 2em;
    margin: 20px 0;
    padding: 0
}

.page_404 .title p span {
    font-family: arial
}

.page_404 .link>ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

.page_404 .link>ul>li {
    padding: 0 10px
}

.page_404 .link>ul>li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.page_404 .link>ul>li a svg {
    color: #999;
    height: 12px;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 12px
}

.page_404 .link>ul>li a span {
    color: #999;
    font-size: 14px;
    line-height: 36px;
    margin-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.page_404 .link>ul>li a:hover {
    background-color: var(--maincolor);
    border-color: var(--maincolor)
}

.page_404 .link>ul>li a:hover span,
.page_404 .link>ul>li a:hover svg {
    color: #fff
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-block-image img {
    height: auto !important;
    max-width: 100% !important
}

.wp-block-image .aligncenter {
    text-align: center
}

.wp-video {
    margin: 20px auto;
    width: 100% !important
}

.slick-slide {
    outline: none
}

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: Arial, Helvetica Neue, Helvetica, Source Han Sans CN, Source Han Sans SC, PingFang SC, STHeiti, Microsoft YaHei, sans-serif;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

body {
    font-size: 14px
}

@media (min-width:1180px) {
    body {
        font-size: 16px
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.target-fix {
    background: none;
    border: none;
    display: block;
    height: 1px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    top: calc(var(--80px)*-1);
    width: 100%
}

@media (max-width:1180px) {
    .target-fix {
        top: -60px
    }
}

.target-fix:focus {
    outline: 0
}

.pt {
    padding-top: 60px
}

@media (min-width:1180px) {
    .pt {
        padding-top: var(--80px)
    }
}

.w {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media (min-width:968px) {
    .w {
        max-width: 84vw;
        padding: 0
    }
}

.w_small {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media (min-width:968px) {
    .w_small {
        max-width: 84vw;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1180px) {
    .w_small {
        max-width: 66vw
    }
}

.header_logo {
    height: 36px;
    width: 140px
}

@media (min-width:1180px) {
    .header_logo {
        height: var(--34px);
        width: var(--170px)
    }
}

.header_nav>ul>li>a {
    color: #222;
    display: block;
    font-size: 14px;
    line-height: var(--80px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

@media (min-width:1380px) {
    .header_nav>ul>li>a {
        font-size: var(--18px)
    }
}

.header_nav>ul>li .sub {
    background-color: #fff;
    border-top: 1px solid #ddd;
    left: 50%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    top: var(--80px);
    -webkit-transform: translateX(-50%) scaleY(0);
    -ms-transform: translateX(-50%) scaleY(0);
    transform: translateX(-50%) scaleY(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 20
}

.header_nav>ul>li:hover>a {
    color: var(--maincolor)
}

.header_nav>ul>li:hover .sub {
    box-shadow: 0 var(--10px) var(--15px) 0 rgba(0, 0, 0, .05);
    opacity: 1;
    -webkit-transform: translateX(-50%) scaleY(1);
    -ms-transform: translateX(-50%) scaleY(1);
    transform: translateX(-50%) scaleY(1)
}

.header_nav>ul>li.cur>a {
    color: var(--maincolor);
    font-weight: 700
}

.header_nav>ul>li.m_simple {
    position: relative
}

.header_nav>ul>li.m_simple .sub {
    padding: 10px 20px
}

.header_nav>ul>li.m_simple .sub>ul li {
    display: block;
    text-align: center
}

.header_nav>ul>li.m_simple .sub>ul li a {
    display: block;
    font-size: 14px;
    line-height: 2.5em;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.header_nav>ul>li.m_simple .sub>ul li a:hover {
    color: var(--maincolor)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--22px);
    line-height: 1em;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li>a:hover {
    color: var(--maincolor)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li>a:before {
    content: ">";
    width: var(--25px)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li .children {
    padding-left: var(--25px);
    padding-top: var(--15px)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li .children>li a {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
    font-size: var(--16px);
    line-height: 2.25em;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.header_nav>ul>li.m_full .sub .sub_txt_third>li .children>li a:hover {
    color: var(--maincolor)
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.top-0 {
    top: 0 !important
}

.right-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.left-0 {
    left: 0 !important
}

.bottom-\[20px\] {
    bottom: 20px !important
}

.bottom-\[15vw\] {
    bottom: 15vw !important
}

.left-1\/2 {
    left: 50% !important
}

.top-1\/2 {
    top: 50% !important
}

.left-\[-200px\] {
    left: -200px !important
}

.right-\[10px\] {
    right: 10px !important
}

.top-\[50\%\] {
    top: 50% !important
}

.-bottom-\[2vw\] {
    bottom: -2vw !important
}

.left-\[var\(--50px\)\] {
    left: var(--50px) !important
}

.z-900 {
    z-index: 900 !important
}

.z-1000 {
    z-index: 1000 !important
}

.z-20 {
    z-index: 20 !important
}

.z-100 {
    z-index: 100 !important
}

.z-50 {
    z-index: 50 !important
}

.z-40 {
    z-index: 40 !important
}

.z-30 {
    z-index: 30 !important
}

.z-10 {
    z-index: 10 !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-\[20px\] {
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.mx-\[5px\] {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-\[60px\] {
    margin-right: 60px !important
}

.ml-\[5px\] {
    margin-left: 5px !important
}

.mt-\[20px\] {
    margin-top: 20px !important
}

.mt-\[10px\] {
    margin-top: 10px !important
}

.ml-\[20px\] {
    margin-left: 20px !important
}

.mt-\[40px\] {
    margin-top: 40px !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-\[20px\] {
    margin-bottom: 20px !important
}

.mb-\[10px\] {
    margin-bottom: 10px !important
}

.-ml-\[20px\] {
    margin-left: -20px !important
}

.ml-\[10px\] {
    margin-left: 10px !important
}

.mt-\[22px\] {
    margin-top: 22px !important
}

.mb-\[30px\] {
    margin-bottom: 30px !important
}

.mb-\[var\(--40px\)\] {
    margin-bottom: var(--40px) !important
}

.mr-\[10px\] {
    margin-right: 10px !important
}

.mt-0 {
    margin-top: 0 !important
}

.block {
    display: block !important
}

.flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.table {
    display: table !important
}

.grid {
    display: -ms-grid !important;
    display: grid !important
}

.hidden {
    display: none !important
}

.h-\[60px\] {
    height: 60px !important
}

.h-full {
    height: 100% !important
}

.h-\[16px\] {
    height: 16px !important
}

.h-\[140px\] {
    height: 140px !important
}

.h-\[25px\] {
    height: 25px !important
}

.h-\[100\%\] {
    height: 100% !important
}

.h-\[50px\] {
    height: 50px !important
}

.h-\[10vw\] {
    height: 10vw !important
}

.h-\[3em\] {
    height: 3em !important
}

.h-\[40px\] {
    height: 40px !important
}

.h-\[22px\] {
    height: 22px !important
}

.h-\[60vw\] {
    height: 60vw !important
}

.h-\[110px\] {
    height: 110px !important
}

.h-1\/3 {
    height: 33.333333% !important
}

.h-\[calc\(100vh_-_60px\)\] {
    height: calc(100vh - 60px) !important
}

.h-\[30px\] {
    height: 30px !important
}

.h-\[36px\] {
    height: 36px !important
}

.h-\[100vh\] {
    height: 100vh !important
}

.h-\[59px\] {
    height: 59px !important
}

.h-\[20px\] {
    height: 20px !important
}

.h-\[var\(--42px\)\] {
    height: var(--42px) !important
}

.h-\[40\%\] {
    height: 40% !important
}

.h-\[10px\] {
    height: 10px !important
}

.h-\[14px\] {
    height: 14px !important
}

.h-\[50\%\] {
    height: 50% !important
}

.h-\[12em\] {
    height: 12em !important
}

.h-1\/2 {
    height: 50% !important
}

.h-\[3px\] {
    height: 3px !important
}

.max-h-\[60\%\] {
    max-height: 60% !important
}

.max-h-\[100\%\],
.max-h-full {
    max-height: 100% !important
}

.w-\[100px\] {
    width: 100px !important
}

.w-full {
    width: 100% !important
}

.w-\[16px\] {
    width: 16px !important
}

.w-\[60px\] {
    width: 60px !important
}

.w-\[25px\] {
    width: 25px !important
}

.w-auto {
    width: auto !important
}

.w-\[10vw\] {
    width: 10vw !important
}

.w-\[calc\(100\%_\+_40px\)\] {
    width: calc(100% + 40px) !important
}

.w-\[22px\] {
    width: 22px !important
}

.w-\[110px\] {
    width: 110px !important
}

.w-1\/3 {
    width: 33.333333% !important
}

.w-\[100\%\] {
    width: 100% !important
}

.w-\[55\%\] {
    width: 55% !important
}

.w-\[45\%\] {
    width: 45% !important
}

.w-\[30px\] {
    width: 30px !important
}

.w-\[140px\] {
    width: 140px !important
}

.w-\[200px\] {
    width: 200px !important
}

.w-\[25\%\] {
    width: 25% !important
}

.w-\[20px\] {
    width: 20px !important
}

.w-\[var\(--42px\)\] {
    width: var(--42px) !important
}

.w-\[40\%\] {
    width: 40% !important
}

.w-\[36px\] {
    width: 36px !important
}

.w-\[10px\] {
    width: 10px !important
}

.w-\[14px\] {
    width: 14px !important
}

.w-\[50px\] {
    width: 50px !important
}

.w-\[50\%\] {
    width: 50% !important
}

.w-\[40vw\] {
    width: 40vw !important
}

.w-\[80\%\] {
    width: 80% !important
}

.w-\[20\%\] {
    width: 20% !important
}

.w-1\/2 {
    width: 50% !important
}

.max-w-\[140px\] {
    max-width: 140px !important
}

.max-w-\[60\%\] {
    max-width: 60% !important
}

.max-w-full {
    max-width: 100% !important
}

.flex-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important
}

.flex-shrink-0,
.shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important
}

.basis-1\/3 {
    -ms-flex-preferred-size: 33.333333% !important;
    -webkit-flex-basis: 33.333333% !important;
    flex-basis: 33.333333% !important
}

.basis-\[var\(--700px\)\] {
    -ms-flex-preferred-size: var(--700px) !important;
    -webkit-flex-basis: var(--700px) !important;
    flex-basis: var(--700px) !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50% !important
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50% !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-\[50\%\],
.translate-y-\[-50\%\] {
    --tw-translate-y: -50% !important
}

.-translate-x-\[var\(--500px\)\],
.-translate-y-\[50\%\],
.translate-y-\[-50\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-\[var\(--500px\)\] {
    --tw-translate-x: calc(var(--500px)*-1) !important
}

.translate-x-0 {
    --tw-translate-x: 0px !important
}

.scale-\[130\%\],
.translate-x-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-\[130\%\] {
    --tw-scale-x: 130% !important;
    --tw-scale-y: 130% !important
}

.scale-\[160\%\] {
    --tw-scale-x: 160% !important;
    --tw-scale-y: 160% !important
}

.scale-\[160\%\],
.scale-\[2\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-\[2\] {
    --tw-scale-x: 2 !important;
    --tw-scale-y: 2 !important
}

.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@-webkit-keyframes bounce {

    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounce {

    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        -webkit-transform: none;
        transform: none
    }
}

.animate-bounce {
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important
}

.cursor-pointer {
    cursor: pointer !important
}

.grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2] !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4] !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

.flex-col {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important
}

.items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important
}

.justify-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important
}

.justify-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important
}

.gap-\[20px\] {
    gap: 20px !important
}

.gap-\[var\(--40px\)\] {
    gap: var(--40px) !important
}

.gap-\[10px\] {
    gap: 10px !important
}

.space-x-\[var\(--65px\)\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(var(--65px)*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(var(--65px)*var(--tw-space-x-reverse)) !important
}

.space-y-\[20px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(20px*var(--tw-space-y-reverse)) !important;
    margin-top: calc(20px*(1 - var(--tw-space-y-reverse))) !important
}

.space-x-\[10px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(10px*var(--tw-space-x-reverse)) !important
}

.space-x-\[20px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(20px*var(--tw-space-x-reverse)) !important
}

.space-x-\[var\(--80px\)\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(var(--80px)*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(var(--80px)*var(--tw-space-x-reverse)) !important
}

.space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(0px*var(--tw-space-x-reverse)) !important
}

.self-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important
}

.overflow-hidden {
    overflow: hidden !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.rounded-\[10px\] {
    border-radius: 10px !important
}

.rounded-\[6px\] {
    border-radius: 6px !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-\[5px\] {
    border-radius: 5px !important
}

.rounded-none {
    border-radius: 0 !important
}

.border {
    border-width: 1px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0 !important
}

.border-l-2 {
    border-left-width: 2px !important
}

.border-none {
    border-style: none !important
}

.border-\[\#666\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(102 102 102/var(--tw-border-opacity)) !important
}

.border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-\[\#e1e1e1\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(225 225 225/var(--tw-border-opacity)) !important
}

.border-\[\#dddddd\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(221 221 221/var(--tw-border-opacity)) !important
}

.border-\[\#e5e5e5\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(229 229 229/var(--tw-border-opacity)) !important
}

.border-\[\#ffffff\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-\[\#ddd\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(221 221 221/var(--tw-border-opacity)) !important
}

.border-\[\#999\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(153 153 153/var(--tw-border-opacity)) !important
}

.border-\[color\:var\(--maincolor\)\] {
    border-color: var(--maincolor) !important
}

.border-\[\#fff\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.border-opacity-10 {
    --tw-border-opacity: 0.1 !important
}

.border-opacity-50 {
    --tw-border-opacity: 0.5 !important
}

.border-opacity-30 {
    --tw-border-opacity: 0.3 !important
}

.border-opacity-20 {
    --tw-border-opacity: 0.2 !important
}

.border-opacity-70 {
    --tw-border-opacity: 0.7 !important
}

.bg-\[\#333\] {
    background-color: rgb(51 51 51/var(--tw-bg-opacity)) !important
}

.bg-\[\#333\],
.bg-white {
    --tw-bg-opacity: 1 !important
}

.bg-white {
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-\[color\:var\(--maincolor\)\] {
    background-color: var(--maincolor) !important
}

.bg-\[\#0610c6\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(6 16 198/var(--tw-bg-opacity)) !important
}

.bg-\[\#ed620f\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(237 98 15/var(--tw-bg-opacity)) !important
}

.bg-\[\#eef2fd\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 242 253/var(--tw-bg-opacity)) !important
}

.bg-neutral-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}

.bg-\[\#bbbbbb\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(187 187 187/var(--tw-bg-opacity)) !important
}

.bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.bg-\[\#f3f5f7\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 245 247/var(--tw-bg-opacity)) !important
}

.bg-\[\#ddd\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(221 221 221/var(--tw-bg-opacity)) !important
}

.bg-\[\#eeeeee\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 238 238/var(--tw-bg-opacity)) !important
}

.bg-blue-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(59 130 246/var(--tw-bg-opacity)) !important
}

.bg-neutral-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(212 212 212/var(--tw-bg-opacity)) !important
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-\[\#333333\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 51 51/var(--tw-bg-opacity)) !important
}

.bg-\[\#ffffff\]\/\[\.5\] {
    background-color: hsla(0, 0%, 100%, .5) !important
}

.bg-\[\#f6f6f7\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247/var(--tw-bg-opacity)) !important
}

.bg-\[\#c7c7c7\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(199 199 199/var(--tw-bg-opacity)) !important
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6 !important
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5 !important
}

.bg-opacity-95 {
    --tw-bg-opacity: 0.95 !important
}

.bg-\[url\(\'\/wp-content\/themes\/shihe\/assets\/dist\/img\/product_bg\.jpg\'\)\] {
    background-image: url(../image/product_bg.jpg) !important
}

.bg-\[url\(\'\/wp-content\/themes\/shihe\/assets\/dist\/img\/product_single_topbg\.jpg\'\)\] {
    background-image: url(../image/product_single_topbg.jpg) !important
}

.bg-gradient-to-r {
    background-image: -webkit-linear-gradient(left, var(--tw-gradient-stops)) !important;
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
}

.from-\[\#5b64ff\] {
    --tw-gradient-from: #5b64ff !important;
    --tw-gradient-to: rgba(91, 100, 255, 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.to-\[\#0610c6\] {
    --tw-gradient-to: #036EB8 !important
}

.bg-cover {
    background-size: cover !important
}

.bg-center {
    background-position: 50% !important
}

.p-\[20px\] {
    padding: 20px !important
}

.p-\[var\(--14px\)\] {
    padding: var(--14px) !important
}

.p-\[var\(--15px\)\] {
    padding: var(--15px) !important
}

.p-\[10px\] {
    padding: 10px !important
}

.py-\[20px\] {
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

.px-\[15px\] {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.px-\[10px\] {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.px-\[20px\] {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.py-\[40px\] {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.px-\[var\(--100px\)\] {
    padding-left: var(--100px) !important;
    padding-right: var(--100px) !important
}

.py-\[var\(--70px\)\] {
    padding-bottom: var(--70px) !important;
    padding-top: var(--70px) !important
}

.py-\[10px\] {
    padding-bottom: 10px !important;
    padding-top: 10px !important
}

.pt-\[20px\] {
    padding-top: 20px !important
}

.pb-\[70px\] {
    padding-bottom: 70px !important
}

.pl-\[20px\] {
    padding-left: 20px !important
}

.pb-\[20px\] {
    padding-bottom: 20px !important
}

.pt-\[var\(--270px\)\] {
    padding-top: var(--270px) !important
}

.pt-\[var\(--210px\)\] {
    padding-top: var(--210px) !important
}

.pb-\[50px\] {
    padding-bottom: 50px !important
}

.pb-\[10px\] {
    padding-bottom: 10px !important
}

.pt-\[40px\] {
    padding-top: 40px !important
}

.pt-\[60px\] {
    padding-top: 60px !important
}

.pl-\[var\(--25px\)\] {
    padding-left: var(--25px) !important
}

.pt-\[var\(--15px\)\] {
    padding-top: var(--15px) !important
}

.pt-\[10px\] {
    padding-top: 10px !important
}

.pr-\[10px\] {
    padding-right: 10px !important
}

.pr-\[20px\] {
    padding-right: 20px !important
}

.pb-\[40px\] {
    padding-bottom: 40px !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-justify {
    text-align: justify !important
}

.font-manrope {
    font-family: Manrope !important
}

.text-\[12px\] {
    font-size: 12px !important
}

.text-\[16px\] {
    font-size: 16px !important
}

.text-\[20px\] {
    font-size: 20px !important
}

.text-\[14px\] {
    font-size: 14px !important
}

.text-\[24px\] {
    font-size: 24px !important
}

.text-\[22px\] {
    font-size: 22px !important
}

.text-\[34px\] {
    font-size: 34px !important
}

.text-\[length\:var\(--28px\)\] {
    font-size: var(--28px) !important
}

.text-\[30px\] {
    font-size: 30px !important
}

.text-\[length\:var\(--22px\)\] {
    font-size: var(--22px) !important
}

.text-\[length\:var\(--16px\)\] {
    font-size: var(--16px) !important
}

.text-\[length\:var\(--20px\)\] {
    font-size: var(--20px) !important
}

.text-\[length\:var\(--14px\)\] {
    font-size: var(--14px) !important
}

.text-\[18px\] {
    font-size: 18px !important
}

.text-\[20vw\] {
    font-size: 20vw !important
}

.font-bold {
    font-weight: 700 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-light {
    font-weight: 300 !important
}

.not-italic {
    font-style: normal !important
}

.leading-loose {
    line-height: 2 !important
}

.leading-normal {
    line-height: 1.5 !important
}

.leading-snug {
    line-height: 1.375 !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-none {
    line-height: 1 !important
}

.leading-\[2\.6em\] {
    line-height: 2.6em !important
}

.leading-\[1\.5em\] {
    line-height: 1.5em !important
}

.leading-\[1\.8em\] {
    line-height: 1.8em !important
}

.leading-\[var\(--80px\)\] {
    line-height: var(--80px) !important
}

.leading-\[2\.5em\] {
    line-height: 2.5em !important
}

.leading-\[1em\] {
    line-height: 1em !important
}

.leading-\[2\.25em\] {
    line-height: 2.25em !important
}

.leading-\[1\.875em\] {
    line-height: 1.875em !important
}

.leading-\[3em\] {
    line-height: 3em !important
}

.leading-\[2em\] {
    line-height: 2em !important
}

.leading-\[60px\] {
    line-height: 60px !important
}

.leading-\[\.8em\] {
    line-height: .8em !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-\[color\:var\(--maincolor\)\] {
    color: var(--maincolor) !important
}

.text-\[\#666666\] {
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102/var(--tw-text-opacity)) !important
}

.text-\[\#fff\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-\[\#aaaaaa\] {
    --tw-text-opacity: 1 !important;
    color: rgb(170 170 170/var(--tw-text-opacity)) !important
}

.text-\[\#999999\] {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153/var(--tw-text-opacity)) !important
}

.text-\[\#222222\] {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-\[\#3f3f3f\] {
    --tw-text-opacity: 1 !important;
    color: rgb(63 63 63/var(--tw-text-opacity)) !important
}

.text-\[\#444444\] {
    --tw-text-opacity: 1 !important;
    color: rgb(68 68 68/var(--tw-text-opacity)) !important
}

.text-\[\#666\] {
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102/var(--tw-text-opacity)) !important
}

.text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(107 114 128/var(--tw-text-opacity)) !important
}

.text-\[\#ff0000\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 0 0/var(--tw-text-opacity)) !important
}

.text-\[\#aaa9af\] {
    --tw-text-opacity: 1 !important;
    color: rgb(170 169 175/var(--tw-text-opacity)) !important
}

.text-\[\#949494\] {
    --tw-text-opacity: 1 !important;
    color: rgb(148 148 148/var(--tw-text-opacity)) !important
}

.text-\[\#000000\] {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-\[\#333333\] {
    --tw-text-opacity: 1 !important;
    color: rgb(51 51 51/var(--tw-text-opacity)) !important
}

.text-\[\#999\] {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153/var(--tw-text-opacity)) !important
}

.text-\[\#444\] {
    --tw-text-opacity: 1 !important;
    color: rgb(68 68 68/var(--tw-text-opacity)) !important
}

.text-\[\#5d5e66\] {
    --tw-text-opacity: 1 !important;
    color: rgb(93 94 102/var(--tw-text-opacity)) !important
}

.text-\[\#898989\] {
    --tw-text-opacity: 1 !important;
    color: rgb(137 137 137/var(--tw-text-opacity)) !important
}

.text-\[\#f1f1f1\] {
    --tw-text-opacity: 1 !important;
    color: rgb(241 241 241/var(--tw-text-opacity)) !important
}

.antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-10 {
    opacity: .1 !important
}

.shadow-\[0_10px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0 10px 15px 0 rgba(0, 0, 0, .08) !important;
    --tw-shadow-colored: 0 10px 15px 0 var(--tw-shadow-color) !important
}

.shadow-\[0_10px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\],
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important
}

.shadow-\[0_5px_20px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05) !important;
    --tw-shadow-colored: 0 5px 20px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid !important
}

.outline-\[color\:var\(--maincolor\)\] {
    outline-color: var(--maincolor) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%) !important
}

.filter,
.grayscale {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.transition-all {
    -webkit-transition-duration: .15s !important;
    transition-duration: .15s !important;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition {
    -webkit-transition-duration: .15s !important;
    transition-duration: .15s !important;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -moz-text-decoration-color, -webkit-transform, -webkit-filter !important;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-500 {
    -webkit-transition-duration: .5s !important;
    transition-duration: .5s !important
}

.duration-1000 {
    -webkit-transition-duration: 1s !important;
    transition-duration: 1s !important
}

.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.content-\[\'\'\] {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.content-\[\'\/\'\] {
    --tw-content: "/" !important;
    content: var(--tw-content) !important
}

.line-clamp-1 {
    -webkit-line-clamp: 1 !important
}

.line-clamp-1,
.line-clamp-4 {
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important
}

.line-clamp-4 {
    -webkit-line-clamp: 4 !important
}

.line-clamp-2 {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    overflow: hidden !important
}

.\[text-align-last\:center\] {
    -moz-text-align-last: center;
    text-align-last: center
}

#wraper:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    width: 100%;
    z-index: 950
}

#wraper.show_shadow:before {
    opacity: .8;
    visibility: visible
}

@media (min-width:968px) {
    .page-id-17 #wraper {
        height: 100vh
    }
}

.mobile_menu i.line {
    margin-left: 20px;
    position: relative
}

.mobile_menu i.line,
.mobile_menu i.line:after,
.mobile_menu i.line:before {
    background-color: #fff;
    height: 2px;
    line-height: 2px;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 20px
}

.mobile_menu i.line:after,
.mobile_menu i.line:before {
    content: "";
    display: block;
    left: 0;
    position: absolute
}

.mobile_menu i.line:before {
    top: -8px
}

.mobile_menu i.line:after {
    bottom: -8px
}

.toggled .mobile_menu i.line {
    background: none
}

.toggled .mobile_menu i.line:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

@media (max-width:968px) {
    .wraperopen .toggled .mobile_menu i.line:before {
        background-color: rgba(51, 51, 51, .5)
    }
}

.toggled .mobile_menu i.line:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg)
}

@media (max-width:968px) {
    .wraperopen .toggled .mobile_menu i.line:after {
        background-color: rgba(51, 51, 51, .5)
    }
}

.mobile_nav {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity));
    height: 100vh;
    left: -200px;
    position: fixed;
    top: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 200px;
    z-index: 1000
}

.mobile_nav_inner {
    height: 100%;
    overflow-y: scroll;
    padding: 20px;
    width: 100%
}

.mobile_nav .list {
    margin-top: 40px
}

.mobile_nav .list>ul>li {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(221 221 221/var(--tw-border-opacity))
}

.mobile_nav .list>ul>li .t {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.mobile_nav .list>ul>li .t a {
    -webkit-box-flex: 1;
    color: #333;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 2.6em;
    margin-right: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.mobile_nav .list>ul>li .t .icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto;
    width: 30px
}

.mobile_nav .list>ul>li .t .icon svg {
    color: #333;
    height: 12px;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 12px
}

.mobile_nav .list>ul>li .sub {
    display: none
}

.mobile_nav .list>ul>li .sub a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 2.4em;
    padding-left: 10px
}

.mobile_nav .list>ul>li.active .t a {
    color: var(--maincolor)
}

.mobile_nav .list>ul>li.active .t .icon svg {
    color: var(--maincolor);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.toggled .mobile_nav {
    left: 0;
    visibility: visible
}

.body-overlay {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 920
}

.body-overlay.morezindex {
    z-index: 930
}

.footer_top_nav>ul>li {
    min-width: 5rem
}

.footer_top_nav>ul>li:first-of-type {
    display: none
}

.footer_top_nav>ul>li .t a {
    font-size: 16px
}

.footer_top_nav>ul>li .t .icon {
    display: none
}

.footer_top_nav>ul>li .sub {
    border-top: 1px solid #666;
    display: block !important;
    margin-top: 20px;
    max-height: 100% !important;
    padding-top: 20px
}

.footer_top_nav>ul>li .sub a {
    color: #aaa;
    font-size: 14px;
    line-height: 30px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer_top_nav>ul>li .sub a:hover {
    color: #fff
}

.side_bar {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.95;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    border-top-width: 1px;
    bottom: 0;
    box-shadow: 0 0 var(--25px) 0 rgba(0, 0, 0, .15);
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

@media (min-width:968px) {
    .side_bar {
        --tw-translate-y: -50%;
        --tw-border-opacity: 1;
        border-color: rgb(221 221 221/var(--tw-border-opacity));
        border-radius: 5px;
        border-width: 1px;
        bottom: auto;
        left: auto;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        width: var(--70px)
    }
}

.side_bar>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:968px) {
    .side_bar>ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.side_bar>ul>li {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    border-right-width: 1px;
    width: 33%;
    padding-bottom: 3%;
}

@media (min-width:968px) {
    .side_bar>ul>li {
        border-bottom-width: 1px;
        border-right-width: 0;
        width: 100%
    }
}

.side_bar>ul>li:last-of-type {
    border-bottom-width: 0
}

.side_bar>ul>li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 59px;
    padding-top: 10px;
    text-align: center
}

@media (min-width:968px) {
    .side_bar>ul>li a {
        height: auto
    }
}

@media (min-width:1180px) {
    .side_bar>ul>li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: var(--80px);
        -webkit-justify-content: center;
        justify-content: center
    }
}

.side_bar>ul>li a svg {
    color: var(--maincolor);
    height: 20px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20px
}

@media (min-width:1180px) {
    .side_bar>ul>li a svg {
        height: var(--26px);
        width: var(--26px)
    }
}

.side_bar>ul>li a span {
    font-size: 12px;
    line-height: 2
}

.side_bar>ul>li:hover a svg {
    opacity: .4
}

.side_bar>ul>li.side_bar_message a svg {
    --tw-text-opacity: 1;
    -webkit-animation: messageJump .5s linear infinite;
    animation: messageJump .5s linear infinite;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.side_bar>ul>li.side_bar_phone {
    position: relative
}

.side_bar>ul>li.side_bar_phone .box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    z-index: 20
}

@media (max-width:1180px) {
    .side_bar>ul>li.side_bar_phone .box {
        display: none !important
    }
}

.side_bar>ul>li.side_bar_phone .box:after {
    border: 10px dashed transparent;
    border-left: 10px solid #fff;
    border-right: none;
    content: "";
    cursor: pointer;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
    width: 0
}

.side_bar>ul>li.side_bar_phone .box_inner {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    font-family: Manrope;
    font-weight: 700;
    padding: var(--15px)
}

.side_bar>ul>li.side_bar_phone .box_inner,
.side_bar>ul>li.side_bar_phone .box_inner .icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    --tw-bg-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.side_bar>ul>li.side_bar_phone .box_inner .icon {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: rgb(243 245 247/var(--tw-bg-opacity));
    border-radius: 9999px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: var(--42px);
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 10px;
    width: var(--42px)
}

.side_bar>ul>li.side_bar_phone .box_inner .icon svg {
    --tw-text-opacity: 1;
    color: rgb(170 169 175/var(--tw-text-opacity));
    height: 40%;
    width: 40%
}

.side_bar>ul>li.side_bar_phone .box_inner p {
    white-space: nowrap
}

.side_bar>ul>li.side_bar_phone .box_inner p span {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity));
    display: block;
    font-size: var(--20px)
}

.side_bar>ul>li.side_bar_phone .box_inner p em {
    --tw-text-opacity: 1;
    color: rgb(148 148 148/var(--tw-text-opacity));
    font-size: var(--14px);
    font-style: normal
}

.side_bar>ul>li.side_bar_phone:hover .box {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.side_bar>ul>li.side_bar_wechat {
    position: relative
}

.side_bar>ul>li.side_bar_wechat .box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    width: 120px;
    z-index: 20
}

@media (max-width:1180px) {
    .side_bar>ul>li.side_bar_wechat .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        bottom: 54px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        left: 50%;
        top: auto;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.side_bar>ul>li.side_bar_wechat .box:after {
    content: ""
}

@media (max-width:1180px) {
    .side_bar>ul>li.side_bar_wechat .box:after {
        border: 10px dashed transparent;
        border-bottom: none;
        border-top: 10px solid #fff;
        cursor: pointer;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        width: 0
    }
}

@media (min-width:1180px) {
    .side_bar>ul>li.side_bar_wechat .box:after {
        border: 10px dashed transparent;
        border-left: 10px solid #fff;
        border-right: none;
        cursor: pointer;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        -webkit-transform: translateX(-1px);
        -ms-transform: translateX(-1px);
        transform: translateX(-1px);
        width: 0
    }
}

.side_bar>ul>li.side_bar_wechat .box p {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 5px
}

.side_bar>ul>li.side_bar_wechat .box p span {
    display: block;
    font-size: 12px;
    text-align: center;
    white-space: nowrap
}

.side_bar>ul>li.side_bar_wechat:hover .box {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media (min-width:968px) {
    .side_bar>ul>li.side_bar_backtotop {
        display: none
    }
}

@-webkit-keyframes messageJump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

    50% {
        -webkit-transform: translateY(5px) scale(1.1, .9);
        transform: translateY(5px) scale(1.1, .9)
    }

    75% {
        ransform: translateY(-5px)
    }

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

@keyframes messageJump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

    50% {
        -webkit-transform: translateY(5px) scale(1.1, .9);
        transform: translateY(5px) scale(1.1, .9)
    }

    75% {
        ransform: translateY(-5px)
    }

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

.n_banner {
    position: relative
}

.n_banner_txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}

.n_banner_txt .title {
    display: block;
    font-size: 30px;
    font-weight: 700
}

@media (min-width:968px) {
    .n_banner_txt .title {
        font-size: var(--54px)
    }
}

.n_banner_txt .des {
    display: block;
    font-size: 18px;
    line-height: 1.35em;
    margin-top: 10px
}

@media (min-width:968px) {
    .n_banner_txt .des {
        font-size: var(--40px)
    }
}

.n_banner img {
    width: 100%
}

.common_txt {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
    font-size: 14px;
    line-height: 1.875em
}

@media (min-width:1180px) {
    .common_txt {
        font-size: var(--18px)
    }

    .common_txt.s {
        font-size: var(--16px);
        line-height: 1.875em
    }

    .common_txt.lh2 {
        line-height: 2
    }
}

.common_txt p {
    margin: 0 0 1em
}

.common_txt p:last-of-type {
    margin: 0
}

.common_txt div,
.common_txt img {
    max-width: 100% !important
}

.common_txt img {
    height: auto !important;
    width: auto
}

.common_col {
    padding-bottom: 20px;
    padding-top: 20px
}

@media (min-width:968px) {
    .common_col {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem
    }
}

.common_col_inner {
    margin-top: 20px
}

@media (min-width:968px) {
    .common_col_inner {
        margin-top: 1.6rem
    }
}

.title01 {
    color: var(--maincolor)
}

.title01 b {
    display: block;
    font-size: 24px
}

@media (min-width:1180px) {
    .title01 b {
        font-size: var(--42px)
    }
}

.title01.line:after {
    --tw-content: "";
    background-color: var(--maincolor);
    content: var(--tw-content);
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 30px
}

.title01.center {
    text-align: center
}

.title01.center.line:after {
    content: var(--tw-content);
    margin-left: auto;
    margin-right: auto
}

.title01.black {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity))
}

.title01.bold b {
    font-weight: 700
}

.swiper_arrows>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-bg-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgb(221 221 221/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 36px
}

@media (min-width:1380px) {
    .swiper_arrows>div {
        height: var(--76px);
        width: var(--76px)
    }
}

.swiper_arrows>div svg {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    height: 10px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 10px
}

@media (min-width:1380px) {
    .swiper_arrows>div svg {
        height: 14px;
        width: 14px
    }
}

@media (min-width:1180px) {
    .swiper_arrows>div:hover {
        background-color: var(--maincolor)
    }

    .swiper_arrows>div:hover svg {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.splide__arrows .splide__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-bg-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgb(221 221 221/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 36px
}

@media (min-width:1380px) {
    .splide__arrows .splide__arrow {
        height: var(--76px);
        width: var(--76px)
    }
}

.splide__arrows .splide__arrow svg {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    height: 10px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 10px
}

@media (min-width:1380px) {
    .splide__arrows .splide__arrow svg {
        height: 14px;
        width: 14px
    }
}

@media (min-width:1180px) {
    .splide__arrows .splide__arrow:hover {
        background-color: var(--maincolor)
    }

    .splide__arrows .splide__arrow:hover svg {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.bread {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    color: rgb(51 51 51/var(--tw-text-opacity));
    font-size: 12px;
    padding-bottom: 20px;
    padding-top: 20px
}

@media (min-width:968px) {
    .bread {
        font-size: 14px
    }
}

@media (min-width:1380px) {
    .bread {
        font-size: var(--16px);
        padding-bottom: var(--35px);
        padding-top: var(--35px)
    }
}

.bread a {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity));
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.bread a:hover {
    color: var(--maincolor)
}

a .icon01 {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 0.3;
    -webkit-align-items: center;
    align-items: center;
    border-color: rgb(153 153 153/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 30px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 30px
}

@media (min-width:968px) {
    a .icon01 {
        height: var(--48px);
        width: var(--48px)
    }
}

a .icon01:after,
a .icon01:before {
    --tw-border-opacity: 1;
    --tw-content: "";
    border-color: rgb(153 153 153/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    content: var(--tw-content);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 10
}

a .icon01:before {
    --tw-scale-x: 130%;
    --tw-scale-y: 130%;
    --tw-border-opacity: 0.2
}

a .icon01:after,
a .icon01:before {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

a .icon01:after {
    --tw-scale-x: 160%;
    --tw-scale-y: 160%;
    --tw-border-opacity: 0.1
}

a .icon01 svg {
    --tw-rotate: -90deg;
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity));
    height: 40%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 40%
}

a:hover .icon01 {
    background-color: var(--maincolor);
    border-color: var(--maincolor)
}

a:hover .icon01:after,
a:hover .icon01:before {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 0;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

a:hover .icon01 svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.post_single_nav li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1
}

.post_single_nav li a,
.post_single_nav li a svg {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.post_single_nav li a svg {
    height: 14px;
    width: 14px
}

.post_single_nav li a:hover,
.post_single_nav li a:hover svg {
    color: var(--maincolor)
}

.post_single_nav li.previous svg {
    margin-right: 10px
}

.post_single_nav li.next svg {
    margin-left: 10px
}

.fp-enabled body,
html.fp-enabled {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    overflow: hidden;
    padding: 0
}

.fp-section {
    box-sizing: border-box;
    position: relative
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    display: block;
    height: 100%
}

.fp-slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 1
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    border-style: solid;
    cursor: pointer;
    height: 0;
    margin-top: -38px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    width: 0;
    z-index: 4
}

.fp-controlArrow.fp-prev {
    border-color: transparent #fff transparent transparent;
    border-width: 38.5px 34px 38.5px 0;
    left: 15px;
    width: 0
}

.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #fff;
    border-width: 38.5px 0 38.5px 34px;
    right: 15px
}

.fp-scrollable {
    position: relative
}

.fp-scrollable,
.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    display: block;
    margin-top: -32px;
    opacity: 1;
    position: fixed;
    top: 50%;
    -webkit-transform: translateZ(0);
    z-index: 100
}

#fp-nav.showandhide {
    display: none
}

#fp-nav.right {
    right: 40px
}

#fp-nav.left {
    left: 40px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

#fp-nav>ul {
    margin: 0;
    padding: 40px 0 0;
    position: relative;
    width: 60px
}

#fp-nav>ul>li {
    display: block;
    height: 30px;
    margin-left: 10px;
    width: 50px
}

#fp-nav>ul>li>a {
    display: block;
    height: 100%;
    width: 100%
}

#fp-nav>ul>li>a span {
    background-color: #fff;
    display: block;
    height: 1px;
    line-height: 1px;
    margin-left: 30px;
    opacity: .6;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 20px
}

#fp-nav>ul>li>a.active span {
    margin-left: 0;
    opacity: 1;
    width: 100%
}

#fp-nav.fp-show-active a+.fp-tooltip {
    display: none;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0
}

#fp-nav.fp-show-active a.active+.fp-tooltip {
    color: #fff;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s
}

#fp-nav.dark>ul>li>a span {
    background-color: #626262
}

#fp-nav.dark>ul>li>a.active span {
    background-color: #000
}

#fp-nav.dark.fp-show-active a.active+.fp-tooltip {
    color: #000
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item {
        height: 100vh;
        width: 100vw
    }
}

.index_banner .swiper-slide .item_inner {
    position: relative;
    width: 100%
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_inner {
        height: 100%
    }
}

.index_banner .swiper-slide .item_txt {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20
}

.index_banner .swiper-slide .item_video {
    height: 100%;
    position: relative;
    width: 100%
}

.index_banner .swiper-slide .item_video .video_mask {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 20
}

.index_banner .swiper-slide .item_video .video_mask.video_playing {
    opacity: 0;
    visibility: hidden
}

.index_banner .swiper-slide .item_video .video_mask .t {
    display: block;
    font-size: 30px;
    line-height: 1;
    opacity: 0;
    text-shadow: 0 5px 20px rgba(18, 43, 71, .5);
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_video .video_mask .t {
        font-size: var(--62px)
    }
}

.index_banner .swiper-slide .item_video .video_mask .t_sub {
    display: block;
    font-size: 20px;
    line-height: 1;
    margin: var(--25px) 0 var(--80px);
    opacity: 0;
    text-shadow: 0 5px 8.4px rgba(92, 102, 115, .55);
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_video .video_mask .t_sub {
        font-size: var(--28px)
    }
}

.index_banner .swiper-slide .item_video .video_mask .btn_playvideo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #0dab3d;
    border-radius: 999px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    padding: 10px 20px;
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_video .video_mask .btn_playvideo {
        padding: .56rem 1.48rem
    }
}

.index_banner .swiper-slide .item_video .video_mask .btn_playvideo span {
    font-size: 14px;
    line-height: 1;
    margin-right: 10px
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_video .video_mask .btn_playvideo span {
        font-size: var(--22px)
    }
}

.index_banner .swiper-slide .item_video .video_mask .btn_playvideo svg {
    color: #fff;
    height: 14px;
    width: 14px
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item_video .video_mask .btn_playvideo svg {
        height: var(--20px);
        width: var(--20px)
    }
}

.index_banner .swiper-slide .item_video video {
    height: 100%;
    left: 0;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 100%;
    z-index: 2
}

.index_banner .swiper-slide .item.item01 .item_txt b {
    display: block;
    font-size: 30px;
    opacity: 0;
    text-shadow: 0 5px 19.68px #094700;
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.item01 .item_txt b {
        font-size: var(--70px)
    }
}

.index_banner .swiper-slide .item.item01 .item_txt span {
    display: block;
    font-size: 18px;
    margin-top: 10px;
    opacity: 0;
    text-shadow: 0 5px 19.68px rgba(9, 71, 0, .88);
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.item01 .item_txt span {
        font-size: var(--36px)
    }
}

@media (min-width:1380px) {
    .index_banner .swiper-slide .item.item01 .item_txt span {
        font-size: var(--40px)
    }
}

.index_banner .swiper-slide .item.item02 .item_txt b {
    display: block;
    font-size: 30px;
    opacity: 0;
    text-shadow: 0 .2rem .8rem rgba(0, 0, 0, .55);
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.item02 .item_txt b {
        font-size: var(--70px)
    }
}

.index_banner .swiper-slide .item.item02 .item_txt b:nth-of-type(2) {
    text-indent: var(--70px)
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 40px;
    width: 100%
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt {
        padding-top: var(--150px)
    }
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt .w {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt b {
    display: block;
    font-size: 26px;
    line-height: 1.2em;
    opacity: 0;
    text-shadow: 0 5px .8rem rgba(0, 0, 0, .55);
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt b {
        font-size: var(--50px)
    }
}

@media (min-width:1380px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt b {
        font-size: var(--60px)
    }
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    opacity: 0;
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt span {
        font-size: var(--34px)
    }
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt span br {
    display: none
}

@media (min-width:668px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt span br {
        display: block
    }
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt .btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    opacity: 0;
    -webkit-transform: translateY(var(--30px));
    -ms-transform: translateY(var(--30px));
    transform: translateY(var(--30px));
    -webkit-transition: all .5s;
    transition: all .5s
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt .btns>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(20px*var(--tw-space-x-reverse))
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt .btns {
        margin-top: var(--70px)
    }

    .index_banner .swiper-slide .item.itemZhanhui .item_txt .btns>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--30px)*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--30px)*var(--tw-space-x-reverse))
    }
}

.index_banner .swiper-slide .item.itemZhanhui .item_txt .btns li em {
    border-radius: 9999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding: 10px;
    white-space: nowrap
}

@media (min-width:968px) {
    .index_banner .swiper-slide .item.itemZhanhui .item_txt .btns li em {
        font-size: var(--17px);
        padding: var(--15px) var(--30px)
    }
}

.index_banner .swiper-slide-active .item_video .video_mask .t {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_banner .swiper-slide-active .item_video .video_mask .t_sub {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index_banner .swiper-slide-active .item_video .video_mask .btn_playvideo {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.index_banner .swiper-slide-active .item_video video {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_banner .swiper-slide-active .item.item01 .item_txt b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_banner .swiper-slide-active .item.item01 .item_txt span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index_banner .swiper-slide-active .item.item02 .item_txt b:first-of-type {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_banner .swiper-slide-active .item.item02 .item_txt b:nth-of-type(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index_banner .swiper-slide-active .item.itemZhanhui .item_txt b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_banner .swiper-slide-active .item.itemZhanhui .item_txt span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index_banner .swiper-slide-active .item.itemZhanhui .item_txt .btns {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.index_banner_bar_page .cur {
    font-size: 24px;
    line-height: 1
}

.index_banner_bar_page .total {
    font-size: 14px;
    font-weight: 300;
    line-height: 1
}

.index_banner_bar_page .total:before {
    --tw-content: "/";
    content: var(--tw-content);
    margin-left: 5px;
    margin-right: 5px
}

.index_banner_bar_down {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 0.7;
    -webkit-align-items: center;
    align-items: center;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    position: relative;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 30px
}

@media (min-width:968px) {
    .index_banner_bar_down {
        height: var(--48px);
        width: var(--48px)
    }
}

.index_banner_bar_down:after,
.index_banner_bar_down:before {
    --tw-border-opacity: 1;
    --tw-content: "";
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    content: var(--tw-content);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 10
}

.index_banner_bar_down:before {
    --tw-scale-x: 130%;
    --tw-scale-y: 130%;
    --tw-border-opacity: 0.3
}

.index_banner_bar_down:after,
.index_banner_bar_down:before {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.index_banner_bar_down:after {
    --tw-scale-x: 160%;
    --tw-scale-y: 160%;
    --tw-border-opacity: 0.1
}

.index_banner_bar_down svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    height: 40%;
    width: 40%
}

.index_banner_bar_down:hover {
    background-color: var(--maincolor);
    border-color: var(--maincolor)
}

.index_banner_bar_down:hover:after,
.index_banner_bar_down:hover:before {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    opacity: 0;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.index_title b {
    color: var(--maincolor);
    display: block;
    font-size: 30px
}

@media (min-width:1180px) {
    .index_title b {
        font-size: var(--50px)
    }
}

.index_title span {
    --tw-text-opacity: 1;
    color: rgb(68 68 68/var(--tw-text-opacity));
    display: block;
    font-size: 14px;
    font-weight: 300
}

@media (min-width:1180px) {
    .index_title span {
        font-size: var(--20px)
    }
}

.index_title.center {
    text-align: center
}

.index_pro_list .item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:968px) {
    .index_pro_list .item>* {
        height: 150px
    }
}

@media (min-width:1180px) {
    .index_pro_list .item>* {
        height: var(--150px)
    }
}

@media (min-width:1380px) {
    .index_pro_list .item>* {
        height: var(--180px)
    }
}

.index_pro_list .item .left {
    overflow: hidden;
    width: 100%
}

@media (min-width:668px) {
    .index_pro_list .item .left {
        width: 30%
    }
}

.index_pro_list .item .left img {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

@media (min-width:668px) {
    .index_pro_list .item .left img {
        height: 100%;
        object-fit: cover
    }
}

.index_pro_list .item .txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    width: 80%
}

@media (min-width:668px) {
    .index_pro_list .item .txt {
        padding-left: var(--40px);
        padding-right: var(--40px);
        width: 50%
    }
}

.index_pro_list .item .txt .des {
    padding-right: 10px
}

@media (min-width:668px) {
    .index_pro_list .item .txt .des {
        padding-right: 20px
    }
}

.index_pro_list .item .txt .des b {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1
}

@media (min-width:1180px) {
    .index_pro_list .item .txt .des b {
        font-size: var(--30px)
    }
}

@media (min-width:1288px) {
    .index_pro_list .item .txt .des b {
        font-size: var(--36px)
    }
}

.index_pro_list .item .txt .des p {
    --tw-text-opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(93 94 102/var(--tw-text-opacity));
    display: block;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 10px;
    overflow: hidden
}

@media (min-width:1180px) {
    .index_pro_list .item .txt .des p {
        font-size: var(--18px)
    }
}

@media (min-width:1288px) {
    .index_pro_list .item .txt .des p {
        font-size: var(--24px)
    }
}

.index_pro_list .item .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    border-left-width: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px;
    width: 20%
}

@media (min-width:668px) {
    .index_pro_list .item .right {
        padding: 20px;
        width: 20%
    }
}

.index_pro_list .item .right img {
    max-height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.index_pro_list .item:hover {
    box-shadow: var(--5px) var(--10px) var(--40px) 0 #e1e1e1
}

.index_pro_list .item:hover .left img,
.index_pro_list .item:hover .right img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.index_strength_col img {
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
}

.index_strength_col img.txt {
    --tw-translate-x: calc(var(--500px)*-1);
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.index_strength_col img.line,
.index_strength_col img.name {
    -webkit-transform: translateY(var(--100px));
    -ms-transform: translateY(var(--100px));
    transform: translateY(var(--100px))
}

.index_strength_col[data-loaded=true] img.bg {
    opacity: 1
}

.index_strength_col[data-loaded=true] img.txt {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.index_strength_col[data-loaded=true] img.line {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index_strength_col[data-loaded=true] img.name {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.fancybox-video-wrapper {
    position: relative
}

.fancybox-video-wrapper .fancy-video-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 10
}

@media (min-width:968px) {
    .fancybox-video-wrapper .fancy-video-close {
        height: var(--60px);
        width: var(--60px)
    }
}

.fancybox-video-wrapper .fancy-video-close svg {
    --tw-text-opacity: 1;
    color: rgb(137 137 137/var(--tw-text-opacity));
    height: 50%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 50%
}

.fancybox-video-wrapper .fancy-video-close:hover svg {
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.product_select>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.product_select>ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(20px*var(--tw-space-y-reverse));
    margin-top: calc(20px*(1 - var(--tw-space-y-reverse)))
}

.product_select>ul {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px
}

@media (min-width:668px) {
    .product_select>ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .product_select>ul>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        margin: calc(0px*(1 - var(--tw-space-y-reverse))) calc(20px*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(20px*(1 - var(--tw-space-x-reverse)))
    }
}

@media (min-width:1180px) {
    .product_select>ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 72vw
    }

    .product_select>ul>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(var(--30px)*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(var(--30px)*var(--tw-space-x-reverse))
    }

    .product_select>ul {
        padding-top: var(--60px)
    }
}

.product_select>ul>li {
    display: block
}

@media (min-width:668px) {
    .product_select>ul>li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }
}

.product_select>ul>li .nice-select {
    --tw-bg-opacity: 1;
    background-color: rgb(187 187 187/var(--tw-bg-opacity));
    border-radius: 0;
    border-style: none;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px
}

.product_select>ul>li .nice-select:after {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    content: var(--tw-content);
    height: 10px;
    right: 20px;
    top: 25px;
    width: 10px
}

@media (min-width:1180px) {
    .product_select>ul>li .nice-select {
        height: var(--70px);
        line-height: var(--70px);
        padding-left: var(--30px);
        padding-right: var(--20px)
    }

    .product_select>ul>li .nice-select:after {
        content: var(--tw-content);
        right: var(--20px);
        top: var(--30px)
    }
}

.product_select>ul>li .nice-select span.current {
    --tw-text-opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden
}

@media (min-width:1180px) {
    .product_select>ul>li .nice-select span.current {
        font-size: var(--16px)
    }
}

.product_select>ul>li .nice-select .list {
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px
}

.product_select>ul>li .nice-select .list:before {
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(113 113 113/var(--tw-bg-opacity));
    content: var(--tw-content);
    height: 1px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 0
}

@media (min-width:1180px) {
    .product_select>ul>li .nice-select .list:before {
        content: var(--tw-content);
        left: 1.2rem
    }
}

.product_select>ul>li .nice-select.open {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity));
    z-index: 20
}

.product_select>ul>li .nice-select.open .list {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity))
}

.product_select>ul>li .nice-select.open .list:before {
    content: var(--tw-content);
    width: calc(100% - 40px)
}

@media (min-width:1180px) {
    .product_select>ul>li .nice-select.open .list:before {
        content: var(--tw-content);
        width: calc(100% - 2rem)
    }
}

.product_select>ul>li .nice-select.open .list li {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    line-height: 3em;
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:1180px) {
    .product_select>ul>li .nice-select.open .list li {
        font-size: var(--16px);
        padding-left: var(--30px);
        padding-right: var(--30px)
    }
}

.product_select>ul>li .nice-select .option.focus,
.product_select>ul>li .nice-select .option.selected.focus,
.product_select>ul>li .nice-select .option:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

@media (min-width:668px) {
    .product_list>div a .txt {
        padding: 0 0 0 20px
    }
}

@media (min-width:1180px) {
    .product_list>div a .txt {
        padding: 0 0 0 var(--60px)
    }
}

@media (min-width:668px) {
    .product_list>div:nth-of-type(2n) a .txt {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
        padding: 0 20px 0 0
    }
}

@media (min-width:1180px) {
    .product_list>div:nth-of-type(2n) a .txt {
        padding: 0 var(--60px) 0 0
    }

    .product_list>div:nth-of-type(2n) a .txt .txt_inner {
        padding-right: var(--100px)
    }
}

.product_single_topslide .product_single_topslide_page {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px
}

@media (min-width:1180px) {
    .product_single_topslide .product_single_topslide_page {
        margin-top: var(--50px)
    }
}

.product_single_topslide .product_single_topslide_page .swiper-pagination-bullet {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 0;
    height: 3px;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20px
}

@media (min-width:1180px) {
    .product_single_topslide .product_single_topslide_page .swiper-pagination-bullet {
        width: var(--70px)
    }
}

.product_single_topslide .product_single_topslide_page .swiper-pagination-bullet-active {
    background-color: var(--maincolor)
}

.product_col {
    padding-bottom: 20px;
    padding-top: 20px
}

@media (min-width:968px) {
    .product_col {
        padding-bottom: var(--100px);
        padding-top: var(--100px)
    }
}

.product_col_inner {
    margin-top: 20px
}

@media (min-width:968px) {
    .product_col_inner {
        margin-top: var(--60px)
    }
}

.pro_detail_advantage_list>ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(20px*var(--tw-space-y-reverse));
    margin-top: calc(20px*(1 - var(--tw-space-y-reverse)))
}

@media (min-width:668px) {
    .pro_detail_advantage_list>ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .pro_detail_advantage_list>ul>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        margin: calc(0px*(1 - var(--tw-space-y-reverse))) calc(var(--30px)*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(var(--30px)*(1 - var(--tw-space-x-reverse)))
    }
}

@media (min-width:1180px) {
    .pro_detail_advantage_list>ul>li {
        -webkit-box-flex: 1;
        -ms-flex-negative: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        overflow: hidden;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

.pro_detail_advantage_list>ul>li .item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 6px;
    padding: 20px 20px 40px;
    position: relative
}

@media (min-width:668px) {
    .pro_detail_advantage_list>ul>li .item {
        height: 100%
    }
}

@media (min-width:1180px) {
    .pro_detail_advantage_list>ul>li .item {
        height: 100%;
        padding: var(--50px) var(--50px) var(--230px);
        width: 100%
    }
}

.pro_detail_advantage_list>ul>li .item .title {
    display: block;
    font-size: 18px;
    white-space: nowrap
}

@media (min-width:1180px) {
    .pro_detail_advantage_list>ul>li .item .title {
        font-size: var(--22px);
        height: 3em;
        line-height: 1.5em;
        text-align: center;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .pro_detail_advantage_list>ul>li .item .title:after {
        --tw-bg-opacity: 1;
        --tw-content: "";
        background-color: rgb(221 221 221/var(--tw-bg-opacity));
        content: var(--tw-content);
        display: block;
        height: 2px;
        margin-bottom: var(--30px);
        margin-left: auto;
        margin-right: auto;
        margin-top: var(--30px);
        width: 20px
    }
}

.pro_detail_advantage_list>ul>li .item .des {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    z-index: 20
}

@media (min-width:1180px) {
    .pro_detail_advantage_list>ul>li .item .des {
        --tw-translate-y: var(--30px);
        font-size: var(--18px);
        margin-top: var(--20px);
        opacity: 0;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        width: var(--600px)
    }
}

.pro_detail_advantage_list>ul>li .item .num {
    --tw-translate-x: -50%;
    --tw-text-opacity: 1;
    bottom: -2vw;
    color: rgb(241 241 241/var(--tw-text-opacity));
    display: none;
    font-family: Manrope;
    font-size: 20vw;
    font-style: normal;
    font-weight: 700;
    left: 50%;
    line-height: .8em;
    position: absolute;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: auto
}

@media (min-width:668px) {
    .pro_detail_advantage_list>ul>li .item .num {
        bottom: -15px;
        font-size: 60px
    }
}

@media (min-width:968px) {
    .pro_detail_advantage_list>ul>li .item .num {
        display: block
    }
}

@media (min-width:1180px) {
    .pro_detail_advantage_list>ul>li .item .num {
        bottom: calc(var(--20px)*-1);
        font-size: var(--140px);
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .pro_detail_advantage_list>ul:hover>li:hover {
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: var(--700px);
        -webkit-flex-basis: var(--700px);
        flex-basis: var(--700px);
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item {
        background-color: var(--maincolor)
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item .title {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity));
        text-align: left
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item .title:after {
        content: var(--tw-content);
        display: none
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item .des {
        --tw-translate-y: 0px;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity));
        opacity: 1
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item .des,
    .pro_detail_advantage_list>ul:hover>li:hover .item .num {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .pro_detail_advantage_list>ul:hover>li:hover .item .num {
        --tw-translate-x: 0px;
        left: var(--50px);
        opacity: .1
    }
}

.pro_detail_parameter .table thead {
    background-color: var(--maincolor);
    color: #fff
}

.pro_detail_parameter .table thead td,
.pro_detail_parameter .table thead th {
    border-bottom-width: 1px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.pro_detail_parameter .table tbody {
    color: #666
}

.pro_detail_parameter .table tbody tr {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -moz-text-decoration-color, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.pro_detail_parameter .table tbody tr:nth-of-type(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.pro_detail_parameter .table tbody tr:nth-of-type(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 247/var(--tw-bg-opacity))
}

.pro_detail_parameter .table tbody tr td {
    padding: var(--20px);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.pro_detail_parameter .table tbody tr:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(199 199 199/var(--tw-bg-opacity));
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.application {
    position: relative
}

.application_slides {
    height: calc(100vh - 60px);
    position: relative
}

@media (min-width:1180px) {
    .application_slides {
        height: 100vh
    }
}

.application_slides .item {
    height: calc(100vh - 60px);
    position: relative
}

@media (min-width:1180px) {
    .application_slides .item {
        height: 100vh
    }
}

.application_slides .item .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.application_slides .item .txt .w .title {
    font-size: 30px;
    font-weight: 700
}

@media (min-width:1180px) {
    .application_slides .item .txt .w .title {
        font-size: var(--56px)
    }
}

.application_slides .item .txt .w .des {
    font-size: 16px
}

@media (min-width:1180px) {
    .application_slides .item .txt .w .des {
        font-size: var(--30px);
        max-width: var(--900px)
    }
}

.application_slides .item .bg {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.application_thumbs {
    --tw-border-opacity: 0.5;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-top-width: 1px
}

.application_thumbs .slick-track {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important
}

.application_thumbs .slick-slide .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 0.5;
    --tw-bg-opacity: 0.5;
    --tw-text-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-right-width: 1px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 60px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:968px) {
    .application_thumbs .slick-slide .item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        height: 80px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px
    }
}

@media (min-width:1380px) {
    .application_thumbs .slick-slide .item {
        height: var(--164px);
        padding-left: var(--60px);
        padding-right: var(--55px);
        padding-top: var(--60px)
    }
}

.application_thumbs .slick-slide .item .txt {
    display: none
}

@media (min-width:968px) {
    .application_thumbs .slick-slide .item .txt {
        display: block
    }

    .application_thumbs .slick-slide .item .txt .title b {
        display: block;
        font-size: 16px
    }
}

@media (min-width:1180px) {
    .application_thumbs .slick-slide .item .txt .title b {
        font-size: var(--22px)
    }
}

.application_thumbs .slick-slide .item .txt .title span {
    font-family: Manrope
}

@media (min-width:968px) {
    .application_thumbs .slick-slide .item .txt .title span {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.25;
        opacity: .3
    }
}

.application_thumbs .slick-slide .item .icon {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 30px;
    width: 30px
}

@media (min-width:1180px) {
    .application_thumbs .slick-slide .item .icon {
        height: var(--60px);
        width: var(--60px)
    }
}

@media (min-width:1380px) {
    .application_thumbs .slick-slide .item .icon {
        margin-left: var(--20px)
    }
}

.application_thumbs .slick-slide.slick-current .item {
    background-color: var(--maincolor)
}

.application_thumbs .slick-slide:last-of-type .item {
    border-right-color: transparent
}

.contact_list>ul>li {
    margin-bottom: 20px
}

@media (min-width:1180px) {
    .contact_list>ul>li {
        margin-bottom: var(--40px)
    }
}

.contact_list>ul>li .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.contact_list>ul>li .item>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.contact_list>ul>li .item .icon {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    --tw-bg-opacity: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgb(238 238 238/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 50px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px
}

.contact_list>ul>li .item .icon svg {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity));
    height: 50%;
    width: 50%
}

.contact_list>ul>li .item .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.contact_list>ul>li .item .info_t {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity));
    display: block;
    font-size: 14px
}

@media (min-width:1180px) {
    .contact_list>ul>li .item .info_t {
        font-size: var(--16px)
    }
}

.contact_list>ul>li .item .info_des {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity));
    display: block;
    font-family: Manrope;
    font-size: 16px
}

@media (min-width:1180px) {
    .contact_list>ul>li .item .info_des {
        font-size: var(--18px)
    }
}

.contact_list>ul>li .item .info_des a {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.contact_list>ul>li .item .info_des a:hover {
    color: var(--maincolor)
}

.contact_list>ul>li .item .info_maplink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.contact_list>ul>li .item .info_maplink>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.contact_list>ul>li .item .info_maplink {
    color: var(--maincolor)
}

.contact_list>ul>li .item .info_maplink svg {
    height: 16px;
    width: 16px
}

@media (min-width:1180px) {
    .contact_list>ul>li .item .info_maplink svg {
        height: var(--24px);
        width: var(--24px)
    }
}

.contact_list>ul>li .item .info_maplink span {
    font-size: 14px;
    line-height: 1.5
}

.contact_message {
    margin-top: 20px
}

@media (min-width:1180px) {
    .contact_message {
        margin-top: var(--50px)
    }
}

.contact_message .wpcf7-form div.wpcf7-response-output {
    border-width: 1px !important;
    color: #ffb900;
    font-size: 12px;
    margin: 30px 0 0 !important
}

.contact_message .wpcf7-form.sent div.wpcf7-response-output {
    color: #46b450
}

.contact_message .form>ul>li.item {
    margin-bottom: 20px;
    width: 100%
}

.contact_message .form>ul>li.item>span {
    display: block
}

.contact_message .form>ul>li.item_full {
    width: 100%
}

.contact_message .form>ul>li input[type=email],
.contact_message .form>ul>li input[type=tel],
.contact_message .form>ul>li input[type=text] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    border-width: 1px;
    display: block;
    font-size: 14px;
    line-height: 3em;
    outline-color: var(--maincolor);
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media (min-width:1180px) {

    .contact_message .form>ul>li input[type=email],
    .contact_message .form>ul>li input[type=tel],
    .contact_message .form>ul>li input[type=text] {
        font-size: var(--16px)
    }
}

.contact_message .form>ul>li textarea {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity));
    border-width: 1px;
    display: block;
    font-size: 14px;
    height: 12em;
    line-height: 2em;
    outline-color: var(--maincolor);
    padding: 20px;
    width: 100%
}

@media (min-width:1180px) {
    .contact_message .form>ul>li textarea {
        font-size: var(--16px);
        height: 14em
    }
}

.contact_message .form>ul>li span.wpcf7-form-control-wrap {
    display: block;
    position: relative
}

.contact_message .form>ul>li .wpcf7-not-valid-tip {
    color: #ffb900;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact_message .form>ul>li span[role=alert] {
    bottom: -20px;
    color: var(--maincolor);
    font-size: 12px;
    left: 0;
    line-height: 20px;
    position: absolute;
    width: 100%
}

.contact_message .form>ul>li div.wpcf7-acceptance-missing,
.contact_message .form>ul>li div.wpcf7-validation-errors {
    border: 1px solid var(--maincolor)
}

.contact_message .form>ul>li div.wpcf7-mail-sent-ok {
    background-color: hsla(0, 0%, 77%, .3)
}

.contact_message .form>ul>li div.wpcf7-response-output {
    color: #333;
    font-size: 12px;
    margin: 10px 0
}

.contact_message .form>ul>li.item_submit {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.contact_message .form>ul>li.item_submit>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(20px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(20px*var(--tw-space-x-reverse))
}

.contact_message .form>ul>li.item_submit .captcha {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    position: relative
}

@media (min-width:1180px) {
    .contact_message .form>ul>li.item_submit .captcha {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 200px
    }
}

.contact_message .form>ul>li.item_submit .captcha .wpcf7-captchac {
    --tw-translate-y: -50%;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 10
}

.contact_message .form>ul>li.item_submit .captcha .wpcf7-not-valid-tip {
    bottom: -30px;
    height: 30px;
    left: 0;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.contact_message .form>ul>li.item_submit .submit {
    width: 40vw
}

@media (min-width:968px) {
    .contact_message .form>ul>li.item_submit .submit {
        width: var(--185px)
    }
}

.contact_message .form>ul>li.item_submit .submit .wpcf7-submit {
    --tw-text-opacity: 1;
    background-color: var(--maincolor);
    border-radius: 9999px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    font-size: 14px;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.contact_message .form>ul>li.item_submit .submit .wpcf7-submit:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.contact_message .form>ul>li.item_submit .submit .wpcf7-submit:disabled,
.contact_message .form>ul>li.item_submit .submit .wpcf7-submit[disabled] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(212 212 212/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: not-allowed
}

.contact_message .form>ul>li.item_submit .submit .wpcf7-spinner {
    left: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#wraper .scrollbar-track {
    opacity: 1
}

#wraper .scrollbar-track-x {
    display: none !important
}

#wraper .scrollbar-track-y {
    background: #dedede;
    right: 1px;
    width: 1px
}

#wraper .scrollbar-thumb {
    background: var(--mainColor);
    border-radius: 0;
    cursor: -webkit-grab;
    cursor: grab;
    left: -1px;
    width: 3px
}

.before\:absolute:before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.before\:left-\[20px\]:before {
    content: var(--tw-content) !important;
    left: 20px !important
}

.before\:top-0:before {
    content: var(--tw-content) !important;
    top: 0 !important
}

.before\:z-20:before {
    content: var(--tw-content) !important;
    z-index: 20 !important
}

.before\:h-full:before {
    content: var(--tw-content) !important;
    height: 100% !important
}

.before\:h-\[1px\]:before {
    content: var(--tw-content) !important;
    height: 1px !important
}

.before\:w-full:before {
    content: var(--tw-content) !important;
    width: 100% !important
}

.before\:w-0:before {
    content: var(--tw-content) !important;
    width: 0 !important
}

.before\:w-\[calc\(100\%_-_40px\)\]:before {
    content: var(--tw-content) !important;
    width: calc(100% - 40px) !important
}

.before\:bg-black:before {
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.before\:bg-\[\#717171\]:before,
.before\:bg-black:before {
    --tw-bg-opacity: 1 !important;
    content: var(--tw-content) !important
}

.before\:bg-\[\#717171\]:before {
    background-color: rgb(113 113 113/var(--tw-bg-opacity)) !important
}

.before\:opacity-30:before {
    content: var(--tw-content) !important;
    opacity: .3 !important
}

.before\:transition-all:before {
    content: var(--tw-content) !important;
    -webkit-transition-duration: .15s !important;
    transition-duration: .15s !important;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.before\:duration-500:before {
    content: var(--tw-content) !important;
    -webkit-transition-duration: .5s !important;
    transition-duration: .5s !important
}

.before\:content-\[\'\'\]:before {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.after\:right-\[20px\]:after {
    content: var(--tw-content) !important;
    right: 20px !important
}

.after\:top-\[25px\]:after {
    content: var(--tw-content) !important;
    top: 25px !important
}

.after\:my-\[15px\]:after {
    content: var(--tw-content) !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important
}

.after\:mx-auto:after {
    content: var(--tw-content) !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.after\:mt-\[10px\]:after {
    content: var(--tw-content) !important;
    margin-top: 10px !important
}

.after\:block:after {
    content: var(--tw-content) !important;
    display: block !important
}

.after\:hidden:after {
    content: var(--tw-content) !important;
    display: none !important
}

.after\:h-\[2px\]:after {
    content: var(--tw-content) !important;
    height: 2px !important
}

.after\:h-\[10px\]:after {
    content: var(--tw-content) !important;
    height: 10px !important
}

.after\:w-\[30px\]:after {
    content: var(--tw-content) !important;
    width: 30px !important
}

.after\:w-\[10px\]:after {
    content: var(--tw-content) !important;
    width: 10px !important
}

.after\:border-\[\#fff\]:after {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
    content: var(--tw-content) !important
}

.after\:bg-\[color\:var\(--maincolor\)\]:after {
    background-color: var(--maincolor) !important;
    content: var(--tw-content) !important
}

.after\:content-\[\'\'\]:after {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.odd\:bg-neutral-100:nth-child(odd) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}

.even\:bg-white:nth-child(2n),
.odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.even\:bg-neutral-100:nth-child(2n) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity)) !important
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0 !important
}

.last-of-type\:border-none:last-of-type {
    border-style: none !important
}

.last-of-type\:pb-0:last-of-type {
    padding-bottom: 0 !important
}

.hover\:bg-\[color\:var\(--maincolorHover\)\]:hover {
    background-color: var(--maincolorHover) !important
}

.hover\:text-\[color\:var\(--maincolor\)\]:hover {
    color: var(--maincolor) !important
}

.hover\:shadow-\[0_10px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:hover {
    --tw-shadow: 0 10px 15px 0 rgba(0, 0, 0, .15) !important;
    --tw-shadow-colored: 0 10px 15px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1 !important;
    --tw-scale-y: 1.1 !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.group:hover .group-hover\:bg-gradient-to-l {
    background-image: -webkit-linear-gradient(right, var(--tw-gradient-stops)) !important;
    background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important
}

.group:hover .group-hover\:text-\[color\:var\(--maincolor\)\] {
    color: var(--maincolor) !important
}

@media (min-width:668px) {
    .phone\:-bottom-\[15px\] {
        bottom: -15px !important
    }

    .phone\:mt-0 {
        margin-top: 0 !important
    }

    .phone\:block {
        display: block !important
    }

    .phone\:flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .phone\:h-full {
        height: 100% !important
    }

    .phone\:w-full {
        width: 100% !important
    }

    .phone\:w-\[30\%\] {
        width: 30% !important
    }

    .phone\:w-\[50\%\] {
        width: 50% !important
    }

    .phone\:w-\[20\%\] {
        width: 20% !important
    }

    .phone\:flex-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
        flex: 1 1 0% !important
    }

    .phone\:grid-cols-6 {
        -ms-grid-columns: (minmax(0, 1fr))[6] !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important
    }

    .phone\:flex-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .phone\:items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        -webkit-align-items: center !important;
        align-items: center !important
    }

    .phone\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: calc(0px*var(--tw-space-y-reverse)) !important;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse))) !important
    }

    .phone\:space-x-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(20px*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(20px*var(--tw-space-x-reverse)) !important
    }

    .phone\:space-x-\[length\:var\(--30px\)\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(var(--30px)*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(var(--30px)*var(--tw-space-x-reverse)) !important
    }

    .phone\:object-cover {
        object-fit: cover !important
    }

    .phone\:p-\[20px\] {
        padding: 20px !important
    }

    .phone\:px-\[var\(--40px\)\] {
        padding-left: var(--40px) !important;
        padding-right: var(--40px) !important
    }

    .phone\:pr-\[20px\] {
        padding-right: 20px !important
    }

    .phone\:text-\[14px\] {
        font-size: 14px !important
    }

    .phone\:text-\[60px\] {
        font-size: 60px !important
    }
}

@media (min-width:968px) {
    .pads\:absolute {
        position: absolute !important
    }

    .pads\:bottom-\[50px\] {
        bottom: 50px !important
    }

    .pads\:left-auto {
        left: auto !important
    }

    .pads\:bottom-auto {
        bottom: auto !important
    }

    .pads\:right-\[10px\] {
        right: 10px !important
    }

    .pads\:top-2\/4 {
        top: 50% !important
    }

    .pads\:-order-1 {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        -webkit-order: -1 !important;
        order: -1 !important
    }

    .pads\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pads\:mr-\[var\(--80px\)\] {
        margin-right: var(--80px) !important
    }

    .pads\:ml-auto {
        margin-left: auto !important
    }

    .pads\:ml-\[var\(--60px\)\] {
        margin-left: var(--60px) !important
    }

    .pads\:mt-0 {
        margin-top: 0 !important
    }

    .pads\:mt-\[var\(--40px\)\] {
        margin-top: var(--40px) !important
    }

    .pads\:mt-\[var\(--20px\)\] {
        margin-top: var(--20px) !important
    }

    .pads\:mb-\[length\:var\(--50px\)\] {
        margin-bottom: var(--50px) !important
    }

    .pads\:mb-\[var\(--60px\)\] {
        margin-bottom: var(--60px) !important
    }

    .pads\:mt-\[var\(--75px\)\] {
        margin-top: var(--75px) !important
    }

    .pads\:ml-\[20px\] {
        margin-left: 20px !important
    }

    .pads\:mt-\[var\(--70px\)\] {
        margin-top: var(--70px) !important
    }

    .pads\:block {
        display: block !important
    }

    .pads\:flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pads\:hidden {
        display: none !important
    }

    .pads\:h-full {
        height: 100% !important
    }

    .pads\:h-\[100vh\] {
        height: 100vh !important
    }

    .pads\:h-\[50px\] {
        height: 50px !important
    }

    .pads\:h-\[var\(--54px\)\] {
        height: var(--54px) !important
    }

    .pads\:h-\[var\(--310px\)\] {
        height: var(--310px) !important
    }

    .pads\:h-auto {
        height: auto !important
    }

    .pads\:h-\[80px\] {
        height: 80px !important
    }

    .pads\:h-\[var\(--48px\)\] {
        height: var(--48px) !important
    }

    .pads\:h-\[150px\] {
        height: 150px !important
    }

    .pads\:h-\[var\(--60px\)\] {
        height: var(--60px) !important
    }

    .pads\:w-\[48\.75\%\] {
        width: 48.75% !important
    }

    .pads\:w-full {
        width: 100% !important
    }

    .pads\:w-\[var\(--54px\)\] {
        width: var(--54px) !important
    }

    .pads\:w-\[var\(--490px\)\] {
        width: var(--490px) !important
    }

    .pads\:w-\[70\%\] {
        width: 70% !important
    }

    .pads\:w-\[var\(--690px\)\] {
        width: var(--690px) !important
    }

    .pads\:w-\[80vw\] {
        width: 80vw !important
    }

    .pads\:w-\[var\(--865px\)\] {
        width: var(--865px) !important
    }

    .pads\:w-\[var\(--70px\)\] {
        width: var(--70px) !important
    }

    .pads\:w-\[var\(--48px\)\] {
        width: var(--48px) !important
    }

    .pads\:w-\[var\(--185px\)\] {
        width: var(--185px) !important
    }

    .pads\:w-\[100vw\] {
        width: 100vw !important
    }

    .pads\:w-\[var\(--60px\)\] {
        width: var(--60px) !important
    }

    .pads\:max-w-\[84vw\] {
        max-width: 84vw !important
    }

    .pads\:flex-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
        flex: 1 1 0% !important
    }

    .pads\:flex-auto {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .pads\:flex-none {
        -webkit-box-flex: 0 !important;
        -webkit-flex: none !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pads\:shrink-0 {
        -ms-flex-negative: 0 !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important
    }

    .pads\:translate-y-\[-50\%\] {
        --tw-translate-y: -50% !important;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .pads\:grid-cols-3 {
        -ms-grid-columns: (minmax(0, 1fr))[3] !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .pads\:items-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important
    }

    .pads\:items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        -webkit-align-items: center !important;
        align-items: center !important
    }

    .pads\:justify-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        -webkit-justify-content: space-between !important;
        justify-content: space-between !important
    }

    .pads\:space-x-\[40px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(40px*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(40px*var(--tw-space-x-reverse)) !important
    }

    .pads\:space-x-\[var\(--30px\)\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(var(--30px)*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(var(--30px)*var(--tw-space-x-reverse)) !important
    }

    .pads\:rounded-\[5px\] {
        border-radius: 5px !important
    }

    .pads\:border {
        border-width: 1px !important
    }

    .pads\:border-l {
        border-left-width: 1px !important
    }

    .pads\:border-r-0 {
        border-right-width: 0 !important
    }

    .pads\:border-\[\#ddd\],
    .pads\:border-\[\#dddddd\] {
        --tw-border-opacity: 1 !important;
        border-color: rgb(221 221 221/var(--tw-border-opacity)) !important
    }

    .pads\:object-cover {
        object-fit: cover !important
    }

    .pads\:px-\[var\(--60px\)\] {
        padding-left: var(--60px) !important;
        padding-right: var(--60px) !important
    }

    .pads\:py-\[var\(--40px\)\] {
        padding-bottom: var(--40px) !important;
        padding-top: var(--40px) !important
    }

    .pads\:py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pads\:px-\[var\(--40px\)\] {
        padding-left: var(--40px) !important;
        padding-right: var(--40px) !important
    }

    .pads\:px-\[20px\] {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pads\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pads\:px-\[var\(--30px\)\] {
        padding-left: var(--30px) !important;
        padding-right: var(--30px) !important
    }

    .pads\:py-\[var\(--15px\)\] {
        padding-bottom: var(--15px) !important;
        padding-top: var(--15px) !important
    }

    .pads\:pb-\[20px\] {
        padding-bottom: 20px !important
    }

    .pads\:pl-\[var\(--40px\)\] {
        padding-left: var(--40px) !important
    }

    .pads\:pt-\[60px\] {
        padding-top: 60px !important
    }

    .pads\:pb-0 {
        padding-bottom: 0 !important
    }

    .pads\:pt-0 {
        padding-top: 0 !important
    }

    .pads\:pr-\[20px\] {
        padding-right: 20px !important
    }

    .pads\:pt-\[var\(--120px\)\] {
        padding-top: var(--120px) !important
    }

    .pads\:pb-\[var\(--100px\)\] {
        padding-bottom: var(--100px) !important
    }

    .pads\:pb-\[var\(--20px\)\] {
        padding-bottom: var(--20px) !important
    }

    .pads\:pt-\[var\(--50px\)\] {
        padding-top: var(--50px) !important
    }

    .pads\:pb-\[var\(--40px\)\] {
        padding-bottom: var(--40px) !important
    }

    .pads\:pt-\[15px\] {
        padding-top: 15px !important
    }

    .pads\:pt-\[var\(--150px\)\] {
        padding-top: var(--150px) !important
    }

    .pads\:text-left {
        text-align: left !important
    }

    .pads\:text-\[length\:var\(--24px\)\] {
        font-size: var(--24px) !important
    }

    .pads\:text-\[length\:var\(--30px\)\] {
        font-size: var(--30px) !important
    }

    .pads\:text-\[length\:var\(--16px\)\] {
        font-size: var(--16px) !important
    }

    .pads\:text-\[length\:var\(--18px\)\] {
        font-size: var(--18px) !important
    }

    .pads\:text-\[length\:var\(--36px\)\] {
        font-size: var(--36px) !important
    }

    .pads\:text-\[length\:var\(--56px\)\] {
        font-size: var(--56px) !important
    }

    .pads\:text-\[16px\] {
        font-size: 16px !important
    }

    .pads\:text-\[14px\] {
        font-size: 14px !important
    }

    .pads\:text-\[length\:var\(--17px\)\] {
        font-size: var(--17px) !important
    }

    .pads\:font-bold {
        font-weight: 700 !important
    }

    .pads\:leading-\[50px\] {
        line-height: 50px !important
    }

    .pads\:leading-relaxed {
        line-height: 1.625 !important
    }

    .pads\:leading-tight {
        line-height: 1.25 !important
    }

    .pads\:opacity-30 {
        opacity: .3 !important
    }

    .pads\:line-clamp-2 {
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        overflow: hidden !important
    }

    .pads\:hover\:bg-\[color\:var\(--maincolor\)\]:hover {
        background-color: var(--maincolor) !important
    }
}

@media (min-width:1180px) {
    .padb\:absolute {
        position: absolute !important
    }

    .padb\:bottom-\[var\(--50px\)\] {
        bottom: var(--50px) !important
    }

    .padb\:bottom-\[40px\] {
        bottom: 40px !important
    }

    .padb\:-left-\[var\(--130px\)\] {
        left: calc(var(--130px)*-1) !important
    }

    .padb\:top-1\/2 {
        top: 50% !important
    }

    .padb\:-right-\[var\(--130px\)\] {
        right: calc(var(--130px)*-1) !important
    }

    .padb\:-bottom-\[var\(--20px\)\] {
        bottom: calc(var(--20px)*-1) !important
    }

    .padb\:my-\[var\(--50px\)\] {
        margin-bottom: var(--50px) !important;
        margin-top: var(--50px) !important
    }

    .padb\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .padb\:mr-\[var\(--200px\)\] {
        margin-right: var(--200px) !important
    }

    .padb\:ml-auto {
        margin-left: auto !important
    }

    .padb\:mr-\[var\(--100px\)\] {
        margin-right: var(--100px) !important
    }

    .padb\:ml-0 {
        margin-left: 0 !important
    }

    .padb\:mr-0 {
        margin-right: 0 !important
    }

    .padb\:mt-\[var\(--30px\)\] {
        margin-top: var(--30px) !important
    }

    .padb\:mt-\[var\(--60px\)\] {
        margin-top: var(--60px) !important
    }

    .padb\:mb-0 {
        margin-bottom: 0 !important
    }

    .padb\:mt-\[var\(--80px\)\] {
        margin-top: var(--80px) !important
    }

    .padb\:ml-\[var\(--80px\)\] {
        margin-left: var(--80px) !important
    }

    .padb\:mt-\[var\(--35px\)\] {
        margin-top: var(--35px) !important
    }

    .padb\:mb-\[var\(--30px\)\] {
        margin-bottom: var(--30px) !important
    }

    .padb\:mb-\[length\:var\(--70px\)\],
    .padb\:mb-\[var\(--70px\)\] {
        margin-bottom: var(--70px) !important
    }

    .padb\:mb-\[var\(--40px\)\] {
        margin-bottom: var(--40px) !important
    }

    .padb\:mt-\[var\(--50px\)\] {
        margin-top: var(--50px) !important
    }

    .padb\:mt-\[var\(--20px\)\] {
        margin-top: var(--20px) !important
    }

    .padb\:block {
        display: block !important
    }

    .padb\:hidden {
        display: none !important
    }

    .padb\:h-\[var\(--80px\)\] {
        height: var(--80px) !important
    }

    .padb\:h-\[var\(--570px\)\] {
        height: var(--570px) !important
    }

    .padb\:h-\[9em\] {
        height: 9em !important
    }

    .padb\:h-\[100vh\] {
        height: 100vh !important
    }

    .padb\:h-\[var\(--60px\)\] {
        height: var(--60px) !important
    }

    .padb\:h-\[var\(--34px\)\] {
        height: var(--34px) !important
    }

    .padb\:h-\[var\(--26px\)\] {
        height: var(--26px) !important
    }

    .padb\:h-\[var\(--24px\)\] {
        height: var(--24px) !important
    }

    .padb\:h-\[14em\] {
        height: 14em !important
    }

    .padb\:h-\[length\:var\(--150px\)\] {
        height: var(--150px) !important
    }

    .padb\:h-\[var\(--70px\)\] {
        height: var(--70px) !important
    }

    .padb\:h-full {
        height: 100% !important
    }

    .padb\:h-\[3em\] {
        height: 3em !important
    }

    .padb\:min-h-\[40vh\] {
        min-height: 40vh !important
    }

    .padb\:w-\[var\(--140px\)\] {
        width: var(--140px) !important
    }

    .padb\:w-\[80\%\] {
        width: 80% !important
    }

    .padb\:w-\[var\(--865px\)\] {
        width: var(--865px) !important
    }

    .padb\:w-\[60vw\] {
        width: 60vw !important
    }

    .padb\:w-\[var\(--60px\)\] {
        width: var(--60px) !important
    }

    .padb\:w-\[var\(--170px\)\] {
        width: var(--170px) !important
    }

    .padb\:w-\[var\(--26px\)\] {
        width: var(--26px) !important
    }

    .padb\:w-\[var\(--24px\)\] {
        width: var(--24px) !important
    }

    .padb\:w-\[200px\] {
        width: 200px !important
    }

    .padb\:w-\[var\(--70px\)\] {
        width: var(--70px) !important
    }

    .padb\:w-full {
        width: 100% !important
    }

    .padb\:w-\[var\(--600px\)\] {
        width: var(--600px) !important
    }

    .padb\:max-w-\[72vw\] {
        max-width: 72vw !important
    }

    .padb\:max-w-\[var\(--900px\)\] {
        max-width: var(--900px) !important
    }

    .padb\:max-w-\[66vw\] {
        max-width: 66vw !important
    }

    .padb\:flex-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
        flex: 1 1 0% !important
    }

    .padb\:flex-none {
        -webkit-box-flex: 0 !important;
        -webkit-flex: none !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .padb\:flex-auto {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .padb\:shrink {
        -ms-flex-negative: 1 !important;
        -webkit-flex-shrink: 1 !important;
        flex-shrink: 1 !important
    }

    .padb\:-translate-y-1\/2 {
        --tw-translate-y: -50% !important
    }

    .padb\:-translate-y-1\/2,
    .padb\:translate-y-\[var\(--30px\)\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .padb\:translate-y-\[var\(--30px\)\] {
        --tw-translate-y: var(--30px) !important
    }

    .padb\:justify-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        -webkit-justify-content: center !important;
        justify-content: center !important
    }

    .padb\:gap-\[var\(--35px\)\] {
        gap: var(--35px) !important
    }

    .padb\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(0px*var(--tw-space-x-reverse)) !important
    }

    .padb\:space-y-\[var\(--40px\)\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-bottom: calc(var(--40px)*var(--tw-space-y-reverse)) !important;
        margin-top: calc(var(--40px)*(1 - var(--tw-space-y-reverse))) !important
    }

    .padb\:space-x-\[var\(--30px\)\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-left: calc(var(--30px)*(1 - var(--tw-space-x-reverse))) !important;
        margin-right: calc(var(--30px)*var(--tw-space-x-reverse)) !important
    }

    .padb\:overflow-hidden {
        overflow: hidden !important
    }

    .padb\:border-b-2 {
        border-bottom-width: 2px !important
    }

    .padb\:p-\[var\(--50px\)\] {
        padding: var(--50px) !important
    }

    .padb\:py-\[var\(--90px\)\] {
        padding-bottom: var(--90px) !important;
        padding-top: var(--90px) !important
    }

    .padb\:py-\[var\(--30px\)\] {
        padding-bottom: var(--30px) !important;
        padding-top: var(--30px) !important
    }

    .padb\:px-\[20px\] {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .padb\:px-\[length\:var\(--27px\)\] {
        padding-left: var(--27px) !important;
        padding-right: var(--27px) !important
    }

    .padb\:px-\[var\(--60px\)\] {
        padding-left: var(--60px) !important;
        padding-right: var(--60px) !important
    }

    .padb\:py-\[var\(--50px\)\] {
        padding-bottom: var(--50px) !important;
        padding-top: var(--50px) !important
    }

    .padb\:px-\[var\(--130px\)\] {
        padding-left: var(--130px) !important;
        padding-right: var(--130px) !important
    }

    .padb\:py-\[var\(--100px\)\] {
        padding-bottom: var(--100px) !important;
        padding-top: var(--100px) !important
    }

    .padb\:py-\[var\(--120px\)\] {
        padding-bottom: var(--120px) !important;
        padding-top: var(--120px) !important
    }

    .padb\:py-\[var\(--80px\)\] {
        padding-bottom: var(--80px) !important;
        padding-top: var(--80px) !important
    }

    .padb\:px-\[var\(--30px\)\] {
        padding-left: var(--30px) !important;
        padding-right: var(--30px) !important
    }

    .padb\:px-\[var\(--50px\)\] {
        padding-right: var(--50px) !important
    }

    .padb\:pl-\[var\(--50px\)\],
    .padb\:px-\[var\(--50px\)\] {
        padding-left: var(--50px) !important
    }

    .padb\:pt-\[var\(--120px\)\] {
        padding-top: var(--120px) !important
    }

    .padb\:pb-\[var\(--100px\)\] {
        padding-bottom: var(--100px) !important
    }

    .padb\:pl-\[var\(--200px\)\] {
        padding-left: var(--200px) !important
    }

    .padb\:pt-\[var\(--80px\)\] {
        padding-top: var(--80px) !important
    }

    .padb\:pr-\[var\(--70px\)\] {
        padding-right: var(--70px) !important
    }

    .padb\:pb-0 {
        padding-bottom: 0 !important
    }

    .padb\:pb-\[var\(--30px\)\] {
        padding-bottom: var(--30px) !important
    }

    .padb\:pt-\[var\(--95px\)\] {
        padding-top: var(--95px) !important
    }

    .padb\:pb-\[var\(--70px\)\] {
        padding-bottom: var(--70px) !important
    }

    .padb\:pt-\[var\(--40px\)\] {
        padding-top: var(--40px) !important
    }

    .padb\:pt-\[var\(--60px\)\] {
        padding-top: var(--60px) !important
    }

    .padb\:pl-\[var\(--30px\)\] {
        padding-left: var(--30px) !important
    }

    .padb\:pr-\[var\(--20px\)\] {
        padding-right: var(--20px) !important
    }

    .padb\:pt-\[var\(--50px\)\] {
        padding-top: var(--50px) !important
    }

    .padb\:pb-\[var\(--230px\)\] {
        padding-bottom: var(--230px) !important
    }

    .padb\:text-center {
        text-align: center !important
    }

    .padb\:text-\[14px\] {
        font-size: 14px !important
    }

    .padb\:text-\[length\:var\(--42px\)\] {
        font-size: var(--42px) !important
    }

    .padb\:text-\[length\:var\(--22px\)\] {
        font-size: var(--22px) !important
    }

    .padb\:text-\[16px\] {
        font-size: 16px !important
    }

    .padb\:text-\[length\:var\(--50px\)\] {
        font-size: var(--50px) !important
    }

    .padb\:text-\[length\:var\(--20px\)\] {
        font-size: var(--20px) !important
    }

    .padb\:text-\[length\:var\(--18px\)\] {
        font-size: var(--18px) !important
    }

    .padb\:text-\[length\:var\(--24px\)\] {
        font-size: var(--24px) !important
    }

    .padb\:text-\[length\:var\(--16px\)\] {
        font-size: var(--16px) !important
    }

    .padb\:text-\[length\:var\(--30px\)\] {
        font-size: var(--30px) !important
    }

    .padb\:text-\[length\:var\(--28px\)\] {
        font-size: var(--28px) !important
    }

    .padb\:text-\[length\:var\(--56px\)\] {
        font-size: var(--56px) !important
    }

    .padb\:text-\[length\:var\(--140px\)\] {
        font-size: var(--140px) !important
    }

    .padb\:leading-loose {
        line-height: 2 !important
    }

    .padb\:leading-\[3\.8em\] {
        line-height: 3.8em !important
    }

    .padb\:leading-\[1\.875em\] {
        line-height: 1.875em !important
    }

    .padb\:leading-\[var\(--70px\)\] {
        line-height: var(--70px) !important
    }

    .padb\:leading-\[1\.5em\] {
        line-height: 1.5em !important
    }

    .padb\:opacity-0 {
        opacity: 0 !important
    }

    .padb\:transition-all {
        -webkit-transition-duration: .15s !important;
        transition-duration: .15s !important;
        -webkit-transition-property: all !important;
        transition-property: all !important;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .padb\:duration-1000 {
        -webkit-transition-duration: 1s !important;
        transition-duration: 1s !important
    }

    .padb\:duration-500 {
        -webkit-transition-duration: .5s !important;
        transition-duration: .5s !important
    }

    .padb\:line-clamp-2 {
        -webkit-line-clamp: 2 !important
    }

    .padb\:line-clamp-2,
    .padb\:line-clamp-5 {
        -webkit-box-orient: vertical !important;
        display: -webkit-box !important;
        overflow: hidden !important
    }

    .padb\:line-clamp-5 {
        -webkit-line-clamp: 5 !important
    }

    .padb\:before\:absolute:before {
        content: var(--tw-content) !important;
        position: absolute !important
    }

    .padb\:before\:left-\[1\.2rem\]:before {
        content: var(--tw-content) !important;
        left: 1.2rem !important
    }

    .padb\:before\:z-20:before {
        content: var(--tw-content) !important;
        z-index: 20 !important
    }

    .padb\:before\:h-full:before {
        content: var(--tw-content) !important;
        height: 100% !important
    }

    .padb\:before\:w-full:before {
        content: var(--tw-content) !important;
        width: 100% !important
    }

    .padb\:before\:w-\[calc\(100\%_-_2rem\)\]:before {
        content: var(--tw-content) !important;
        width: calc(100% - 2rem) !important
    }

    .padb\:before\:bg-black:before {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;
        content: var(--tw-content) !important
    }

    .padb\:before\:opacity-30:before {
        content: var(--tw-content) !important;
        opacity: .3 !important
    }

    .padb\:before\:transition-all:before {
        content: var(--tw-content) !important;
        -webkit-transition-duration: .15s !important;
        transition-duration: .15s !important;
        -webkit-transition-property: all !important;
        transition-property: all !important;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .padb\:before\:duration-500:before {
        content: var(--tw-content) !important;
        -webkit-transition-duration: .5s !important;
        transition-duration: .5s !important
    }

    .padb\:before\:content-\[\'\'\]:before {
        --tw-content: "" !important;
        content: var(--tw-content) !important
    }

    .padb\:after\:right-\[var\(--20px\)\]:after {
        content: var(--tw-content) !important;
        right: var(--20px) !important
    }

    .padb\:after\:top-\[var\(--30px\)\]:after {
        content: var(--tw-content) !important;
        top: var(--30px) !important
    }

    .padb\:after\:my-\[var\(--35px\)\]:after {
        content: var(--tw-content) !important;
        margin-bottom: var(--35px) !important;
        margin-top: var(--35px) !important
    }

    .padb\:after\:my-\[var\(--30px\)\]:after {
        content: var(--tw-content) !important;
        margin-bottom: var(--30px) !important;
        margin-top: var(--30px) !important
    }

    .padb\:after\:mx-auto:after {
        content: var(--tw-content) !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .padb\:after\:block:after {
        content: var(--tw-content) !important;
        display: block !important
    }

    .padb\:after\:h-\[2px\]:after {
        content: var(--tw-content) !important;
        height: 2px !important
    }

    .padb\:after\:w-\[20px\]:after {
        content: var(--tw-content) !important;
        width: 20px !important
    }

    .padb\:after\:bg-\[\#dddddd\]:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(221 221 221/var(--tw-bg-opacity)) !important;
        content: var(--tw-content) !important
    }

    .padb\:after\:content-\[\'\'\]:after {
        --tw-content: "" !important;
        content: var(--tw-content) !important
    }

    .padb\:hover\:border-\[color\:var\(--maincolor\)\]:hover {
        border-color: var(--maincolor) !important
    }

    .padb\:hover\:before\:bg-\[color\:var\(--maincolor\)\]:hover:before {
        background-color: var(--maincolor) !important;
        content: var(--tw-content) !important
    }

    .padb\:hover\:before\:opacity-60:hover:before {
        content: var(--tw-content) !important;
        opacity: .6 !important
    }

    .group:hover .group-hover\:padb\:scale-110,
    .group:hover .padb\:group-hover\:scale-110 {
        --tw-scale-x: 1.1 !important;
        --tw-scale-y: 1.1 !important;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .group:hover .group-hover\:padb\:bg-\[color\:var\(--maincolor\)\] {
        background-color: var(--maincolor) !important
    }

    .group:hover .group-hover\:padb\:text-\[color\:var\(--maincolor\)\],
    .group:hover .padb\:group-hover\:text-\[color\:var\(--maincolor\)\] {
        color: var(--maincolor) !important
    }
}

@media (min-width:1288px) {
    .laptops\:text-\[length\:var\(--36px\)\] {
        font-size: var(--36px) !important
    }

    .laptops\:text-\[length\:var\(--24px\)\] {
        font-size: var(--24px) !important
    }
}

@media (min-width:1380px) {
    .laptop\:bottom-0 {
        bottom: 0 !important
    }

    .laptop\:ml-\[var\(--20px\)\] {
        margin-left: var(--20px) !important
    }

    .laptop\:h-\[var\(--75px\)\] {
        height: var(--75px) !important
    }

    .laptop\:h-\[length\:var\(--164px\)\] {
        height: var(--164px) !important
    }

    .laptop\:h-\[var\(--76px\)\] {
        height: var(--76px) !important
    }

    .laptop\:h-\[14px\] {
        height: 14px !important
    }

    .laptop\:h-\[length\:var\(--180px\)\] {
        height: var(--180px) !important
    }

    .laptop\:w-full {
        width: 100% !important
    }

    .laptop\:w-\[var\(--76px\)\] {
        width: var(--76px) !important
    }

    .laptop\:w-\[14px\] {
        width: 14px !important
    }

    .laptop\:py-\[var\(--35px\)\] {
        padding-bottom: var(--35px) !important;
        padding-top: var(--35px) !important
    }

    .laptop\:pt-\[var\(--60px\)\] {
        padding-top: var(--60px) !important
    }

    .laptop\:pr-\[var\(--55px\)\] {
        padding-right: var(--55px) !important
    }

    .laptop\:pl-\[var\(--60px\)\] {
        padding-left: var(--60px) !important
    }

    .laptop\:text-\[length\:var\(--18px\)\] {
        font-size: var(--18px) !important
    }

    .laptop\:text-\[length\:var\(--16px\)\] {
        font-size: var(--16px) !important
    }
}

.\[\&_p\]\:text-justify p {
    text-align: justify !important
}

.\[\&_p\]\:\[text-align-last\:center\] p {
    -moz-text-align-last: center;
    text-align-last: center
}