html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    cursor: pointer
}

html,
body {
    margin: 0px;
    padding: 0px;
    font-weight: 400
}

p {
    margin: 0px;
    padding: 0px
}

body,
button,
input,
select,
textarea {
    font: 0.729vw/1.5 '思源黑体', 'Hiragino Sans GB', sans-serif, Arial;
    color: #333
}

img {
    border: 0px;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

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

table th,
table td {
    border: 1px solid #ccc
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer
}

a:hover {
    background-repeat: no-repeat;
    text-decoration: none
}

a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
    cursor: pointer
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input,
textarea,
select,
button {
    border: none;
    outline: none;
    color: inherit;
    font-size: 0.729vw;
    background: none;
    font-family: inherit;
    outline: none
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
    outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    border-radius: 0
}

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

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
    -webkit-appearance: none;
    background: none;
    outline: none;
    border: none
}

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

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #999 !important;
    -webkit-transition: background-color 99999999s ease-in-out 0s !important;
    -o-transition: background-color 99999999s ease-in-out 0s !important;
    transition: background-color 99999999s ease-in-out 0s !important
}

input,
textarea {
    -webkit-appearance: none
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    *zoom: 1
}

ul.ulclear {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ul.ulclear li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ol.olclear {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ol.olclear li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.tableclear dd {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.tableclear dt {
    list-style: none;
    margin: 0px;
    padding: 0px
}

h1.hclear,
h2.hclear,
h3.hclear,
h4.hclear,
h5.hclear,
h6.hclear {
    margin: 0px;
    padding: 0px;
    font-weight: 400
}

input,
textarea,
button {
    border: none;
    outline: none;
    color: inherit;
    font-size: 0.729vw;
    background: none;
    font-family: inherit;
    outline: none
}

textarea {
    resize: none;
    overflow: auto
}

input {
    -webkit-appearance: none
}

input {
    background: none;
    outline: none;
    border: none
}

.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fl {
    float: left
}

.fr {
    float: right
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.commonweb {
    padding: 0px 0.521vw
}

.commonwebbox {
    margin-left: 0px;
    margin-right: 0px
}

.commonleft {
    float: none
}

.commonright {
    float: none
}

.visible-sm,
.visible-md,
.visible-lg {
    display: none
}

.hidden-sm,
.hidden-md,
.hidden-lg {
    display: block
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
    padding-left: 0.521vw;
    padding-right: 0.521vw
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (max-width: 320px) {
    body {
        min-width: 320px
    }
}

@media (min-width: 768px) {
    .commonweb {
        padding: 0px 20px
    }

    .commonwebbox {
        margin-left: -10px;
        margin-right: -10px
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .visible-sm {
        display: block
    }

    .hidden-sm {
        display: none
    }

    .commonweb {
        margin: 0px auto;
        max-width: 750px
    }
}

@media (min-width: 992px) {
    .commonweb {
        padding: 0px 10px
    }

    .commonwebbox {
        margin-left: -10px;
        margin-right: -10px
    }

    .commonleft {
        float: left
    }

    .commonright {
        float: right
    }

    .visible-md {
        display: block
    }

    .hidden-md {
        display: none
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .commonweb {
        max-width: 970px
    }
}

@media (min-width: 1260px) {
    html {
        cursor: default
    }

    .commonleft {
        float: left
    }

    .commonright {
        float: right
    }

    .visible-lg {
        display: block
    }

    .hidden-lg {
        display: none
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }
}

@media (min-width: 1260px) {
    .commonweb {
        max-width: 1220px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 1.406vw;
    height: 2.292vw;
    margin-top: -1.146vw;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 1.406vw 2.292vw;
    background-size: 1.406vw 2.292vw;
    background-position: center;
    background-repeat: no-repeat
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.26vw
}

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

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

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

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

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

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

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

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

.swiper-container-3d {
    -webkit-perspective: 62.5vw;
    -o-perspective: 62.5vw;
    perspective: 62.5vw
}

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

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

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

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

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

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 62.5vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar {
    border-radius: 0.521vw;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.156vw;
    z-index: 50;
    height: 0.26vw;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.156vw;
    top: 1%;
    z-index: 50;
    width: 0.26vw;
    height: 98%
}

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

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

.swiper-lazy-preloader {
    width: 2.188vw;
    height: 2.188vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.094vw;
    margin-top: -1.094vw;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

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

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

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

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

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

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

@-webkit-keyframes bounce {

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

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

@-o-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

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

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake {

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

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

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

@-o-keyframes shake {

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

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

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

@keyframes shake {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

@-o-keyframes wobble {
    0% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

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

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

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

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

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

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

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@-o-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {

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

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

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

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

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

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

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

@-o-keyframes bounceIn {

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

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

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

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

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

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

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

@keyframes bounceIn {

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceInDown {

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

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

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

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

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

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

@-o-keyframes bounceInDown {

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

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

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

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

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

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

@keyframes bounceInDown {

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

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

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

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

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

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

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

@-webkit-keyframes bounceInLeft {

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

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

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

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

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

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

@-o-keyframes bounceInLeft {

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

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

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

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

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

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

@keyframes bounceInLeft {

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

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

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

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

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

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

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

@-webkit-keyframes bounceInRight {

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

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

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

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

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

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

@-o-keyframes bounceInRight {

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

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

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

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

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

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

@keyframes bounceInRight {

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

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

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

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

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

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

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

@-webkit-keyframes bounceInUp {

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

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

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

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

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

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

@-o-keyframes bounceInUp {

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

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

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

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

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

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

@keyframes bounceInUp {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    }

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

@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    }

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

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    }

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

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

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

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

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

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

@-o-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

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

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

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

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

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

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

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

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

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

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

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

@-o-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

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

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

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

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    60%,
    80% {
        opacity: 1
    }

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

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

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

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

    60%,
    80% {
        opacity: 1
    }

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

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

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

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

    60%,
    80% {
        opacity: 1
    }

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

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

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

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

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

@-o-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: center
    }

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

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

    0%,
    to {
        -webkit-transform-origin: center
    }

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

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

    0%,
    to {
        -webkit-transform-origin: center
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: center
    }

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

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

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

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

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

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

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

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

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

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

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

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

@-o-keyframes hinge {
    0% {
        -o-transform-origin: top left;
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -o-transform-origin: top left;
        transform-origin: top left
    }

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

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

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    50%,
    to {
        opacity: 0
    }
}

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

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

    50%,
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    50%,
    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

img.fr-dib {
    margin: 0.26vw auto;
    display: block;
    float: none;
    vertical-align: top
}

.PopupVideoBox {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.PopupVideo {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    max-width: 47.917vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0px 1.302vw
}

.PopupVideo video {
    width: 100%
}

.PopupVideo iframe {
    width: 100%;
    height: 23.958vw
}

.closeVideo {
    position: absolute;
    right: 1.302vw;
    top: -1.302vw;
    width: 1.146vw;
    height: 1.146vw;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.closeVideo::after {
    content: '';
    display: block;
    position: absolute;
    width: 0.104vw;
    height: 100%;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.closeVideo::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.104vw;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.commonTitleLocation {
    padding: 0.521vw 0;
    border-bottom: 1px solid #ebebeb
}

.commonTitleLocation h3 {
    float: left;
    font-size: 0.833vw;
    position: relative
}

.commonTitleLocation p {
    float: right
}

.commonTitleLocation p a {
    font-size: 0.625vw;
    vertical-align: middle;
    display: inline-block;
    color: #999;
    margin-left: 0.521vw;
    padding-left: 0.781vw;
    position: relative
}

.commonTitleLocation p a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0.417vw;
    height: 0.417vw;
    border: 1px solid #999;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.commonTitleLocation p a:first-child {
    padding-left: 0px;
    margin: 0px;
    line-height: 0.573vw
}

.commonTitleLocation p a:first-child::after {
    display: none
}

.commonTitleLocation p a.current {
    color: #333
}

.commonTitleLocation p img {
    display: inline-block;
    vertical-align: middle
}

.commonLocation {
    padding: 0.521vw 0;
    border-bottom: 1px solid #ebebeb
}

.commonLocation a {
    font-size: 0.625vw;
    vertical-align: middle;
    display: inline-block;
    color: #999;
    margin-left: 0.521vw;
    padding-left: 0.781vw;
    position: relative
}

.commonLocation a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0.417vw;
    height: 0.417vw;
    border: 1px solid #999;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.commonLocation a:first-child {
    padding-left: 0px;
    margin: 0px;
    line-height: 0.573vw
}

.commonLocation a:first-child::after {
    display: none
}

.commonLocation a.current {
    color: #333
}

.commonLocation img {
    display: inline-block;
    vertical-align: middle
}

.select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 1.458vw;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0.417vw;
    padding-right: 1.042vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0.417vw;
    padding-left: 1.042vw
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 1.667vw;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 0.417vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 0.26vw;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -5208.333vw;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 0.313vw;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 0.208vw
}

.select2-search--dropdown .select2-search__field {
    padding: 0.208vw;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0.208vw
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.458vw
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.354vw;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 1.042vw
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.26vw 0.208vw 0 0.208vw;
    height: 0;
    left: 50%;
    margin-left: -0.208vw;
    margin-top: -0.104vw;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 0.208vw 0.26vw 0.208vw
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 0.26vw;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 0.26vw;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 0.26vw;
    margin-right: 0.521vw
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    cursor: default;
    float: left;
    margin-right: 0.26vw;
    margin-top: 0.26vw;
    padding: 0 0.26vw
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0.104vw
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0.26vw;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0.104vw;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 10.417vw;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 0.313vw
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.458vw
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 0.521vw
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 0.208vw;
    border-bottom-right-radius: 0.208vw;
    height: 1.354vw;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 1.042vw;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.26vw 0.208vw 0 0.208vw;
    height: 0;
    left: 50%;
    margin-left: -0.208vw;
    margin-top: -0.104vw;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 0.208vw;
    border-bottom-left-radius: 0.208vw;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 0.208vw 0.26vw 0.208vw
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 0.26vw
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0.208vw;
    cursor: default;
    float: left;
    margin-right: 0.26vw;
    margin-top: 0.26vw;
    padding: 0 0.26vw
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0.104vw
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0.26vw;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0.104vw;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 10.417vw;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 0.313vw
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

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

.DefaultSelector>span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.DefaultSelector>span:nth-child(2) {
    margin-right: 0.521vw
}

.DefaultSelector>span:nth-child(4) {
    margin-right: 0.521vw
}

.DefaultSelector .select2-container--default .select2-selection--single {
    border-radius: 0px;
    height: 1.823vw
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.823vw
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0px
}

.defaSearchList {
    padding: 2.604vw 0px
}

.defaSearchList dl {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.521vw
}

.defaSearchList dl dt {
    float: left;
    font-size: 0.833vw
}

.defaSearchList dl dd {
    float: right;
    font-size: 0.729vw
}

.defaSearchList li {
    padding: 0.521vw 1.042vw 0.781vw;
    margin-top: 0.781vw;
    border-bottom: 1px solid #eee;
    background: #f6f6f6
}

.defaSearchList li h3 {
    font-size: 0.833vw;
    color: #1a1a1a;
    line-height: 1.354vw;
    padding-bottom: 0.26vw
}

.defaSearchList li .defaDesc {
    font-size: 0.625vw;
    color: #adadad;
    padding-top: 0.26vw;
    line-height: 1.042vw
}

.defaWebMap {
    background-color: #fff
}

.defaWebMap dl {
    border: 1px solid #e6e6e6;
    margin-top: 1.563vw
}

.defaWebMap dl h3 {
    padding-left: 1.042vw;
    padding-bottom: 0.26vw
}

.defaWebMap dl h3 span {
    font-size: 1.042vw;
    color: #bf2d2f;
    position: relative;
    top: -0.625vw;
    background-color: #fff;
    padding: 0px 0.677vw
}

.defaWebMap dl h3 span a {
    color: #bf2d2f
}

.defaWebMap dl dd {
    padding-left: 1.719vw;
    padding-bottom: 0.781vw
}

.defaWebMap dl dd a {
    font-size: 0.729vw;
    padding-right: 1.042vw;
    display: inline-block;
    padding-bottom: 0.417vw
}

.defaWebMap dl dd a em {
    display: inline-block;
    margin-right: 0.417vw;
    width: 0.156vw;
    height: 0.156vw;
    background-color: #bf2d2f;
    vertical-align: middle
}

.defaContent {
    font-size: 0.729vw;
    line-height: 1.25vw
}

.defaContent p {
    margin-bottom: 0.521vw
}

.defaContent img {
    display: block;
    max-width: 100%;
    margin: 0px auto
}

.defaPrevNextpage {
    margin-top: 2.083vw;
    border-top: 1px solid #3d3f48;
    border-bottom: 1px solid #3d3f48
}

.defaPrevNextpage p {
    border-bottom: 1px solid #dddddd;
    position: relative;
    padding: 0px 4.688vw 0px 4.688vw;
    font-size: 0.729vw;
    line-height: 2.604vw;
    white-space: nowrap;
    height: 2.604vw
}

.defaPrevNextpage p span {
    position: absolute;
    left: 0px;
    padding-left: 0.521vw;
    top: 0px;
    display: block;
    width: 3.906vw
}

.defaPrevNextpage p span:after {
    content: '';
    border-left: 0.26vw solid transparent;
    border-bottom: 0.26vw solid #000000;
    border-right: 0.26vw solid transparent;
    position: absolute;
    right: 0%;
    width: 0px;
    height: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.defaPrevNextpage p em {
    position: absolute;
    right: 0px;
    font-style: normal;
    top: 0px;
    padding-right: 0px;
    width: 4.167vw;
    display: block
}

.defaPrevNextpage p a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.defaPrevNextpage p:nth-child(2) {
    border: none
}

.defaPrevNextpage p:nth-child(2) span:after {
    border-bottom: none;
    border-top: 0.26vw solid #000000
}

.background_img {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.picture_container {
    position: relative;
    overflow: hidden;
    background: none
}

.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

[class*=animate_] {
    -webkit-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.bgcolor {
    background-color: #999
}

.oneText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex_wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.flex_row_start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.flex_row_end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

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

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

.flex_column_start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

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

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex_rank_1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.flex_rank_2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.picture_scale {
    position: relative;
    overflow: hidden
}

.picture_scale:hover img {
    -o-transform: translate3d(0, 0, 0) scale(1.1);
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1)
}

.center1200 {
    width: 62.5vw;
    margin: 0 auto
}

.center1260 {
    width: 65.625vw;
    margin: 0 auto
}

.center1300 {
    width: 67.708vw;
    margin: 0 auto
}

.center1400 {
    width: 72.917vw;
    margin: 0 auto
}

.center1440 {
    width: 75vw;
    margin: 0 auto
}

.center1500 {
    width: 78.125vw;
    margin: 0 auto
}

.center1680 {
    width: 87.5vw;
    margin: 0 auto
}

.center1600 {
    width: 83.333vw;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .center1600 {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 1500px) {
    .center1500 {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 1400px) {
    .center1400 {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 1300px) {
    .center1300 {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 1260px) {
    .center1260 {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 1200px) {
    .center1200 {
        width: 100%;
        padding: 0 15px
    }
}

@media (min-width: 768px) {
    .defaWebMap dl {
        margin-top: 50px
    }

    .defaWebMap dl dd a {
        padding-right: 50px
    }
}

@media (min-width: 992px) {
    .commonTitleLocation {
        padding: 20px 0
    }

    .commonTitleLocation h3 {
        font-size: 24px
    }

    .commonTitleLocation p {
        padding-top: 5px
    }

    .commonTitleLocation p a {
        font-size: 14px
    }

    .commonLocation {
        padding: 20px 0
    }

    .commonLocation a {
        font-size: 14px
    }

    .defaSearchList li {
        padding: 15px 35px 25px;
        margin-top: 25px
    }

    .defaSearchList li h3 {
        font-size: 20px;
        line-height: 36px;
        padding-bottom: 5px
    }

    .defaSearchList li .defaDesc {
        font-size: 13px;
        padding-top: 10px;
        line-height: 24px
    }

    .defaPrevNextpage p span {
        position: absolute;
        left: 0px;
        padding-left: 40px;
        top: 0px;
        display: block;
        width: 15%
    }

    .defaPrevNextpage p span:after {
        content: '';
        border-left: 5px solid transparent;
        border-bottom: 5px solid #000000;
        border-right: 5px solid transparent;
        position: absolute;
        right: 0%;
        width: 0px;
        height: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .defaPrevNextpage p em {
        position: absolute;
        right: 0px;
        font-style: normal;
        top: 0px;
        padding-right: 30px;
        width: 120px;
        display: block
    }

    .defaPrevNextpage p {
        border-bottom: 1px solid #dddddd;
        position: relative;
        padding: 0px 130px 0px 20%;
        font-size: 18px;
        line-height: 70px;
        white-space: nowrap;
        height: 70px
    }
}

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

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

@-o-keyframes fadeInLeft200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }

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

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

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

.fadeInLeft200 {
    -webkit-animation-name: fadeInLeft200;
    -o-animation-name: fadeInLeft200;
    animation-name: fadeInLeft200
}

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

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

@-o-keyframes fadeInLeft150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }

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

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

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

.fadeInLeft150 {
    -webkit-animation-name: fadeInLeft150;
    -o-animation-name: fadeInLeft150;
    animation-name: fadeInLeft150
}

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

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

@-o-keyframes fadeInLeft100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

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

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

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

.fadeInLeft100 {
    -webkit-animation-name: fadeInLeft100;
    -o-animation-name: fadeInLeft100;
    animation-name: fadeInLeft100
}

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

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

@-o-keyframes fadeInLeft80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-80px, 0, 0);
        transform: translate3d(-80px, 0, 0)
    }

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

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

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

.fadeInLeft80 {
    -webkit-animation-name: fadeInLeft80;
    -o-animation-name: fadeInLeft80;
    animation-name: fadeInLeft80
}

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

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

@-o-keyframes fadeInLeft50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }

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

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

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

.fadeInLeft50 {
    -webkit-animation-name: fadeInLeft50;
    -o-animation-name: fadeInLeft50;
    animation-name: fadeInLeft50
}

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

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

@-o-keyframes fadeInLeft30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

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

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

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

.fadeInLeft30 {
    -webkit-animation-name: fadeInLeft30;
    -o-animation-name: fadeInLeft30;
    animation-name: fadeInLeft30
}

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

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

@-o-keyframes fadeInLeft20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

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

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

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

.fadeInLeft20 {
    -webkit-animation-name: fadeInLeft20;
    -o-animation-name: fadeInLeft20;
    animation-name: fadeInLeft20
}

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

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

@-o-keyframes fadeInLeft10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

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

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

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

.fadeInLeft10 {
    -webkit-animation-name: fadeInLeft10;
    -o-animation-name: fadeInLeft10;
    animation-name: fadeInLeft10
}

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

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

@-o-keyframes fadeInRight200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }

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

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

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

.fadeInRight200 {
    -webkit-animation-name: fadeInRight200;
    -o-animation-name: fadeInRight200;
    animation-name: fadeInRight200
}

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

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

@-o-keyframes fadeInRight150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0)
    }

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

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

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

.fadeInRight150 {
    -webkit-animation-name: fadeInRight150;
    -o-animation-name: fadeInRight150;
    animation-name: fadeInRight150
}

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

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

@-o-keyframes fadeInRight100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

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

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

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

.fadeInRight100 {
    -webkit-animation-name: fadeInRight100;
    -o-animation-name: fadeInRight100;
    animation-name: fadeInRight100
}

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

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

@-o-keyframes fadeInRight80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(80px, 0, 0);
        transform: translate3d(80px, 0, 0)
    }

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

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

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

.fadeInRight80 {
    -webkit-animation-name: fadeInRight80;
    -o-animation-name: fadeInRight80;
    animation-name: fadeInRight80
}

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

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

@-o-keyframes fadeInRight50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight50 {
    -webkit-animation-name: fadeInRight50;
    -o-animation-name: fadeInRight50;
    animation-name: fadeInRight50
}

@-webkit-keyframes fadeInRight30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInRight30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight30 {
    -webkit-animation-name: fadeInRight30;
    -o-animation-name: fadeInRight30;
    animation-name: fadeInRight30
}

@-webkit-keyframes fadeInRight20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInRight20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight20 {
    -webkit-animation-name: fadeInRight20;
    -o-animation-name: fadeInRight20;
    animation-name: fadeInRight20
}

@-webkit-keyframes fadeInRight10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInRight10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight10 {
    -webkit-animation-name: fadeInRight10;
    -o-animation-name: fadeInRight10;
    animation-name: fadeInRight10
}

@-webkit-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp200 {
    -webkit-animation-name: fadeInUp200;
    -o-animation-name: fadeInUp200;
    animation-name: fadeInUp200
}

@-webkit-keyframes fadeInUp150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp150 {
    -webkit-animation-name: fadeInUp150;
    -o-animation-name: fadeInUp150;
    animation-name: fadeInUp150
}

@-webkit-keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp100 {
    -webkit-animation-name: fadeInUp100;
    -o-animation-name: fadeInUp100;
    animation-name: fadeInUp100
}

@-webkit-keyframes fadeInUp80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp80 {
    -webkit-animation-name: fadeInUp80;
    -o-animation-name: fadeInUp80;
    animation-name: fadeInUp80
}

@-webkit-keyframes fadeInUp50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp50 {
    -webkit-animation-name: fadeInUp50;
    -o-animation-name: fadeInUp50;
    animation-name: fadeInUp50
}

@-webkit-keyframes fadeInUp30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp30 {
    -webkit-animation-name: fadeInUp30;
    -o-animation-name: fadeInUp30;
    animation-name: fadeInUp30
}

@-webkit-keyframes fadeInUp20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp20 {
    -webkit-animation-name: fadeInUp20;
    -o-animation-name: fadeInUp20;
    animation-name: fadeInUp20
}

@-webkit-keyframes fadeInUp10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp10 {
    -webkit-animation-name: fadeInUp10;
    -o-animation-name: fadeInUp10;
    animation-name: fadeInUp10
}

@-webkit-keyframes fadeInDown200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown200 {
    -webkit-animation-name: fadeInDown200;
    -o-animation-name: fadeInDown200;
    animation-name: fadeInDown200
}

@-webkit-keyframes fadeInDown150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown150 {
    -webkit-animation-name: fadeInDown150;
    -o-animation-name: fadeInDown150;
    animation-name: fadeInDown150
}

@-webkit-keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown100 {
    -webkit-animation-name: fadeInDown100;
    -o-animation-name: fadeInDown100;
    animation-name: fadeInDown100
}

@-webkit-keyframes fadeInDown80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown80 {
    -webkit-animation-name: fadeInDown80;
    -o-animation-name: fadeInDown80;
    animation-name: fadeInDown80
}

@-webkit-keyframes fadeInDown50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown50 {
    -webkit-animation-name: fadeInDown50;
    -o-animation-name: fadeInDown50;
    animation-name: fadeInDown50
}

@-webkit-keyframes fadeInDown30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown30 {
    -webkit-animation-name: fadeInDown30;
    -o-animation-name: fadeInDown30;
    animation-name: fadeInDown30
}

@-webkit-keyframes fadeInDown20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown20 {
    -webkit-animation-name: fadeInDown20;
    -o-animation-name: fadeInDown20;
    animation-name: fadeInDown20
}

@-webkit-keyframes fadeInDown10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInDown10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown10 {
    -webkit-animation-name: fadeInDown10;
    -o-animation-name: fadeInDown10;
    animation-name: fadeInDown10
}

@-webkit-keyframes fadeInWidth100 {
    from {
        width: 0;
        opacity: 1
    }

    to {
        width: 100%;
        opacity: 1
    }
}

@-o-keyframes fadeInWidth100 {
    from {
        width: 0;
        opacity: 1
    }

    to {
        width: 100%;
        opacity: 1
    }
}

@keyframes fadeInWidth100 {
    from {
        width: 0;
        opacity: 1
    }

    to {
        width: 100%;
        opacity: 1
    }
}

.fadeInWidth100 {
    -webkit-animation-name: fadeInWidth100;
    -o-animation-name: fadeInWidth100;
    animation-name: fadeInWidth100
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

html,
body {
    scroll-behavior: smooth
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -o-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -o-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: height, -o-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -o-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 62.5vw;
    perspective: 62.5vw
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -o-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -o-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: height, -o-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -o-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 62.5vw;
    perspective: 62.5vw
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 2.292vw
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: -webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: -webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0.521vw;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0.521vw;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.521vw;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.417vw));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.417vw));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 0.521vw;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 0.313vw) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.417vw
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.208vw)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.208vw;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 0.208vw;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 0.521vw;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 0.156vw;
    z-index: 50;
    height: 0.26vw;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.156vw;
    top: 1%;
    z-index: 50;
    width: 0.26vw;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.521vw;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 2.188vw;
    height: 2.188vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.094vw;
    margin-top: -1.094vw;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.208vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    -o-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(2.604vw);
    filter: blur(2.604vw)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    -o-transition-property: opacity, height, -o-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform, -o-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.head_mobile_btn {
    width: 0.885vw;
    height: 1.927vw;
    cursor: pointer;
    padding: 0.625vw 0
}

.head_mobile_btn .btn1 {
    height: 100%
}

.head_mobile_btn .btn1 .line {
    height: 0.104vw;
    width: 100%;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: rgba(162, 203, 196, 0.58)
}

.head_mobile_btn.active .btn1 .line:nth-child(1) {
    -webkit-transform: translateY(0.313vw) rotate(45deg);
    -ms-transform: translateY(0.313vw) rotate(45deg);
    -o-transform: translateY(0.313vw) rotate(45deg);
    transform: translateY(0.313vw) rotate(45deg)
}

.head_mobile_btn.active .btn1 .line:nth-child(2) {
    opacity: 0
}

.head_mobile_btn.active .btn1 .line:nth-child(3) {
    -webkit-transform: translateY(-0.26vw) rotate(-45deg);
    -ms-transform: translateY(-0.26vw) rotate(-45deg);
    -o-transform: translateY(-0.26vw) rotate(-45deg);
    transform: translateY(-0.26vw) rotate(-45deg)
}

.head_dropdown {
    border-top: 1px solid #eeeeee;
    display: none;
    z-index: 99;
    position: fixed;
    top: 3.906vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden
}

.head_dropdown .head_dropdown1 {
    display: none
}

.head_dropdown .head_dropdown1 .pc_down {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container {
    height: 100%
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(1) .block {
    -o-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(2) .block {
    -o-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(3) .block {
    -o-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(4) .block {
    -o-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(5) .block {
    -o-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(6) .block {
    -o-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box {
    padding-top: 50%;
    background-color: #fff;
    height: 100%;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover {
    background-color: transparent
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover .block {
    top: -1.563vw;
    color: #fff
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block {
    position: relative;
    top: 0;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-align: center
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .icon {
    margin: 0 auto;
    margin-bottom: 1.042vw;
    width: 1px;
    height: 2.604vw;
    background-color: #bf2d2f
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .number {
    font-size: 2.396vw;
    margin-bottom: 1.563vw
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title {
    font-size: 1.146vw
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title:hover {
    color: #bf2d2f;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav {
    font-size: 0.833vw;
    margin-top: 1.563vw;
    line-height: 1.875vw
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line {
    display: block
}

.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line:hover {
    color: #bf2d2f;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.head_dropdown .head_dropdown1 .mobile_down {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    display: none
}

.head_dropdown .head_dropdown1 .mobile_down .mobile_search {
    width: 96%;
    margin-bottom: 0.521vw;
    border-radius: 1.823vw;
    border: 1px solid #999999;
    padding: 0 0.781vw
}

.head_dropdown .head_dropdown1 .mobile_down .mobile_search input {
    line-height: 2.396vw;
    padding: 0 0.26vw;
    color: #999999
}

.head_dropdown .head_dropdown1 .mobile_down .mobile_search .iconfont {
    color: #999999;
    font-size: 1.354vw;
    cursor: pointer
}

.head_dropdown .head_dropdown1 .mobile_down .block {
    color: #333333;
    border-bottom: 1px solid #f4f4f4
}

.head_dropdown .head_dropdown1 .mobile_down .block .title_box {
    line-height: 1.667vw;
    font-size: 0.833vw;
    padding-left: 0.781vw
}

.head_dropdown .head_dropdown1 .mobile_down .block .title_box .iconfont {
    font-size: 0.729vw;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.head_dropdown .head_dropdown1 .mobile_down .block .title_box .icon {
    width: 5.208vw;
    text-align: right;
    padding-right: 0.781vw
}

.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down {
    background-color: #fafafa;
    display: none;
    padding: 0.521vw 0.781vw
}

.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line {
    line-height: 1.25vw;
    display: block
}

.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line:hover {
    color: #bf2d2f
}

.head_dropdown .head_dropdown1 .mobile_down .block.active .title,
.head_dropdown .head_dropdown1 .mobile_down .block:hover .title {
    color: #bf2d2f
}

.head_dropdown .head_dropdown1 .mobile_down .block.active .title_box .iconfont {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.head_dropdown .head_dropdown2 .pc_down {
    position: relative
}

.head_dropdown .head_dropdown2 .pc_down .back_color {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 0;
    height: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #0d7c0d
}

.head_dropdown .head_dropdown2 .pc_down.bg_on .back_color {
    width: 200vw;
    height: 200vw;
    right: -50vw;
    top: -50vw
}

.head_dropdown .head_dropdown2 .mobile_down {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    display: none
}

.head_dropdown .head_dropdown2 .mobile_down .mobile_search {
    width: 96%;
    margin-bottom: 0.521vw;
    border-radius: 1.823vw;
    border: 1px solid #999999;
    padding: 0 0.781vw
}

.head_dropdown .head_dropdown2 .mobile_down .mobile_search input {
    line-height: 2.396vw;
    padding: 0 0.26vw;
    color: #999999
}

.head_dropdown .head_dropdown2 .mobile_down .mobile_search .iconfont {
    color: #999999;
    font-size: 1.354vw;
    cursor: pointer
}

.head_dropdown .head_dropdown2 .mobile_down .block {
    color: #333333;
    border-bottom: 1px solid #f4f4f4
}

.head_dropdown .head_dropdown2 .mobile_down .block .title_box {
    line-height: 1.667vw;
    font-size: 0.833vw;
    padding-left: 0.781vw
}

.head_dropdown .head_dropdown2 .mobile_down .block .title_box .iconfont {
    font-size: 0.729vw;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.head_dropdown .head_dropdown2 .mobile_down .block .title_box .icon {
    width: 5.208vw;
    text-align: right;
    padding-right: 0.781vw
}

.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down {
    background-color: #fafafa;
    display: none;
    padding: 0.521vw 0.781vw
}

.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line {
    line-height: 1.25vw;
    display: block
}

.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line:hover {
    color: #bf2d2f
}

.head_dropdown .head_dropdown2 .mobile_down .block.active .title,
.head_dropdown .head_dropdown2 .mobile_down .block:hover .title {
    color: #bf2d2f
}

.head_dropdown .head_dropdown2 .mobile_down .block.active .title_box .iconfont {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

@media (max-width: 768px) {
    .pc_down {
        display: none
    }

    .mobile_down {
        display: block
    }

    .proColor_swiper .swiper-slide .mobileShow{visibility: hidden; opacity: 0; transition: all .8s ease;}
    .proColor_swiper .swiper-slide-active .mobileShow{visibility: visible; opacity: 1;}
}

.social-share {
    font-size: inherit;
    font-style: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.social-share .social-share-icon {
    position: relative;
    display: block;
    font-size: 1.406vw;
    line-height: 1.406vw;
    color: #b3b3b3;
    text-align: center;
    top: 0.521vw;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.social-share .social-share-icon:not(:first-child) {
    margin-top: 0.781vw
}

.social-share .social-share-icon:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.social-share .social-share-icon:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.social-share .icon-weibo {
    color: #b3b3b3
}

.social-share .icon-weibo:hover {
    color: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    color: #b3b3b3
}

.social-share .icon-qq:hover {
    color: #56b6e7
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .icon-wechat {
    position: unset;
    color: #b3b3b3
}

.social-share .icon-wechat:hover {
    color: #7bc549
}

.social-share a {
    position: relative;
    text-decoration: none;
    outline: none
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 13.021vw;
    color: #666;
    font-size: 0.625vw;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0.104vw 0.521vw #aaa;
    box-shadow: 0 0.104vw 0.521vw #aaa;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 2.083vw;
    left: -4.375vw
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 1.354vw;
    line-height: 1.354vw;
    font-size: 0.625vw;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 10.417vw;
    margin: 1.042vw auto;
    text-align: center
}

.social-share .icon-wechat .wechat-qrcode .qrcode img {
    width: 7.813vw;
    height: 7.813vw;
    margin: 0 auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 0.833vw;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

.inner_crumbs {
    position: relative
}

.inner_crumbs .item {
    position: relative;
    line-height: 1.1;
    font-size: 0.729vw;
    margin-bottom: 2.604vw
}

.inner_crumbs .item a {
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: lighter;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #ffffff;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.inner_crumbs .item .iconfont {
    color: #fff;
    font-size: 0.625vw
}

.inner_crumbs .icon-triangle-right {
    display: block;
    width: 0;
    height: 0;
    border: 0.26vw solid;
    border-color: transparent transparent transparent #fff;
    margin: 0 0.521vw
}

.inner_crumbs.fixed {
    position: fixed;
    top: 8.854vw;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    -webkit-box-shadow: 0, 0.781vw, 0.781vw rgba(0, 0, 0, 0.018);
    box-shadow: 0, 0.781vw, 0.781vw rgba(0, 0, 0, 0.018)
}

.crumbs {
    position: relative;
    border-bottom: 1px solid #dcdcdc
}

.crumbs .monu {
    position: relative
}

.crumbs .monu .line {
    color: #323232;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.crumbs .monu .line:not(:last-child) {
    padding-right: 1.042vw
}

.crumbs .monu .line:not(:first-child) {
    padding-left: 1.042vw
}

.crumbs .monu .line.active,
.crumbs .monu .line:hover {
    color: #bf2d2f
}

.crumbs .monu .line.active a::after,
.crumbs .monu .line:hover a::after {
    width: 100%;
    left: 0
}

.crumbs .monu a {
    position: relative;
    line-height: 3.333vw;
    font-size: 0.729vw;
    text-align: center;
    display: block;
    color: inherit;
    font-weight: bold
}

.crumbs .monu a::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #bf2d2f;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.crumbs .monu .line_icon {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.156vw;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #ffffff
}

.crumbs .item {
    position: relative;
    line-height: 3.854vw;
    font-size: 0.729vw
}

.crumbs .item a {
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #ffffff;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.crumbs .item .iconfont {
    color: #fff;
    font-size: 0.625vw
}

.crumbs .icon-triangle-right {
    display: block;
    width: 0;
    height: 0;
    border: 0.26vw solid;
    border-color: transparent transparent transparent #fff;
    margin: 0 0.521vw
}

.crumbs.fixed {
    position: fixed;
    top: 8.854vw;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    -webkit-box-shadow: 0, 0.781vw, 0.781vw rgba(0, 0, 0, 0.018);
    box-shadow: 0, 0.781vw, 0.781vw rgba(0, 0, 0, 0.018)
}

.layui-box {
    margin-top: 2.083vw;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.layui-box em {
    font-style: normal
}

.layui-box a,
.layui-box .layui-laypage-curr {
    width: 2.083vw;
    height: 2.083vw;
    display: block;
    line-height: 2.083vw;
    text-align: center;
    font-size: 0.625vw;
    color: #333333;
    margin: 0 0.521vw;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: bold;
    background-color: #ebebeb
}

.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
    color: #fff;
    background-color: #bf2d2f;
    border: solid 1px #bf2d2f
}

.layui-box .layui-laypage-curr {
    color: #fff;
    border: solid 1px #bf2d2f;
    background-color: #bf2d2f
}

.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
    line-height: 2.083vw;
    margin: 0 0.521vw
}

.layui-box .layui-laypage-next {
    margin-left: 0.885vw
}

.layui-box .layui-laypage-prev {
    margin-right: 0.885vw
}

.switch .line {
    padding: 1.563vw 2.083vw;
    font-size: 0.938vw;
    font-family: 'MicrosoftYaHei';
    color: #333333;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.switch .line .tag {
    padding-right: 1.823vw;
    position: relative
}

.switch .line .tag::after {
    content: ' ';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: 0.26vw solid;
    -o-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.switch .line.prev {
    border-top: 1px solid #141d29;
    border-bottom: 1px solid #dddddd
}

.switch .line.prev .tag::after {
    top: -webkit-calc(50% - 0.104vw);
    top: calc(50% - 0.104vw);
    border-color: transparent transparent #333333 transparent
}

.switch .line.next {
    border-bottom: 1px solid #141d29
}

.switch .line.next .tag::after {
    top: -webkit-calc(50% + 0.104vw);
    top: calc(50% + 0.104vw);
    border-color: #333333 transparent transparent transparent
}

.switch .line .name {
    width: 72.72727%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.switch .line .time {
    color: #333333
}

.switch .line:hover {
    color: #bf2d2f
}

.switch .line:hover .time {
    color: #bf2d2f
}

.switch .line:hover.prev .tag::after {
    border-color: transparent transparent #bf2d2f transparent
}

.switch .line:hover.next .tag::after {
    border-color: #bf2d2f transparent transparent transparent
}

.search .main1 {
    padding: 4.167vw 0
}

.search .main1 .search_title {
    text-align: center;
    font-size: 1.667vw;
    font-weight: bold
}

.search .main1 .search_box {
    width: 60%;
    margin: 1.563vw auto 1.563vw;
    border: 1px solid #bf2d2f;
    border-radius: 1.302vw;
    overflow: hidden
}

.search .main1 .search_box input {
    padding: 0 1.042vw;
    line-height: 2.5vw
}

.search .main1 .search_box .btn {
    background-color: #bf2d2f;
    width: 4.167vw;
    cursor: pointer;
    font-size: 1.458vw;
    color: #fff
}

.search .main1 .content {
    border-top: 1px solid #dddddd
}

.search .main1 .content .length {
    padding: 0.521vw 0
}

.search .main1 .content .block_box .block {
    padding: 1.042vw 0
}

.search .main1 .content .block_box .block:not(:first-child) {
    border-top: 1px solid #dddddd
}

.search .main1 .content .block_box .block .img {
    width: 23.33333%
}

.search .main1 .content .block_box .block .img .picture_container {
    padding-top: 60.71429%
}

.search .main1 .content .block_box .block .txt {
    width: 70%;
    padding-left: 1.042vw
}

.search .main1 .content .block_box .block .txt .name {
    font-size: 1.042vw;
    margin-bottom: 0.521vw;
    font-weight: bold;
    max-height: 2.5vw;
    line-height: 1.25vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.search .main1 .content .block_box .block .txt .abstract {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.354vw
}

.search .main1 .content .block_box .block:hover .txt .name {
    color: #bf2d2f
}

.often_btn1 {
    width: 7.813vw;
    line-height: 2.083vw;
    text-align: center;
    font-size: 0.833vw
}

@font-face {
    font-family: 'commoniconFont';
    src: url(data:font/woff2;charset=utf-8;base64,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) format("woff2"), url(data:font/woff;charset=utf-8;base64,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) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'commoniconFont';
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-rili1:before {
    content: "\e6bc"
}

.icon-rili:before {
    content: "\e8b4"
}

.icon-youjiantou2:before {
    content: "\e62c"
}

.icon-youjiantou1:before {
    content: "\e60a"
}

.icon-zuojiantou1:before {
    content: "\e62b"
}

.icon-sousuo1:before {
    content: "\e651"
}

.icon-douyin:before {
    content: "\e8db"
}

.icon-bilibili-line:before {
    content: "\e75d"
}

.icon-world:before {
    content: "\e609"
}

.icon-double-left-1:before {
    content: "\e615"
}

.icon-jinrujiantouxiao:before {
    content: "\e8d4"
}

.icon-jinrujiantou:before {
    content: "\e8f1"
}

.icon-jiantou_xiangyou:before {
    content: "\eb08"
}

.icon-jiantou_xiangzuo:before {
    content: "\eb09"
}

.icon-igw-l-screen:before {
    content: "\e626"
}

.icon-guanbi:before {
    content: "\e614"
}

.icon-youjiantou:before {
    content: "\e637"
}

.icon-zuojiantou:before {
    content: "\e63b"
}

.icon-arrow-left:before {
    content: "\e645"
}

.icon-weibo:before {
    content: "\e64c"
}

.icon-weixin1:before {
    content: "\e64f"
}

.icon-qq:before {
    content: "\e611"
}

.icon-xinlangweibo:before {
    content: "\e600"
}

.icon-weixin:before {
    content: "\e67b"
}

.icon-QQ:before {
    content: "\e882"
}

.icon-riqi:before {
    content: "\e64d"
}

.icon-_didian:before {
    content: "\e659"
}

.icon-youjian:before {
    content: "\e60b"
}

.icon-dianhua:before {
    content: "\e632"
}

.icon-arrowRight:before {
    content: "\e65d"
}

.icon-caidan:before {
    content: "\e624"
}

.icon-denglu-copy:before {
    content: "\e63a"
}

.icon-sousuo:before {
    content: "\e636"
}

body,
html {
    overflow-x: hidden
}

h2 {
    margin: 0
}

.dot1 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dot2 {
    -webkit-line-clamp: 2
}

.dot3 {
    -webkit-line-clamp: 3
}

.dot4 {
    -webkit-line-clamp: 4
}

.dot2,
.dot3,
.dot4 {
    display: -webkit-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical
}

.padding10 {
    padding: 0 0.521vw
}

.margin-10 {
    margin: 0 -0.521vw
}

.padding15 {
    padding: 0 0.781vw
}

.margin-15 {
    margin: 0 -0.781vw
}

.padding20 {
    padding: 0 1.042vw
}

.margin-20 {
    margin: 0 -1.042vw
}

.margin-30 {
    margin: 0 -1.563vw
}

.padding30 {
    padding: 0 1.563vw
}

.blockdiv {
    padding: 4.427vw 0
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w33 {
    width: 33.3333%
}

.w50 {
    width: 50%
}

.w100 {
    width: 100%
}

.bgimg {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.imgbox {
    overflow: hidden
}

.imgbox img {
    width: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.indexBanner_swiper_main {
    position: relative
}

.indexBanner_swiper .banner_text {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center
}

.indexBanner_swiper .banner_text h2 {
    font-size: 2.604vw;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.563vw
}

.toLink a {
    color: #fff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.8
}

.toLink a:hover {
    opacity: 1;
    color: #1695d4 !important
}

.banner_text h2,
.banner_text .toLink {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: translateY(4.167vw);
    -ms-transform: translateY(4.167vw);
    -o-transform: translateY(4.167vw);
    transform: translateY(4.167vw)
}

.indexBanner_swiper .swiper-slide-active .banner_text h2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.indexBanner_swiper .swiper-slide-active .banner_text .toLink {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.banner_pagination {
    position: absolute;
    bottom: 1.563vw !important;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10
}

.banner_pagination span {
    opacity: 1 !important;
    width: 0.833vw;
    height: 0.26vw;
    border-radius: 0.13vw;
    margin: 0 0.25px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.banner_pagination .swiper-pagination-bullet-active {
    width: 1.354vw;
    background: #fff
}

@-webkit-keyframes wave-circle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.5
    }

    50% {
        opacity: 1.0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-o-keyframes wave-circle {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0.5
    }

    50% {
        opacity: 1.0
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes wave-circle {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0.5
    }

    50% {
        opacity: 1.0
    }

    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.indexService {
    background: url(../images/serviceBG.jpg) center bottom;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 5.208vw;
    padding-bottom: 3.906vw
}

.map_content {
    width: 85.76389%;
    margin: 0 auto;
    position: relative
}

.mapDot {
    position: absolute;
    -webkit-transform: translateY(7.813vw);
    -ms-transform: translateY(7.813vw);
    -o-transform: translateY(7.813vw);
    transform: translateY(7.813vw);
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
    opacity: 0
}

.wave_circle {
    cursor: pointer
}

.wave_circle .dian {
    border-radius: 50%;
    width: 0.781vw;
    height: 0.781vw;
    background: #4461a8;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    z-index: 5
}

.wave_bg {
    position: absolute;
    width: 2.604vw;
    height: 2.604vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wave_bg span {
    background-color: rgba(68, 97, 168, 0.2);
    border-radius: 50%;
    -webkit-animation: wave-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite;
    -o-animation: wave-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite;
    animation: wave-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

.wave_bg .span1 {
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.wave_bg .span2 {
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s
}

.wave_bg .span3 {
    -webkit-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.wave_bg .span4 {
    -webkit-animation-delay: 2.1s;
    -o-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.hoverContent {
    pointer-events: none;
    color: #4760a5;
    position: absolute;
    top: -3.438vw;
    left: 2.604vw;
    width: 15.625vw;
    background: #fff;
    -webkit-box-shadow: 0 0 0.26vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.26vw rgba(0, 0, 0, 0.1);
    border-radius: 0.781vw;
    opacity: 0;
    padding: 0.781vw 1.302vw;
    z-index: -5;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.hoverContent::after {
    width: 1.094vw;
    height: 1.146vw;
    position: absolute;
    display: block;
    content: "";
    top: 2.604vw;
    left: -1.094vw;
    background: url(../images/jiantou.png)
}

.hoverContent h2 {
    font-size: 1.25vw;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.26vw;
    text-align: left;
}

.hoverContent h3 {
    font-size: 0.729vw;
    line-height: 1.2;
    margin-bottom: 0.208vw;
    text-align: left;
}

.hoverContent p {
    font-size: 0.625vw
}

.hoverContent p span {
    font-size: 1.042vw;
    font-weight: bold
}

.mapDot:hover .hoverContent {
    opacity: 1;
    z-index: 15
}

.mapDot:hover .dian {
    background: #8acdff
}

.mapDot:hover {
    z-index: 10
}

.mapDot5 {
    left: 23.07692%;
    top: 41.86047%
}

.mapDot2 {
    left: 27.53036%;
    top: 31.78295%
}

.mapDot3 {
    left: 47.77328%;
    top: 34.10853%
}

.mapDot4 {
    left: 58.2996%;
    top: 51.16279%
}

.mapDot1 {
    right: 20.64777%;
    top: 50.3876%
}

.mapDot6 {
    right: 25.50607%;
    top: 56.58915%
}

.mapDot7 {
    right: 26.72065%;
    top: 62.7907%
}

.mapDot8 {
    right: 23.48178%;
    top: 68.21705%
}

.mapDot9 {
    right: 18.62348%;
    top: 58.91473%
}
.mapDot10 {
    left: 50.62348%;
    top: 58.91473%
}
.mapDot11 {
    left: 55.2996%;
    top: 47.16279%;
}
.mapDot12 {
    left: 50.77328%;
    top: 34.10853%;
}

.map_content.animated .mapDot {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.map_content.animated .mapDot1 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.map_content.animated .mapDot2 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.map_content.animated .mapDot3 {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.map_content.animated .mapDot4 {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.map_content.animated .mapDot5 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.map_content.animated .mapDot6 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.mapNumber_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.083vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mapNumber_list .item {
    min-width: 15.365vw;
    position: relative
}

.mapNumber_list .item::after {
    display: block;
    content: "";
    height: 2.604vw;
    width: 1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3f9), color-stop(#d5e2ec), to(#ebf3f9));
    background-image: -webkit-linear-gradient(top, #ebf3f9, #d5e2ec, #ebf3f9);
    background-image: -o-linear-gradient(top, #ebf3f9, #d5e2ec, #ebf3f9);
    background-image: linear-gradient(to bottom, #ebf3f9, #d5e2ec, #ebf3f9);
    top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
    right: 0;
    position: absolute
}

.mapNumber_list .item .mntop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mapNumber_list .item .mntop .icon {
    margin-right: 0.521vw
}

.mapNumber_list .item .number .counter {
    font-size: 1.875vw;
    font-weight: bold;
    line-height: 1.2
}

.mapNumber_list .item .number .danwei {
    font-size: 0.781vw;
    font-weight: bold
}

.mapNumber_list .item .mn_text {
    font-size: 0.781vw;
    color: #676767;
    margin-top: 0.26vw;
    text-align: center
}

.mapNumber_list .item:last-child::after {
    display: none
}
.mapNumber_list .item:nth-child(1){
    display: flex; 
    align-items: center;
}
.mapNumber_list .item h3{
    font-size: 1.125vw;
    font-weight: bold;
    line-height: 1.2;
}

.indexPrinciple {
    position: relative
}

.indexPrinciple .imgbox{position: relative;}

.indexPrinciple .imgbox video{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit:cover; visibility: hidden;}

.indexPrinciple .imgbox video.showVideo{visibility: visible;}

.indexPrinc_play {
    position: absolute;
    left: 50%;
    top: 30%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    cursor: pointer;
    text-align: center
}

.indexPrinc_play a{ position: absolute; left: 0px; top: 0px; z-index: 10; bottom: -25px; right: 0px;}

.indexPrinc_play h2 {
    margin-bottom: 0.625vw;
    margin-top: 0.781vw
}

.indexPrinc_play .plybtn {
    width: 3.229vw;
    height: 3.229vw;
    background: url(../images/playbtn.png) no-repeat;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0 auto
}
.indexPrinc_play .toLink a:hover{color: #fff !important;}
.indexPrinc_play:hover .plybtn {
    /* background: url(../images/playbtn2.png) no-repeat */
}

.indexPrinc_play:hover {
    /* color: #1695d4 */
}

.common_title h2 {
    font-size: 2.188vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.2
}

.common_title p {
    font-size: 0.938vw;
    margin-top: 0.625vw
}

.indexlayer {
    position: relative
}

.indexlayer_content {
    position: absolute;
    left: 50%;
    top: 6.771vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.indexlayer_content .toLink {
    margin-top: 1.354vw;
    text-align: center
}

.indexlayer_content .toLink a {
    color: #0066cc
}

.indexlayer_content .toLink a:nth-child(2) {
    margin-left: 0.781vw
}

.indexProduct {
    background-image: url(../images/img3.jpg);
    padding-top: 5.208vw;
    background-position: center bottom !important
}

.indexProduct .common_title {
    color: #fff
}

.proColor_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.823vw
}

.proColor_list .item {
    margin-right: 1.146vw;
    cursor: pointer
}

.proColor_list .item:last-child {
    margin-right: 0
}

.proColor_list .item .icon {
    width: 2.344vw;
    height: 2.344vw;
    border-radius: 50%;
    position: relative
}

.proColor_list .item .name {
    margin-top: 1.042vw;
    font-size: 0.729vw;
    color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.proColor_list .item.active .icon::after {
    display: block;
    content: "";
    width: 3.125vw;
    height: 3.125vw;
    border-radius: 50%;
    border: 0.156vw solid #258ae9;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.proColor_list .item.active .name,
.proColor_list .item:hover .name {
    color: #fff
}

.indexProduct .toLink {
    margin-top: 1.563vw;
    text-align: center
}

.indexProduct .toLink a {
    color: #fff
}

.indexProduct .toLink a:nth-child(2) {
    margin-left: 0.781vw
}

.proColor_swiper {
    margin-top: 5.729vw
}

.proColor_swiper .colorproimg img {
    display: block;
    margin: 0 auto
}

.proColor_swiper .colorproimg {
    text-align: center
}

.proColor_swiper .swiper-slide .pcShow{visibility: hidden; opacity: 0; transition: all .8s ease;}
.proColor_swiper .swiper-slide-active .pcShow{visibility: visible; opacity: 1;}

.indexAttestation {
    padding-top: 6.25vw;
    padding-bottom: 4.167vw;
    background-image: url(../images/img4.jpg)
}

.indexAttestation .toLink {
    text-align: center;
    margin-top: 0.938vw
}

.indexAttestation .toLink a {
    color: #258ae9
}

.attestation_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.865vw;
    margin-bottom: 13.542vw
}

.attestation_list .item {
    margin-right: 3.646vw;
    text-align: center
}

.attestation_list .item:last-child {
    margin-right: 0
}

.attestation_list .item .name {
    font-size: 0.781vw;
    margin-top: 0.521vw
}

.attestation_list .item .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.521vw
}

.attestation_list .item .icon img {
    max-height: 100%
}

.attestatNum_swiper {
    width: 52.188vw
}

.attNum_box {
    text-align: center;
    position: relative
}

.attNum_box::after {
    display: block;
    content: "";
    position: absolute;
    top: 0.625vw;
    right: 0;
    width: 1px;
    height: 2.604vw;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3f9), color-stop(#d5e2ec), to(#ebf3f9));
    background-image: -webkit-linear-gradient(top, #ebf3f9, #d5e2ec, #ebf3f9);
    background-image: -o-linear-gradient(top, #ebf3f9, #d5e2ec, #ebf3f9);
    background-image: linear-gradient(to bottom, #ebf3f9, #d5e2ec, #ebf3f9)
}

.attNum_box .topbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.attNum_box .topbox .number {
    margin-left: 0.521vw
}

.attNum_box .topbox .number .counter,
.attNum_box .topbox .number .counter_hao {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.2;
    font-family: none
}

.attNum_box .topbox .number .tip {
    font-size: 0.833vw;
    line-height: 1.2
}

.attNum_box .text {
    font-size: 0.729vw;
    color: #676767;
    margin-top: 0.417vw
}

.common_pagination {
    text-align: center;
    margin-top: 1.563vw
}

.common_pagination span {
    width: 0.833vw;
    height: 0.26vw;
    border-radius: 0.13vw;
    background: #cedfed !important;
    opacity: 1 !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.common_pagination .swiper-pagination-bullet-active {
    width: 1.354vw;
    background: #3d62ac !important
}

.indexKehucontent {
    padding: 6.25vw 0;
    background-image: url(../images/img6.jpg)
}

.indexKehucontent .common_title {
    color: #fff
}

.indexKehucontent .toLink {
    text-align: center;
    margin-top: 0.938vw
}

.indexKehucontent .toLink a {
    color: #fff
}

.Kehu_swiper {
    margin-top: 3.385vw
}

.kehuimgbox {
    position: relative;
    height: 6.25vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.625vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.kehuimgbox img {
    max-width: 85%;
    max-height: 90%;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.kehuimgbox .img1 {
    opacity: 1
}

.kehuimgbox:hover .img2 {
    opacity: 1
}

.kehuimgbox:hover .img1 {
    opacity: 0
}

.kehuimgbox:hover {
    background: #fff
}

.Kehu_pagination {
    margin-top: 2.604vw
}

.Kehu_pagination span {
    background: rgba(255, 255, 255, 0.5) !important
}

.Kehu_pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.footer_topcontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer_topcontent .left {
    width: 24.30556%;
    position: relative
}

.footer_topcontent .right {
    width: 22.22222%;
    position: relative
}

.footer_topcontent .left::after,
.footer_topcontent .right::after {
    position: absolute;
    display: block;
    content: "";
    height: 4.427vw;
    top: 0;
    width: 1px;
    background: #eff1f3
}

.footer_top {
    padding-top: 3.906vw;
    padding-bottom: 4.427vw
}

.footer_topcontent .left::after {
    right: 0
}

.footer_topcontent .right::after {
    left: 0
}

.ft_logo img {
    height: 2.604vw
}

.footer_topcontent .center {
    text-align: center
}

.footer_topcontent .center h2 {
    font-size: 0.938vw
}

.footer_topcontent .center .desc {
    font-size: 0.729vw;
    line-height: 1.5;
    color: #73798c;
    margin-top: 0.521vw
}

.footer_bottom {
    text-align: center;
    background: #f6f6f6;
    font-size: 0.625vw;
    color: #73798c;
    padding: 1.302vw 0
}

.footer_bottom a {
    color: #73798c
}

.footer_bottom a:hover {
    color: #1695d4
}

.footer_topcontent .right {
    text-align: right
}

.footer_topcontent .right h2 {
    font-size: 0.938vw
}

.followUs_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.417vw;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.followUs_list .item {
    position: relative;
    margin-right: 0.625vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.followUs_list .item:last-child {
    margin-right: 0
}

.followUs_list .item img {
    display: block
}

.followUs_list .item .img2 {
    display: none
}

.followUs_list .item .down {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5.729vw;
    height: 5.729vw;
    padding: 0.26vw;
    border-radius: 0.26vw;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    -webkit-box-shadow: 0 0.26vw 0.26vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.26vw 0.26vw rgba(0, 0, 0, 0.1);
    pointer-events: none;
    bottom: 120%
}

.followUs_list .item .icon {
    font-size: 1.042vw;
    color: #60626e
}

.followUs_list .item .icon img {
    width: 1.042vw
}

.followUs_list .item:hover .down {
    opacity: 1;
    pointer-events: auto;
    bottom: 110%
}

.followUs_list .item:hover .img2 {
    display: block
}

.followUs_list .item:hover .img1 {
    display: none
}

.followUs_list .item .down::after {
    display: block;
    content: "";
    width: 0.521vw;
    height: 0.521vw;
    background: #fff;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    bottom: -0.26vw;
    position: absolute
}

.indexApplication {
    position: relative
}

.indexApplicat_cont {
    position: absolute;
    top: 6.771vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.indexApplicat_cont .common_title {
    color: #fff
}

.indexApplicat_cont .toLink {
    text-align: center;
    margin-top: 0.781vw
}

.indexApplicat_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.125vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.indexApplicat_list .item {
    width: 6.771vw;
    text-align: center;
    position: relative;
    cursor: pointer
}

.indexApplicat_list .item::after {
    display: block;
    content: "";
    top: 2.083vw;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
    position: absolute
}

.indexApplicat_list .item .name {
    font-size: 0.781vw;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 0.313vw
}

.indexApplicat_list .item .icon {
    width: 4.167vw;
    height: 4.167vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.indexApplicat_list .item:first-child:after {
    left: initial;
    right: 0;
    width: 50%
}

.indexApplicat_list .item:last-child:after {
    left: 0;
    right: initial;
    width: 50%
}
.attestatNum_swiper .swiper-slide{width:33.333%;}
.attestatNum_swiper .swiper-slide:last-child .attNum_box::after {
    display: none
}

.circle_box svg {
    width: 4.167vw;
    height: 4.167vw;
    position: relative
}

.circle_box svg {
    fill: none;
    stroke: #0065ef;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    stroke-width: 0.365vw;
    stroke-dasharray: 167;
    stroke-dashoffset: 167;
    margin-left: -0.391vw;
    margin-top: -0.391vw
}

@-webkit-keyframes mySvg {
    from {
        stroke-dashoffset: 167
    }

    to {
        stroke-dashoffset: 0
    }
}

@-o-keyframes mySvg {
    from {
        stroke-dashoffset: 167
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes mySvg {
    from {
        stroke-dashoffset: 167
    }

    to {
        stroke-dashoffset: 0
    }
}

.circle_box {
    width: 4.167vw;
    height: 4.167vw;
    border-radius: 50%;
    border: 0.417vw solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0
}

.indexApplicat_list .item .circle_box {
    position: absolute;
    top: 0;
    left: 0
}

.indexApplicat_list .item.active .circle_box {
    opacity: 1
}

.indexApplicat_list .item.active .name {
    color: #fff
}

.indexApplicat_list .item.active .circle_box svg {
    -webkit-animation: mySvg 5s infinite;
    -o-animation: mySvg 5s infinite;
    animation: mySvg 5s infinite
}

.module_BGDYbQRhtiW1 {
    position: relative;
    z-index: 99
}

.module_BGDYbQRhtiW1 .header {
    height: 3.125vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    left: 0px;
    z-index: 99
}

.module_BGDYbQRhtiW1 .header .commonMain {
    max-width: var(--content-Wdith);
    width: 100%;
    margin: 0px auto;
    padding: 0px 0.781vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.module_BGDYbQRhtiW1 .header .logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.module_BGDYbQRhtiW1 .header .logo img {
    height: 1.667vw
}

.module_BGDYbQRhtiW1 .header .logo .transparent {
    display: none
}

.module_BGDYbQRhtiW1 .header .logo .colour {
    display: block
}

.module_BGDYbQRhtiW1 .header .navBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.module_BGDYbQRhtiW1 .header .navBox .navList {
    background: #FAFAFA;
    display: none;
    position: fixed;
    width: 13.542vw;
    right: -13.542vw;
    top: 0px;
    bottom: 0px;
    padding: 2.604vw 0px 0px;
    overflow-y: auto;
    -webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list {
    position: relative;
    border-top: 1px solid #eff1f3
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list h3 {
    margin: 0px;
    padding: 0px
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a {
    padding: 0px 1.302vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.604vw;
    font-size: 0.729vw;
    position: relative;
    color: #333;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a::before {
    content: '';
    display: block;
    width: 0.417vw;
    height: 0.417vw;
    border-radius: 100%;
    border: 1px solid #D8D8D8;
    margin-right: 0.781vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list.cur {
    background: #fff
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list.cur h3 a::before {
    background: #666;
    border-color: #666
}

.module_BGDYbQRhtiW1 .header .navBox .navList .closeNavText a {
    visibility: hidden
}

.module_BGDYbQRhtiW1 .header .haderOther {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.module_BGDYbQRhtiW1 .header .haderOther .searchBox {
    margin-left: 0.781vw;
    position: relative
}

.module_BGDYbQRhtiW1 .header .haderOther .searchBox .searchBtn {
    display: block;
    width: 1.094vw;
    font-size: 1.094vw
}

.module_BGDYbQRhtiW1 .header .haderOther .navbtn {
    color: navIconColor;
    width: 1.354vw;
    position: relative;
    cursor: pointer;
    margin-left: 0.781vw;
    font-size: 1.354vw
}

.module_BGDYbQRhtiW1 .header .searchformMain {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99
}

.module_BGDYbQRhtiW1 .header .searchformMain .searchform {
    background: #fff;
    padding: 0.521vw 0px 1.563vw;
    position: relative;
    z-index: 99;
    -webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -o-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), -o-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    opacity: 0;
    -webkit-transform: translate3d(0px, -100%, 1px);
    transform: translate3d(0px, -100%, 1px)
}

.module_BGDYbQRhtiW1 .header .searchformMain .searchform form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 56.25vw;
    margin: 0px auto;
    border-bottom: 0.104vw solid #d1d1d1;
    width: 100%;
    padding: 1.042vw 0px;
    position: relative
}

.module_BGDYbQRhtiW1 .header .searchformMain .searchform form input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0px 0.781vw;
    font-size: 0.729vw;
    color: #333;
    line-height: inherit;
    vertical-align: middle
}

.module_BGDYbQRhtiW1 .header .searchformMain .searchform form button {
    left: 0px;
    font-size: 1.042vw;
    height: 100%;
    top: 0px;
    background: none;
    border: none;
    cursor: pointer
}

.module_BGDYbQRhtiW1 .header .searchformMain .searchform form .closeSearch {
    cursor: pointer;
    right: 0px;
    top: 0px;
    height: 100%;
    font-size: 1.042vw;
    color: #333
}

.module_BGDYbQRhtiW1 .header .searchformMain .search_mask {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.module_BGDYbQRhtiW1 .header .searchformMain.admission .searchform {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1
}

.module_BGDYbQRhtiW1 .admissionheader {
    left: -13.542vw
}

.module_BGDYbQRhtiW1 .admissionheader .navBox .navList {
    right: 0px
}

.hideScroll {
    overflow: hidden
}

.admissionBody {
    left: -13.542vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavBtn {
    position: absolute;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35%;
    height: 2.604vw;
    top: 0px;
    right: 0;
    padding-right: 1.302vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavBtn i {
    width: 0.625vw;
    height: 0.625vw;
    display: block;
    position: relative
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavBtn i::after {
    content: '';
    width: 100%;
    height: 0.104vw;
    background: #474747;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavBtn i::before {
    content: '';
    width: 0.104vw;
    height: 100%;
    background: #474747;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain {
    display: none
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .threeNavBox {
    display: none
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavList {
    position: relative
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavList>a {
    padding: 0.781vw 1.302vw;
    font-size: 0.729vw;
    border-top: 1px solid #EBEBEB;
    background: #f6f6f6;
    display: block
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavList>a::before {
    margin-right: 0.521vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavList .mThreeNav {
    display: none
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list.active h3 {
    background: #ebebeb
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list.active h3 a::before {
    background: #666;
    border-color: #666
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list.active .subNavBtn i::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn {
    position: absolute;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35%;
    height: 2.344vw;
    top: 0px;
    right: 1.302vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i {
    width: 0.625vw;
    height: 0.625vw;
    display: block;
    position: relative
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after {
    content: '';
    width: 100%;
    height: 0.104vw;
    background: #474747;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before {
    content: '';
    width: 0.104vw;
    height: 100%;
    background: #474747;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
    display: block;
    padding: 0.781vw 2.604vw;
    font-size: 0.729vw;
    border-top: 1px solid #EBEBEB
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a::before {
    margin-right: 0.521vw
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNavList.active1 .threeNavBtn i::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a::after {
    display: none !important
}

.searchBox {
    cursor: pointer
}

.searchform {
    -webkit-box-shadow: 0 0 0.26vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.26vw rgba(0, 0, 0, 0.1)
}

@media (min-width: 768px) {
    .module_BGDYbQRhtiW1 .header .commonMain {
        padding: 0px 15px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform {
        padding: 10px 0px 40px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form {
        padding: 30px 0px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form input {
        margin: 0px 25px;
        font-size: 16px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form button {
        font-size: 24px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form .closeSearch {
        font-size: 24px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .search_mask {
        background: rgba(0, 0, 0, 0)
    }
}

@media (min-width: 992px) {

    .module_BGDYbQRhtiW1 .header {
        height: 80px;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background: none;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease
    }

    .module_BGDYbQRhtiW1 .header .logo img {
        height: 42px
    }

    .module_BGDYbQRhtiW1 .header .logo .transparent {
        display: block
    }

    .module_BGDYbQRhtiW1 .header .logo .colour {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList {
        padding: 0px;
        width: auto;
        right: 0px;
        background: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 0px;
        position: relative;
        overflow: visible;
        top: 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list {
        margin-left: 15px;
        padding: 0px;
        border-top: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a {
        line-height: 80px;
        font-size: 14px;
        padding: 0px;
        color: #fff
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a::before {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a::after {
        bottom: 0px;
        width: 0px;
        height: 2px;
        background: #0066cc;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        position: absolute;
        -webkit-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list.cur {
        background: none
    }

    .module_BGDYbQRhtiW1 .header.headerDownBg .navBox .navList .list.cur h3 a,
    .module_BGDYbQRhtiW1 .header.headerbg .navBox .navList .list.cur h3 a {
        color: #0066cc !important
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list.cur h3 a::after {
        width: 100%
    }

    .module_BGDYbQRhtiW1 .header.headerDownBg .navBox .navList .list:hover h3 a,
    .module_BGDYbQRhtiW1 .header.headerbg .navBox .navList .list:hover h3 a {
        color: #0066cc !important
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list:hover h3 a::after {
        width: 100%
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list:first-child {
        margin-left: 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .closeNavText {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .haderOther .navbtn {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .haderOther .searchBox {
        margin-left: 20px
    }

    .module_BGDYbQRhtiW1 .header .haderOther .searchBox .searchBtn {
        color: #fff
    }

    .module_BGDYbQRhtiW1 .headerbg {
        background: #fff
    }

    .module_BGDYbQRhtiW1 .headerbg .logo .transparent {
        display: none
    }

    .module_BGDYbQRhtiW1 .headerbg .logo .colour {
        display: block
    }

    .module_BGDYbQRhtiW1 .headerbg .navBox .navList .list h3 a {
        color: #333
    }

    .module_BGDYbQRhtiW1 .headerbg .haderOther .searchBox .searchBtn {
        color: #333
    }

    .module_BGDYbQRhtiW1 .headerDownBg {
        background: #fff !important
    }

    .module_BGDYbQRhtiW1 .headerDownBg .logo .transparent {
        display: none
    }

    .module_BGDYbQRhtiW1 .headerDownBg .logo .colour {
        display: block
    }

    .module_BGDYbQRhtiW1 .headerDownBg .navBox .navList .list h3 a {
        color: #333
    }

    .module_BGDYbQRhtiW1 .headerDownBg .haderOther .searchBox .searchBtn {
        color: #333
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavBtn {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain {
        position: absolute;
        min-width: 100%;
        left: -20px;
        overflow: hidden;
        max-height: 0px;
        display: block
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: #f9f9f9;
        white-space: nowrap;
        border-radius: 0px 0px 10px 10px;
        overflow: hidden
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav {
        min-width: 150px;
        padding: 20px 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
        display: block;
        background: none;
        border: none;
        line-height: 30px;
        font-size: 14px;
        padding: 0px 20px;
        position: relative
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover::after {
        content: '';
        border-right: 8px solid transparent;
        border-top: 8px solid #0066cc;
        position: absolute;
        left: 0px;
        top: 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover {
        background: #e3e3e7
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1>a::after {
        content: '';
        border-right: 8px solid transparent;
        border-top: 8px solid #0066cc;
        position: absolute;
        left: 0px;
        top: 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1>a {
        background: #e3e3e7
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .threeNavBtn {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav {
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {
        display: block;
        padding: 20px 0px;
        position: relative
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background: #eae9f1
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
        min-width: 150px;
        display: none
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
        display: block;
        line-height: 30px;
        padding: 0px 20px;
        font-size: 14px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a:hover {
        background: #e3e3e7
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list:hover .subNavMain {
        max-height: 1000px;
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavList>a::before {
        display: none
    }
}

@media (min-width: 1200px) {
    .module_BGDYbQRhtiW1 .header .commonMain {
        padding: 0px 40px
    }
}

@media (min-width: 1366px) {
    .module_BGDYbQRhtiW1 .header {
        height: 90px
    }

    .module_BGDYbQRhtiW1 .header .logo img {
        height: 50px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list {
        margin-left: 30px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a {
        line-height: 90px
    }

    .module_BGDYbQRhtiW1 .header .haderOther .searchBox {
        margin-left: 25px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform {
        padding: 10px 0px 50px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form {
        padding: 45px 0px
    }

    .module_BGDYbQRhtiW1 .header .searchformMain .searchform form input {
        margin: 0px 30px;
        font-size: 18px
    }
}

@media (min-width: 1600px) {
    .module_BGDYbQRhtiW1 .header .commonMain {
        padding: 0px 40px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list {
        margin-left: 40px
    }

    .module_BGDYbQRhtiW1 .header .haderOther .searchBox {
        margin-left: 30px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list h3 a {
        font-size: 18px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain {
        left: -40px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav {
        min-width: 260px;
        padding: 30px 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
        font-size: 16px;
        line-height: 40px;
        padding: 0px 40px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {
        padding: 30px 0px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
        min-width: 260px
    }

    .module_BGDYbQRhtiW1 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
        line-height: 40px;
        padding: 0px 40px;
        font-size: 16px
    }
}

.daohanglan {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    margin-left: 1.042vw
}

.header .language_box .p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px
}

.header.headerDownBg .language_box .p,
.header.headerbg .language_box .p {
    color: #333
}

.header.headerDownBg .daohanglan,
.header.headerbg .daohanglan {
    color: #333
}

.language_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.458vw;
    font-size: 0.625vw;
    cursor: pointer;
    position: relative
}

.language_box .iconfontjiantou {
    -webkit-transform: translateY(0.104vw);
    -ms-transform: translateY(0.104vw);
    -o-transform: translateY(0.104vw);
    transform: translateY(0.104vw);
    width: 0;
    height: 0;
    border: 0.208vw solid;
    border-color: #666666 transparent transparent transparent
}

.language_list {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    width: 4.167vw;
    display: none;
    padding-top: 0.521vw;
}

.language_list a {
    display: block;
    text-align: center;
    padding: 0px 0px 0.521vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
}

.language_list a:hover {
    color: #0066cc
}

.language_box:hover .language_list {
    display: block
}

.language_box .iconlanu {
    font-size: 1.146vw;
    color: #727272
}

.navigationBar.noShift {
    background: #fff;
    position: fixed;
    top: 0;
    right: -500px;
    bottom: 0;
    width: 320px;
    z-index: 999;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.navigationBar.noShift .navigationBar_list {
    padding: 0 35px;
    margin-top: 100px
}

.navigationBar.noShift .navigationBar_list .item {
    margin-bottom: 10px;
    position: relative
}

.navigationBar.noShift .navigationBar_list .item>a {
    display: block;
    padding: 7px 12px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    color: #666;
    font-size: 14px
}

.navigationBar.noShift .navigationBar_list .item:hover>a {
    color: #333;
    background: #f5f5f5
}

.navigationBar.noShift .navigationBar_close {
    position: absolute;
    top: 40px;
    right: 35px;
    cursor: pointer
}

.navigationBar_bg.noShift {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: -100
}

.navigationBar.noShift .na_item_list a {
    display: block;
    font-size: 14px;
    padding: 6px 0 5px 28px;
    color: #898989
}

.navigationBar.noShift .navigationBar_list .item .nadown {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30%;
    text-align: right;
    font-size: 16px;
    cursor: pointer
}

.navigationBar.noShift .navigationBar_list .item .na_item_list {
    display: none
}



.yj_mian1 .yjcontent {
    width: 100%
}

.navigationBar_bg.active {
    opacity: 1;
    z-index: 100
}

.navigationBar.active {
    right: 0
}

.pcShow {
    display: block
}

.mobileShow {
    display: none
}

.subBanner {
    position: relative
}

.subBanner .sub_content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15.104vw;
    color: #fff;
    text-align: center
}

.subBanner .sub_content .common_title p {
    color: rgba(255, 255, 255, 0.8)
}

.subBanner .sub_content .toLink {
    margin-top: 1.042vw
}

.subBanner .sub_content .toLink a {
    color: #0066cc
}

.counter {
    font-family: 'Arial' !important;
    font-weight: bold !important
}

.yj_mian1 {
    position: relative
}

.yj_mian1 .yjcontent {
    position: absolute;
    top: 11.979vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.yj1_desc {
    font-size: 0.938vw;
    line-height: -webkit-calc(28 / 18);
    line-height: calc(28 / 18);
    color: rgba(255, 255, 255, 0.8);
    margin-top: 1.302vw;
    text-align: center
}

.yj_mian2 {
    padding-top: 5.208vw;
    padding-bottom: 6.25vw
}

.znfw_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.znfw_text .left {
    width: 34.72222%;
    padding-right: 1.302vw;
    font-size: 1.875vw
}

.znfw_text .right {
    width: 65.27778%;
    font-size: 0.729vw;
    line-height: -webkit-calc(24 / 14);
    line-height: calc(24 / 14)
}

.znfw_swiper {
    margin-top: 2.604vw
}

.znfw_swiper .swiper-slide {
    width: 41.146vw
}

.znfw_swiper .znfw_box {
    position: relative
}

.znfw_swiper .znfw_box .text {
    font-size: 1.25vw;
    color: #fff;
    left: 2.604vw;
    bottom: 2.344vw;
    right: 2.604vw;
    z-index: 2;
    position: absolute
}

.znfw_swiper .znfw_box:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.znfw_pagination {
    height: 0.104vw !important;
    top: initial !important;
    bottom: 0;
    position: relative !important;
    margin-top: 3.125vw;
    overflow: hidden;
    background: #e5e5e5
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #1c96d5 !important;
    height: 0.156vw
}

.yj_mian3 {
    position: relative
}

.fudian {
    position: absolute
}

.fudian .xian {
    width: 1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 186, 233, 0.1)), to(#d0edff));
    background-image: -webkit-linear-gradient(top, rgba(105, 186, 233, 0.1), #d0edff);
    background-image: -o-linear-gradient(top, rgba(105, 186, 233, 0.1), #d0edff);
    background-image: linear-gradient(to bottom, rgba(105, 186, 233, 0.1), #d0edff);
    height: 0;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    position: relative
}

.fudian .xian .circle {
    width: 0.573vw;
    height: 0.573vw;
    border-radius: 50%;
    background: #fff;
    border: 0.208vw solid #69bae9;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -0.26vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0
}

.fudian .name {
    font-size: 1.042vw;
    color: #fff !important;
    position: absolute;
    top: -0.26vw;
    left: -webkit-calc(100% + 0.781vw);
    left: calc(100% + 0.781vw);
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0
}

.fudian2 .name {
    color: #a6deff
}

.yj_mian3.wow.animated .fudian .xian .circle {
    opacity: 1;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.yj_mian3.wow.animated .fudian .xian {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.yj_mian3.wow.animated .fudian .name {
    opacity: 1;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.yj_mian3.wow.animated .fudian1 .xian {
    height: 10.677vw
}

.yj_mian3.wow.animated .fudian2 .xian {
    height: 7.292vw
}

.yj_mian3.wow.animated .fudian3 .xian {
    height: 8.333vw
}

.yj_mian3.wow.animated .fudian4 .xian {
    height: 8.854vw
}

.fudian1 {
    top: 19.719vw;
    right: 16.896vw;
}

.fudian2 {
    top: 22.6vw;
    left: 42.3vw;
}

.fudian3 {
    top: 19.583vw;
    left: 27.927vw;
}

.fudian4 {
    top: 19vw;
    right: 36.167vw;
}

.yj_mian4 {
    padding: 5.729vw 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8f1fa), to(#fff));
    background-image: -webkit-linear-gradient(top, #e8f1fa, #fff);
    background-image: -o-linear-gradient(top, #e8f1fa, #fff);
    background-image: linear-gradient(to bottom, #e8f1fa, #fff)
}

.konghzixitong_content {
    text-align: center
}

.konghzixitong_content .desc {
    color: rgba(96, 96, 96, 0.8);
    font-size: 0.729vw;
    line-height: -webkit-calc(24 / 14);
    line-height: calc(24 / 14);
    text-align: center;
    margin-top: 1.302vw
}

.konghzixitong_content .common_title {
    color: #1c96d5
}

.refrigeration_main1 {
    position: relative
}

.refrigeration1_content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    bottom: 0
}

.refrigeration1_content .common_title {
    position: absolute;
    top: 10.938vw;
    left: 0;
    width: 100%;
    text-align: center;
    color: #1c96d5
}

.refrigeration1_bottom {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 3.646vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.refrigeration1_bottom .item {
    text-align: center;
    margin-right: 5.729vw
}

.refrigeration1_bottom .item:last-child {
    margin-right: 0
}

.refrigeration1_bottom .item .number {
    font-size: 1.354vw;
    font-weight: bold
}

.refrigeration1_bottom .item .tip {
    font-size:0.833vw;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 0.208vw
}

.refrigeration1_bottom .toLink a {
    color: #0066cc;
    font-size:0.833vw;
}

.jinatou {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: Fade 1.5s infinite;
    -o-animation: Fade 1.5s infinite;
    animation: Fade 1.5s infinite
}

.jinatou i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 1.146vw
}

@-webkit-keyframes Fade {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        opacity: 0;
        bottom: 10px
    }
}

@-o-keyframes Fade {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        opacity: 0;
        bottom: 10px
    }
}

@keyframes Fade {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        opacity: 0;
        bottom: 10px
    }
}

.refri2_text {
    padding: 4.688vw 0 3.125vw 0
}

.refri2_text .tips {
    font-size: 0.833vw;
    color: #3a63ae;
    text-align: center
}

.jianjie {
    font-size: 0.833vw;
    line-height: -webkit-calc(24 / 16);
    line-height: calc(24 / 16);
    color: #8d8f92;
    text-align: center;
    margin-top: 0.781vw
}

.toLink {
    text-align: center
}

.refri2_text .toLink {
    margin-top: 1.563vw
}

.refri2_text .toLink a {
    color: #2292cb
}

.refrigeration_main3 {
    background: #f8fdff;
    padding: 6.25vw 0
}

.refri3_content .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.refri3_content .item .left,
.refri3_content .item .right {
    width: 50%
}

.refri3_content .item .left h2 {
    font-size: 1.042vw;
    font-weight: bold;
    color: #2292cb;
    margin-bottom: 0.521vw
}

.refri3_content .item .left p {
    font-size: 0.729vw;
    color: #8d8f92;
    line-height: 1.6
}

.refri3_content .item:nth-child(odd) .left {
    padding-right: 4.167vw
}

.refri3_content .item:nth-child(even) .left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 4.167vw
}

.refri3_content .item:nth-child(even) .right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.refri3_content .item .right:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.practicability_content {
    position: relative
}

.dan {
    font-size: 0.729vw
}

.practicability_content .refrigeration1_bottom .number {
    color: #fff
}

.practicability_content .refrigeration1_bottom .tip {
    color: rgba(255, 255, 255, 0.9)
}

.img_tips {
    font-size: 0.729vw;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 2.083vw;
    bottom: 1.823vw
}

.refrigeration_main4 {
    padding: 5.729vw 0;
    background: #f8fdff
}

.w80 {
    width: 90%;
    margin: 0 auto
}

.cp_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cp_text .left {
    width: 42.85714%;
    font-size: 1.875vw
}

.cp_text .right {
    width: 57.14286%;
    font-size: 0.729vw;
    line-height: -webkit-calc(24 / 14);
    line-height: calc(24 / 14);
    color: #75777a;
    padding-top: 0.26vw
}

.construction_swiper .prevBtn, .construction_swiper .nextBtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.188vw;
  color: #fff;
  z-index: 20;
  cursor: pointer; }

.construction_swiper .prevBtn {
  left: 1.042vw; }

.construction_swiper .nextBtn {
  right: 1.042vw; }

.construction_swiper .prevBtn:hover, .construction_swiper .nextBtn:hover {
  color: #0066cc; }

.construction_swiper .imgbox {
    border-radius: 0.625vw;
    position: relative
}

.construction_swiper .imgbox .tit {
    position: absolute;
    left: 2.865vw;
    bottom: 2.865vw;
    right: 2.865vw;
    font-size: 1.25vw;
    color: #fff
}

.construction_content {
    margin-top: 3.646vw
}

.xian_pagination {
    height: 0.104vw !important;
    top: initial !important;
    bottom: 0;
    position: relative !important;
    margin-top: 3.125vw;
    overflow: hidden;
    background: #e5e5e5
}

.refrigeration_main5 {
    padding-top: 5.208vw;
    padding-bottom: 3.646vw
}

.refrigeration1_bottom {
    max-width: 75vw
}

.title_one {
    max-width: 75vw;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 5.729vw;
    text-align: center
}

.title_one h2 {
    font-size: 1.563vw;
    color: #fff
}

.refrigeration_main6 {
    padding: 5.729vw 0;
    background: #f8fdff
}

.measurement_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.125vw
}

.measurement_content .left {
    width: -webkit-calc(100% - 14.844vw);
    width: calc(100% - 14.844vw)
}

.measurement_content .right {
    width: 13.802vw;
    position: relative
}

.measurslide_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.measurslide_box .leftside {
    width: -webkit-calc(100% - 14.844vw);
    width: calc(100% - 14.844vw)
}

.measurslide_box .rightside {
    width: 13.802vw;
    position: relative
}

.measurementBig_swiper .imgbox {
    border-radius: 0.625vw;
    position: relative
}

.measurementBig_swiper .imgbox .text {
    position: absolute;
    color: #fff;
    left: 3.125vw;
    bottom: 2.604vw;
    right: 3.125vw;
    font-size: 1.25vw;
    color: #fff
}

.measurementSmall_swiper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.measurementSmall_swiper .imgbox {
    cursor: pointer;
    border-radius: 0.625vw
}

.color {
    color: #2292cb !important;
}

.threeimg_list .imgitem {
    height: 100%
}

.threeimg_list .imgitem .imgbg {
    background-image: url(../images/refrigeration11.jpg);
    border-radius: 0.781vw;
    height: 100%
}

.threeimg_list .imgitem:last-child {
    margin-bottom: 0
}

.threeimg_list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.refrigeration_main7 {
    background: #f8fdff;
    padding-bottom: 6.25vw
}

.category_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.938vw;
    color: #8d8f92;
    border-bottom: 1px solid #cacdd0;
    margin-bottom: 2.083vw
}

.category_type .item.active {
    color: #2292cb
}

.category_type .item {
    padding: 0.729vw 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer;
    position: relative
}

.category_type .item:hover {
    color: #2292cb
}

.category_type .item::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 0.104vw;
    background: #2292cb;
    opacity: 0
}

.category_type .item.active::after {
    opacity: 1
}

.categoryContent_list .item {
    position: relative;
    border-radius: 0.625vw;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.categoryContent_list .text {
    font-size: 0.742vw;
    line-height: -webkit-calc(30 / 20);
    line-height: calc(30 / 20);
    color: #2292cb;
    right: 2.865vw;
    bottom: 2.865vw;
    padding-left: 0.781vw;
    position: absolute
}

.made_main {
    padding-top: 5.208vw;
    padding-bottom: 7.813vw
}

.made_title {
    text-align: center;
    font-size: 1.563vw
}

.madeProBox {
    display: block
}

.madeProBox .img {
    height: 12.5vw;
    position: relative
}

.madeProBox .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
    max-width: 80%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.madeProBox .imgtext {
    margin-top: 0.781vw;
    text-align: center
}

.madeProBox .imgtext .tit1 {
    font-size: 1.458vw;
    font-weight: bold
}

.madeProBox .imgtext .tit2 {
    font-size: 0.833vw
}

.madeProBox .imgtext .tit3 {
    font-size: 0.729vw;
    margin-top: 1.042vw;
    margin-bottom: 1.042vw
}

.madeProBox .imgtext .toLink div {
    color: #0066cc
}

.madeProBox:hover .tit1 {
    color: #0066cc
}

.madeProBox:hover .img img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.madeProduct_list {
    margin: 2.083vw 5.208vw 0 5.208vw
}

.madeProduct_pagination {
    text-align: center;
    margin-top: 2.083vw
}

.caseListBox .list .imgBox img {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.caseListBox .list .imgBox {
    overflow: hidden
}

.caseListBox .list .imgBox:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.aboutHistoryList .swiper-slide .year span {
    font-family: 'Arial' !important;
    font-weight: bold !important
}

.question_main {
    padding: 5.208vw 0
}

.question_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.question_content .left {
    width: 20.313vw;
    padding-right: 0.26vw
}

.question_content .right {
    width: -webkit-calc(100% - 20.313vw);
    width: calc(100% - 20.313vw)
}

.lanmu_title {
    font-size: 1.875vw
}

.qa_category {
    margin-top: 2.344vw
}

.qa_category .item .item_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.qa_category .item .item_top a {
    max-width: -webkit-calc(100% - 2.604vw);
    max-width: calc(100% - 2.604vw);
    font-size: 0.938vw;
    color: #333
}

.qa_category .item .down_btn {
    width: 2.604vw;
    text-align: right;
    font-size: 0.833vw;
    margin-top: 0.104vw;
    cursor: pointer
}

.qa_category .item .down_btn i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #868686;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.qa_category .item .down_btn.cur i {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.qadown_list {
    margin-top: 0.521vw;
    display: none
}

.qadown_list a {
    display: block;
    position: relative;
    padding-left: 1.563vw;
    font-size: 0.729vw;
    margin-bottom: 0.521vw
}

.qadown_list a:last-child {
    margin-bottom: 0
}

.qadown_list a i {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.042vw;
    height: 1.042vw;
    background: #dedfe1;
    border-radius: 50%
}

.qadown_list a.cur i {
    background: #0066cc
}

.qadown_list a.cur,
.qadown_list a:hover,
.qa_category .item .item_top a:hover {
    color: #0066cc
}

.qa_category .item.active .qadown_list {
    display: block
}

.qa_category .item {
    margin-bottom: 0.833vw
}

.qa_category .item:last-child {
    margin-bottom: 0
}

.qacontentList_main {
    background: #fff;
    border-radius: 0.625vw;
    -webkit-box-shadow: 0 0 0.26vw 0.26vw rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0.26vw 0.26vw rgba(0, 0, 0, 0.05);
    padding: 3.125vw 2.604vw 4.167vw 3.125vw
}

.seeBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.302vw;
    height: 1.302vw;
    border: 1px solid #2079d2;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0.833vw
}

.seeBtn i {
    font-size: 0.625vw;
    font-weight: 100;
    color: #2079d2;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.qacontentList_list .item {
    border-top: 1px solid #f0f0f0;
    position: relative
}

.qacontentList_list .item:last-child {
    border-bottom: 1px solid #f0f0f0
}

.qacontentList_list .item .q_title {
    font-size: 0.729vw;
    padding-right: 2.083vw;
    font-weight: bold
}

.qacontentList_list .item .q_title img {
    margin-top: -0.156vw;
    margin-right: 0.26vw
}

.qacontentList_list .item .item_top {
    cursor: pointer;
    padding: 0.938vw 0
}

.qacontentList_list .item .itemdesc {
    padding-bottom: 1.042vw;
    display: none
}

.qacontentList_list .item .item_top:hover .q_title {
    color: #0066cc
}

.question_content .pageMain {
    background: none !important;
    padding-bottom: 0 !important;
    margin-top: 3.646vw
}

.contact_main {
    padding: 5.208vw 0;
    background-image: url(../images/contact_bg.jpg)
}

.contactContent {
    border-radius: 0.625vw;
    background: #ffffff
}

.contact_title {
    font-size: 1.875vw;
    text-align: center
}

.contactContent {
    padding: 3.125vw 7.813vw 3.646vw 7.813vw
}

.contact_form {
    margin-top: 1.823vw
}

.input_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.042vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.input_line:last-child {
    margin-bottom: 0
}

.input_line .inputbox {
    margin-right: 1.042vw;
    width: -webkit-calc(50% - 0.521vw);
    width: calc(50% - 0.521vw);
    background: #f8f8f8;
    border-radius: 0.417vw;
    border: 1px solid #ebeef1;
    height: 3.125vw
}

.input_line .inputbox:last-child {
    margin-right: 0
}

.input_line .inputbox input {
    height: 100%;
    width: 100%;
    padding: 0 1.563vw;
    font-size: 0.833vw
}

.input_line2 .inputbox {
    width: 100%;
    height: 5.729vw
}

.input_line2 .inputbox textarea {
    width: 100%;
    height: 100%;
    padding: 0.781vw 1.563vw
}

.formbtn {
    margin: 1.563vw auto 0 auto;
    width: 9.375vw;
    height: 2.083vw;
    border-radius: 0.208vw;
    background: #2292cb;
    color: #fff
}

.formbtn_line {
    text-align: center
}

.cooperativePartner_main {
    background: #fafdff;
    padding-top: 5.729vw;
    padding-bottom: 3.646vw
}

.common_title2 {
    font-size: 1.875vw;
    text-align: center
}

.customers_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.604vw
}

.customers_list .item {
    margin-top: -1px;
    position: relative;
    width: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 10.156vw;
    border: 1px solid #dadada;
    border-right: none
}

.customers_list .item:nth-child(5n),
.customers_list .item:last-child {
    border-right: 1px solid #dadada
}

.customers_list .item .kehu_img,
.customers_list .item .hover_img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customers_list .item .kehu_img img,
.customers_list .item .hover_img img {
    max-height: 80%;
    max-width: 80%
}

.customers_list .item .hoverbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0.104vw solid #0066cc;
    border-radius: 1.042vw;
    opacity: 0;
    z-index: -1;
    background: #fff;
    -webkit-box-shadow: 0 0.208vw 0.313vw rgba(0, 102, 204, 0.4);
    box-shadow: 0 0.208vw 0.313vw rgba(0, 102, 204, 0.4)
}

.customers_list .item:hover .hoverbox {
    opacity: 1;
    left: -0.521vw;
    right: -0.521vw;
    bottom: 0.521vw;
    top: -0.521vw;
    z-index: 10
}

.seeDwonMore {
    width: 9.375vw;
    height: 2.083vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.208vw;
    background: #0066cc;
    color: #fff;
    cursor: pointer;
    margin: 3.125vw auto 0 auto
}

.seeDwonMore img {
    margin-left: 0.521vw
}

.touzi_main {
    padding: 5.729vw 0
}

.touzi_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.touzi_top .common_title2 {
    text-align: left
}

.touzi_top .t_link a:hover {
    color: #2079d2
}

.touzi_newList {
    margin-top: 2.083vw
}

.touzi_newList .item {
    position: relative;
    display: block;
    border-top: 1px solid #e0e0e1;
    padding: 1.563vw 0
}

.touzi_newList .item:last-child {
    border-bottom: 1px solid #e0e0e1
}

.touzi_newList .icon {
    position: absolute;
    padding: 0 0.26vw;
    top: 2.083vw;
    left: 1.823vw;
    background: #0066cc;
    color: #fff;
    font-size: 0.625vw
}

.touzi_newList .item .text {
    padding-left: 4.688vw
}

.touzi_newList .b {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent #0066cc transparent transparent;
    border-style: solid;
    border-width: 0.938vw 0.313vw 0 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.touzi_newList .item .text .t_title {
    color: #2b2b2b;
    font-size: 1.354vw;
    margin-bottom: 0.26vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.touzi_newList .item .text .date {
    font-size: 0.729vw;
    color: #0066cc;
    font-weight: bold
}

.touzi_newList .item:hover .text .t_title {
    color: #0066cc
}

.publicgood_content {
    margin-top: 5.208vw
}

.publicgood_neirong {
    margin-top: 2.344vw;
    background: #fff;
    -webkit-box-shadow: 0 0 0.26vw 0.26vw rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0.26vw 0.26vw rgba(0, 0, 0, 0.05);
    padding: 2.083vw 2.083vw 2.083vw 3.125vw;
    border-radius: 0.625vw
}

.publicgood_item {
    display: block;
    padding-right: 3.125vw;
    padding-top: 3.125vw
}

.publicgood_neirong {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.publicgood_neirong .left {
    width: 46.26866%;
    padding-right: 3.125vw
}

.publicgood_neirong .right {
    width: 53.73134%
}

.publicgood_item .data {
    color: #535353;
    font-size: 0.677vw
}

.publicgood_item .data i {
    margin-right: 0.313vw
}

.publicgood_item .tit {
    font-size: 1.354vw;
    line-height: -webkit-calc(34 / 26);
    line-height: calc(34 / 26);
    color: #333;
    margin-top: 0.781vw
}

.publicgood_item .desc {
    font-size: 0.729vw;
    line-height: -webkit-calc(24 / 14);
    line-height: calc(24 / 14);
    color: #616367;
    margin-top: 1.563vw
}

.publicgood_img_swiper {
    border-radius: 0.625vw
}

.publicgood_pagination span {
    width: 0.833vw !important;
    height: 0.26vw !important;
    border-radius: 0.13vw;
    background: #dfdfdf;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.publicgood_pagination .swiper-pagination-bullet-active {
    background: #0066cc;
    width: 1.354vw !important
}

.pubilcgood_bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.688vw
}

.publicgood_number span {
    font-weight: bold;
    color: #c0c0c0
}

.publicgood_number .curnum {
    font-size: 1.25vw;
    color: #333
}

.publicgood_number .xie {
    margin: 0 0.156vw
}

.publicgood_img_swiper .imgbox:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.download_main .item {
    padding: 5.208vw 0
}

.download_main .item:nth-child(odd) {
    background: #fff
}

.download_main .item:nth-child(even) {
    background: #fafdff
}

.download_main .common_title2 {
    text-align: left;
    margin-bottom: 2.344vw
}

.download_list .d_item {
    padding: 1.563vw 14.583vw 1.563vw 4.167vw;
    position: relative;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 0.625vw;
    margin-bottom: 1.563vw
}

.download_list .d_item:last-child {
    margin-bottom: 0
}

.download_list .d_item .tit {
    font-size: 0.938vw;
    position: relative;
    z-index: 5
}

.download_list .d_item .xian {
    width: 4.271vw;
    height: 0.104vw;
    background: #333;
    margin-top: 0.521vw;
    margin-bottom: 0.521vw;
    position: relative;
    z-index: 5
}

.download_list .d_item img {
    width: 2.448vw;
    position: relative;
    z-index: 5
}

.download_list .d_item::after {
    display: block;
    content: "";
    position: absolute;
    width: 8.333vw;
    height: 2.604vw;
    background: url(../images/circle_bg.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    top: 0;
    right: 26.042vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0
}

.download_list .d_item:hover .tit {
    color: #0066cc
}

.download_list .d_item:hover {
    -webkit-box-shadow: 0 0 1.042vw 0.26vw rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1.042vw 0.26vw rgba(0, 0, 0, 0.05)
}

.download_list .d_item:hover::after {
    opacity: 1
}

.download_list .d_item .down_btn {
    width: 9.375vw;
    height: 2.083vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.208vw;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #f7f7f7;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4.167vw
}

.download_list .d_item .down_btn i {
    margin-left: 0.521vw
}

.download_list .d_item:hover .down_btn {
    background: #2292cb;
    color: #fff
}

.header.header_black .navList .list h3 a {
    color: #3f3f3f !important
}

.header.header_black .daohanglan,
.header.header_black .language_box .p {
    color: #3f3f3f
}

.header.header_black .transparent {
    display: none !important
}

.header.header_black .colour {
    display: block !important
}

.toLink3 a {
    color: #1695d4 !important
}

.indexPublicgood_content{padding: 5vw 0px;}
.indexPublicgood_content .touzi_top{-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.indexPublicgood_content .touzi_top .common_title2{font-weight: 600;}

@media (max-width: 1366px) {
    .navbtn {
        display: none
    }
}

@media (max-width: 768px) {
    .center1440 {
        width: 100%;
        padding: 0 .26rem
    }

    .pcShow {
        display: none
    }

    .mobileShow {
        display: block
    }

    .module_BGDYbQRhtiW1 .header {
        height: 1.2rem
    }

    .module_BGDYbQRhtiW1 .header .logo img {
        height: .6rem
    }

    .module_BGDYbQRhtiW1 .header .commonMain {
        padding: 0 .4rem
    }

    .daohanglan,
    .header .language_box .p {
        font-size: .25rem
    }

    .daohanglan {
        margin-left: .3rem
    }

    .header.headerDownBg {
        background: #fff
    }

    .navigationBar {
        width: 60vw
    }

    .navigationBar.noShift {
        width: 5rem
    }

    .navigationBar.noShift .navigationBar_list {
        margin-top: 1.3rem;
        padding: 0 .3rem
    }

    .navigationBar.noShift .navigationBar_close i {
        font-size: .3rem
    }

    .navigationBar.noShift .navigationBar_close {
        top: .3rem;
        right: .3rem
    }

    .navigationBar {
        right: -60vw
    }

    .navigationBar.active {
        right: -1vw
    }

    .indexBanner_swiper .banner_text h2 {
        font-size: .5rem;
        margin-bottom: 0
    }

    .indexBanner_swiper .banner_text {
        width: 100%
    }

    .toLink a {
        font-size: .24rem
    }

    .toLink {
        margin-top: .3rem
    }

    .banner_pagination {
        bottom: .4rem !important
    }

    .banner_pagination span {
        width: .3rem !important;
        height: .05rem !important;
        margin: 0 .05rem !important
    }

    .mapNumber_list .item .mntop .icon {
        display: none
    }

    .indexService {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mapNumber_list {
        margin-top: 0;
        margin-bottom: 1.3rem
    }

    .mapNumber_list .item {
        min-width: initial;
        width: 33.3333%
    }

    .mapNumber_list .item .number .counter {
        font-size: .38rem
    }

    .mapNumber_list .item .number .danwei {
        font-size: .16rem
    }

    .mapNumber_list .item .mn_text {
        font-size: .18rem
    }

    .mapNumber_list .item::after {
        height: .55rem
    }

    .mapNumber_list .item:nth-child(1){width: 100%; padding-bottom: 0.3rem; text-align:center; display: block;}
    .mapNumber_list .item:nth-child(1)::after{display: none;}
    .mapNumber_list .item:nth-child(1) h3{font-size: 0.34rem;}

    .map_content {
        width: 100%
    }

    .wave_circle .dian {
        width: .12rem;
        height: .12rem
    }

    .wave_bg {
        width: .3rem;
        height: .3rem
    }

    .mapDot .hoverContent {
        display: none
    }

    .country_box {
        color: #4760a5;
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(71, 96, 165, 0.1);
        box-shadow: 0 0 5px rgba(71, 96, 165, 0.1);
        padding: .3rem .35rem;
        border-radius: .15rem
    }

    .country_box h2 {
        font-size: .38rem;
        font-weight: bold
    }

    .country_box h3 {
        font-size: .24rem;
        font-weight: bold;
        word-wrap: break-word;
    }

    .country_box p {
        font-size: .18rem;
        margin-top: .05rem
    }

    .country_box p span {
        font-size: .28rem;
        font-weight: bold
    }

    .hoverContent_swiper {
        width: 4.8rem;
        margin: 0 auto
    }

    .country_box .box {
        opacity: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s
    }

    .hoverContent_swiper .swiper-slide-active .country_box .box {
        opacity: 1
    }

    .map_content {
        margin-bottom: 1.2rem
    }

    .map_content.animated .mapDot {
        opacity: 0;
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }

    .indexPrinc_play {
        top: 2.4rem
    }

    .indexPrinc_play .plybtn {
        width: .8rem;
        height: .8rem
    }

    .common_title h2 {
        font-size: .5rem
    }

    .indexPrinc_play h2 {
        margin-bottom: 0;
        margin-top: .18rem
    }

    .indexPrinc_play .toLink {
        margin-top: .26rem
    }

    .PopupVideo {
        max-width: 100%;
        width: 95%
    }

    .closeVideo {
        width: 0.3rem;
        height: 0.3rem;
        top: -0.3rem
    }

    .indexlayer_content {
        top: 1.4rem;
        left: 0;
        right: 0;
        padding: 0 .3rem;
        text-align: center;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .common_title p {
        font-size: .24rem;
        margin-top: .15rem
    }

    .indexlayer_content .toLink {
        margin-top: 0.30rem
    }

    .indexProduct {
        background-image: url(../images/img3-3.jpg);
        padding-top: 1.75rem
    }

    .proColor_list .item .icon {
        width: 1rem;
        height: 1rem
    }

    .proColor_list .item.active .icon::after {
        width: 1.3rem;
        height: 1.3rem;
        border-width: 1px
    }

    .proColor_list .item {
        margin-right: 0.5rem
    }

    .proColor_list .item .name {
        text-align: center;
        font-size: 0.26rem;
        margin-top: 0.25rem
    }

    .proColor_list {
        margin-top: 0.3rem
    }

    .indexProduct .toLink {
        margin-top: 0.5rem
    }

    .proColor_swiper .colorproimg img {
        width: 5rem;
        margin: 0 auto
    }

    .proColor_swiper {
        margin-top: 2.9rem
    }

    .indexAttestation {
        padding-top: 1.1rem;
        padding-bottom: 0.8rem
    }

    .indexAttestation .toLink {
        margin-top: 0.3rem
    }

    .attestation_list .item {
        margin-right: 0;
        width: 50%;
        margin-top: 0.45rem
    }

    .attestation_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.8rem
    }

    .attestation_list .item .icon {
        height: 1.45rem
    }

    .attestation_list .item .name {
        font-size: 0.24rem;
        margin-top: 0.2rem
    }

    .attestatNum_swiper {
        width: 100%;
        margin-top: 4.3rem
    }

    .attNum_box .topbox img {
        display: none
    }

    .attNum_box .topbox .number .counter,
    .attNum_box .topbox .number .counter_hao {
        font-size: 0.38rem
    }

    .attNum_box .topbox .number .tip {
        font-size: 0.16rem;
        margin-left: 0.05rem
    }

    .attNum_box .text {
        font-size: 0.18rem;
        line-height: 0.28rem;
        color: #676767
    }

    .attNum_box::after {
        height: 0.5rem
    }

    .common_pagination {
        margin-top: 0.5rem
    }

    .common_pagination span {
        width: 0.3rem !important;
        height: .04rem;
        margin: 0 .05rem !important
    }

    .language_list {
        width: 1.2rem;
        top: 0.5rem
    }

    .language_list a {
        font-size: .24rem;
        padding: .06rem 0
    }

    .footer_top {
        display: none
    }

    .footer_bottom {
        font-size: 0.2rem;
        padding: 0.25rem 0
    }

    .indexKehucontent {
        padding-top: 2rem;
        padding-bottom: 0.6rem
    }

    .indexKehucontent .toLink {
        margin-top: 0.25rem
    }

    .kehuimgbox {
        height: 1.5rem;
        padding-left: 1px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .kehuimgbox img {
        max-height: 70%;
        max-width: 75%
    }

    .Kehu_pagination {
        margin-top: 1rem
    }

    .Kehu_swiper {
        margin-top: 1.5rem
    }

    .indexApplicat_cont {
        text-align: center;
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 1.1rem
    }

    .indexApplicat_cont .toLink {
        margin-top: 0.25rem
    }

    .indexApplicat_list {
        margin-top: 0.7rem
    }

    .indexApplicat_list .item {
        width: -webkit-calc(100% / 6);
        width: calc(100% / 6)
    }

    .indexApplicat_list .item .name {
        font-size: 0.2rem;
        margin-top: 0.3rem
    }

    .indexApplicat_list .item .icon {
        width: auto;
        height: 0.3rem
    }

    .circle_box svg {
        stroke-width: .07rem;
        margin-left: -.08rem;
        margin-top: -.08rem
    }

    .circle_box {
        width: 0.8rem;
        height: 0.8rem;
        border-width: .08rem
    }

    .circle_box svg {
        width: 0.8rem;
        height: 0.8rem
    }

    .indexApplicat_list .item .circle_box {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .customers_list .item {
        width: 33.3333%
    }

    .customers_list .item:nth-child(5n) {
        border-right: none
    }

    .customers_list .item:nth-child(3n),
    .customers_list .item:last-child {
        border-right: 1px solid #dadada
    }

    .customers_list .item .kehu_img img,
    .customers_list .item .hover_img img {
        max-width: 70%;
        max-height: 50%
    }

    .customers_list .item {
        height: 85px
    }

    .sub_content .center1440 {
        width: 100%
    }

    .subBanner .sub_content {
        width: 100%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .Ncommon_title h2 {
        font-size: 20px
    }

    .Ncommon_title p {
        font-size: 13px
    }

    .download_main .item {
        padding: 35px 0
    }

    .subBanner .imgbox {
        height: 220px;
        position: relative
    }

    .subBanner .imgbox img {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        height: 100%
    }

    .common_title2 {
        font-size: 20px
    }

    .download_main .common_title2 {
        margin-bottom: 20px
    }

    .download_list .d_item {
        padding: 0;
        padding-right: 40px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee
    }

    .download_list .d_item .tit {
        font-size: 15px
    }

    .download_list .d_item .xian {
        width: 60px;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .download_list .d_item img {
        width: 30px
    }

    .download_list .d_item .down_btn {
        width: 85px;
        height: 30px;
        font-size: 18px;
        border-radius: 5px;
        right: 0;
        top: 15px
    }

    .customers_list {
        margin-top: 20px
    }

    .cooperativePartner_main {
        padding: 35px 0
    }

    .customers_list .item .hoverbox {
        display: none !important
    }

    .seeDwonMore {
        width: 110px;
        height: 35px;
        font-size: 12px;
        border-radius: 5px;
        margin: 25px auto 0 auto
    }

    .seeDwonMore img {
        margin-left: 6px
    }

    .touzi_main {
        padding: 35px 0
    }

    .t_link {
        font-size: 14px
    }

    .touzi_newList {
        margin-top: 20px
    }

    .touzi_newList .item {
        padding: 15px 0
    }

    .touzi_newList .item .text .t_title {
        font-size: 16px;
        margin-bottom: 5px
    }

    .touzi_newList .item .text .date {
        font-size: 12px
    }

    .touzi_newList .icon {
        font-size: 12px;
        padding: 0 4px;
        top: 16px;
        left: 0;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6)
    }

    .touzi_newList .item .text {
        padding-left: 30px
    }

    .touzi_newList .b {
        border-width: 18px 9px 0 0
    }

    .publicgood_content {
        margin-top: 30px
    }

    .publicgood_neirong {
        margin-top: 20px;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: none
    }

    .publicgood_neirong .left {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .publicgood_neirong .right {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .publicgood_img_swiper {
        border-radius: 10px
    }

    .publicgood_item .data {
        font-size: 12px
    }

    .publicgood_item .tit {
        font-size: 16px;
        margin-top: 10px
    }

    .publicgood_item .desc {
        font-size: 12px;
        margin-top: 10px
    }

    .publicgood_pagination span {
        width: 8px !important;
        height: 3px !important;
        margin: 0 3px !important
    }

    .publicgood_pagination .swiper-pagination-bullet-active {
        width: 15px !important
    }

    .publicgood_number {
        font-size: 14px
    }

    .publicgood_number .curnum {
        font-size: 18px
    }

    .publicgood_number .xie {
        margin: 0 4px
    }

    .publicgood_img_swiper img {
        border-radius: 10px;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important
    }

    .question_content .left {
        width: 100%
    }

    .question_content .right {
        width: 100%;
        margin-top: 25px
    }

    .question_main {
        padding: 35px 0
    }

    .lanmu_title {
        font-size: 20px
    }

    .qa_category .item .item_top {
        position: relative
    }

    .qa_category .item .item_top a {
        font-size: 16px;
        max-width: 100%
    }

    .qa_category .item .down_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
        font-size: 16px
    }

    .qa_category .item {
        margin-bottom: 15px
    }

    .qadown_list a {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 20px
    }

    .qadown_list a i {
        width: 8px;
        height: 8px;
        top: 6px
    }

    .qacontentList_list .item .q_title {
        font-size: 14px;
        font-weight: normal
    }

    .qacontentList_main {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .qacontentList_list .item .item_top {
        padding: 15px 0
    }

    .qacontentList_list .item .itemdesc {
        padding-bottom: 15px;
        font-size: 12px
    }

    .seeBtn {
        width: 15px;
        height: 15px;
        top: 18px
    }

    .seeBtn i {
        font-size: 12px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        margin-left: -1px
    }

    .contact_main {
        padding: 40px 0
    }

    .contact_title {
        font-size: 18px
    }

    .contactContent {
        padding: 20px
    }

    .input_line {
        margin-bottom: 0
    }

    .input_line .inputbox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .contact_form {
        margin-top: 20px
    }

    .input_line .inputbox input,
    .input_line .inputbox textarea {
        font-size: 13px
    }

    .input_line .inputbox {
        height: 40px
    }

    .input_line .inputbox input {
        padding: 0 15px
    }

    .input_line2 .inputbox textarea {
        padding: 10px 15px
    }

    .input_line2 .inputbox {
        height: 80px
    }

    .formbtn {
        width: 110px;
        height: 35px;
        font-size: 12px;
        border-radius: 5px
    }

    .refrigeration1_content {
        width: 100%
    }

    .refrigeration_main1 .imgbox {
        height: 250px;
        position: relative
    }

    .refrigeration_main1 .imgbox img {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        height: 100%
    }

    .refrigeration1_content .common_title {
        top: 30%
    }

    .refrigeration1_bottom {
        max-width: 100%;
        bottom: 20px;
        padding: 0 15px
    }

    .refrigeration1_bottom .item .number {
        font-size: 16px
    }
    
    .refrigeration1_bottom .item .number .dan{font-size: 12px;}

    .refrigeration1_bottom .item .tip {
        font-size: 12px
    }

    .refri2_text .tips {
        font-size: 14px;
        margin-bottom: 5px
    }

    .refri2_text {
        padding: 25px 0
    }

    .jianjie {
        font-size: 14px;
        margin-top: 10px
    }

    .refri2_text .toLink {
        margin-top: 10px
    }

    .w80 {
        width: 100%
    }

    .refri3_content .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px
    }

    .refri3_content .item:last-child {
        margin-bottom: 0
    }

    .refri3_content .item .left {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .refri3_content .item .right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .refrigeration_main3 {
        padding: 35px 0
    }

    .refri3_content .item .left {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .refri3_content .item .left h2 {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 5px
    }

    .refri3_content .item .left p {
        font-size: 14px
    }

    .jianjie br {
        display: none
    }

    .img_tips {
        display: none
    }

    .refrigeration_main4 {
        padding: 35px 0
    }

    .refrigeration1_bottom .item {
        margin-right: 5vw
    }

    .cp_text .left {
        width: 100%
    }

    .cp_text .right {
        width: 100%;
        font-size: 14px;
        margin-top: 5px
    }

    .cp_text .left {
        font-size: 18px
    }

    .construction_swiper .imgbox .tit {
        left: 20px;
        bottom: 20px;
        right: 20px;
        font-size: 16px
    }

    .construction_swiper .imgbox {
        border-radius: 10px
    }

    .xian_pagination {
        margin-top: 20px
    }

    .refrigeration_main5 {
        padding: 25px 0
    }

    .title_one h2 {
        font-size: 16px
    }

    .refrigeration_main2 {
        position: relative
    }

    .practicability_content::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2)
    }

    .practicability_content .title_one,
    .refrigeration1_bottom {
        z-index: 2
    }

    .refrigeration_main6 {
        padding: 35px 0
    }

    .measurement_content {
        margin-top: 25px
    }

    .measurement_content .left {
        width: 100%
    }

    .measurement_content .right {
        width: 100%
    }

    .measurementSmall_swiper {
        position: static;
        margin-top: 15px
    }

    .measurementBig_swiper .imgbox {
        border-radius: 10px
    }

    .measurementBig_swiper .imgbox .text {
        font-size: 16px;
        left: 20px;
        bottom: 20px;
        right: 20px
    }

    .category_type {
        font-size: 16px;
        margin-bottom: 20px
    }

    .category_type .item {
        padding: 10px 0
    }

    .categoryContent_list .item {
        border-radius: 10px
    }

    .categoryContent_list .text {
        font-size: 12px
    }

    .made_main {
        padding: 35px 0
    }

    .madeProduct_list {
        margin: 10px 0 0 0
    }

    .made_title {
        font-size: 18px
    }

    .madeProBox .img {
        height: 200px
    }

    .madeProBox .imgtext .tit1 {
        font-size: 15px
    }

    .madeProBox .imgtext .tit2 {
        font-size: 12px;
        margin-top: 5px
    }

    .madeProBox .imgtext .tit3 {
        font-size: 12px;
        margin-top: 5px
    }

    .madeProBox .toLink {
        font-size: 12px
    }

    .madeProduct_pagination {
        margin-top: 20px
    }

    .madeProduct_pagination span {
        width: 6px;
        height: 6px;
        margin: 0 3px !important
    }

    .yj1_desc {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.8);
        margin-top: 15px;
        text-align: left
    }

    .yj1_desc br {
        display: none
    }

    .yj_mian1 .yjcontent {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        color: #333;
        padding: 35px 0
    }

    .znfw_text .left {
        width: 100%;
        font-size: 18px
    }

    .znfw_text .right {
        width: 100%;
        margin-top: 10px;
        font-size: 14px
    }

    .znfw_swiper {
        margin-top: 20px
    }

    .znfw_swiper .swiper-slide {
        width: 80vw
    }

    .znfw_swiper .znfw_box .text {
        left: 20px;
        bottom: 20px;
        right: 20px;
        font-size: 16px
    }

    .yj_mian2,
    .yj_mian4 {
        padding: 35px 0
    }

    .konghzixitong_content .desc {
        font-size: 14px;
        margin-top: 15px;
        text-align: left
    }

    .konghzixitong_content .desc br {
        display: none
    }

    body {
        padding-top: 1.2rem
    }

    body.pageindex {
        padding-top: 0
    }

    .subBanner .imgbox::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3)
    }

    body:not(.pageindex) .daohanglan,
    body:not(.pageindex) .language_box .p {
        color: #333 !important
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide.swiper-slide-active a::after {
        width: 30px !important;
        height: 30px !important
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .title {
        margin-top: 5px !important
    }

    .module_vTVxXkhcZYn1 .newsDetailMain {
        padding-top: 35px !important
    }

    .loadMore a {
        font-size: 14px
    }

    .loadMore_jianju {
        margin: 25px 0 35px 0
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img {
        width: 16px !important
    }

    .footer_bottom a {
        display: block
    }

    .download_list .d_item .xian,
    .download_list .d_item img {
        display: none
    }

    .download_list .d_item .down_btn span {
        display: none
    }

    .download_list .d_item .down_btn {
        width: auto;
        height: auto;
        background: none
    }

    .measurslide_box .leftside {
        width: 100%
    }

    .measurslide_box .rightside {
        width: 100%
    }

    .measurementSmall_swiper {
        height: 100px
    }
}

@media (max-width: 580px) {
    .Ncommon_title h2 {
        font-size: 18px
    }
}

@font-face {
    font-family: 'shareIcon';
    src: url(data:font/ttf;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTXqjBawAACR0AAAAHEdERUYAJwAXAAAkVAAAAB5PUy8yVzzoewAAAYgAAABgY21hcIYbuw0AAAIsAAABqmN2dCAM8/9aAAAOCAAAACRmcGdtMPeelQAAA9gAAAmWZ2FzcAAAABAAACRMAAAACGdseWbNwujKAAAOUAAAEwxoZWFkCDoioQAAAQwAAAA2aGhlYQetA8cAAAFEAAAAJGhtdHg6uAQdAAAB6AAAAERsb2NhI8gn1gAADiwAAAAkbWF4cAE1AjgAAAFoAAAAIG5hbWU3vFjkAAAhXAAAAkNwb3N0915EDgAAI6AAAACscHJlcKW5vmYAAA1wAAAAlQABAAAAAQAAJceEJV8PPPUAHwQAAAAAANJ/b1EAAAAA0n9vUv/+/7MECgNOAAAACAACAAAAAAAAAAEAAANH/7MAXAQC//4AAAQKAAEAAAAAAAAAAAAAAAAAAAARAAEAAAARAIsABwAAAAAAAgAmADQAbAAAAIoBdwAAAAAABAP+AfQABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZADAAHjyCgOA/4AAXANHAE2AAAABAAAAAAMYAAAAAAAgAAEBdgAiAAAAAAFVAAAD6QAsBAAAQgQAADMEAAEhBAAAJQQAAFYEAQAABAAAkAQAACkEAAAQBAAAdQQAAGEEAv/+BAAAIQAAAAMAAAADAAAAHAABAAAAAACkAAMAAQAAABwABACIAAAAHgAQAAMADgB48ArwGvA68ErwWvBq8HrwivCa8QrxGvEq8gr//wAAAHjwCvAa8DrwSvBa8GrwevCK8JrxCvEa8SryCv///4sP+g/rD8wPvQ+uD58PkA+BD3IPAw70DuUOBgABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywCCNCsAcjQrAAI0KwAEOwB0NRWLAIQyuyAAEAQ2BCsBZlHFktsAUssABDIEUgsAJFY7ABRWJgRC2wBiywAEMgRSCwACsjsQQEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERC2wByyxBQVFsAFhRC2wCCywAWAgILAKQ0qwAFBYILAKI0JZsAtDSrAAUlggsAsjQlktsAksILgEAGIguAQAY4ojYbAMQ2AgimAgsAwjQiMtsAosS1RYsQcBRFkksA1lI3gtsAssS1FYS1NYsQcBRFkbIVkksBNlI3gtsAwssQANQ1VYsQ0NQ7ABYUKwCStZsABDsAIlQrIAAQBDYEKxCgIlQrELAiVCsAEWIyCwAyVQWLAAQ7AEJUKKiiCKI2GwCCohI7ABYSCKI2GwCCohG7AAQ7ACJUKwAiVhsAgqIVmwCkNHsAtDR2CwgGIgsAJFY7ABRWJgsQAAEyNEsAFDsAA+sgEBAUNgQi2wDSyxAAVFVFgAsA0jQiBgsAFhtQ4OAQAMAEJCimCxDAQrsGsrGyJZLbAOLLEADSstsA8ssQENKy2wECyxAg0rLbARLLEDDSstsBIssQQNKy2wEyyxBQ0rLbAULLEGDSstsBUssQcNKy2wFiyxCA0rLbAXLLEJDSstsBgssAcrsQAFRVRYALANI0IgYLABYbUODgEADABCQopgsQwEK7BrKxsiWS2wGSyxABgrLbAaLLEBGCstsBsssQIYKy2wHCyxAxgrLbAdLLEEGCstsB4ssQUYKy2wHyyxBhgrLbAgLLEHGCstsCEssQgYKy2wIiyxCRgrLbAjLCBgsA5gIEMjsAFgQ7ACJbACJVFYIyA8sAFgI7ASZRwbISFZLbAkLLAjK7AjKi2wJSwgIEcgILACRWOwAUViYCNhOCMgilVYIEcgILACRWOwAUViYCNhOBshWS2wJiyxAAVFVFgAsAEWsCUqsAEVMBsiWS2wJyywByuxAAVFVFgAsAEWsCUqsAEVMBsiWS2wKCwgNbABYC2wKSwAsANFY7ABRWKwACuwAkVjsAFFYrAAK7AAFrQAAAAAAEQ+IzixKAEVKi2wKiwgPCBHILACRWOwAUViYLAAQ2E4LbArLC4XPC2wLCwgPCBHILACRWOwAUViYLAAQ2GwAUNjOC2wLSyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsiwBARUUKi2wLiywABawBCWwBCVHI0cjYbAGRStlii4jICA8ijgtsC8ssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAlDIIojRyNHI2EjRmCwBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhIyAgsAQmI0ZhOBsjsAlDRrACJbAJQ0cjRyNhYCCwBEOwgGJgIyCwACsjsARDYLAAK7AFJWGwBSWwgGKwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbAwLLAAFiAgILAFJiAuRyNHI2EjPDgtsDEssAAWILAJI0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAA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) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.hideScroll {
    overflow: hidden
}

@media (min-width: 1px) {
    html {
        --vi-color: #2292cb;
        --title-color: #272727;
        --text-color: #2a303b;
        --content-Wdith-1200: 77.0833vw;
        --bigTitle-fontSize-1200: 2.292vw;
        --bigTitle-lineheight-1200: 2.708vw;
        --smallTitle-fontsize-1200: 1.5625vw;
        --smallTitle-lineheight-1200: 1.8229vw;
        --padding-1200: 5.7292vw 0vw;
        --text-fontsize-1200: 0.938vw;
        --text-lineheight-1200: 1.719vw;
        --content-Wdith-768: 81.25vw;
        --bigTitle-fontSize-768: 2.75vw;
        --bigTitle-lineheight-768: 3.25vw;
        --smallTitle-fontsize-768: 1.875vw;
        --smallTitle-lineheight-768: 2.1875vw;
        --padding-768: 6.875vw 0vw;
        --text-fontsize-768: 1.125vw;
        --text-lineheight-768: 2.063vw;
        --content-Wdith: 100%;
        --bigTitle-fontSize: 20px;
        --bigTitle-lineheight: 30px;
        --smallTitle-fontsize: 16px;
        --smallTitle-lineheight: 23px;
        --text-fontsize: 14px;
        --text-lineheight: 24px;
        --padding: 35px 0px
    }

    body {
        text-align: justify
    }

    .commonMain {
        max-width: var(--content-Wdith);
        width: 100%;
        margin: 0px auto;
        padding: 0px 20px
    }

    .module_5YOIVvrJKnYt .subPageBanner {
        padding-top: 80.426%;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText {
        position: absolute;
        width: 100%;
        top: 50%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText h3 {
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        color: #fff;
        font-weight: 600
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText p {
        color: rgba(255, 255, 255, 0.8);
        font-weight: 100;
        font-size: 14px;
        padding-top: 5px
    }

    .module_5YOIVvrJKnYt .subPageBanner:nth-child() {
        background-image: url(../images/newsbanner_01.jpg)
    }

    .module_5YOIVvrJKnYt .subPageBanner:nth-child() {
        background-image: url(../images/caseBanner_01.jpg)
    }

    .module_5YOIVvrJKnYt .subPageBanner:nth-child() {
        background-image: url(../images/jobsBanner_01.jpg)
    }

    .module_5YOIVvrJKnYt .subPageBanner:nth-child() {
        background-image: url(../images/aboutBanner_01.jpg)
    }
}

@media (min-width: 768px) {
    .commonMain {
        max-width: var(--content-Wdith-768)
    }

    .module_5YOIVvrJKnYt .subPageBanner {
        padding-top: 51.875vw
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText h3 {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText p {
        font-size: 1.125vw;
        padding-top: 0.9375vw
    }
}

@media (min-width: 1200px) {
    .commonMain {
        max-width: var(--content-Wdith-1200)
    }

    .module_5YOIVvrJKnYt .subPageBanner {
        padding-top: 43.229vw
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText h3 {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .module_5YOIVvrJKnYt .subPageBanner .subPageBannerText p {
        font-size: 0.9375vw;
        padding-top: 0.7813vw
    }
}

@media (min-width: 1px) {
    .module_yJiM0HQWKCTr .newsListMain {
        padding: var(--padding);
        overflow: hidden;
        position: relative
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 600
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn {
        display: none
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a {
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        border: 1px solid #b9babc;
        position: relative;
        border-radius: 100%
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 10px;
        height: 10px;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a.prevBtn::after {
        border-left: 1px solid #b9babc;
        border-bottom: 1px solid #b9babc;
        left: 55%
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a.nextBtn::after {
        border-right: 1px solid #b9babc;
        border-top: 1px solid #b9babc;
        left: 45%
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a:hover {
        border-color: #000
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a:hover::after {
        border-color: #000
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox {
        position: relative;
        margin-top: 20px
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList {
        width: 100%
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide {
        width: 100%;
        margin-right: 10px
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .imgBox {
        border-radius: 12px;
        background-color: #000;
        overflow: hidden;
        padding-top: 51.486%;
        position: relative
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
        opacity: 0.5
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 0px 15px 20px
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .time {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8)
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .title {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        color: #fff;
        margin-top: 15px;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide:hover .imgBox img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide.swiper-slide-active .imgBox img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide.swiper-slide-active a::after {
        content: '';
        width: 62px;
        height: 62px;
        background-image: url(../images/playbtn.png);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsListPage {
        text-align: center;
        margin-top: 20px
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsListPage span {
        background: #cccccc;
        opacity: 1;
        margin: 0px 3px !important;
        width: 8px;
        height: 8px;
        border-radius: 100%
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsListPage span.swiper-pagination-bullet-active {
        background: var(--vi-color)
    }
}

@media (min-width: 768px) {
    .module_yJiM0HQWKCTr .newsListMain {
        padding: var(--padding-768)
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .title {
        font-size: 2.25vw
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox {
        margin-top: 3.75vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList {
        width: 70.139%
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide {
        margin-right: 3.75vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content {
        padding: 0vw 4.375vw 3.125vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .time {
        font-size: 0.8125vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .title {
        font-size: 2vw;
        line-height: 2.5vw;
        height: 2.5vw;
        margin-top: 0.9375vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsListPage {
        display: none
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a {
        width: 3.75vw;
        height: 3.75vw
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a::after {
        width: 0.625vw;
        height: 0.625vw
    }
}

@media (min-width: 1200px) {
    .module_yJiM0HQWKCTr .newsListMain {
        padding: var(--padding-1200)
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .title {
        font-size: 1.875vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox {
        margin-top: 3.125vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide {
        margin-right: 3.125vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content {
        padding: 0vw 3.6458vw 2.6042vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .time {
        font-size: 0.6771vw
    }

    .module_yJiM0HQWKCTr .newsListMain .newsListBox .newsList .swiper-slide .content .title {
        font-size: 1.6667vw;
        line-height: 2.0833vw;
        height: 2.0833vw;
        margin-top: 0.7813vw
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a {
        width: 3.125vw;
        height: 3.125vw
    }

    .module_yJiM0HQWKCTr .newsListMain .titleBox .newsListBtn a::after {
        width: 0.521vw;
        height: 0.521vw
    }
}

@media (min-width: 1px) {
    .module_T5656SDA .newsListMain {
        padding: var(--padding);
        overflow: hidden;
        position: relative;
        background: #f8fdff
    }

    .module_T5656SDA .newsListMain .newsList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px 0px -10px
    }

    .module_T5656SDA .newsListMain .newsList .list {
        margin: 0px 0px 20px;
        width: 100%;
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)
    }

    .module_T5656SDA .newsListMain .newsList .list .imgBox {
        position: relative;
        padding-top: 52.075%;
        overflow: hidden;
        background: #000
    }

    .module_T5656SDA .newsListMain .newsList .list .imgBox img {
        position: absolute;
        opacity: 1;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .module_T5656SDA .newsListMain .newsList .list .content {
        padding: 20px
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time {
        font-size: 14px;
        color: #535353;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time::before {
        margin-right: 10px
    }

    .module_T5656SDA .newsListMain .newsList .list .content .subTitle {
        margin-top: 10px;
        font-size: 16px;
        color: #000000;
        height: 48px;
        line-height: 24px;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .module_T5656SDA .newsListMain .newsList .list .content .arrow {
        margin-top: 10px;
        font-size: 24px;
        color: #000
    }

    .module_T5656SDA .newsListMain .newsList .list:hover {
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)
    }

    .module_T5656SDA .newsListMain .newsList .list:hover .imgBox img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.4
    }

    .module_T5656SDA .newsListMain .newsList .list:hover .content .arrow {
        color: var(--vi-color)
    }
}

@media (min-width: 768px) {
    .module_T5656SDA .newsListMain {
        padding: var(--padding-768)
    }

    .module_T5656SDA .newsListMain .newsList {
        margin: 0vw -1.5625vw -3.125vw
    }

    .module_T5656SDA .newsListMain .newsList .list {
        margin: 0vw 1.5625vw 3.125vw;
        width: -webkit-calc(33% - 3.125vw);
        width: calc(33% - 3.125vw);
        border-radius: 0.9375vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content {
        padding: 2.5vw 3.125vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time {
        font-size: 0.875vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time::before {
        margin-right: 0.625vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .subTitle {
        margin-top: 0.9375vw;
        font-size: 1.5vw;
        height: -webkit-calc(2.1875vw * 2);
        height: calc(2.1875vw * 2);
        line-height: 2.1875vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .arrow {
        margin-top: 3.75vw;
        font-size: 1.5vw
    }

    .module_T5656SDA .newsListMain .newsList .list:hover {
        -webkit-box-shadow: 0vw 0.3125vw 0.9375vw rgba(0, 0, 0, 0.2);
        box-shadow: 0vw 0.3125vw 0.9375vw rgba(0, 0, 0, 0.2)
    }
}

@media (min-width: 1200px) {
    .module_T5656SDA .newsListMain {
        padding: var(--padding-1200)
    }

    .module_T5656SDA .newsListMain .newsList {
        margin: 0vw -1.3021vw -2.6042vw
    }

    .module_T5656SDA .newsListMain .newsList .list {
        margin: 0vw 1.3021vw 2.6042vw;
        width: -webkit-calc(33% - 2.6042vw);
        width: calc(33% - 2.6042vw);
        border-radius: 0.7813vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content {
        padding: 2.0833vw 2.6042vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time {
        font-size: 0.7292vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .time::before {
        margin-right: 0.5208vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .subTitle {
        margin-top: 0.7813vw;
        font-size: 1.25vw;
        height: -webkit-calc(1.8229vw * 2);
        height: calc(1.8229vw * 2);
        line-height: 1.8229vw
    }

    .module_T5656SDA .newsListMain .newsList .list .content .arrow {
        margin-top: 3.125vw;
        font-size: 1.25vw
    }

    .module_T5656SDA .newsListMain .newsList .list:hover {
        -webkit-box-shadow: 0vw 0.2604vw 0.7813vw rgba(0, 0, 0, 0.2);
        box-shadow: 0vw 0.2604vw 0.7813vw rgba(0, 0, 0, 0.2)
    }
}

@media (min-width: 1px) {
    .module_HL1GBCD1 .pageMain {
        padding: 0px 0px 40px;
        overflow: hidden;
        position: relative;
        background: #f8fdff
    }

    .module_HL1GBCD1 .pageMain #pagination {
        text-align: center;
        display: none
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-box {
        margin: 0px
    }

    .module_HL1GBCD1 .pageMain #pagination a {
        height: 30px;
        line-height: 30px;
        width: 30px;
        font-weight: 100;
        background: #f8f8f8;
        border-radius: 8px;
        padding: 0px;
        margin: 0px 4px;
        position: relative;
        border: none;
        font-size: 14px
    }

    .module_HL1GBCD1 .pageMain #pagination a:hover {
        color: #fff;
        background: var(--vi-color)
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev {
        font-size: 16px
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next {
        font-size: 16px
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr {
        height: 30px;
        line-height: 30px;
        width: 30px;
        font-size: 14px;
        border-radius: 8px;
        border: none;
        padding: 0px;
        margin: 0px 4px;
        font-weight: 600
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em {
        border-radius: 8px;
        background: var(--vi-color)
    }

    .module_HL1GBCD1 .pageMain .loadMore {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .module_HL1GBCD1 .pageMain .loadMore a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
        font-size: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #314a61;
        width: 130px;
        border-radius: 45px;
        height: 45px;
        border: 2px solid #0d5e9e
    }

    .module_HL1GBCD1 .pageMain .loadMore a .icon {
        margin-left: 10px;
        width: 12px;
        height: 13px;
        -webkit-transition: .6s ease;
        -o-transition: .6s ease;
        transition: .6s ease;
        background-position: 0px -14px;
        background-repeat: no-repeat;
        background-image: url(../images/more_01.png);
        display: block
    }

    .module_HL1GBCD1 .pageMain .loadMore a:hover {
        background: #0d5e9e;
        color: #fff
    }

    .module_HL1GBCD1 .pageMain .loadMore a:hover .icon {
        background-position: 0px 0px
    }
}

@media (min-width: 768px) {
    .module_HL1GBCD1 .pageMain {
        padding: 0vw 0vw 6.875vw
    }

    .module_HL1GBCD1 .pageMain #pagination {
        display: block
    }

    .module_HL1GBCD1 .pageMain #pagination a {
        height: 3vw;
        line-height: 3vw;
        width: 3vw;
        border-radius: 0.5vw;
        margin: 0vw 0.25vw;
        font-size: 0.875vw
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr {
        height: 3vw;
        line-height: 3vw;
        width: 3vw;
        font-size: 1.125vw
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em {
        border-radius: 0.5vw
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev {
        font-size: 1vw
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next {
        font-size: 1vw
    }

    .module_HL1GBCD1 .pageMain .loadMore {
        display: none
    }
}

@media (min-width: 1200px) {
    .module_HL1GBCD1 .pageMain {
        padding: 0vw 0vw 5.7292vw
    }

    .module_HL1GBCD1 .pageMain #pagination a {
        height: 2.5vw;
        line-height: 2.5vw;
        width: 2.5vw;
        border-radius: 0.4167vw;
        margin: 0vw 0.2083vw;
        font-size: 0.7292vw
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr {
        height: 2.5vw;
        line-height: 2.5vw;
        width: 2.5vw;
        font-size: 0.9375vw
    }

    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em {
        border-radius: 0.4167vw
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev {
        font-size: 0.8333vw
    }

    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next {
        font-size: 0.8333vw
    }
}

@media (min-width: 1px) {
    .social-share-icon {
        font-family: "shareIcon"
    }

    .social-share .icon-tencent:before {
        content: "\f07a"
    }

    .social-share .icon-qq:before {
        content: "\f11a"
    }

    .social-share .icon-weibo:before {
        content: "\f12a"
    }

    .social-share .icon-wechat:before {
        content: "\f09a"
    }

    .social-share .icon-douban:before {
        content: "\f10a"
    }

    .social-share .icon-heart:before {
        content: "\f20a"
    }

    .social-share .icon-like:before {
        content: "\f00a"
    }

    .social-share .icon-qzone:before {
        content: "\f08a"
    }

    .social-share .icon-linkedin:before {
        content: "\f01a"
    }

    .social-share .icon-diandian:before {
        content: "\f05a"
    }

    .social-share .icon-facebook:before {
        content: "\f03a"
    }

    .social-share .icon-google:before {
        content: "\f04a"
    }

    .social-share .icon-twitter:before {
        content: "\f06a"
    }

    .wechat-qrcode {
        display: none;
        border: 1px solid #eee;
        position: fixed;
        z-index: 999;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 190px;
        margin-top: -96px;
        margin-left: -100px;
        color: #666;
        font-size: 12px;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 10px #aaa;
        box-shadow: 0 2px 10px #aaa;
        -webkit-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
        -webkit-tansition: all 350ms;
        -moz-transition: all 350ms
    }

    .wechat-qrcode.bottom {
        top: 40px;
        left: -84px
    }

    .wechat-qrcode.bottom:after {
        display: none
    }

    .wechat-qrcode h4 {
        font-weight: normal;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        background-color: #f3f3f3;
        margin: 0;
        padding: 0;
        color: #777
    }

    .wechat-qrcode .qrcode {
        width: 105px;
        margin: 10px auto
    }

    .wechat-qrcode .qrcode table {
        margin: 0 !important
    }

    .wechat-qrcode .help p {
        font-weight: normal;
        line-height: 16px;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .wechat-qrcode .closeWechat {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 16px;
        height: 16px;
        z-index: 9;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        cursor: pointer
    }

    .wechat-qrcode .closeWechat:after {
        width: 2px;
        height: 100%;
        position: absolute;
        left: 50%;
        margin-left: -1px;
        content: '';
        display: block;
        background: #666
    }

    .wechat-qrcode .closeWechat::before {
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        content: '';
        display: block;
        background: #666
    }

    .module_vTVxXkhcZYn1 .newsDetailMain {
        padding: 90px 0px 45px;
        overflow: hidden;
        position: relative;
        background: url(../images/newsDetail_01.jpg) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox {
        max-width: 1000px;
        margin: 0px auto
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation img {
        width: 15px;
        display: block
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a {
        display: block;
        font-size: 12px;
        color: #7d7d7d;
        line-height: 18px;
        position: relative;
        padding: 0px 20px 0px 15px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
        content: '/';
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 14px;
        line-height: 16px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a:first-child {
        padding-left: 0px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a:first-child::after {
        line-height: 15px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a:last-child::after {
        display: none
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle {
        padding-top: 20px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
        font-size: 20px;
        color: #272727;
        line-height: 1.2;
        font-weight: 500
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTimeBox {
        margin-top: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTimeBox::after {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 1px;
        background: #e5e5e5;
        content: ''
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTime {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTime div {
        font-size: 12px;
        border: 1px solid #dcdcdc;
        padding: 0px 5px;
        line-height: 30px;
        color: #7d7d7d;
        border-radius: 5px;
        margin-right: 5px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetail {
        padding: 30px 0px;
        font-size: var(--text-fontsize);
        line-height: var(--text-lineheight);
        color: var(--text-color)
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetail img {
        max-width: 100%;
        height: auto !important;
        margin: 0px auto;
        display: block;
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 20px;
        border-top: 1px solid #e9e9e9
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
        display: block;
        font-size: 24px;
        color: #777777;
        margin-right: 40px;
        background-repeat: no-repeat;
        background-position: center
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a.nextPage {
        margin-right: 0px
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a:hover {
        color: var(--vi-color)
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
        display: none;
        font-size: 16px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #2a303b
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
        display: block;
        color: #7e8392;
        top: 0px;
        font-weight: 100;
        opacity: 1;
        font-size: 18px;
        margin: 0px 0px 0px 20px
    }
}

@media (min-width: 768px) {
    .module_vTVxXkhcZYn1 .newsDetailMain {
        padding: 13.125vw 0vw 6.875vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetail {
        padding: 3.75vw 0vw;
        font-size: var(--text-fontsize-768);
        line-height: var(--text-lineheight-768);
        color: var(--text-color)
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a {
        font-size: 0.875vw;
        line-height: 1.125vw;
        padding: 0vw 1.25vw 0vw 0.9375vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
        font-size: 0.875vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a:first-child::after {
        line-height: 0.938vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation img {
        width: 0.9375vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle {
        padding-top: 1.25vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
        font-size: 2.25vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTimeBox {
        margin-top: 1.875vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTime div {
        font-size: 0.875vw;
        padding: 0vw 0.9375vw;
        margin-right: 0.625vw;
        line-height: 1.875vw;
        border-radius: 0.3125vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox {
        padding-top: 2.5vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn {
        width: auto
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
        font-size: 1.5vw;
        margin-right: 2.5vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
        font-size: 1vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
        font-size: 1.313vw;
        margin-left: 1.25vw
    }
}

@media (min-width: 1200px) {
    .module_vTVxXkhcZYn1 .newsDetailMain {
        padding: 10.938vw 0vw 6.875vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetail {
        padding: 3.125vw 0vw;
        font-size: var(--text-fontsize-1200);
        line-height: var(--text-lineheight-1200)
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a {
        font-size: 0.7292vw;
        line-height: 0.9375vw;
        padding: 0vw 1.0417vw 0vw 0.7813vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
        font-size: 0.729vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation a:first-child::after {
        line-height: 0.781vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailLocation img {
        width: 0.7813vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle {
        padding-top: 1.0417vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
        font-size: 1.875vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTimeBox {
        margin-top: 1.563vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .releaseTime div {
        font-size: 0.729vw;
        padding: 0vw 0.7813vw;
        margin-right: 0.5208vw;
        line-height: 1.5625vw;
        border-radius: 0.2604vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox {
        padding-top: 2.0833vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
        font-size: 1.25vw;
        margin-right: 2.0833vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
        font-size: 0.8333vw
    }

    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
        font-size: 1.094vw;
        margin-left: 1.0417vw
    }
}

@media (min-width: 1920px) {
    .module_vTVxXkhcZYn1 .newsDetailMain .newsDetailBox {
        max-width: 52.0833vw
    }
}

@media (min-width: 1px) {
    .productBanner {
        padding-top: 98.426%;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

    .productBanner .productBannerText {
        position: absolute;
        width: 100%;
        top: 26%;
        text-align: center
    }

    .productBanner .productBannerText h3 {
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        color: #fff;
        font-weight: 600
    }

    .productBanner .productBannerText p {
        color: rgba(255, 255, 255, 0.8);
        font-weight: 100;
        font-size: 14px;
        padding-top: 10px
    }

    .productBanner .productBannerText .btn {
        padding-top: 10px;
        font-size: 14px
    }

    .productBanner .productBannerText .btn a {
        color: #69bae9
    }

    .productBanner .productBannerText .btn a span {
        margin-left: 5px
    }

    .productBanner:nth-child() {
        background-image: url(../images/product_01.jpg)
    }

    .productListMain {
        padding-top: 30px
    }

    .productListMain .title {
        text-align: center;
        font-size: 20px;
        line-height: 1.1;
        font-weight: 500;
        color: #2b2b2b;
        font-weight: 600
    }

    .productListMain .productListClass {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 25px
    }

    .productListMain .productListClass a {
        margin: 0px 15px;
        padding-bottom: 3px;
        font-size: 14px;
        display: inline-block;
        position: relative;
        color: #b5b6b9
    }

    .productListMain .productListClass a::after {
        width: 0px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0px;
        height: 1px;
        background: #2b2b2b;
        content: ''
    }

    .productListMain .productListClass a.cur {
        color: #171a20
    }

    .productListMain .productListClass a.cur::after {
        width: 100%
    }

    .productList {
        margin: 0px 20px;
        overflow: hidden;
        position: relative;
        display: none
    }

    .productList .swiper-slide {
        width: -webkit-calc(100%);
        width: calc(100%);
        margin-right: 25px
    }

    .productList .swiper-slide .imgBox {
        position: relative;
        overflow: hidden;
        padding-top: 97.6%
    }

    .productList .swiper-slide .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease
    }

    .productList .swiper-slide .listTitle {
        font-size: 16px;
        color: #2b2b2b;
        margin-top: 10px;
        text-align: center;
        
    }

    .productList .swiper-slide:last-child {
        margin-right: 0px
    }

    .productList .swiper-slide:hover .imgBox img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .productList .prevBtn,
    .productList .nextBtn {
        opacity: 0;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        cursor: pointer;
        position: absolute;
        top: -webkit-calc(50% - 25px);
        top: calc(50% - 25px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #adadad;
        color: #fff;
        font-size: 20px;
        z-index: 20;
        border-radius: 100%
    }

    .productList .prevBtn {
        left: 30px
    }

    .productList .nextBtn {
        right: 30px
    }

    .productList:hover .prevBtn {
        opacity: 1
    }

    .productList:hover .nextBtn {
        opacity: 1
    }

    .productListPage {
        text-align: center;
        margin-top: 20px
    }

    .productListPage span {
        background: #cccccc;
        opacity: 1;
        margin: 0px 3px !important;
        width: 20px;
        height: 4px;
        border-radius: 0px
    }

    .productListPage span.swiper-pagination-bullet-active {
        background: var(--vi-color)
    }

    .productSeriesList {
        margin-top: 30px
    }

    .productSeriesList .list {
        position: relative
    }

    .productSeriesList .list .imgBox {
        padding-top: 80%;
        position: relative;
        overflow: hidden
    }

    .productSeriesList .list .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .productSeriesList .list .listTitleBox {
        position: absolute;
        left: 0px;
        top: 8%;
        width: 100%;
        text-align: center;
        z-index: 10
    }

    .productSeriesList .list .listTitleBox .listTitle {
        font-size: 20px;
        line-height: 1.2;
        color: #fff;
        font-weight: 600
    }

    .productSeriesList .list .listTitleBox .btn {
        padding-top: 10px;
        font-size: 14px
    }

    .productSeriesList .list .listTitleBox .btn a {
        color: #0066cc
    }

    .productSeriesList .list .listTitleBox .btn a span {
        margin-left: 5px
    }

    .productMain {
        padding: 90px 20px 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .productDetailImgBox {
        width: 100%
    }

    .productDetailBigImg {
        overflow: hidden;
        position: relative
    }

    .productDetailBigImg img {
        width: 100%;
        display: block;
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .productDetailBigImg .prevBtn,
    .productDetailBigImg .nextBtn {
        display: none;
        opacity: 0;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        cursor: pointer;
        position: absolute;
        top: -webkit-calc(50% - 25px);
        top: calc(50% - 25px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #adadad;
        color: #fff;
        font-size: 20px;
        z-index: 20;
        border-radius: 100%
    }

    .productDetailBigImg .prevBtn {
        left: 30px
    }

    .productDetailBigImg .nextBtn {
        right: 30px
    }

    .productDetailBigImgPage {
        opacity: 1;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        position: absolute;
        left: 0px;
        bottom: 15px !important;
        width: 100%;
        z-index: 20;
        text-align: center
    }

    .productDetailBigImgPage span {
        width: 20px;
        height: 4px;
        margin: 0px 3px !important;
        background: #dededf;
        border-radius: 0px
    }

    .productDetailBigImgPage span.swiper-pagination-bullet-active {
        background: var(--vi-color)
    }

    .productDetailFoot {
        background: #f5f5f7
    }

    .productDetailFoot .footer_bottom {
        background: #f5f5f7;
        border-top: 1px solid #e0e3ed
    }

    .productDetailFoot .footer_topcontent .left::after {
        display: none;
        background: #e8eaee
    }

    .productDetailFoot .footer_topcontent .right::after {
        display: none;
        background: #e8eaee
    }

    .productDetailSamllImg {
        display: none;
        margin-top: 40px;
        overflow: hidden;
        position: relative
    }

    .productDetailSamllImg img {
        width: 100%;
        display: block
    }

    .productDetail {
        width: 100%;
        padding-left: 0px
    }

    .productDetail .title {
        padding-top: 25px;
        font-size: 20px;
        color: #171a20;
        line-height: 1.2
    }

    .productDetail .price {
        font-size: 16px;
        color: #171a20;
        padding-top: 10px
    }
    .productDetail .tip{font-size:12px;padding-top:5px; color:#999}
    .productDetail .subTitle {
        margin-top: 10px;
        font-size: 12px;
        color: #171a20;
        opacity: 0.9
    }

    .productDetail .versionList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-top: 10px
    }

    .productDetail .versionList .list {
        font-size: 13px;
        margin-left: 15px;
        color: #787878;
        cursor: pointer;
        font-weight: 600;
        border-bottom: 1px solid transparent
    }

    .productDetail .versionList .list.cur {
        color: #000;
        border-color: #000
    }

    .productDetail .specificationList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -25px;
        margin-top: 10px
    }

    .productDetail .specificationList .list {
        font-size: 15px;
        margin-left: 25px;
        color: #787878;
        cursor: pointer;
        font-weight: 600;
        border-bottom: 1px solid transparent
    }

    .productDetail .specificationList .list.cur {
        color: #000;
        border-color: #000
    }

    .productDetail .numberBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }

    .productDetail .numberBox .subtract {
        display: block;
        width: 20px;
        font-size: 18px;
        font-weight: 600;
        color: #8e8e8e;
        cursor: pointer
    }

    .productDetail .numberBox input {
        width: 30px;
        font-size: 17px;
        color: #171a20;
        font-weight: 600;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center
    }

    .productDetail .numberBox .add {
        display: block;
        width: 20px;
        text-align: right;
        font-size: 18px;
        font-weight: 600;
        color: #8e8e8e;
        cursor: pointer
    }

    .productDetail .btn {
        margin-top: 20px
    }

    .productDetail .btn a {
        width: 130px;
        font-size: 12px;
        line-height: 35px;
        border-radius: 4px;
        background: #2292cb;
        color: #fff;
        display: block;
        text-align: center
    }

    .productDetail .descTitle {
        margin-top: 25px;
        font-size: 14px;
        color: #393c41
    }

    .productDetail .desc {
        font-size: 12px;
        line-height: 20px;
        color: #393c41;
        padding-top: 20px
    }

    .productDetail .characteristicTitle {
        margin-top: 20px;
        font-size: 14px;
        color: #393c41
    }

    .productDetail .characteristic {
        font-size: 12px;
        line-height: 22px;
        color: #393c41;
        padding-top: 20px
    }

    .productDetail .characteristic p {
        position: relative;
        padding-left: 15px
    }

    .productDetail .characteristic p::before {
        position: absolute;
        left: 0px;
        top: 10px;
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background: #393c41;
        content: ''
    }

    .zoomMain {
        position: fixed;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 99;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75), visibility 0s 0s, -webkit-transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
        transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75), visibility 0s 0s, -webkit-transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
        -o-transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75), visibility 0s 0s, -o-transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
        transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75), transform 0.5s cubic-bezier(0.5, 0, 0, 0.75), visibility 0s 0s;
        transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75), transform 0.5s cubic-bezier(0.5, 0, 0, 0.75), visibility 0s 0s, -webkit-transform 0.5s cubic-bezier(0.5, 0, 0, 0.75), -o-transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #fff
    }

    .zoomMain .zoomMainClose {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 10px
    }

    .zoomMain .zoomMainClose button {
        width: 30px;
        height: 30px;
        font-size: 18px;
        border-radius: 5px;
        -webkit-transition: .4s ease;
        -o-transition: .4s ease;
        transition: .4s ease;
        color: #000
    }

    .zoomMain .zoomMainClose button:hover {
        background: rgba(0, 0, 0, 0.05)
    }

    .zoomMain .zoomContent {
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        overflow: auto !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin: 15px 20px;
        padding: 0px
    }

    .zoomMain .zoomContent img {
        width: 100%;
        max-height: initial;
        display: block;
        border-radius: 8px;
        margin-bottom: 15px
    }

    .zoomMainOpen {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }

    .zoomMain .zoomContent::-webkit-scrollbar {
        width: 6px;
        height: 16px;
        background-color: #fff
    }

    .zoomMain .zoomContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0);
        border-radius: 6px;
        background-color: #fff
    }

    .zoomMain .zoomContent::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0);
        background-color: #fff
    }
}

@media (min-width: 768px) {
    .productBanner {
        padding-top: 58.125vw
    }

    .productBanner .productBannerText {
        top: 18.75vw
    }

    .productBanner .productBannerText h3 {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .productBanner .productBannerText p {
        font-size: 1.125vw;
        padding-top: 0.9375vw
    }

    .productBanner .productBannerText .btn {
        padding-top: 1.25vw;
        font-size: 0.875vw
    }

    .productBanner .productBannerText .btn a span {
        margin-left: 0.313vw
    }

    .productListMain {
        padding-top: 6.25vw
    }

    .productListMain .title {
        font-size: 2.5vw
    }

    .productListMain .productListClass {
        padding-top: 2.188vw;
        padding-bottom: 3.75vw
    }

    .productListMain .productListClass a {
        margin: 0vw 1.875vw;
        font-size: 0.875vw
    }

    .productList {
        margin: 0vw 3.75vw
    }

    .productList .swiper-slide {
        width: -webkit-calc(50% - 1.813vw);
        width: calc(50% - 1.813vw);
        margin-right: 2.75vw
    }

    .productList .swiper-slide .listTitle {
        font-size: 1.125vw;
        margin-top: 1.563vw
    }

    .productListPage {
        margin-top: 1.25vw;
        display: none
    }

    .productListPage span {
        margin: 0vw 0.188vw !important;
        width: 0.5vw;
        height: 0.5vw
    }

    .productSeriesList {
        margin-top: 4.688vw
    }

    .productSeriesList .list .imgBox {
        padding-top: 58.125vw
    }

    .productSeriesList .list .listTitleBox {
        top: 7.813vw
    }

    .productSeriesList .list .listTitleBox .listTitle {
        font-size: 2.625vw
    }

    .productSeriesList .list .listTitleBox .btn {
        padding-top: 1.125vw;
        font-size: 0.875vw
    }

    .productSeriesList .list .listTitleBox .btn a span {
        margin-left: 0.313vw
    }
}

@media (min-width: 992px) {
    .navigationBar.noShift .navigationBar_list .item:nth-child(-n+4){display:none;}
    .productList .swiper-slide {
        width: -webkit-calc(33.333% - 1.813vw);
        width: calc(33.333% - 1.813vw);
        margin-right: 2.75vw
    }
}

@media (min-width: 1200px) {
    .productBanner {
        padding-top: 48.438vw
    }

    .productBanner .productBannerText {
        top: 15.625vw
    }

    .productBanner .productBannerText h3 {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .productBanner .productBannerText p {
        font-size: 0.9375vw;
        padding-top: 0.7813vw
    }

    .productBanner .productBannerText .btn {
        padding-top: 1.042vw;
        font-size: 0.729vw
    }

    .productBanner .productBannerText .btn a span {
        margin-left: 0.26vw
    }

    .productListMain {
        padding-top: 5.208vw
    }

    .productListMain .title {
        font-size: 2.083vw
    }

    .productListMain .productListClass {
        padding-top: 1.823vw;
        padding-bottom: 3.125vw
    }

    .productListMain .productListClass a {
        margin: 0vw 1.563vw;
        font-size: 0.729vw
    }

    .productList {
        margin: 0vw 3.125vw
    }

    .productList .swiper-slide {
        width: -webkit-calc(33.333% - 1.51vw);
        width: calc(33.333% - 1.51vw);
        margin-right: 2.292vw
    }

    .productList .swiper-slide .listTitle {
        font-size: 0.938vw;
        margin-top: 1.302vw
    }

    .productListPage {
        margin-top: 1.042vw
    }

    .productListPage span {
        margin: 0vw 0.156vw !important;
        width: 0.417vw;
        height: 0.417vw
    }

    .productSeriesList {
        margin-top: 3.906vw
    }

    .productSeriesList .list .imgBox {
        padding-top: 48.438vw
    }

    .productSeriesList .list .listTitleBox {
        top: 6.51vw
    }

    .productSeriesList .list .listTitleBox .listTitle {
        font-size: 2.188vw
    }

    .productSeriesList .list .listTitleBox .btn {
        padding-top: 0.938vw;
        font-size: 0.729vw
    }

    .productSeriesList .list .listTitleBox .btn a span {
        margin-left: 0.26vw
    }
}

@media (min-width: 1px) {
    .caseListBox {
        margin-top: 35px
    }

    .caseListBox .list {
        background: #fafafa;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .caseListBox .list .imgBox {
        position: relative;
        overflow: hidden;
        padding-top: 47%;
        width: 100%
    }

    .caseListBox .list .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .caseListBox .list .contentBox {
        padding-left: 20px;
        padding-bottom: 15px;
        padding-top: 15px;
        width: 100%
    }

    .caseListBox .list .contentBox .title {
        font-size: 18px;
        padding-right: 20px;
        color: #171a20
    }

    .caseListBox .list .contentBox .desc {
        margin-top: 5px;
        padding-right: 20px;
        padding-bottom: 25px;
        font-size: 12px;
        line-height: 18px;
        color: #393c41;
        border-bottom: 1px solid #e1e1e1
    }

    .caseListBox .list .contentBox .caseLogo {
        padding-top: 10px;
        padding-right: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px
    }

    .caseListBox .list .contentBox .caseLogo img {
        height: 36px;
        display: block;
        margin-left: 15px;
        margin-bottom: 10px
    }

    .loadMore {
        padding: 0
    }

    .loadMore a {
        border-radius: 5px;
        width: 130px;
        line-height: 40px;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        border: 1px solid #b2b2b2;
        color: #2b2b2b;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0px auto
    }

    .loadMore a span {
        display: block;
        width: 12px;
        height: 13px;
        background-image: url(../images/loadmore_01.png);
        background-position: 0px -13px;
        -webkit-background-size: 12px 26px;
        background-size: 12px 26px;
        margin-left: 10px;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }

    .loadMore a:hover {
        background: #0066cc;
        border-color: #0066cc;
        color: #fff
    }

    .loadMore a:hover span {
        background-position: 0px 0px
    }

    .opportunityBanner {
        position: relative
    }

    .opportunityBanner .imgBox {
        padding-top: 100%;
        overflow: hidden;
        position: relative
    }

    .opportunityBanner .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .opportunityBanner .opportunityBannerContent {
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center
    }

    .opportunityBanner .opportunityBannerContent .opportunityBannerLogo img {
        height: 70px
    }

    .opportunityBanner .opportunityBannerContent .desc {
        padding-top: 25px;
        font-size: 24px;
        color: #2292cb;
        font-weight: 600;
        line-height: 1.2
    }

    .opportunityBanner .opportunityBannerContent .btn {
        margin-top: 15px;
        font-size: 14px;
        color: #404040;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .opportunityBanner .opportunityBannerContent .btn img {
        display: block;
        margin-left: 10px;
        height: 16px
    }

    .opportunityDesc {
        padding: 45px 0px;
        background-image: url(../images/opportunity_04.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .opportunityDesc .desc {
        max-width: 1000px;
        margin: 0px auto;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-weight: 600
    }

    .opportunityJobs {
        padding: 35px 0px;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .opportunityJobs .imgBox {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%
    }

    .opportunityJobs .imgBox img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .opportunityJobs .commonMain {
        z-index: 10;
        position: relative
    }

    .opportunityJobs .title {
        font-size: 14px;
        color: #3a63ae;
        padding-bottom: 10px
    }

    .opportunityJobs .desc {
        font-size: 20px;
        max-width: 930px;
        margin: 0px auto;
        font-weight: 600;
        line-height: 26px;
        color: #2292cb
    }

    .opportunityJobs .desc2 {
        max-width: 930px;
        margin: 0px auto;
        padding-top: 15px;
        font-size: 16px;
        line-height: 24px;
        color: #404040
    }

    .opportunityJobs .btn {
        padding-top: 20px;
        font-size: 12px
    }

    .opportunityJobs .btn a {
        color: #356ab2
    }

    .opportunityJobs .btn a span {
        margin-left: 10px
    }

    .opportunitySocialRecruitment {
        position: relative
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentVideo {
        position: relative;
        padding-top: 100%
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentVideo img {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .desc {
        font-size: 20px;
        line-height: 28px;
        max-width: 615px;
        color: #fff;
        font-weight: 600
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn {
        padding-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a {
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        margin-right: 15px
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a span {
        margin-left: 10px
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a img {
        height: 18px;
        display: block;
        margin-left: 10px
    }

    .module_62EAAP2O .jobsMain {
        padding: var(--padding);
        overflow: hidden;
        position: relative
    }

    .module_62EAAP2O .jobsMain .jobsListBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list {
        display: block;
        width: 100%;
        margin: 15px 0px 0px;
        border-radius: 15px;
        padding: 20px;
        background: #fff;
        border: 2px solid #f1f1f1;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon {
        padding-right: 10px
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img {
        width: 30px;
        display: block
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle {
        font-size: 16px;
        line-height: 20px;
        color: #171a20;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city {
        margin-top: 8px;
        font-size: 13px;
        color: #535353;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i {
        margin-right: 10px
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobDetail {
        display: none
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .desc {
        margin-top: 15px;
        font-size: 14px;
        color: #5e647a;
        line-height: 24px;
        height: 48px;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .more {
        padding-top: 20px;
        font-size: 24px;
        color: #5e647a
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list:hover {
        border-color: var(--vi-color);
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list:hover .more {
        color: var(--vi-color)
    }

    .module_62EAAP2O .jobsEjectMain {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.5);
        display: none
    }

    .module_62EAAP2O .jobsEjectBox {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .module_62EAAP2O .jobsEject {
        width: 1060px;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 85%;
        padding: 20px;
        background: #fff;
        border-radius: 15px 15px 0px 0px;
        position: relative
    }

    .module_62EAAP2O .jobsEjectClose {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 20px;
        color: #000;
        font-weight: 700;
        cursor: pointer
    }

    .module_62EAAP2O .jobsEjectTitle {
        padding-bottom: 15px;
        margin-right: 10%;
        position: relative
    }

    .module_62EAAP2O .jobsEjectTitle::after {
        content: '';
        background: #e1e1e1;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 1px
    }

    .module_62EAAP2O .jobsEjectTitle .subTitle {
        font-size: 18px;
        line-height: 1.2;
        color: #000000;
        font-weight: 600
    }

    .module_62EAAP2O .jobsEjectTitle .city {
        padding-top: 10px;
        font-size: 12px;
        color: #535353;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_62EAAP2O .jobsEjectTitle .city img {
        width: 15px;
        margin-right: 5px
    }

    .module_62EAAP2O .jobsEjectContent {
        padding: 15px 10% 15px 0px;
        font-size: 14px;
        line-height: 24px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: auto;
        color: #474b51
    }

    .module_62EAAP2O .jobsEjectContent .contentTitle {
        font-size: 14px;
        color: #000000;
        font-weight: 600
    }

    .module_62EAAP2O .jobsEjectContent::-webkit-scrollbar {
        width: 2px;
        height: 16px;
        background-color: #fff
    }

    .module_62EAAP2O .jobsEjectContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        background-color: #fff
    }

    .module_62EAAP2O .jobsEjectContent::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
        background-color: var(--vi-color)
    }

    .jobsDetailFoot {
        background: url(../images/jobs_02.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        padding: var(--padding)
    }

    .jobsDetailFoot .title {
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        text-align: center;
        font-weight: 600
    }

    .jobsDetailFoot .contentBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 25px
    }

    .jobsDetailFoot .contentBox .computer {
        width: 100%;
        height: 51.2vw;
        position: relative
    }

    .jobsDetailFoot .contentBox .computer .computerImg {
        width: 100%;
        display: block;
        position: relative;
        z-index: 10
    }

    .jobsDetailFoot .contentBox .computer .chat {
        width: 69vw;
        height: 38vw;
        overflow: hidden;
        position: absolute;
        left: -webkit-calc(50% - 2px);
        left: calc(50% - 2px);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 1.3vw
    }

    .jobsDetailFoot .contentBox .computer .chat img {
        width: 100%;
        max-height: initial;
        display: block;
        -webkit-animation: imgupward 10s linear infinite;
        -o-animation: imgupward 10s linear infinite;
        animation: imgupward 10s linear infinite;
        -webkit-animation-delay: .5s;
        -o-animation-delay: .5s;
        animation-delay: .5s
    }

    .jobsDetailFoot .contentBox .content {
        width: 100%;
        padding-left: 0px
    }

    .jobsDetailFoot .contentBox .content .list {
        padding: 15px 0px 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .jobsDetailFoot .contentBox .content .list .icon {
        margin-right: 20px
    }

    .jobsDetailFoot .contentBox .content .list .icon img {
        width: 45px;
        display: block
    }

    .jobsDetailFoot .contentBox .content .list .descBox .subTitle {
        font-size: 18px;
        color: #171a20
    }

    .jobsDetailFoot .contentBox .content .list .descBox .desc {
        font-size: 14px;
        line-height: 20px;
        color: #5b5f63;
        padding-top: 5px
    }

    .jobsFooter .footer_bottom {
        border-top: 1px solid #e0e3ed;
        background: none
    }

    @-o-keyframes imgupward {
        0% {
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }

        80% {
            -o-transform: translateY(calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        99.9% {
            -o-transform: translateY(calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        100% {
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    @keyframes imgupward {
        0% {
            -webkit-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }

        80% {
            -webkit-transform: translateY(-webkit-calc(-100% + 17.5vw));
            -o-transform: translateY(calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        99.9% {
            -webkit-transform: translateY(-webkit-calc(-100% + 17.5vw));
            -o-transform: translateY(calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        100% {
            -webkit-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    @-webkit-keyframes imgupward {
        0% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }

        80% {
            -webkit-transform: translateY(-webkit-calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        99.9% {
            -webkit-transform: translateY(-webkit-calc(-100% + 17.5vw));
            transform: translateY(calc(-100% + 17.5vw))
        }

        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    .aboutBox {
        padding: var(--padding)
    }

    .aboutBox .about {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .aboutBox .about .title {
        font-size: 18px;
        color: #3b3b3b;
        width: 100%
    }

    .aboutBox .about .desc {
        font-size: 14px;
        line-height: 22px;
        color: #616367;
        padding-top: 10px
    }

    .aboutBox .aboutImg {
        padding-top: 20px
    }

    .aboutBox .aboutImg img {
        width: 100%;
        display: block;
        border-radius: 6px
    }

    .aboutFounderMain {
        background: url(../images/about_02.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        overflow: hidden
    }

    .aboutFounder {
        padding: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .aboutFounder .aboutFounderContentBox {
        width: -webkit-calc(100%);
        width: calc(100%);
        margin-top: 25px
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent {
        overflow: hidden;
        position: relative
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .title {
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        color: #fff
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .enTitle {
        font-size: 14px;
        color: #2292cb;
        font-family: Arial, Helvetica, sans-serif;
        padding-top: 3px
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .subTitle {
        padding-top: 10px;
        font-size: 16px;
        color: #fff
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .desc {
        padding-top: 10px;
        max-width: 100%;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6)
    }

    .aboutFounder .aboutFounderContentBox .btnBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 70px;
        display: none
    }

    .aboutFounder .aboutFounderContentBox .btnBox a {
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #fff;
        color: #fff;
        font-size: 14px;
        z-index: 20;
        border-radius: 100%
    }

    .aboutFounder .aboutFounderContentBox .btnBox a:hover {
        border-color: var(--vi-color);
        background-color: var(--vi-color)
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderPage {
        text-align: center;
        margin-top: 20px
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderPage span {
        background: #fff;
        opacity: 1;
        margin: 0px 3px !important;
        width: 20px;
        opacity: 1;
        height: 4px;
        border-radius: 0px
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderPage span.swiper-pagination-bullet-active {
        background: var(--vi-color)
    }

    .aboutFounder .aboutFounderImg {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .aboutFounder .aboutFounderImg img {
        width: 100%;
        display: block
    }

    .aboutStoryMain {
        padding: 35px 0px
    }

    .aboutStoryMain .aboutStory {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .aboutStoryMain .aboutStory .title {
        width: 100%;
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        font-weight: 600;
        color: #3b3b3b
    }

    .aboutStoryMain .aboutStory .descBox {
        padding-top: 10px
    }

    .aboutStoryMain .aboutStory .descBox .desc {
        font-size: 14px;
        line-height: 24px;
        color: #616367
    }

    .aboutStoryMain .aboutStory .descBox .listBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 55px
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .number {
        font-size: 18px;
        font-weight: 600;
        color: #2b2b2b;
        text-align: center
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .listTitle {
        padding-top: 3px;
        font-size: 12px;
        color: rgba(23, 26, 32, 0.5)
    }

    .aboutHistoryMain {
        padding: 100px 0px;
        overflow: hidden;
        background-image: url(../images/about_04.jpg);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    .aboutHistoryList {
        position: relative;
        margin: 0px 20px
    }

    .aboutHistoryList .swiper-slide {
        /* width: 50% */
    }

    .aboutHistoryList .swiper-slide .year {
        font-size: 14px;
        color: #646566
    }

    .aboutHistoryList .swiper-slide .year span {
        font-size: 20px
    }

    .aboutHistoryList .swiper-slide .desc {
        font-size: 12px;
        max-height: 120px;
        overflow-y: auto;
        color: #999999;
        margin-right: 25px
    }

    .aboutHistoryList .swiper-slide.swiper-slide-active .year {
        color: #2292cb
    }

    .aboutHistoryLineBox {
        margin-top: 80px;
        height: 316px;
        position: relative;
        display: none
    }

    .aboutHistoryLineBox .commonMain {
        position: relative
    }

    .aboutHistoryLineBox .aboutHistoryLine {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 20;
        width: 100%;
        height: 316px
    }

    .aboutHistoryLineBox .aboutHistoryLine .swiper-slide {
        width: 20%;
        background: url(../images/about_05.png) no-repeat;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        opacity: 0.3;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s
    }

    .aboutHistoryLineBox .aboutHistoryLine .swiper-slide.swiper-slide-active {
        opacity: 1
    }

    .aboutHistoryLineBox .aboutHistoryLine1 {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 246px;
        -webkit-clip-path: url(#menu-clip-path);
        clip-path: url(#menu-clip-path)
    }

    .aboutHistoryLineBox .aboutHistoryLine1 .swiper-slide {
        width: 20%;
        background: url(../images/about_06.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0.3;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s
    }

    .aboutHistoryLineBox .aboutHistoryLine1 .swiper-slide.swiper-slide-active {
        opacity: 1
    }

    .aboutHonorMain {
        padding: 35px 0px;
        background-image: url(../images/about_07.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    .aboutHonor {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .aboutHonor .titleBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .aboutHonor .titleBox .title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        font-weight: 600
    }

    .aboutHonor .titleBox .btn {
        display: none;
        padding-bottom: 140px
    }

    .aboutHonor .titleBox .btn a {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        margin-right: 10px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 14px;
        z-index: 20;
        border-radius: 100%
    }

    .aboutHonor .titleBox .btn a:hover {
        background-color: var(--vi-color);
        border-color: var(--vi-color);
        color: #fff
    }

    .aboutHonor .aboutHonorListBox {
        width: 100%;
        margin-top: 20px
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding-bottom: 30px
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide {
        width: -webkit-calc(100%);
        width: calc(100%);
        margin-right: 10px;
        padding: 30px 15px 25px;
        background-image: url(../images/about_08.jpg);
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
        border-radius: 12px
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .imgBox {
        position: relative;
        overflow: hidden;
        padding-top: 100%
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .imgBox img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content {
        padding-top: 20px
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .year {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8)
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .subTitle {
        font-size: 18px;
        display: -webkit-box;
        height: 48px;
        line-height: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #fff
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar {
        position: absolute;
        bottom: 0px !important;
        top: auto;
        height: 3px;
        background: none
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar::after {
        content: '';
        height: 2px;
        display: block;
        background: rgba(255, 255, 255, 0.3);
        margin-top: 1px
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar .swiper-pagination-progressbar-fill {
        height: 4px;
        background: #2292cb
    }

    .aboutContactMain {
        position: relative;
        background: url(../images/about_17.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover
    }

    .aboutContactMain .imgBox {
        display: none
    }

    .aboutContactMain .imgBox img {
        width: 100%;
        display: block
    }

    .aboutContactMain .aboutContactBox {
        padding: 35px 0px;
        width: 100%
    }

    .aboutContactMain .title {
        font-size: var(--bigTitle-fontSize);
        line-height: var(--bigTitle-lineheight);
        font-weight: 600;
        text-align: center;
        color: #fff
    }

    .aboutContactMain .aboutContact {
        padding-top: 10px
    }

    .aboutContactMain .aboutContact .list {
        padding-top: 20px
    }

    .aboutContactMain .aboutContact .list .subTitle {
        font-size: 16px;
        padding-bottom: 10px;
        color: #fff
    }

    .aboutContactMain .aboutContact .list .desc {
        font-size: 12px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.8)
    }

    .aboutContactMain .mapLocation {
        position: absolute;
        right: 19.5%;
        top: 59%;
        width: 38px;
        display: none
    }

    .aboutContactMain .mapLocation .mapLocationLogo {
        width: 38px;
        height: 38px;
        position: relative;
        z-index: 10;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100%;
        background: #0066cc
    }

    .aboutContactMain .mapLocation .mapLocationLogo img {
        width: 21px;
        display: block;
        position: relative;
        z-index: 10
    }

    .aboutContactMain .mapLocation .mapLocationLogo::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        -webkit-animation: senlarge 1.5s linear infinite;
        -o-animation: senlarge 1.5s linear infinite;
        animation: senlarge 1.5s linear infinite;
        border-radius: 100%;
        background: #0066cc;
        opacity: 0.3
    }

    .aboutContactMain .mapLocation .mapLocationLogo::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        -webkit-animation: senlarge 1.5s linear infinite;
        -o-animation: senlarge 1.5s linear infinite;
        animation: senlarge 1.5s linear infinite;
        -webkit-animation-delay: .7s;
        -o-animation-delay: .7s;
        animation-delay: .7s;
        border-radius: 100%;
        background: #0066cc;
        opacity: 0.3
    }

    .aboutContactMain .mapLocation ul li {
        position: absolute
    }

    .aboutContactMain .mapLocation ul li:nth-child(1) {
        width: 547px;
        height: 64px;
        position: absolute;
        right: 16px;
        top: -18px
    }

    .aboutContactMain .mapLocation ul li:nth-child(1)::after {
        content: '';
        background: url(../images/about_13.png) no-repeat right;
        -webkit-background-size: 547px 64px;
        background-size: 547px 64px;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0px
    }

    .aboutContactMain .mapLocation ul li:nth-child(2) {
        width: 315px;
        height: 197px;
        position: absolute;
        right: 18px;
        bottom: 20px
    }

    .aboutContactMain .mapLocation ul li:nth-child(2)::after {
        content: '';
        background: url(../images/about_14.png) no-repeat right;
        -webkit-background-size: 315px 197px;
        background-size: 315px 197px;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0px;
        bottom: 0px
    }

    .aboutContactMain .mapLocation ul li:nth-child(3) {
        width: 57px;
        height: 164px;
        position: absolute;
        right: 18px;
        bottom: 0px
    }

    .aboutContactMain .mapLocation ul li:nth-child(3)::after {
        content: '';
        background: url(../images/about_15.png) no-repeat right;
        -webkit-background-size: 57px 164px;
        background-size: 57px 164px;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0px;
        bottom: 0px
    }

    .aboutContactMain .mapLocation ul li:nth-child(4) {
        width: 75px;
        height: 162px;
        position: absolute;
        left: 7px;
        bottom: 6px
    }

    .aboutContactMain .mapLocation ul li:nth-child(4)::after {
        content: '';
        background: url(../images/about_16.png) no-repeat bottom;
        -webkit-background-size: 75px 162px;
        background-size: 75px 162px;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0px;
        bottom: 0px
    }

    .aboutContactMain.wow.animated .mapLocation ul li::after {
        -webkit-animation: framesWidth 3s linear 1 !important;
        -o-animation: framesWidth 3s linear 1 !important;
        animation: framesWidth 3s linear 1 !important;
        opacity: 1
    }

    .aboutContactMain.wow.animated .mapLocation ul li:nth-child(4)::after {
        -webkit-animation: framesHeight 3s linear 1 !important;
        -o-animation: framesHeight 3s linear 1 !important;
        animation: framesHeight 3s linear 1 !important
    }

    @-o-keyframes framesWidth {
        0% {
            width: 0%
        }

        100% {
            width: 100%
        }
    }

    @keyframes framesWidth {
        0% {
            width: 0%
        }

        100% {
            width: 100%
        }
    }

    @-webkit-keyframes framesWidth {
        0% {
            width: 0%
        }

        100% {
            width: 100%
        }
    }

    @-o-keyframes framesHeight {
        0% {
            height: 0%
        }

        70% {
            height: 100%
        }
    }

    @keyframes framesHeight {
        0% {
            height: 0%
        }

        70% {
            height: 100%
        }
    }

    @-webkit-keyframes framesHeight {
        0% {
            height: 0%
        }

        70% {
            height: 100%
        }
    }

    @-o-keyframes senlarge {
        0% {
            -o-transform: scale(1);
            transform: scale(1)
        }

        100% {
            -o-transform: scale(2);
            transform: scale(2)
        }
    }

    @keyframes senlarge {
        0% {
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

        100% {
            -webkit-transform: scale(2);
            -o-transform: scale(2);
            transform: scale(2)
        }
    }

    @-webkit-keyframes senlarge {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        100% {
            -webkit-transform: scale(2);
            transform: scale(2)
        }
    }

    .aboutFounderBox {
        padding: 35px 0px 25px;
        background-image: url(../images/about_18.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }
    
    .aboutFounderBox .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        color: #171a20;
    }
    
    .aboutFounderBox .aboutFounderList {
        margin-top: 15px;
        overflow: hidden;
        position: relative;
    }
    
    .aboutFounderBox .aboutFounderList .imgBox {
        position: relative;
        padding-top: 86.723%;
    }
    
    .aboutFounderBox .aboutFounderList .imgBox img {
        position: absolute;
        left: 50%;
        top: 0px;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .aboutFounderBox .aboutFounderList .content .name {
        margin-top: 10px;
        font-size: 18px;
        color: #1b1b1b;
        font-weight: 600;
    }
    
    .aboutFounderBox .aboutFounderList .content .name span {
        font-size: 14px;
        font-weight: 400;
    }
    
    .aboutFounderBox .aboutFounderList .content .name span i {
        padding: 0px 10px;
        font-style: normal;
        color: #b3b7ba;
    }
    
    .aboutFounderBox .aboutFounderList .content .desc {
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
        color: #303030;
    }
    
    .aboutFounderBox .aboutFounderList .aboutFounderListPage {
        text-align: center;
        padding-top: 20px;
    }
    
    .aboutFounderBox .aboutFounderList .aboutFounderListPage span {
        width: 8px;
        height: 8px;
        margin: 0px 3px;
    }
    
    .aboutFounderBox .aboutFounderList .aboutFounderListPage span.swiper-pagination-bullet-active {
        background: #2292cb;
    }

}

@media (min-width: 768px) {
    .module_62EAAP2O .jobsMain {
        padding: var(--padding-768)
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list {
        width: -webkit-calc(50% - 2.75vw);
        width: calc(50% - 2.75vw);
        margin: 2.8125vw 1.375vw 0vw;
        padding: 3.125vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle {
        font-size: 1.375vw;
        line-height: 1.5vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city {
        margin-top: 0.5vw;
        font-size: 0.9375vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i {
        margin-right: 0.625vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon {
        padding-right: 1.875vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img {
        width: 1.875vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .desc {
        margin-top: 1.5625vw;
        font-size: 1vw;
        line-height: 1.75vw;
        height: 3.5vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .more {
        padding-top: 1.25vw;
        font-size: 1.5vw
    }

    .module_62EAAP2O .jobsEjectBox {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .module_62EAAP2O .jobsEject {
        padding: 3.75vw;
        max-width: 92%;
        border-radius: 0.9375vw
    }

    .module_62EAAP2O .jobsEjectClose {
        right: 3.75vw;
        top: 3.75vw
    }

    .module_62EAAP2O .jobsEjectTitle {
        padding-bottom: 1.5625vw
    }

    .module_62EAAP2O .jobsEjectTitle .subTitle {
        font-size: 2.125vw
    }

    .module_62EAAP2O .jobsEjectTitle .city {
        font-size: 0.9375vw;
        padding-top: 1.25vw
    }

    .module_62EAAP2O .jobsEjectTitle .city i {
        margin-right: 0.625vw
    }

    .module_62EAAP2O .jobsEjectContent {
        padding: 1.875vw 10% 1.875vw 0vw;
        font-size: 1vw;
        line-height: 2vw
    }

    .module_62EAAP2O .jobsEjectContent .contentTitle {
        font-size: 1.125vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list:nth-child(-n+2) {
        margin-top: 0px
    }

    .jobsDetailFoot {
        padding: var(--padding-768)
    }

    .jobsDetailFoot .title {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768);
        font-weight: 600
    }

    .jobsDetailFoot .contentBox {
        padding-top: 6.875vw
    }

    .jobsDetailFoot .contentBox .computer {
        width: 54%
    }

    .jobsDetailFoot .contentBox .content {
        width: 46%;
        padding-left: 4.75vw
    }

    .jobsDetailFoot .contentBox .content .list {
        padding: 1.875vw 0vw 0.625vw
    }

    .jobsDetailFoot .contentBox .content .list .icon {
        margin-right: 1.875vw
    }

    .jobsDetailFoot .contentBox .content .list .icon img {
        width: 4.375vw
    }

    .jobsDetailFoot .contentBox .content .list .descBox .subTitle {
        font-size: 1.5vw
    }

    .jobsDetailFoot .contentBox .content .list .descBox .desc {
        font-size: 1vw;
        line-height: 1.5vw;
        padding-top: 0.938vw
    }

    .aboutBox {
        padding: var(--padding-768)
    }

    .aboutBox .about .title {
        font-size: 2vw
    }

    .aboutBox .about .desc {
        font-size: 0.875vw;
        line-height: 1.5vw
    }

    .aboutBox .aboutImg {
        padding-top: 5vw
    }

    .aboutBox .aboutImg img {
        border-radius: 0.75vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .title {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .aboutFounder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0px
    }

    .aboutFounder .aboutFounderContentBox {
        width: -webkit-calc(100% - 51.875vw);
        width: calc(100% - 51.875vw)
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .enTitle {
        font-size: 1.125vw;
        padding-top: 0.5vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .subTitle {
        padding-top: 1.25vw;
        font-size: 1.25vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .desc {
        padding-top: 0.625vw;
        padding-right: 1.875vw;
        max-width: 100%;
        font-size: 1.063vw
    }

    .aboutFounder .aboutFounderContentBox .btnBox {
        padding-top: 4.375vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .aboutFounder .aboutFounderContentBox .btnBox a {
        width: 3.125vw;
        height: 3.125vw;
        margin-right: 0.625vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0.063vw solid #fff;
        color: #fff;
        font-size: 0.875vw
    }

    .aboutFounder .aboutFounderImg {
        width: 51.875vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderPage {
        display: none
    }

    .aboutStoryMain .aboutStory .title {
        width: 25.25vw;
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .aboutStoryMain {
        padding: 6.25vw 0vw 5.313vw
    }

    .aboutStoryMain .aboutStory .descBox {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: 0px
    }

    .aboutStoryMain .aboutStory .descBox .desc {
        font-size: 0.875vw;
        line-height: 1.5vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox {
        padding-top: 3.438vw;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list {
        margin-right: 6.375vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .number {
        font-size: 1.625vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .listTitle {
        padding-top: 0.188vw;
        font-size: 0.813vw
    }

    .aboutHistoryMain {
        padding: 9.375vw 0vw
    }

    .aboutHistoryList {
        margin: 0px
    }

    .aboutHistoryList .swiper-slide {
        /* width: 20% */
    }

    .aboutHistoryList .swiper-slide .year {
        font-size: 0.875vw
    }

    .aboutHistoryList .swiper-slide .year span {
        font-size: 1.625vw
    }

    .aboutHistoryList .swiper-slide .desc {
        font-size: 0.875vw;
        max-height: 7.5vw;
        margin-right: 3.75vw
    }

    .aboutHistoryLineBox {
        margin-top: 5vw;
        height: 19.75vw
    }

    .aboutHistoryLineBox .aboutHistoryLine {
        height: 19.75vw
    }

    .aboutHistoryLineBox .aboutHistoryLine1 {
        height: 15.375vw;
        -webkit-clip-path: url(#menu-clip-path5);
        clip-path: url(#menu-clip-path5)
    }

    .aboutHonor .titleBox .title {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .aboutHonorMain {
        padding: 12.5vw 0vw 8.75vw
    }

    .aboutHonor .titleBox {
        width: 26.875vw
    }

    .aboutHonor .titleBox .btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 8.75vw
    }

    .aboutHonor .titleBox .btn a {
        width: 3.125vw;
        height: 3.125vw;
        margin-right: 0.625vw;
        border: 0.063vw solid #fff;
        font-size: 0.875vw
    }

    .aboutHonor .aboutHonorListBox {
        width: -webkit-calc(100% - 26.875vw);
        width: calc(100% - 26.875vw)
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList {
        width: 125%;
        padding-bottom: 5vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .imgBox {
        padding-top: 100%
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide {
        width: 28.125vw;
        margin-right: 2.5vw;
        padding: 3.75vw 3.125vw 2.813vw;
        border-radius: 0.75vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content {
        padding-top: 1.25vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .year {
        font-size: 0.875vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .subTitle {
        font-size: 1.5vw;
        line-height: 2.125vw;
        display: -webkit-box;
        height: 4.25vw;
        line-height: 2.125vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar {
        height: 0.188vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar::after {
        height: 0.125vw;
        margin-top: 0.063vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar .swiper-pagination-progressbar-fill {
        height: 0.25vw
    }

    .aboutContactMain .title {
        font-size: var(--bigTitle-fontSize-768);
        line-height: var(--bigTitle-lineheight-768)
    }

    .aboutContactMain {
        position: relative
    }

    .aboutContactMain .imgBox {
        display: block
    }

    .aboutContactMain .aboutContactBox {
        padding: 6.875vw 0vw 0vw;
        position: absolute;
        left: 0px;
        top: 0px
    }

    .aboutContactMain .aboutContact {
        padding-top: 3.125vw
    }

    .aboutContactMain .aboutContact .list {
        padding-top: 5.625vw
    }

    .aboutContactMain .aboutContact .list .subTitle {
        font-size: 1.625vw;
        padding-bottom: 0.625vw
    }

    .aboutContactMain .aboutContact .list .desc {
        font-size: 0.875vw;
        line-height: 1.375vw
    }

    .aboutContactMain .mapLocation {
        width: 1.979vw;
        display: block
    }

    .aboutContactMain .mapLocation .mapLocationLogo {
        width: 1.979vw;
        height: 1.979vw
    }

    .aboutContactMain .mapLocation .mapLocationLogo img {
        width: 1.094vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(1) {
        width: 28.49vw;
        height: 3.333vw;
        right: 0.833vw;
        top: -0.938vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(1)::after {
        -webkit-background-size: 28.49vw 3.333vw;
        background-size: 28.49vw 3.333vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(2) {
        width: 16.407vw;
        height: 10.261vw;
        right: 0.938vw;
        bottom: 1.042vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(2)::after {
        -webkit-background-size: 16.407vw 10.261vw;
        background-size: 16.407vw 10.261vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(3) {
        width: 2.969vw;
        height: 8.542vw;
        right: 0.938vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(3)::after {
        -webkit-background-size: 2.969vw 8.542vw;
        background-size: 2.969vw 8.542vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(4) {
        width: 3.907vw;
        height: 8.438vw;
        left: 0.365vw;
        bottom: 0.313vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(4)::after {
        -webkit-background-size: 3.907vw 8.438vw;
        background-size: 3.907vw 8.438vw
    }

    .caseListBox {
        margin-top: 6.875vw
    }

    .caseListBox .list .imgBox {
        padding-top: 27%;
        width: 50%
    }

    .caseListBox .list .contentBox {
        padding-left: 6.25vw;
        padding-top: 0vw;
        padding-bottom: 0vw;
        width: 50%
    }

    .caseListBox .list .contentBox .title {
        font-size: 1.75vw;
        padding-right: 6.25vw
    }

    .caseListBox .list .contentBox .desc {
        margin-top: 0.938vw;
        padding-right: 6.25vw;
        padding-bottom: 1.563vw;
        font-size: 0.875vw;
        line-height: 1.625vw;
        border-bottom: 0.063vw solid #e1e1e1
    }

    .caseListBox .list .contentBox .caseLogo {
        padding-top: 1.25vw;
        padding-right: 6.25vw;
        margin-left: -2.188vw
    }

    .caseListBox .list .contentBox .caseLogo img {
        height: 3.5vw;
        margin-left: 2.188vw;
        margin-bottom: 0.625vw
    }

    .caseListBox .list:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .caseListBox .list:nth-child(2n) .contentBox {
        padding-left: 0vw;
        padding-right: 6.25vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .title {
        padding-left: 14.375vw;
        padding-right: 0vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .desc {
        padding-left: 14.375vw;
        padding-right: 0vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .caseLogo {
        padding-left: 14.375vw;
        padding-right: 0vw
    }

    .loadMore {
        padding: 5vw 0vw 7.5vw
    }

    .loadMore a {
        border-radius: 0.313vw;
        width: 11.25vw;
        line-height: 2.5vw;
        border: 0.063vw solid #b2b2b2;
        margin: 0vw auto
    }

    .loadMore a span {
        width: 0.75vw;
        height: 0.813vw;
        margin-left: 0.625vw;
        background-position: 0px -0.813vw;
        -webkit-background-size: 0.75vw 1.625vw;
        background-size: 0.75vw 1.625vw
    }

    .productMain {
        padding: 5.625vw 3.75vw 7.5vw
    }

    .productDetailImgBox {
        width: 68%
    }

    .productDetailBigImg .prevBtn,
    .productDetailBigImg .nextBtn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        top: -webkit-calc(50% - 1.563vw);
        top: calc(50% - 1.563vw);
        width: 3.125vw;
        height: 3.125vw;
        font-size: 1.25vw
    }

    .productDetailBigImg .prevBtn {
        left: 1.875vw
    }

    .productDetailBigImg .nextBtn {
        right: 1.875vw
    }

    .productDetailBigImgPage {
        bottom: 1.875vw !important;
        opacity: 0
    }

    .productDetailBigImgPage span {
        width: 1.875vw;
        height: 0.25vw;
        margin: 0vw 0.188vw !important
    }

    .productDetailBigImg:hover .prevBtn {
        opacity: 1
    }

    .productDetailBigImg:hover .nextBtn {
        opacity: 1
    }

    .productDetailBigImg:hover .productDetailBigImgPage {
        opacity: 1
    }

    .productDetailSamllImg {
        margin-top: 2.5vw;
        display: block
    }

    .productDetail {
        width: 32%;
        padding-left: 3.125vw
    }

    .productDetail .title {
        padding-top: 0.625vw;
        font-size: 2.25vw
    }

    .productDetail .price {
        font-size: 1.188vw;
        padding-top: 0.625vw
    }

    .productDetail .subTitle {
        margin-top: 1.25vw;
        font-size: 0.875vw
    }

    .productDetail .versionList {
        margin-left: -1.563vw;
        margin-top: 0.625vw
    }

    .productDetail .versionList .list {
        font-size: 0.938vw;
        margin-left: 1.563vw;
        font-weight: 600;
        border-bottom: 0.063vw solid transparent
    }

    .productDetail .specificationList {
        margin-left: -1.563vw;
        margin-top: 0.625vw
    }

    .productDetail .specificationList .list {
        font-size: 0.938vw;
        margin-left: 1.563vw;
        border-bottom: 0.063vw solid transparent
    }

    .productDetail .numberBox {
        margin-top: 0.625vw
    }

    .productDetail .numberBox .subtract {
        width: 1.25vw;
        font-size: 1.125vw
    }

    .productDetail .numberBox input {
        width: 1.875vw;
        font-size: 1.063vw
    }

    .productDetail .numberBox .add {
        width: 1.25vw;
        font-size: 1.125vw
    }

    .productDetail .btn {
        margin-top: 1.25vw
    }

    .productDetail .btn a {
        width: 11.25vw;
        font-size: 0.875vw;
        line-height: 2.5vw;
        border-radius: 0.25vw
    }

    .productDetail .descTitle {
        margin-top: 3.125vw;
        font-size: 0.875vw
    }

    .productDetail .desc {
        font-size: 0.875vw;
        line-height: 1.25vw;
        padding-top: 1.25vw
    }

    .productDetail .characteristicTitle {
        margin-top: 1.875vw;
        font-size: 0.875vw
    }

    .productDetail .characteristic {
        font-size: 0.875vw;
        line-height: 1.625vw;
        padding-top: 1.25vw
    }

    .productDetail .characteristic p {
        padding-left: 1.125vw
    }

    .productDetail .characteristic p::before {
        left: 0vw;
        top: 0.75vw;
        width: 0.188vw;
        height: 0.188vw
    }

    .zoomMain .zoomMainClose {
        padding: 0.938vw
    }

    .zoomMain .zoomMainClose button {
        width: 2.5vw;
        height: 2.5vw;
        font-size: 1.25vw;
        border-radius: 0.313vw
    }

    .zoomMain .zoomContent {
        margin: 1vw 1.5vw;
        padding: 2vw 1.5vw 0.875vw
    }

    .zoomMain .zoomContent img {
        border-radius: 0.5vw;
        margin-bottom: 0.938vw
    }

    .opportunityBanner .imgBox {
        height: 58.125vw;
        padding-top: 0vw
    }

    .opportunityBanner .opportunityBannerContent .opportunityBannerLogo img {
        height: 9.063vw
    }

    .opportunityBanner .opportunityBannerContent .desc {
        padding-top: 3.438vw;
        font-size: 5vw
    }

    .opportunityBanner .opportunityBannerContent .btn {
        margin-top: 2.188vw;
        font-size: 1.125vw
    }

    .opportunityBanner .opportunityBannerContent .btn img {
        margin-left: 0.625vw;
        height: 1.25vw
    }

    .opportunityDesc {
        height: 58.125vw;
        padding: 0px
    }

    .opportunityDesc .desc {
        max-width: 62.5vw;
        font-size: 3.125vw;
        line-height: 3.625vw
    }

    .opportunityJobs {
        padding: 8.75vw 0vw
    }

    .opportunityJobs .title {
        font-size: 1.875vw;
        padding-bottom: 0.625vw
    }

    .opportunityJobs .desc {
        font-size: 4.688vw;
        max-width: 58.125vw;
        line-height: 5.625vw
    }

    .opportunityJobs .desc2 {
        max-width: 58.125vw;
        padding-top: 2.188vw;
        font-size: 1.375vw;
        line-height: 2.375vw
    }

    .opportunityJobs .btn {
        padding-top: 6.25vw;
        font-size: 1.125vw
    }

    .opportunityJobs .btn a span {
        margin-left: 0.625vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentVideo {
        height: 58.125vw;
        padding: 0px
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .desc {
        font-size: 3.125vw;
        line-height: 3.625vw;
        max-width: 38.438vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn {
        padding-top: 4.375vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a {
        font-size: 1.125vw;
        margin-right: 2.188vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a span {
        margin-left: 0.625vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a img {
        height: 1.125vw;
        margin-left: 0.625vw
    }

    .jobsDetailFoot .contentBox .computer {
        height: 22.917vw
    }

    .jobsDetailFoot .contentBox .computer .chat {
        width: 31.663vw;
        top: 0.67vw;
        height: 17vw
    }
    .attestatNum_swiper .swiper-slide{width: 25%;}

    .aboutFounderBox {
		padding: 5.625vw 0vw 10.625vw;
	}

	.aboutFounderBox .title {
		font-size: 2.25vw;
	}

	.aboutFounderBox .aboutFounderList {
		margin-top: 2.188vw;
	}

	.aboutFounderBox .aboutFounderList .imgBox {
		padding-top: 86.723%;
	}

	.aboutFounderBox .aboutFounderList .content .name {
		margin-top: 0.625vw;
		font-size: 1.875vw;
	}

	.aboutFounderBox .aboutFounderList .content .name span {
		font-size: 1.125vw;
		display: inline;
	}

	.aboutFounderBox .aboutFounderList .content .name span i {
		padding: 0vw 0.625vw;
		display: inline;
	}

	.aboutFounderBox .aboutFounderList .content .desc {
		margin-top: 1.25vw;
		font-size: 1vw;
		line-height: -webkit-calc(30 / 16);
		line-height: calc(30 / 16);
	}

	.aboutFounderBox .aboutFounderList .aboutFounderListPage {
		padding-top: 1.875vw;
	}

	.aboutFounderBox .aboutFounderList .aboutFounderListPage span {
		width: 0.625vw;
		height: 0.625vw;
		margin: 0vw 0.25vw;
	}

}

@media (min-width: 992px) {
    .aboutBox .about .title {
        width: 31.25vw;
        padding-right: 8.75vw
    }

    .aboutBox .about .desc {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .aboutHistoryLineBox .aboutHistoryLine1 {
        -webkit-clip-path: url(#menu-clip-path4);
        clip-path: url(#menu-clip-path4)
    }

    .aboutHistoryLineBox {
        display: block
    }
}

@media (min-width: 1200px) {
    .module_62EAAP2O .jobsMain {
        padding: var(--padding-1200)
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list {
        width: -webkit-calc(33.333% - 2.2917vw);
        width: calc(33.333% - 2.2917vw);
        margin: 2.3438vw 1.1458vw 0vw;
        padding: 2.6042vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle {
        font-size: 1.1458vw;
        line-height: 1.25vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city {
        margin-top: 0.4167vw;
        font-size: 0.7813vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i {
        margin-right: 0.5208vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon {
        padding-right: 1.5625vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img {
        width: 1.5625vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .desc {
        margin-top: 1.3021vw;
        font-size: 0.8333vw;
        line-height: 1.4583vw;
        height: 2.9167vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list .more {
        padding-top: 1.0417vw;
        font-size: 1.25vw
    }

    .module_62EAAP2O .jobsEject {
        padding: 3.125vw;
        border-radius: 0.7813vw
    }

    .module_62EAAP2O .jobsEjectClose {
        right: 3.125vw;
        top: 3.125vw
    }

    .module_62EAAP2O .jobsEjectTitle {
        padding-bottom: 1.3021vw
    }

    .module_62EAAP2O .jobsEjectTitle .subTitle {
        font-size: 1.7708vw
    }

    .module_62EAAP2O .jobsEjectTitle .city {
        font-size: 0.7813vw;
        padding-top: 1.0417vw
    }

    .module_62EAAP2O .jobsEjectTitle .city i {
        margin-right: 0.5208vw
    }

    .module_62EAAP2O .jobsEjectContent {
        padding: 1.5625vw 10% 1.5625vw 0vw;
        font-size: 0.8333vw;
        line-height: 1.6667vw
    }

    .module_62EAAP2O .jobsEjectContent .contentTitle {
        font-size: 0.9375vw
    }

    .module_62EAAP2O .jobsMain .jobsListBox .list:nth-child(-n+3) {
        margin-top: 0px
    }

    .jobsDetailFoot {
        padding: var(--padding-1200)
    }

    .jobsDetailFoot .title {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .jobsDetailFoot .contentBox {
        padding-top: 5.729vw
    }

    .jobsDetailFoot .contentBox .computer {
        width: 54%
    }

    .jobsDetailFoot .contentBox .content {
        width: 46%;
        padding-left: 7.292vw
    }

    .jobsDetailFoot .contentBox .content .list {
        padding: 1.563vw 0vw 0.521vw
    }

    .jobsDetailFoot .contentBox .content .list .icon {
        margin-right: 1.563vw
    }

    .jobsDetailFoot .contentBox .content .list .icon img {
        width: 3.646vw
    }

    .jobsDetailFoot .contentBox .content .list .descBox .subTitle {
        font-size: 1.25vw
    }

    .jobsDetailFoot .contentBox .content .list .descBox .desc {
        font-size: 0.833vw;
        line-height: 1.25vw;
        padding-top: 0.781vw
    }

    .aboutBox {
        padding: var(--padding-1200)
    }

    .aboutBox .about .title {
        font-size: 1.667vw;
        width: 26.042vw;
        padding-right: 7.292vw
    }

    .aboutBox .about .desc {
        font-size: 0.729vw;
        line-height: 1.25vw
    }

    .aboutBox .aboutImg {
        padding-top: 4.167vw
    }

    .aboutBox .aboutImg img {
        border-radius: 0.625vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .title {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .aboutFounder .aboutFounderContentBox {
        width: -webkit-calc(100% - 43.229vw);
        width: calc(100% - 43.229vw)
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .enTitle {
        font-size: 0.938vw;
        padding-top: 0.417vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .subTitle {
        padding-top: 1.042vw;
        font-size: 1.042vw
    }

    .aboutFounder .aboutFounderContentBox .aboutFounderContent .desc {
        padding-top: 0.521vw;
        padding-right: 0;
        font-size: 0.885vw
    }

    .aboutFounder .aboutFounderContentBox .btnBox {
        padding-top: 3.646vw
    }

    .aboutFounder .aboutFounderContentBox .btnBox a {
        width: 2.604vw;
        height: 2.604vw;
        margin-right: 0.521vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0.052vw solid #fff;
        color: #fff;
        font-size: 0.729vw
    }

    .aboutFounder .aboutFounderImg {
        width: 43.229vw
    }

    .aboutStoryMain .aboutStory .title {
        width: 26.042vw;
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .aboutStoryMain {
        padding: 5.208vw 0vw 4.427vw
    }

    .aboutStoryMain .aboutStory .descBox .desc {
        font-size: 0.729vw;
        line-height: 1.25vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox {
        padding-top: 2.865vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list {
        margin-right: 7.813vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .number {
        font-size: 1.354vw
    }

    .aboutStoryMain .aboutStory .descBox .listBox .list .listTitle {
        padding-top: 0.156vw;
        font-size: 0.677vw
    }

    .aboutHistoryMain {
        padding: 15.625vw 0vw 1.823vw
    }

    .aboutHistoryList .swiper-slide {
        /* width: 20% */
    }

    .aboutHistoryList .swiper-slide .year {
        font-size: 0.729vw
    }

    .aboutHistoryList .swiper-slide .year span {
        font-size: 1.354vw
    }

    .aboutHistoryList .swiper-slide .desc {
        font-size: 0.729vw;
        max-height: 10vw;
        margin-right: 3.125vw
    }

    .aboutHistoryLineBox {
        margin-top: 4.167vw;
        height: 16.458vw
    }

    .aboutHistoryLineBox .aboutHistoryLine {
        height: 16.458vw
    }

    .aboutHistoryLineBox .aboutHistoryLine1 {
        height: 12.813vw;
        -webkit-clip-path: url(#menu-clip-path5);
        clip-path: url(#menu-clip-path5)
    }

    .aboutHonor .titleBox .title {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .aboutHonorMain {
        padding: 10.417vw 0vw 7.292vw
    }

    .aboutHonor .titleBox {
        width: 22.396vw
    }

    .aboutHonor .titleBox .btn {
        padding-bottom: 7.292vw
    }

    .aboutHonor .titleBox .btn a {
        width: 60px;
        height: 60px;
        margin-right: 0.521vw;
        border: 0.052vw solid #fff;
        font-size: 0.729vw
    }

    .aboutHonor .aboutHonorListBox {
        width: -webkit-calc(100% - 22.396vw);
        width: calc(100% - 22.396vw)
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList {
        width: 125%;
        padding-bottom: 4.167vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide {
        width: 23.438vw;
        margin-right: 2.083vw;
        padding: 3.125vw 2.604vw 2.344vw;
        border-radius: 0.625vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content {
        padding-top: 1.042vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .year {
        font-size: 0.729vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .swiper-slide .content .subTitle {
        font-size: 1.25vw;
        line-height: 1.771vw;
        display: -webkit-box;
        height: 3.542vw;
        line-height: 1.771vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar {
        height: 0.156vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar::after {
        height: 0.104vw;
        margin-top: 0.052vw
    }

    .aboutHonor .aboutHonorListBox .aboutHonorList .aboutHonorListBar .swiper-pagination-progressbar-fill {
        height: 0.208vw
    }

    .aboutContactMain .title {
        font-size: var(--bigTitle-fontSize-1200);
        line-height: var(--bigTitle-lineheight-1200)
    }

    .aboutContactMain {
        position: relative
    }

    .aboutContactMain .aboutContactBox {
        padding: 5.729vw 0vw 0vw
    }

    .aboutContactMain .aboutContact {
        padding-top: 2.604vw
    }

    .aboutContactMain .aboutContact .list {
        padding-top: 4.688vw
    }

    .aboutContactMain .aboutContact .list .subTitle {
        font-size: 1.354vw;
        padding-bottom: 0.521vw
    }

    .aboutContactMain .aboutContact .list .desc {
        font-size: 0.729vw;
        line-height: 1.146vw
    }

    .aboutContactMain .mapLocation {
        width: 1.979vw
    }

    .aboutContactMain .mapLocation .mapLocationLogo {
        width: 1.979vw;
        height: 1.979vw
    }

    .aboutContactMain .mapLocation .mapLocationLogo img {
        width: 1.094vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(1) {
        width: 28.49vw;
        height: 3.333vw;
        right: 0.833vw;
        top: -0.938vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(1)::after {
        -webkit-background-size: 28.49vw 3.333vw;
        background-size: 28.49vw 3.333vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(2) {
        width: 16.406vw;
        height: 10.26vw;
        right: 0.938vw;
        bottom: 1.042vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(2)::after {
        -webkit-background-size: 16.406vw 10.26vw;
        background-size: 16.406vw 10.26vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(3) {
        width: 2.969vw;
        height: 8.542vw;
        right: 0.938vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(3)::after {
        -webkit-background-size: 2.969vw 8.542vw;
        background-size: 2.969vw 8.542vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(4) {
        width: 3.906vw;
        height: 8.438vw;
        left: 0.365vw;
        bottom: 0.313vw
    }

    .aboutContactMain .mapLocation ul li:nth-child(4)::after {
        -webkit-background-size: 3.906vw 8.438vw;
        background-size: 3.906vw 8.438vw
    }

    .caseListBox {
        margin-top: 5.729vw
    }

    .caseListBox .list .imgBox {
        padding-top: 27%;
        width: 50%
    }

    .caseListBox .list .contentBox {
        padding-left: 5.208vw;
        width: 50%
    }

    .caseListBox .list .contentBox .title {
        font-size: 1.458vw;
        padding-right: 5.208vw
    }

    .caseListBox .list .contentBox .desc {
        margin-top: 0.781vw;
        padding-right: 5.208vw;
        padding-bottom: 1.302vw;
        font-size: 0.729vw;
        line-height: 1.354vw;
        border-bottom: 0.052vw solid #e1e1e1
    }

    .caseListBox .list .contentBox .caseLogo {
        padding-top: 1.042vw;
        padding-right: 5.208vw;
        margin-left: -1.823vw
    }

    .caseListBox .list .contentBox .caseLogo img {
        height: 2.917vw;
        margin-left: 1.823vw;
        margin-bottom: 0.521vw
    }

    .caseListBox .list:nth-child(2n) .contentBox {
        padding-left: 0vw;
        padding-right: 5.208vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .title {
        padding-left: 11.979vw;
        padding-right: 0vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .desc {
        padding-left: 11.979vw;
        padding-right: 0vw
    }

    .caseListBox .list:nth-child(2n) .contentBox .caseLogo {
        padding-left: 11.979vw;
        padding-right: 0vw
    }

    .loadMore {
        padding: 4.167vw 0vw 6.25vw
    }

    .loadMore a {
        border-radius: 0.26vw;
        width: 9.375vw;
        line-height: 2.083vw;
        border: 0.052vw solid #b2b2b2;
        margin: 0vw auto
    }

    .loadMore a span {
        width: 0.625vw;
        height: 0.677vw;
        margin-left: 0.521vw;
        -webkit-background-size: 0.625vw 1.354vw;
        background-size: 0.625vw 1.354vw;
        background-position: 0px -0.677vw
    }

    .productMain {
        padding: 4.688vw 3.125vw 6.25vw
    }

    .productDetailImgBox {
        width: 68%
    }

    .productDetailBigImg .prevBtn,
    .productDetailBigImg .nextBtn {
        top: -webkit-calc(50% - 1.302vw);
        top: calc(50% - 1.302vw);
        width: 2.604vw;
        height: 2.604vw;
        font-size: 1.042vw
    }

    .productDetailBigImg .prevBtn {
        left: 1.563vw
    }

    .productDetailBigImg .nextBtn {
        right: 1.563vw
    }

    .productDetailBigImgPage {
        bottom: 1.563vw !important
    }

    .productDetailBigImgPage span {
        width: 1.563vw;
        height: 0.208vw;
        margin: 0vw 0.156vw !important
    }

    .productDetailSamllImg {
        margin-top: 2.083vw
    }

    .productDetail {
        width: 32%;
        padding-left: 2.604vw
    }

    .productDetail .title {
        padding-top: 0.521vw;
        font-size: 1.875vw
    }

    .productDetail .price {
        font-size: 0.99vw;
        padding-top: 0.521vw
    }

    .productDetail .subTitle {
        margin-top: 1.042vw;
        font-size: 0.729vw
    }

    .productDetail .versionList {
        margin-left: -1.302vw;
        margin-top: 0.521vw
    }

    .productDetail .versionList .list {
        font-size: 0.781vw;
        margin-left: 1.302vw;
        font-weight: 600;
        border-bottom: 0.052vw solid transparent
    }

    .productDetail .specificationList {
        margin-left: -1.302vw;
        margin-top: 0.521vw
    }

    .productDetail .specificationList .list {
        font-size: 0.781vw;
        margin-left: 1.302vw;
        border-bottom: 0.052vw solid transparent
    }

    .productDetail .numberBox {
        margin-top: 0.521vw
    }

    .productDetail .numberBox .subtract {
        width: 1.042vw;
        font-size: 0.938vw
    }

    .productDetail .numberBox input {
        width: 1.563vw;
        font-size: 0.885vw
    }

    .productDetail .numberBox .add {
        width: 1.042vw;
        font-size: 0.938vw
    }

    .productDetail .btn {
        margin-top: 1.042vw
    }

    .productDetail .btn a {
        width: 9.375vw;
        font-size: 0.729vw;
        line-height: 2.083vw;
        border-radius: 0.208vw
    }

    .productDetail .descTitle {
        margin-top: 2.604vw;
        font-size: 0.729vw
    }

    .productDetail .desc {
        font-size: 0.729vw;
        line-height: 1.042vw;
        padding-top: 1.042vw
    }

    .productDetail .characteristicTitle {
        margin-top: 1.563vw;
        font-size: 0.729vw
    }

    .productDetail .characteristic {
        font-size: 0.729vw;
        line-height: 1.354vw;
        padding-top: 1.042vw
    }

    .productDetail .characteristic p {
        padding-left: 0.938vw
    }

    .productDetail .characteristic p::before {
        left: 0vw;
        top: 0.625vw;
        width: 0.156vw;
        height: 0.156vw
    }

    .zoomMain .zoomMainClose {
        padding: 0.781vw
    }

    .zoomMain .zoomMainClose button {
        width: 2.083vw;
        height: 2.083vw;
        font-size: 1.042vw;
        border-radius: 0.26vw
    }

    .zoomMain .zoomContent {
        margin: 0.833vw 1.25vw;
        padding: 1.667vw 1.25vw 0.729vw
    }

    .zoomMain .zoomContent img {
        border-radius: 0.417vw;
        margin-bottom: 0.781vw
    }

    .opportunityBanner .imgBox {
        height: 48.438vw
    }

    .opportunityBanner .opportunityBannerContent .opportunityBannerLogo img {
        height: 7.552vw
    }

    .opportunityBanner .opportunityBannerContent .desc {
        padding-top: 2.865vw;
        font-size: 4.167vw
    }

    .opportunityBanner .opportunityBannerContent .btn {
        margin-top: 1.823vw;
        font-size: 0.938vw
    }

    .opportunityBanner .opportunityBannerContent .btn img {
        margin-left: 0.521vw;
        height: 1.042vw
    }

    .opportunityDesc {
        height: 48.438vw
    }

    .opportunityDesc .desc {
        max-width: 52.083vw;
        font-size: 2.604vw;
        line-height: 3.021vw
    }

    .opportunityJobs {
        padding: 7.292vw 0vw
    }

    .opportunityJobs .title {
        font-size: 1.563vw;
        padding-bottom: 0.521vw
    }

    .opportunityJobs .desc {
        font-size: 3.906vw;
        max-width: 48.438vw;
        line-height: 4.688vw
    }

    .opportunityJobs .desc2 {
        max-width: 48.438vw;
        padding-top: 1.823vw;
        font-size: 1.146vw;
        line-height: 1.979vw
    }

    .opportunityJobs .btn {
        padding-top: 5.208vw;
        font-size: 0.938vw
    }

    .opportunityJobs .btn a span {
        margin-left: 0.521vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentVideo {
        height: 48.438vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .desc {
        font-size: 2.604vw;
        line-height: 3.021vw;
        max-width: 32.031vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn {
        padding-top: 3.646vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a {
        font-size: 0.938vw;
        margin-right: 1.823vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a span {
        margin-left: 0.521vw
    }

    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .btn a img {
        height: 0.938vw;
        margin-left: 0.521vw
    }

    .jobsDetailFoot .contentBox .computer .chat {
        width: 30.469vw;
        top: 0.781vw
    }

    .aboutFounderBox {
		padding: 4.688vw 0vw 8.854vw;
	}

	.aboutFounderBox .title {
		font-size: 1.875vw;
	}

	.aboutFounderBox .aboutFounderList {
		margin-top: 1.823vw;
	}

	.aboutFounderBox .aboutFounderList .imgBox {
		padding-top: 86.723%;
	}

	.aboutFounderBox .aboutFounderList .content .name {
		margin-top: 0.521vw;
		font-size: 1.563vw;
	}

	.aboutFounderBox .aboutFounderList .content .name span {
		font-size: 0.938vw;
	}

	.aboutFounderBox .aboutFounderList .content .name span i {
		padding: 0vw 0.521vw;
	}

	.aboutFounderBox .aboutFounderList .content .desc {
		margin-top: 1.042vw;
		font-size: 0.833vw;
		line-height: -webkit-calc(30 / 16);
		line-height: calc(30 / 16);
	}

	.aboutFounderBox .aboutFounderList .aboutFounderListPage {
		padding-top: 1.563vw;
	}

	.aboutFounderBox .aboutFounderList .aboutFounderListPage span {
		width: 0.521vw;
		height: 0.521vw;
		margin: 0vw 0.208vw;
	}

}

@media (min-width: 1400px) {
    .aboutHistoryLineBox .aboutHistoryLine1 {
        -webkit-clip-path: url(#menu-clip-path2);
        clip-path: url(#menu-clip-path4)
    }
}

@media (min-width: 1680px) {
    .aboutHistoryLineBox .aboutHistoryLine1 {
        -webkit-clip-path: url(#menu-clip-path1);
        clip-path: url(#menu-clip-path2)
    }
}

@media (min-width: 1890px) {
    .aboutHistoryLineBox .aboutHistoryLine1 {
        -webkit-clip-path: url(#menu-clip-path);
        clip-path: url(#menu-clip-path)
    }

    .opportunityDesc .desc {
        max-width: 52.083vw
    }

    .opportunityJobs .desc {
        max-width: 48.438vw
    }

    .opportunityJobs .desc2 {
        max-width: 48.438vw
    }
}

.aboutHistoryList .swiper-slide .desc{margin: 0 !important;}
.aboutHistoryList .swiper-slide{padding: 0 30px;}
.qa_category .item.active .item_top a{color: #0066cc;}
.productDetailBigImg .swiper-slide,.productDetailSamllImg .swiper-slide{background: #fafafa;}
.productDetailSamllImg .swiper-slide{cursor: pointer;}
.fushe_img{border-radius: 10px;width: 100%;}
.aboutHistoryList .swiper-slide .desc{max-height: initial !important;line-height: 1.8;}
.indexlayer .imgbox{position: relative;}
.color_black{color: #a2a2a2 !important;}

.indexNewsList{margin: 3.75vw 0px 0px !important; overflow: hidden; position: relative;}
.indexNewsList .list{ width:100% !important; margin: 0px !important;}

.indexNewsPage{text-align: center; padding-top: 25px;}
.indexNewsPage span {
    width: 0.833vw !important;
    height: 0.26vw !important;
    border-radius: 0.13vw;
    background: #dfdfdf;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.indexNewsPage .swiper-pagination-bullet-active {
    background: #0066cc;
    width: 1.354vw !important
}

.indexNewsMain .common_title2{font-weight: 600;}

@media (max-width: 768px) {
    .indexlayer .img_tips{display: block;font-size: 12px;bottom: 15px;right: 15px;}
    .aboutHistoryList{overflow: hidden;}
    .aboutHistoryList .swiper-slide{padding: 0;}
    .aboutHistoryList .swiper-slide .desc{padding-right: 20px;}
    .aboutHistoryMain{padding: 60px 0;}
    .subBanner .imgbox img{max-width: initial;width: auto;}
    .loadMore_case{margin-top: 30px;margin-bottom: 30px;}
    .qacontentList_list .item .q_title{padding-right: 30px;}
    .categoryContent_list .text{position: static;margin-top: 15px;padding-left: 0;}
    .categoryContent_list .text br{display: none;}
    .categoryContent_list .item{border-radius: 0;}
    .categoryContent_list .item .imgbox{border-radius: 10px;}
    .opportunityDesc .desc,.opportunityJobs .desc{font-size: 16px;}
    .opportunityJobs .desc2{font-size: 14px;padding-top: 5px;}
    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .desc{font-size: 15px;line-height: 1.6;}
    .opportunitySocialRecruitment .opportunitySocialRecruitmentContent .desc br{display: none;}
    .construction_swiper .prevBtn, .construction_swiper .nextBtn { font-size:20px; }

    .indexPublicgood_content{padding: 35px 0px;}

    .indexNewsList{margin-top: 25px;}
    .indexNewsPage span {
        width: 8px !important;
        height: 3px !important;
        margin: 0 3px !important
    }

    .indexNewsPage .swiper-pagination-bullet-active {
        width: 15px !important
    }
}