/*!css/style.scss*/
/*amoydesign*/
:root {
    --mobile-font1: 24px;
    --mobile-font2: 20px;
    --mobile-font3: 18px;
    --mobile-font4: 16px;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

html,
body {
    height: 100%
}

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

b,
strong {
    font-weight: 700
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

ol,
ul {
    list-style: none
}

li {
    display: list-item
}

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

th,
td,
caption {
    font-weight: 400;
    text-align: left
}

q {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

sub,
sup,
small {
    font-size: 75%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg {
    overflow: hidden
}

input,
button,
select,
textarea {
    outline: 0
}

textarea {
    resize: none
}

body,
html {
    width: 100%;
    height: 100%;
    background-color: #fff
}

body,
div,
a,
span,
ul,
li,
img,
div:after,
div:before,
a:after,
a:before,
span:after,
span:before,
ul:after,
ul:before,
li:after,
li:before,
img:after,
img:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -moz-user-select: -moz-none;
    user-select: none;
    touch-action: none;
    -webkit-overflow-scrolling: touch
}

html {
    font: 500 .625em/20px Microsoft YaHei, arial, sans-serif;
    font-weight: normal
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    zoom: 1
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

span[id*=cnzz_stat] {
    display: none
}

.none {
    display: none !important
}

::-webkit-input-placeholder {
    color: #999
}

a {
    text-decoration: none;
    color: inherit !important;
    transition: color 300ms ease;
    -webkit-transition: color 300ms ease;
    -ms-transition: color 300ms ease
}

a.op {
    transition: opacity 300ms ease;
    -webkit-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease
}

a[href]:hover {
    color: #0a5fa7
}

a.op[href]:hover {
    opacity: .6;
    color: inherit
}

@media screen and (max-width:1024px) {
    a[href]:hover {
        color: inherit
    }

    a[href]:active {
        color: #0a5fa7
    }

    a.op[href]:hover {
        opacity: inherit;
        color: inherit
    }

    a.op[href]:active {
        opacity: .6;
        color: inherit
    }
}

i {
    font-style: normal
}

img {
    border: 0;
    width: 100%;
    height: 100%;
}

audio {
    display: none;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    left: 0;
    top: 0
}

.t300 {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.t600 {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.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;
    flex-direction: column
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-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;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex: 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;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-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: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .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);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

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

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

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

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

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

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

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

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    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-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

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

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

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

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

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

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    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;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

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

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

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

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

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

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

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: 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%;
    object-fit: contain
}

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

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

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

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

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

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

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

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

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

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

.swiper-container {
    margin: 0 -15px;
    position: absolute;
    top: 10%;
    right: 20%;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

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


.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.blueimp-gallery>.slides>.slide>.slide-content {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1
}

.blueimp-gallery {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, .9);
    opacity: 0;
    display: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    padding-bottom: 56.25%;
    box-shadow: 0 0 10px #000;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.blueimp-gallery-display {
    display: block;
    opacity: 1
}

.blueimp-gallery>.slides {
    position: relative;
    height: 100%;
    overflow: hidden
}

.blueimp-gallery-carousel>.slides {
    position: absolute
}

.blueimp-gallery>.slides>.slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -ms-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(0.645, .045, .355, 1)
}

.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.blueimp-gallery>.slides>.slide-loading {
    background: url(../node_modules/blueimp-gallery/img/loading.gif) center no-repeat;
    background-size: 64px 64px
}

.blueimp-gallery>.slides>.slide-loading>.slide-content {
    opacity: 0
}

.blueimp-gallery>.slides>.slide-error {
    background: url(../node_modules/blueimp-gallery/img/error.png) center no-repeat
}

.blueimp-gallery>.slides>.slide-error>.slide-content {
    display: none
}

.blueimp-gallery>.next,
.blueimp-gallery>.prev {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -23px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0, 0, 0, .5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    cursor: pointer;
    display: none
}

.blueimp-gallery>.next {
    left: auto;
    right: 15px
}

.blueimp-gallery>.close,
.blueimp-gallery>.title {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: .8;
    display: none
}

.blueimp-gallery>.close {
    padding: 15px;
    right: 15px;
    left: auto;
    margin: -15px;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer
}

.blueimp-gallery>.play-pause {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 15px;
    height: 15px;
    background: url(../node_modules/blueimp-gallery/img/play-pause.png) no-repeat;
    cursor: pointer;
    opacity: .5;
    display: none
}

.blueimp-gallery-playing>.play-pause {
    background-position: -15px 0
}

.blueimp-gallery>.close:hover,
.blueimp-gallery>.next:hover,
.blueimp-gallery>.play-pause:hover,
.blueimp-gallery>.prev:hover,
.blueimp-gallery>.title:hover {
    color: #fff;
    opacity: 1
}

.blueimp-gallery-controls>.close,
.blueimp-gallery-controls>.next,
.blueimp-gallery-controls>.play-pause,
.blueimp-gallery-controls>.prev,
.blueimp-gallery-controls>.title {
    display: block;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.blueimp-gallery-left>.prev,
.blueimp-gallery-right>.next,
.blueimp-gallery-single>.next,
.blueimp-gallery-single>.play-pause,
.blueimp-gallery-single>.prev {
    display: none
}

.blueimp-gallery>.close,
.blueimp-gallery>.next,
.blueimp-gallery>.play-pause,
.blueimp-gallery>.prev,
.blueimp-gallery>.slides>.slide>.slide-content {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body:last-child .blueimp-gallery>.slides>.slide-error {
    background-image: url(../node_modules/blueimp-gallery/img/error_19ee6b7.svg)
}

body:last-child .blueimp-gallery>.play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(../node_modules/blueimp-gallery/img/play-pause_21dfa31.svg)
}

body:last-child .blueimp-gallery-playing>.play-pause {
    background-position: -20px 0
}

*+html .blueimp-gallery>.slides>.slide {
    min-height: 300px
}

*+html .blueimp-gallery>.slides>.slide>.slide-content {
    position: relative
}

.blueimp-gallery>.indicator {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    margin: 0 40px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
    display: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.blueimp-gallery>.indicator>li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 6px 3px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid transparent;
    background: #ccc;
    background: center no-repeat rgba(255, 255, 255, .25);
    border-radius: 5px;
    box-shadow: 0 0 2px #000;
    opacity: .5;
    cursor: pointer
}

.blueimp-gallery>.indicator>.active,
.blueimp-gallery>.indicator>li:hover {
    background-color: #fff;
    border-color: #fff;
    opacity: 1
}

.blueimp-gallery-controls>.indicator {
    display: block;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.blueimp-gallery-single>.indicator {
    display: none
}

*+html .blueimp-gallery>.indicator>li {
    display: inline
}

.blueimp-gallery>.slides>.slide>.video-content>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.blueimp-gallery>.slides>.slide>.video-content>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blueimp-gallery>.slides>.slide>.video-content>iframe {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.blueimp-gallery>.slides>.slide>.video-playing>iframe {
    top: 0
}

.blueimp-gallery>.slides>.slide>.video-content>a {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -64px auto 0;
    width: 128px;
    height: 128px;
    background: url(../node_modules/blueimp-gallery/img/video-play.png) center no-repeat;
    opacity: .8;
    cursor: pointer
}

.blueimp-gallery>.slides>.slide>.video-content>a:hover {
    opacity: 1
}

.blueimp-gallery>.slides>.slide>.video-content>video,
.blueimp-gallery>.slides>.slide>.video-playing>a,
.blueimp-gallery>.slides>.slide>.video-playing>img {
    display: none
}

.blueimp-gallery>.slides>.slide>.video-playing>video {
    display: block
}

.blueimp-gallery>.slides>.slide>.video-loading>a {
    background: url(../node_modules/blueimp-gallery/img/loading.gif) center no-repeat;
    background-size: 64px 64px
}

body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
    background-image: url(../node_modules/blueimp-gallery/img/video-play_9b73795.svg)
}

*+html .blueimp-gallery>.slides>.slide>.video-content {
    height: 100%
}

*+html .blueimp-gallery>.slides>.slide>.video-content>a {
    left: 50%;
    margin-left: -64px
}

.lg-sub-html,
.lg-toolbar {
    background-color: rgba(0, 0, 0, .45)
}

@font-face {
    font-family: lg;
    src: url(../node_modules/lightgallery/dist/fonts/lg_ecff117.eot?n1z373);
    src: url(../node_modules/lightgallery/dist/fonts/lg_ecff117.eot?) format("embedded-opentype"), url(../node_modules/lightgallery/dist/fonts/lg_5fd4c33.woff?n1z373) format("woff"), url(../node_modules/lightgallery/dist/fonts/lg_4fe6f9c.ttf?n1z373) format("truetype"), url(../node_modules/lightgallery/dist/fonts/lg_0cb1b8a.svg?n1z373) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: 0;
    outline: 0
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, .5, .5);
    transform: scale3d(0.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../node_modules/lightgallery/dist/img/vimeo-play.png) no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../node_modules/lightgallery/dist/img/vimeo-play.png) 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../node_modules/lightgallery/dist/img/video-play.png) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../node_modules/lightgallery/dist/img/youtube-play.png) no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../node_modules/lightgallery/dist/img/youtube-play.png) 0 -60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../node_modules/lightgallery/dist/img/loading.gif) center center no-repeat;
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url("../js/lib/videojs/font/VideoJS_2b9875f.eot?t=1494214640693");
    src: url("../js/lib/videojs/font/VideoJS_2b9875f.eot?t=1494214640693") format("embedded-opentype"), url("../js/lib/videojs/font/VideoJS_4d3f24d.woff?t=1494214640693") format("woff"), url("../js/lib/videojs/font/VideoJS_3f224f7.ttf?t=1494214640693") format("truetype"), url("../js/lib/videojs/font/VideoJS_9e2ddec.svg?t=1494214640693") format("svg");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: ""
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
    content: ""
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: ""
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: ""
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: ""
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: ""
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
    content: ""
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: ""
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
    content: ""
}

.vjs-icon-captions,
.video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
    content: ""
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: ""
}

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: ""
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button:before {
    content: ""
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: ""
}

.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-description:before {
    content: ""
}

.video-js {
    display: block;
    box-sizing: border-box;
    color: #fff;
    background: transparent;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *,
.video-js :before,
.video-js :after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.video-js button {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li:focus,
.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 2.2222222em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

@media �screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: 0;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    display: none;
    position: absolute;
    top: -2.4em;
    right: -1.5em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: .2em .5em;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1
}

.video-js .vjs-load-progress {
    background: ligthen(#73859f, 25%);
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: ligthen(#73859f, 50%);
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-controls-disabled .vjs-poster {
    display: none
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu {
    left: -10em;
    width: 0
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 15em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.header-space {
    height: 100px;
    display: none
}

.mobile-header {
    display: none
}

.table {
    display: table;
    width: 100%
}

.table .tr {
    display: table-row
}

.table .tr .td {
    display: table-cell;
    vertical-align: middle
}

body {
    overflow: auto;
    min-width: 1200px;
    background-color: #fff
}

.header {
    width: 100%;
    position: relative;
    z-index: 999;
    padding: 0 10px;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    height: 140px;
/*    background: #5198C8;*/
    /*background-size: 100% 100%; */
    /*background: linear-gradient(to bottom, rgba(0, 100, 255, 0.8),*/
    /* 上面20%不透明（80%透明） */
    /*rgba(0, 100, 255, 0)*/
    /* 下面完全透明（100%透明） */
    /*);*/
}

.header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header.black {
    background: rgba(255, 255, 255);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    color: #000;
    height: 80px;
}

.header.black>.inner {
    color: #000;
/*    padding-top: 30px;*/
}

.header.black>.inner .nav {
    padding-top: 0px;
}

/*.header.black>.inner .nav li.has-active a{color:#000}*/
.header.black>.inner .nav>li>a {
    padding: 26px 16px
}

.header.black>.inner .nav>li>a:hover {
    color: #0a5fa7;
    cursor: pointer;
}

.header>.inner .nav>li:hover a {
    cursor: pointer;
}

.header.black>.inner .nav>li.active{
    color: #478EF1;
}

.header.black>.inner .nav .bar {
    background-color: #478EF1
}

.header.black>.inner .logo {
    padding-top: 25px
}

.header.black>.inner .logo img {
    height: 27px;
    width: auto;
}

.header.black>.inner .logo img.red {
    display: block;
}

.header.black>.inner .logo img.white {
    display: none
}

.header>.inner {
    transition: padding 300ms ease;
    -webkit-transition: padding 600ms ease;
    -ms-transition: padding 300ms ease;
    margin: 0 auto;
    zoom: 1;
    color: #000;
    max-width: 1200px
}

.header>.inner:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.header>.inner .logo {
    display: block;
    float: left;
    transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    padding-top: 25px
}

.header>.inner .logo img {
    height: 30px;
    width: auto;
}

.header>.inner .logo img.red {
    display: none
}

.header>.inner .nav {
    position: relative;
    float: right;
    zoom: 1;
    padding: 10px 0 0;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}

.header>.inner .nav:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.header>.inner .nav li.bar {
    display: block;
    background-color: #fff;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: all 400ms ease
}

.header>.inner .nav>li {
    position: relative;
    float: left;
}

.header.black>.inner .nav>li {
    color: #000;
}

.header>.inner .nav>li>a {
    display: block;
    min-width: 60px;
    text-align: center;
    padding: 12px 13px 17px;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease
}

.header>.inner .nav>li.split a {
    min-width: 0
}

.header>.inner .nav>li:hover a {
    color: inherit
}

.header>.inner .nav>li:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.header>.inner .nav>li>ul {
    letter-spacing: -.31em;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    display: none;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    position: absolute;
    left: 0;
    top: 100%;
    color: #fff;
    -webkit-transition: opacity 600ms ease, -webkit-transform 600ms ease;
    transition: opacity 600ms ease, -webkit-transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease, -webkit-transform 600ms ease
}

body.loaded .header>.inner .nav>li>ul {
    display: block
}

.header>.inner .nav>li>ul:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
/*    background-color: #0a5fa7;*/
/*    background-color: rgba(10, 95, 167, .8);*/
    opacity: .9;
    filter: alpha(opacity=90)
}

.header>.inner .nav>li>ul>li {
    letter-spacing: normal;
    display: block;
    color: #000;
/*    transition: all 300ms ease;*/
/*    -webkit-transition: all 300ms ease;*/
/*    -ms-transition: all 300ms ease;*/
    white-space: nowrap
}

.header>.inner .nav>li>ul>li a {
    display: block;
    padding: 14px 21px
}

.header>.inner .nav>li>ul>li.active {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8)
}

.header>.inner .nav>li>ul>li.active a {
    color: #0a5fa7
}

.header>.inner .nav>li>ul>li:hover {
    color: #fff;
    background-color: #488EF1;
/*    background-color: rgba(255, 255, 255, .8)*/
}

.header>.inner .nav>li>ul>li:hover a {
    color: #0a5fa7
}

.swiper-pagination {
    text-align: center;
    letter-spacing: -.31em
}

.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-switch {
    letter-spacing: normal;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    width: 10px;
    height: 10px;
    border-radius: 9px;
    background-color: #fff;
    margin: 0 5px;
    opacity: 1;
    display: inline-block
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet.swiper-active-switch,
.swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background-color: #fff;
    width: 20px
}

.footer-box {
    overflow: hidden;
    height: 280px;
}

.footer {
    background: #242424;
/*    height: 100%;
    color: #BCB9B9;
    min-width: 1200px;
    overflow: hidden*/
}

.footer .inner {
    zoom: 1;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px
}

.footer .inner:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.footer .inner .part1 {
    float: right;
    padding: 15px 0 0
}

.footer .inner .part1 .t1 {
    font-size: 16px;
    padding: 5px 0;
    line-height: normal
}

.footer .inner .part1 a {
    padding: 0 15px
}

.footer .inner .part2 {
    float: left;
    text-align: left
}

.footer .inner .part2 .t1 {
    font-size: 14px;
    padding: 5px 0 10px;
    line-height: normal
}

.footer .inner .part2 .t1 img {
    width: 16px;
    vertical-align: middle;
    margin: 0 2px 0 0
}

.mobile-side-menu {
    display: none
}

.page-loading {
    font-size: 14px;
    text-align: center;
    color: #767676;
    margin: 30px 0;
    display: none
}

.page-loading i {
    position: relative;
    top: -1px
}

.page-loading.show {
    display: block
}

.page-loading.ing i {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url("../images/loading-more.png") no-repeat center center;
    background-size: cover;
    margin-right: 5px;
    -webkit-animation: rotate360 1s linear infinite;
    animation: rotate360 1s linear infinite
}

.page-loading.end i {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background: url("../images/loading-end.png") no-repeat center center;
    background-size: cover;
    margin-right: 5px
}

.bottom-fix {
    display: none;
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 65px;
    width: 45px
}

.bottom-fix>div {
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
    cursor: pointer
}

.bottom-fix>div.to-top {
    background: url("../images/to-top.jpg");
    display: none;
    position: relative
}

.bottom-fix>div.to-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/to-top-active.jpg");
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease
}

.bottom-fix>div.to-top:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.bottom-fix>div.to-top.show {
    display: block
}

.second-banner {
    height: 560px;
    position: relative;
    overflow: hidden
}

.second-banner .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: all 12s linear
}

body.loaded .second-banner .bg {
    transform: scale(1)
}

.second-banner.intro .bg {
    background: url("../images/second-banner-intro.jpg") no-repeat center center;
    background-size: cover
}

.second-banner.news .bg {
    background: url("../images/second-banner-news.jpg") no-repeat center center;
    background-size: cover
}

.second-banner.service .bg {
    background: url("../images/second-banner-service.jpg") no-repeat center center;
    background-size: cover
}

.second-banner .title {
    position: absolute;
    bottom: 120px;
    width: 570px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    line-height: normal;
    text-align: center;
    transform-origin: bottom center
}

.second-banner .title .t1 {
    position: relative;
    font-size: 50px;
    padding: 0 0 30px;
    font-weight: 400
}

.second-banner .title .t2 {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
}

body[data-page="index"] .second-banner .title {
    position: absolute;
    bottom: 100px;
    width: 1500px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    line-height: normal;
    text-align: center;
    transform-origin: bottom center
}

body[data-page="index"] .second-banner .title .t1 {
    position: relative;
    font-size: 64px;
    padding: 0 0 5px;
    font-weight: 400
}

.tabs {
    position: relative;
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    color: #666;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}

.tabs__box {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.tabs_bar {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    pointer-events: none;
    transition: all 300ms ease
}

.tabs .tab-arrow {
    display: none;
    color: #fff;
    width: 30px;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    font-family: "宋体";
    background: rgba(45, 132, 237, .3) url(../images/history-arrow-left.png) no-repeat center center;
    background-size: 10px auto;
    cursor: pointer;
}

.tabs .tab-arrow.right {
    right: 0;
    left: auto;
    background-image: url(../img/history-arrow-right.png);
}

.tabs .tab-content {
    position: relative;
    letter-spacing: -.31em;
    white-space: nowrap;
    overflow: auto;
    padding: 0 25px;
    margin: 0 30px
}

.tabs .tab-content::-webkit-scrollbar {
    width: 0;
    height: 0
}

.tabs .tab-content::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 10px
}

.tabs .tab-content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #bbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.tabs .tab-content::-webkit-scrollbar-thumb:window-inactive {
    background: #eee
}

.tabs .tab {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transition: all 300ms ease;
    margin: 0 15px
}

.tabs .tab a {
    display: block;
    padding: 0 10px
}

.tabs_bar:before {
    position: absolute;
    display: block;
    content: "";
    left: 26px;
    right: 26px;
    background-color: #2d84ed;
    height: 100%;
    margin: 0 auto;
}

body.pc .tabs .tab-content.hovered .tab:hover a,
body.pc .tabs .tab:hover a {
    color: #2d84ed;
    cursor: pointer;
}

[data-video-url] {
    cursor: pointer
}

.video-dialog {
    display: none;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.video-dialog.show {
    display: block
}

.video-dialog iframe {
    width: 100%;
    height: 100%
}

.video-dialog>.box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1000px;
    height: 560px;
    margin: auto;
    box-shadow: 2.5px 4.33px 20px 0 rgba(0, 0, 0, .3)
}

.video-dialog>.box .video-js {
    width: 100%;
    height: 100%
}

.video-dialog>.box .close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: 宋体;
    font-size: 40px;
    cursor: pointer;
    color: #fff;
    z-index: 10
}

.video-dialog>.box video {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.page-pagination {
    text-align: center
}

.page-pagination a,
.page-pagination div {
    width: 37px;
    height: 37px;
    color: #666;
    border: 1px solid #666;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 37px;
    vertical-align: top;
    transition: all 300ms ease
}

.page-pagination a:hover,
.page-pagination a.active,
.page-pagination div:hover,
.page-pagination div.active {
    background-color: #0a5fa7;
    color: #fff;
    border-color: #0a5fa7
}

.page-pagination a.prev,
.page-pagination div.prev {
    background-image: url("../images/pagination-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px auto
}

.page-pagination a.prev:hover,
.page-pagination div.prev:hover {
    background-image: url("../images/pagination-1-1.png")
}

.page-pagination a.next,
.page-pagination div.next {
    background-image: url("../images/pagination-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px auto
}

.page-pagination a.next:hover,
.page-pagination div.next:hover {
    background-image: url("../images/pagination-2-1.png")
}

.page-pagination a.disabled,
.page-pagination div.disabled {
    background-color: #eee;
    opacity: .6
}

.page-pagination a.disabled:hover,
.page-pagination div.disabled:hover {
    border-color: #666
}

.page-pagination a.disabled.prev,
.page-pagination div.disabled.prev {
    background-image: url("../images/pagination-1.png")
}

.page-pagination a.disabled.next,
.page-pagination div.disabled.next {
    background-image: url("../images/pagination-2.png")
}

.page-pagination a.dot,
.page-pagination div.dot {
    border-color: #fff;
    cursor: default
}

.page-pagination a.dot:hover,
.page-pagination div.dot:hover {
    border-color: #fff;
    background-color: #fff;
    color: #666
}

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

    .page-pagination a,
    .page-pagination div {
        width: 29px;
        height: 29px;
        line-height: 27px;
        font-size: 14px;
        margin: 0 5px
    }

    .page-pagination a.prev,
    .page-pagination a.next,
    .page-pagination div.prev,
    .page-pagination div.next {
        background-size: 16px auto
    }

    .second-banner {
        height: 110px
    }

    .second-banner .title {
        bottom: 20px;
        width: 200px
    }

    .second-banner .title i {
        width: 30px;
        height: 35px;
        left: -15px
    }

    .second-banner .title .t1 {
        font-size: 21px;
        padding: 0px;
    }

    .second-banner .title .t2 {
        font-size: 12px
    }

    .video-dialog {
        background-color: rgba(0, 0, 0, .6)
    }

    .video-dialog>.box {
        width: 100%;
        height: 240px
    }

    .video-dialog>.box .close {
        left: 0;
        top: auto;
        margin: auto;
        bottom: -60px
    }

    .tabs {
        height: auto;
        width: 100%;
        position: relative;
        bottom: auto;
        top: auto;
        font-size: 13px;
        line-height: 45px;
        background-color: #f1f1f1
    }

    .tabs_bg {
        height: 2px
    }

    .tabs_bar {
        height: 4px
    }

    .tabs__box {
        top: 0
    }

    .tabs .tab-arrow {
        cursor: pointer;
        height: 100%;
        width: 26px;
        background-size: 8px auto;
        background-color: rgba(10, 95, 167, .3)
    }

    .tabs .tab-arrow.left {
        left: 0
    }

    .tabs .tab-arrow.right {
        right: 0
    }

    .tabs .tab-content {
        padding: 0 10px;
        margin: 0;
        width: 100%
    }

    .tabs__bg {
        transform: skew(0);
        right: 0
    }

    .tabs .tab {
        border-top-width: 3px;
        margin: 0 5px
    }

    .footer {
        padding: 40px 0;
        text-align: center;
        min-width: 0
    }

    .footer .inner .part1 {
        float: none;
        text-align: center;
        padding-top: 0
    }

    .footer .inner .part1 span {
        display: block
    }

    .footer .inner .part1 .t1 {
        font-size: 14px;
        padding: 0 0 20px
    }

    .footer .inner .part2 {
        float: none;
        text-align: center;
        padding-top: 0
    }

    .footer .inner .part2 span {
        display: block
    }

    .footer .inner .part2 .t1 {
        font-size: 12px;
        padding: 0;
        line-height: 24px
    }

    .footer .inner .part2 .t1 img {
        width: 13px
    }

    .bottom-fix {
        display: block;
        right: 15px;
        bottom: 15px;
        width: 30px
    }

    .bottom-fix>div {
        width: 30px;
        height: 30px;
        border: 0;
        margin: 0
    }

    .bottom-fix>div.to-top {
        background-image: url("../images/mobile-to-top.png");
        background-size: cover
    }

    .bottom-fix>div.to-top::before {
        display: none
    }

    body {
        min-width: 0
    }

    .header-space {
        display: none
    }

    .header {
        display: none
    }

    .mobile-header-space {
        height: 55px
    }

    .swiper-pagination {
        text-align: center;
        line-height: 0;
        letter-spacing: -.31em
    }

    .swiper-pagination .swiper-pagination-bullet,
    .swiper-pagination .swiper-pagination-switch {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin: 0 4px
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,
    .swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active,
    .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        width: 22px
    }

    .mobile-header {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 55px;
        background-color: #4D96C6;
        z-index: 999;
        padding: 8px 20px 0 10px;
        zoom: 1
    }

    .mobile-header:after {
        content: "\200B";
        display: block;
        height: 0;
        clear: both
    }

    .mobile-header.black {
        border-bottom: .5px solid #ddd
    }

    .mobile-header .logo {
        width: 196px;
        height: 38px;
        background: url("../images/pageTitle.png") no-repeat center center;
        background-size: contain;
        float: left
    }

    .mobile-header .menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 55px
    }

    .mobile-header .menu:before {
        content: "";
        display: block;
        width: 21px;
        height: 17px;
        background: url("../images/mobile-menu-icon.png") no-repeat center center;
        background-size: cover;
        margin-top: 19px;
        margin-left: 8px
    }

    .mobile-side-menu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        display: none;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease
    }

    .mobile-side-menu.show {
        visibility: visible;
        opacity: 1
    }

    .mobile-side-menu.show .inner {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .mobile-side-menu .left {
        width: 20%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, .7)
    }

    .mobile-side-menu .inner {
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        width: 80%;
        height: 100%;
        overflow: auto;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        padding: 0 20px 25px
    }

    .mobile-side-menu .inner .close__box {
        zoom: 1
    }

    .mobile-side-menu .inner .close__box:after {
        content: "\200B";
        display: block;
        height: 0;
        clear: both
    }

    .mobile-side-menu .inner .close {
        width: 19px;
        height: 19px;
        background: url("../images/close.png") no-repeat center center;
        background-size: cover;
        margin: 20px 0 15px
    }

    .mobile-side-menu .inner .qrcode {
        text-align: center;
        font-size: 15px;
        color: #6c707a
    }

    .mobile-side-menu .inner .qrcode img {
        width: 113px;
        vertical-align: top;
        margin: 0 0 10px
    }

    .mobile-side-menu .inner .logo {
        text-align: center;
        padding: 0 0 20px
    }

    .mobile-side-menu .inner .logo img {
        height: 33px;
        vertical-align: top
    }

    .mobile-side-menu .inner .nav {
        font-size: 15px;
        color: #666
    }

    .mobile-side-menu .inner .nav li.split {
        display: none
    }

    .mobile-side-menu .inner .nav li.split+li {
        border: 1px solid #0a5fa7;
        text-align: center;
        font-size: 16px;
        color: #0a5fa7;
        margin: 30px 15px
    }

    .mobile-side-menu .inner .nav li.split+li a {
        padding: 12px 0
    }

    .mobile-side-menu .inner .nav li.active>a {
        background-color: #0a5fa7;
        color: #fff
    }

    .mobile-side-menu .inner .nav li:hover>a {
        color: inherit
    }

    .mobile-side-menu .inner .nav li.sub {
        position: relative
    }

    .mobile-side-menu .inner .nav li.sub>i {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px
    }

    .mobile-side-menu .inner .nav li.sub>i:before {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background: url("../images/menu-arrow-down.png") no-repeat center center;
        background-size: cover;
        position: absolute;
        right: 15px;
        top: 22px
    }

    .mobile-side-menu .inner .nav li.active.sub>a {
        background-color: #fff;
        color: #666
    }

    .mobile-side-menu .inner .nav li.expand>a {
        background-color: #fff
    }

    .mobile-side-menu .inner .nav li.expand.sub>i:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .mobile-side-menu .inner .nav li.expand>ul {
        display: block
    }

    .mobile-side-menu .inner .nav li.expand>ul>li>ul {
        display: block
    }

    .mobile-side-menu .inner .nav li a {
        padding: 15px 10px 15px 20px;
        display: block
    }

    .mobile-side-menu .inner .nav li>ul {
        display: none
    }

    .mobile-side-menu .inner .nav li>ul li {
        border-bottom: 0
    }

    .mobile-side-menu .inner .nav li>ul li a {
        padding-left: 50px
    }

    .mobile-side-menu .inner .nav>li {
        border-bottom: .5px solid #bfbfbf
    }
}

body.pc .blur-in {
    filter: blur(10px)
}

body.pc .blur-in.show {
    filter: blur(0px);
    animation: blurIn 1s ease
}

body.pc .fade-in-down {
    opacity: 0
}

body.pc .fade-in-down.show {
    opacity: 1;
    animation: fadeInDown 1s ease
}

body.pc .scale-in {
    opacity: 0;
    transform: scale(0)
}

body.pc .scale-in.show {
    opacity: 1;
    transform: scale(1);
    animation: scaleIn 1s ease
}

body.pc .fade-in-up {
    opacity: 0
}

body.pc .fade-in-up.show {
    opacity: 1;
    animation: fadeInUp 1s ease
}

body.pc .fade-in-left {
    opacity: 1;
}

body.pc .fade-in-left.show {
    opacity: 1;
    animation: fadeInLeft 1s ease
}

body.pc .fade-in-right {
    opacity: 0
}

body.pc .fade-in-right.show {
    opacity: 1;
    animation: fadeInRight 1s ease
}

body.pc .fade-in-right-long {
    opacity: 0
}

body.pc .fade-in-right-long.show {
    opacity: 1;
    animation: fadeInRightLong 1s ease
}

body.pc .fade-in {
    opacity: 0
}

body.pc .fade-in.show {
    opacity: 1;
    animation: fadeIn 1s ease
}

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

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

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateZ(0) translateX(0) rotate(0deg)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateZ(0) translateX(-10px) rotate(-5deg)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateZ(0) translateX(10px) rotate(5deg)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateZ(0) translateX(0) rotate(0deg);
        transform: translateZ(0) translateX(0) rotate(0deg)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateZ(0) translateX(-10px) rotate(-5deg);
        transform: translateZ(0) translateX(-10px) rotate(-5deg)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateZ(0) translateX(10px) rotate(5deg);
        transform: translateZ(0) translateX(10px) rotate(5deg)
    }
}

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

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateZ(0) translateY(0)
    }

    40% {
        -webkit-transform: translateZ(0) translateY(-30px)
    }

    60% {
        -webkit-transform: translateZ(0) translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }

    40% {
        -webkit-transform: translateZ(0) translateY(-30px);
        transform: translateZ(0) translateY(-30px)
    }

    60% {
        -webkit-transform: translateZ(0) translateY(-15px);
        transform: translateZ(0) translateY(-15px)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }

    10%,
    20% {
        -webkit-transform: translateZ(0) scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateZ(0) scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: translateZ(0) scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: translateZ(0) scale(1) rotate(0)
    }
}

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

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

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

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

    100% {
        -webkit-transform: translateZ(0) scale(1) rotate(0);
        transform: translateZ(0) scale(1) rotate(0)
    }
}

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

@-webkit-keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: translateZ(0) rotate(15deg)
    }

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

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

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

    100% {
        -webkit-transform: translateZ(0) rotate(0deg)
    }
}

@keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    20% {
        -webkit-transform: translateZ(0) rotate(15deg);
        transform: translateZ(0) rotate(15deg)
    }

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

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

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

    100% {
        -webkit-transform: translateZ(0) rotate(0deg);
        transform: translateZ(0) rotate(0deg)
    }
}

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

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

    15% {
        -webkit-transform: translateZ(0) translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateZ(0) translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateZ(0) translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateZ(0) translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateZ(0) translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateZ(0) translateX(0%)
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }

    50% {
        -webkit-transform: translateZ(0) scale(1.1)
    }

    100% {
        -webkit-transform: translateZ(0) scale(1)
    }
}

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

    50% {
        -webkit-transform: translateZ(0) scale(1.1);
        transform: translateZ(0) scale(1.1)
    }

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

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

@keyframes blurIn {
    0% {
        filter: blur(10px)
    }

    100% {
        filter: blur(0px)
    }
}

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

@keyframes scaleIn {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(20px);
        transform: translateZ(0) translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-20px);
        transform: translateZ(0) translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-20px);
        transform: translateZ(0) translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

@-webkit-keyframes fadeInRightLong {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes fadeInRightLong {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px);
        transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px);
        transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-20px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-20px);
        transform: translateZ(0) translateY(-20px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(20px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(20px);
        transform: translateZ(0) translateY(20px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-20px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-20px);
        transform: translateZ(0) translateX(-20px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(20px);
        transform: translateZ(0) translateX(20px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px);
        transform: translateZ(0) translateY(-2000px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px);
        transform: translateZ(0) translateY(2000px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px);
        transform: translateZ(0) translateX(-2000px)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px);
        transform: translateZ(0) translateX(2000px)
    }
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(0.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.3);
        transform: translateZ(0) scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1.05);
        transform: translateZ(0) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(0.9);
        transform: translateZ(0) scale(0.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

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

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(-30px)
    }

    80% {
        -webkit-transform: translateZ(0) translateY(10px)
    }

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

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px);
        transform: translateZ(0) translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(-30px);
        transform: translateZ(0) translateY(-30px)
    }

    80% {
        -webkit-transform: translateZ(0) translateY(10px);
        transform: translateZ(0) translateY(10px)
    }

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

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

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(30px)
    }

    80% {
        -webkit-transform: translateZ(0) translateY(-10px)
    }

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

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px);
        transform: translateZ(0) translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(30px);
        transform: translateZ(0) translateY(30px)
    }

    80% {
        -webkit-transform: translateZ(0) translateY(-10px);
        transform: translateZ(0) translateY(-10px)
    }

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

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

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px);
        transform: translateZ(0) translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(30px);
        transform: translateZ(0) translateX(30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-10px);
        transform: translateZ(0) translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px);
        transform: translateZ(0) translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-30px);
        transform: translateZ(0) translateX(-30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(10px);
        transform: translateZ(0) translateX(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

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

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: translateZ(0) scale(1)
    }

    25% {
        -webkit-transform: translateZ(0) scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.3)
    }
}

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

    25% {
        -webkit-transform: translateZ(0) scale(0.95);
        transform: translateZ(0) scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1.1);
        transform: translateZ(0) scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) scale(0.3);
        transform: translateZ(0) scale(0.3)
    }
}

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

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateZ(0) translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px)
    }
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(20px);
        transform: translateZ(0) translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(-2000px);
        transform: translateZ(0) translateY(-2000px)
    }
}

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

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateZ(0) translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px)
    }
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateY(-20px);
        transform: translateZ(0) translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateY(2000px);
        transform: translateZ(0) translateY(2000px)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateZ(0) translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px)
    }
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(20px);
        transform: translateZ(0) translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(-2000px);
        transform: translateZ(0) translateX(-2000px)
    }
}

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

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateZ(0) translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px)
    }
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(-20px);
        transform: translateZ(0) translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(2000px);
        transform: translateZ(0) translateX(2000px)
    }
}

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

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

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0);
        opacity: 1
    }
}

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

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

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

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

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

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

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

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(-90deg);
        opacity: 0
    }
}

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

    100% {
        -transform-origin: left bottom;
        -transform: translateZ(0) rotate(-90deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(90deg);
        opacity: 0
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0) rotate(90deg);
        transform: translateZ(0) rotate(90deg);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    40% {
        -webkit-transform: translateZ(0) rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

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

    100% {
        -webkit-transform: translateZ(0) translateY(700px);
        opacity: 0
    }
}

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

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

    40% {
        -webkit-transform: translateZ(0) rotate(60deg);
        transform: translateZ(0) rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    100% {
        -webkit-transform: translateZ(0) translateY(700px);
        transform: translateZ(0) translateY(700px);
        opacity: 0
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0px) rotate(0deg)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0px) rotate(0deg);
        transform: translateZ(0) translateX(0px) rotate(0deg)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0px) rotate(0deg);
        transform: translateZ(0) translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0) translateX(100%) rotate(120deg);
        transform: translateZ(0) translateX(100%) rotate(120deg)
    }
}

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

body.no-animation.pc .swiper-banner__item {
    display: none
}

body.no-animation.pc .swiper-banner__item.active {
    display: block
}

body.pc .swiper-banner {
    position: relative;
    height: 600px !important;
    overflow: hidden
}

body.pc .swiper-banner.inited .swiper-banner__item {
    transition: opacity 2s ease
}

body.pc .swiper-banner__pagination {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: -.31em;
    line-height: 0
}

body.pc .swiper-banner__pagination__item {
    transition: all 300ms ease;
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 15px;
    margin: 0 6px;
    vertical-align: top
}

body.pc .swiper-banner__pagination__item.active {
    width: 45px;
    background-color: #fff
}

body.pc .swiper-banner__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

body.pc .swiper-banner__item.fade-in {
    opacity: 1;
    animation: none
}

body.pc .swiper-banner__item .t2,
body.pc .swiper-banner__item .t1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

body.pc .swiper-banner__item.active {
    opacity: 1
}

body.pc .swiper-banner__item.active .t1 {
    transform: scale(1) translate3d(0, 0, 0)
}

body.pc .swiper-banner__item.not-active .t1 {
    transition-duration: 2000ms !important
}

body.pc .swiper-banner__item .t1 {
    transition: all 300ms ease;
    transform: scale(1.2) translate3d(0, 0, 0)
}

body.pc .swiper-banner__item .table {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transform-origin: center center
}

body.pc .swiper-banner__item .t2 {
    color: #fff;
    line-height: normal;
    text-align: center;
    text-shadow: 2.5px 4.33px 8px rgba(0, 0, 0, .2)
}

body.pc .swiper-banner__item .t2 .t21 {
    text-align: center;
    font-size: 52px;
    font-weight: 700
}

body.pc .swiper-banner__item .t2 .t22 {
    font-size: 30px;
    color: #fff;
    margin: 10px 0 0
}

body[data-page=index] {
    opacity: 0
}

body[data-page=index] .mobile-banner {
    display: none
}

body[data-page=index].loaded {
    transition: all 300ms ease;
    opacity: 1
}

body[data-page=index] .main .part .inner {
    width: 1200px;
    margin: 0 auto;
}

body[data-page=index] .main .part-1 {
    position: relative;
    top: 1px;
    zoom: 1;
    padding: 80px 0 90px;
    background: url("../images/mainBk.png") no-repeat bottom center;
    background-size: 100% auto
}

body[data-page=index] .main .part-1:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=index] .main .part-1 .left {
    width: 555px;
    text-align: center
}

body[data-page=index] .main .part-1 .left img {
    width: 543px;
}

body[data-page=index] .main .part-1 .right {
    width: 800px;
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
    padding: 0 40px 0 0;
    color: #555555;
}

body[data-page=index] .main .part-2 .enTitle {
    padding-top: 80px;
    padding-bottom: 40px;
    font-weight: 100;
    font-style: normal;
    font-size: 27px;
    color: #FFFFFF;
}

body[data-page=index] .main .part-2 .cnTitle {
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color: #FFFFFF;
    padding-bottom: 40px;
}

body[data-page=index] .main .part-2 .projects-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

body[data-page=index] .main .part-2 .project-item {
    width: 225px;
    height: 225px;
    padding: 25px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

body[data-page=index] .video-container {
    width: 100%;
    height: 600px;
    background: #000;
}

body[data-page=index] video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-page=index] .main .part-2 {
    transform: translateY(-32px);
    background-image: linear-gradient(to bottom,
            transparent 34px,
            rgb(244, 244, 244) 34px);
    background-repeat: no-repeat;
}

body[data-page=index] .main .part-2 .projects-container a:nth-child(1) .project-item .project-desc {
    background:
        linear-gradient(rgba(86, 130, 200, 0.8), rgba(197, 197, 197, 0.2)),
        url('../images/u16.png') no-repeat center center;
    background-size: cover;
}

body[data-page=index] .main .part-2 .projects-container a:nth-child(2) .project-item .project-desc {
    background:
        linear-gradient(rgba(86, 130, 200, 0.8), rgba(197, 197, 197, 0.2)),
        url('../images/u17.png') no-repeat center center;
    background-size: cover;
}

body[data-page=index] .main .part-2 .projects-container a:nth-child(3) .project-item .project-desc {
    background:
        linear-gradient(rgba(86, 130, 200, 0.8), rgba(197, 197, 197, 0.2)),
        url('../images/u18.png') no-repeat center center;
    background-size: cover;
}

body[data-page=index] .main .part-2 .projects-container a:nth-child(4) .project-item .project-desc {
    background:
        linear-gradient(rgba(86, 130, 200, 0.8), rgba(197, 197, 197, 0.2)),
        url('../images/u19.png') no-repeat center center;
    background-size: cover;
}

body[data-page=index] .main .part-2 .projects-container a:nth-child(5) .project-item .project-desc {
    background:
        linear-gradient(rgba(86, 130, 200, 0.8), rgba(197, 197, 197, 0.2)),
        url('../images/u20.png') no-repeat center center;
    background-size: cover;
}

body[data-page=index] .main .part-2 .project-content {
    position: relative;
    z-index: 60;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

body[data-page=index] .main .part-2 .project-item h3 {
    font-weight: 900;
    font-style: normal;
    font-size: 32px;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

body[data-page=index] .main .part-2 .project-item .en-title {
    height: 64px;
    font-weight: 100;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 1px;
    color: #FFFFFF;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

body[data-page=index] .main .part-2 .project-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    background-color: #2a5caa;
    color: white;
    border-radius: 20px;
    opacity: 0;
    /* z-index: 200; */
    transform: translateY(20px);
    transition: all 0.4s ease;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

body[data-page=index] .main .part-2 .project-desc p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    font-weight: normal;
    text-transform: none;
    margin: 0;
}

body[data-page=index] .main .part-2 .project-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

body[data-page=index] .main .part-2 .project-item:hover .project-desc {
    opacity: 1;
    transform: translateY(0);
}

body[data-page=index] .main .part-2 .inner {
    zoom: 1;
    height: fit-content;
    padding-bottom: 30px;
}

body[data-page=index] .main .part-2:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=index] .main .part-2 .t1 {
    font-size: 30px;
    color: #fff;
    line-height: normal;
    text-align: center
}

body[data-page=index] .main .part-2 .t1 span {
    padding: 5px 0 0;
    font-size: 18px;
    display: block
}

body[data-page=index] .main .part-2 .items {
    font-size: 24px;
    zoom: 1;
    padding: 60px 0 0
}

body[data-page=index] .main .part-2 .items:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=index] .main .part-2 .items .item {
    float: left;
    width: 25%;
    position: relative
}

body[data-page=index] .main .part-2 .items .item_t0 {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    margin: 0 auto;
    width: 180px;
    height: 180px;
    background-color: #fff;
    border-radius: 180px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 600ms ease
}

body[data-page=index] .main .part-2 .items .item_t1 {
    position: relative;
    top: 0;
    width: 85px;
    height: 85px;
    background-color: #fff;
    border-radius: 85px;
    margin: 0 auto;
    transition: all 600ms ease
}

body[data-page=index] .main .part-2 .items .item_t1 img {
    width: 100%;
    height: 100%
}

body[data-page=index] .main .part-2 .items .item_t2 {
    position: relative;
    top: 0;
    padding: 20px 0 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    transition: all 600ms ease
}

body.pc[data-page=index] .main .part-2 .items .item:hover .item_t0 {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

body.pc[data-page=index] .main .part-2 .items .item:hover .item_t1 {
    top: -10px
}

body.pc[data-page=index] .main .part-2 .items .item:hover .item_t2 {
    top: -30px;
    color: #0a5fa7
}

body[data-page=index] .main .part-3 {
    position: relative;
    padding: 80px 0px 10px 0px;
/*    background: url(../images/u0.jpg) no-repeat;*/
    background-size: 100% 100%;
    background-color: #F2F2F2;
}

body[data-page=index] .main .part-4 {
    position: relative;
    background: url(../images/u2.png) no-repeat;
    background-size: 100% 100%;
    background-color: #F2F2F2;
}

body[data-page=index] .main .part-3 .t1 {
    font-size: 30px;
    color: #1566cb;
    line-height: normal;
    text-align: center;
    padding: 0 0 60px
}

@media screen and (max-width:1680px) {
    body.pc .swiper-banner__item .t2 .t21 {
        font-size: 44px;
    }

    body.pc .swiper-banner__item .t2 .t22 {
        font-size: 26px;
        margin: 10px 0 0
    }
}

@media screen and (max-width:1366px) {
    body.pc .swiper-banner__item .t2 .t21 {
        text-align: center;
        font-size: 38px;
        font-weight: 700
    }

    body.pc .swiper-banner__item .t2 .t22 {
        font-size: 22px;
        color: #fff;
        margin: 10px 0 0
    }
}

body[data-page=index] .main .part-3 .t1 span {
    display: block;
    font-size: 18px;
    color: #909090
}

@media screen and (max-width:1024px) {
    body[data-page=index] .swiper-banner {
        display: none
    }

    body[data-page=index] .mobile-banner {
        display: block;
        position: relative
    }

    body[data-page=index] .mobile-banner .swiper-pagination {
        bottom: 15px;
        width: 100%
    }

    body[data-page=index] .mobile-banner .swiper-box {
        height: 100%
    }

    body[data-page=index] .mobile-banner .swiper-box .swiper-container {
        height: 100%
    }

    body[data-page=index] .mobile-banner .swiper-box .swiper-container .swiper-slide {
        background-size: cover;
        background-position: center center;
        display: flex;
        align-items: center
    }

    body[data-page=index] .mobile-banner .swiper-box .swiper-container .swiper-slide .t {
        width: 100%;
        text-align: center;
        color: #fff;
        text-shadow: 2.5px 4.33px 8px rgba(0, 0, 0, .2)
    }

    body[data-page=index] .mobile-banner .swiper-box .swiper-container .swiper-slide .t .t1 {
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        padding: 0 0 0px
    }

    body[data-page=index] .mobile-banner .swiper-box .swiper-container .swiper-slide .t .t2 {
        font-size: 16px
    }

    body[data-page=index] .main .part .inner {
        width: 1400px
    }

    body[data-page=index] .main .part-1 {
        padding: 38px 24px 45px;
        background-size: 200% auto
    }

    body[data-page=index] .main .part-1 .inner .left,
    body[data-page=index] .main .part-1 .inner .right {
        float: none
    }

    body[data-page=index] .main .part-1 .inner .left {
        padding: 0;
        width: auto
    }

    body[data-page=index] .main .part-1 .inner .left img {
        width: 100%
    }

    body[data-page=index] .main .part-1 .inner .right {
        width: auto;
        font-size: 13px;
        line-height: 24px;
        padding: 20px 0 0;
        text-indent: 2em
    }

    /* body[data-page=index] .main .part-2{padding:30px 0 10px} */
    body[data-page=index] .main .part-2 .t1 {
        font-size: 20px
    }

    body[data-page=index] .main .part-2 .t1 span {
        font-size: 12px
    }

    body[data-page=index] .main .part-2 .items {
        padding: 30px 24px 0
    }

    body[data-page=index] .main .part-2 .items .item {
        width: 50%;
        padding: 0 0 40px
    }

    body[data-page=index] .main .part-2 .items .item_t0 {
        display: none
    }

    body[data-page=index] .main .part-2 .items .item_t1 {
        width: 65px;
        height: 65px
    }

    body[data-page=index] .main .part-2 .items .item_t2 {
        font-size: 18px;
        padding: 15px 0 0
    }

    body[data-page=index] .main .part-3 {
        padding: 0px;
    }

    .news-container > a {
        flex-direction: column; /* 关键：横向→纵向上下排列 */
    }

    body[data-page=index] .main .part-3 .t1 {
        font-size: 20px;
        padding: 0 0 30px
    }

    body[data-page=index] .main .part-3 .t1 span {
        font-size: 12px
    }
}

body[data-page=intro] .main .part-box {
    background-color: #0068b7
}

.main .part .inner {
    width: 1200px;
    margin: 0 auto
}

.main .part .inner .t1 {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px
}

.main .part .inner .t1.white {
    color: #fff
}

.main .part .inner .t1 span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

.main .part-1 {
    position: relative;
    top: 1px;
    padding: 20px 0 250px
}

.main .part-1 .bg {
    background: #fff url("../images/intro-1.jpg") no-repeat bottom center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.main .part-1 .inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main .part-1 .t2 {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    width: 800px;
    margin: 0 auto
}

.main .part-1 .t2 p {
    text-indent: 2em;
    padding: 0 0 20px
}

body[data-page=intro] .main .part-2 {
    background-color: #0068b7;
    padding: 0 0 90px
}

body[data-page=intro] .main .part-2 .t2 {
    position: relative
}

body[data-page=intro] .main .part-2 .t2 .swiper-controls {
    height: 1px;
    background-color: #fff;
    width: 1090px;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    top: 46px;
    left: 0;
    right: 0
}

body[data-page=intro] .main .part-2 .t2 .swiper-controls i {
    position: absolute;
    left: -46px;
    top: -23px;
    display: block;
    width: 47px;
    height: 47px;
    cursor: pointer
}

body[data-page=intro] .main .part-2 .t2 .swiper-controls i img {
    width: 100%
}

body[data-page=intro] .main .part-2 .t2 .swiper-controls i.next {
    left: auto;
    right: -46px
}

body[data-page=intro] .main .part-2 .t2 .swiper-container {
    width: 1000px
}

body[data-page=intro] .main .part-2 .t2 .swiper-container .swiper-slide,
body[data-page=intro] .main .part-2 .t2 .swiper-container .swiper-wrapper {
    height: auto !important
}

body[data-page=intro] .main .part-2 .t2 .swiper-container .swiper-slide {
    padding: 0 15px;
    box-sizing: border-box
}

body[data-page=intro] .main .part-2 .t2 .s__t1 {
    font-size: 20px;
    color: #efb400;
    font-weight: 700;
    text-align: center
}

body[data-page=intro] .main .part-2 .t2 .s__t2 {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #fff;
    margin: 18px auto
}

body[data-page=intro] .main .part-2 .t2 .s__t3 {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    padding: 15px;
    min-height: 130px;
    text-align: justify
}

body[data-page=intro] .main .part-2 .t2 .s__t3:before {
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

body[data-page=intro] .main .part-3 {
    position: relative;
    padding: 220px 0;
    background: url("../images/intro-3.jpg") no-repeat bottom center;
    background-size: 100% auto
}

body[data-page=intro] .main .part-3 .t1 {
    display: none
}

body[data-page=intro] .main .part-3 .t2 {
    position: relative;
    text-align: center
}

body[data-page=intro] .main .part-3 .t2 img {
    width: 310px;
    vertical-align: top
}

body[data-page=intro] .main .part-3 .t2 span {
    display: block;
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    color: #fff
}

body[data-page=intro] .main .part-3 .items {
    width: 455px;
    height: 455px;
    border: 1px solid #2e78cc;
    border-radius: 455px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

body[data-page=intro] .main .part-3 .items .item {
    position: absolute;
    font-size: 20px;
    color: #2e78cc;
    font-weight: 700;
    width: 240px
}

body[data-page=intro] .main .part-3 .items .item i {
    display: block;
    font-size: 40px;
    font-weight: 700;
    width: 75px;
    height: 75px;
    line-height: 75px;
    background-color: #2e78cc;
    border-radius: 75px;
    color: #fff;
    text-align: center;
    transition: all 300ms ease;
    position: absolute;
    left: -90px;
    top: 0;
    margin: auto
}

body[data-page=intro] .main .part-3 .items .item span {
    padding: 5px 0 0;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    display: block;
    transition: all 300ms ease
}

body[data-page=index] .main .part-3 .cnTitle {
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    color: #3642AD;
    margin-bottom: 10px;
}

body[data-page=index] .main .part-3 .enTitle {
    margin-left: 5px;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #007CCD;
}

body[data-page=index] .main .part-3 .newsItem {
    margin: 7px;
    border-width: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    width: 296px;
    height: 310px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

body[data-page=index] .main .part-3 .newsImg {
    text-align: center;
    line-height: normal;
    text-transform: none;
    border-width: 0px;
    position: absolute;
    left: 18px;
    top: 18px;
    width: 262px;
    height: 161px;
}

body[data-page=index] .main .part-3 .newsTitle {
    position: absolute;
    top: 68%;
    margin: 0 18px;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.2px;
    color: #000000;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body[data-page=index] .main .part-3 .newsDate {
    position: absolute;
    top: 85%;
    left: 18px;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #828282;
    line-height: 24px;
}

body[data-page=index] .main .part-3 .tabBars {
    width: 330px;
    height: 420px;
    position: relative;
    top: -70px;
    left: 0px;
}

body[data-page=index] .main .part-4 .tabBars {
    width: 400px;
    height: 100%;
    position: relative;
    top: 10px;
    left: 0px;
}
body[data-page=index] .main .part-3 .tabBarsTitle {
    position: absolute;
    top: 5%;
    left: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    color: #FFFEFE;
}

body[data-page=index] .main .part-3 .tabBarsSubTitle {
    position: absolute;
    top: 7%;
    left: 135px;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #7FA4EC;
}

body[data-page=index] .main .part-3 .tabBarImg {
    margin-bottom: 15px;
    width: 100%;
    height: 100px;
    border-radius: 0 60px 0 0;
    overflow: hidden;
    position: relative;
    top: 5%;
    background-color: #1b50b2b7;
    display: flex;
    align-items: center;
    justify-content: center;
}

    body[data-page=index] .main .part-3 .tabBarImg a {
        display: block;
        width: 100%;
        height: 100%;
    }

    body[data-page=index] .main .part-3 .tabBarImg img {
        width: 100%;
        height: 100%;
        object-position: center;
    }

body[data-page=index] .main .part-3 .newsMid {
    width: 100%;
/*    display: flex;*/
    justify-content: space-between;
    margin-bottom: 40px;
}

body[data-page=index] .main .part-3 .news-container {
    flex-basis: 680px;
    min-width: 830px;
    overflow: hidden;
}

body[data-page=index] .main .part-3 .news-container a:hover .news-title {
    color: #004BAE;
}

body[data-page=index] .main .part-3 .news-item {
    display: flex;
    align-items: flex-start;
    padding: 22px 0px;
}

body[data-page=index] .main .part-3 .news-item:last-child {
    border-bottom: none;
}

body[data-page=index] .main .part-3 .news-number {
    font-size: 24px;
    font-weight: bold;
    color: #1976D2;
    margin-right: 15px;
    min-width: 40px;
}

body[data-page=index] .main .part-3 .news-content {
    flex-grow: 1;
}

body[data-page=index] .main .part-3 .news-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-page=index] .main .part-3 .news-details {
    color: #888;
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

body[data-page=index] .main .part-3 .news-date {
    display: flex;
    flex-direction: column;
    height: 88px;
    min-width: 72px;
    margin-right: 15px;
    justify-content: space-between;
    align-items: center;
}

body[data-page=index] .main .part-3 .news-day {
    font-size: 40px;
    color: black;
    font-weight: bold;
}

body[data-page=index] .main .part-3 .news-month-year {
    font-size: 16px;
    color: #888;
}

body[data-page=index] .main .part-3 .dateline {
    width: 43%;
    border-top: 1px solid #e0e0e0;
}

body[data-page=index] .main .part-3 .slider-container {
    position: relative;
    width: 690px;
    height: 390px;
    overflow: hidden;
}

body[data-page=index] .main .part-3 .slider-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    object-fit: cover;
}

body[data-page=index] .main .part-3 .slider-image.active {
    opacity: 1;
    z-index: 200;
}

body.pc[data-page=intro] .main .part-3 .items .item:hover span {
    color: #2e78cc
}

body.pc[data-page=intro] .main .part-3 .items .item:hover i {
    background-color: #efb400
}

body[data-page=intro] .main .part-3 .items .item.il {
    text-align: right
}

body[data-page=intro] .main .part-3 .items .item.il i {
    right: -90px;
    left: auto
}

body[data-page=intro] .main .part-3 .items .item.i1 {
    right: 367.5px;
    top: -20px
}

body[data-page=intro] .main .part-3 .items .item.i2 {
    left: 367.5px;
    top: -20px
}

body[data-page=intro] .main .part-3 .items .item.i3 {
    right: 492.5px;
    top: 100px
}

body[data-page=intro] .main .part-3 .items .item.i4 {
    left: 492.5px;
    top: 100px
}

body[data-page=intro] .main .part-3 .items .item.i5 {
    right: 492.5px;
    top: 270px
}

body[data-page=intro] .main .part-3 .items .item.i6 {
    left: 492.5px;
    top: 270px
}

body[data-page=intro] .main .part-3 .items .item.i7 {
    right: 367.5px;
    top: 405px
}

body[data-page=intro] .main .part-3 .items .item.i8 {
    left: 367.5px;
    top: 405px
}

@media screen and (max-width:1024px) {
    body[data-page=intro] .main .part .inner {
        width: auto
    }

    body[data-page=intro] .main .part .inner .t1 {
        font-size: 20px;
        padding-bottom: 20px
    }

    body[data-page=intro] .main .part .inner .t1 span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    body[data-page=intro] .main .part-1 {
        padding: 30px 0 80px
    }

    body[data-page=intro] .main .part-1 .bg {
        background-size: 210% auto
    }

    body[data-page=intro] .main .part-1 .t2 {
        font-size: 16px;
        line-height: 30px;
        padding: 0 24px;
        width: auto
    }

    body[data-page=intro] .main .part-2 {
        padding: 10px 12px 30px
    }

    body[data-page=intro] .main .part-2 .t2 {
        padding: 10px 0 0
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-container {
        width: auto
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-container .swiper-slide {
        padding: 0 70px
    }

    body[data-page=intro] .main .part-2 .t2 .s__t1 {
        text-align: left;
        font-size: 16px;
        font-weight: 400
    }

    body[data-page=intro] .main .part-2 .t2 .s__t2 {
        position: relative;
        margin: 8px 0;
        width: 14px;
        height: 14px;
        left: -24px
    }

    body[data-page=intro] .main .part-2 .t2 .s__t3 {
        color: #fff;
        background-color: transparent;
        font-size: 13px;
        line-height: 24px;
        min-height: 100px;
        padding: 0
    }

    body[data-page=intro] .main .part-2 .t2 .s__t3:before {
        display: none
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-controls {
        width: 100%;
        top: 45px
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-controls i {
        width: 31px;
        height: 31px;
        top: -15px;
        left: 0;
        background-color: #0068b7;
        background-image: url("../images/intro-4.png");
        background-size: cover
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-controls i img {
        display: none
    }

    body[data-page=intro] .main .part-2 .t2 .swiper-controls i.next {
        right: 0;
        background-image: url("../images/intro-5.png")
    }

    body[data-page=intro] .main .part-3 {
        padding: 40px 0 80px
    }

    body[data-page=intro] .main .part-3 .t1 {
        display: block
    }

    body[data-page=intro] .main .part-3 .t2 {
        margin: 10px 0 0
    }

    body[data-page=intro] .main .part-3 .t2 img {
        width: 220px
    }

    body[data-page=intro] .main .part-3 .t2 span {
        font-size: 35px;
        top: 60px
    }

    body[data-page=intro] .main .part-3 .items {
        position: relative;
        width: auto;
        height: auto;
        border: 0;
        padding: 35px 24px 0
    }

    body[data-page=intro] .main .part-3 .items .item {
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        text-align: left;
        margin-bottom: 30px;
        width: auto;
        font-size: 21px;
        font-weight: 400;
        padding: 0 0 0 75px;
        text-align: justify
    }

    body[data-page=intro] .main .part-3 .items .item i {
        position: absolute;
        left: 0 !important;
        right: auto !important;
        top: 0;
        font-size: 28px;
        width: 57px;
        height: 57px;
        line-height: 57px
    }

    body[data-page=intro] .main .part-3 .items .item span {
        font-size: 14px;
        padding: 10px 0 0
    }

    body[data-page=intro] .main .part-3 .items .item.il {
        text-align: left
    }
}

body[data-page=news] .main {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 80px
}

body[data-page=news] .main .title {
    font-size: 32px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 35px
}

body[data-page=news] .main .sub-title {
    font-size: 28px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 35px
}

body[data-page=news] .main .title.white {
    color: #fff
}

body[data-page=news] .main .title span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

.news-items {
/*    padding: 0 70px*/
}

.news-items .news-item {
    position: relative;
    display: block;
    min-height: 220px;
    padding: 0 0 50px 400px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d3d3d3;
}
.news-items .news-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.news-items .news-item_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news-items .news-item_t0 {
    position: absolute;
    left: 0;
    top: 0;
    width: 360px;
    height: 200px
}

.news-items .news-item_t0 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: #f5f5f5;
    transition: all 600ms ease
}

.news-items .news-item_t0 span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #0a5fa7;
    background-color: rgba(10, 95, 167, .6);
    color: #fff;
    transition: all 600ms ease
}

.news-items .news-item_t1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 0 20px;
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    color: rgba(0, 118, 255, 0.996078431372549);
    line-height: 28px;
}

.news-items .news-item_t2 {
    color: #6b6b6b;
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
}

.news-items .news-item_t2>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-items .news-item_t3 {
    font-size: 16px;
    color: #6598E2;
    margin-top: 10px;
}

.news-items .news-item_t3 i {
    display: inline-block;
    background: url("../images/home-5.png");
    width: 23px;
    height: 23px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    position: relative;
    top: -1px
}

body.pc .news-items .news-item:hover .news-item_t0 img {
    transform: scale(1.05)
}

body.pc .news-items .news-item:hover .news-item_t0 span {
    right: -10px;
    background-color: #0a5fa7
}

body.pc .news-items .news-item:hover .news-item_t3 {
    color: #0a5fa7
}

body.pc .news-items .news-item:hover .news-item_t3 i {
    background-image: url("../images/home-6.png")
}

@media screen and (max-width:1024px) {
    body[data-page=news] .main {
        width: auto;
        padding: 35px 0 20px;
        min-height: 30rem;
    }

    body[data-page=news] .main .title {
        font-size: 20px;
        padding-bottom: 25px
    }

    body[data-page=news] .main .title span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    .news-items .news-item {
        padding: 0;
        margin-bottom: 23px;
        padding: 0 0 0 123px;
        min-height: 62px
    }

    .news-items .news-item_t0 {
        width: 110px;
        height: 62px
    }

    .news-items .news-item_t0 span {
        line-height: 18px;
        font-size: 9px;
        padding: 0 5px;
        right: 5px;
        bottom: 5px
    }

    .news-items .news-item_t1 {
        font-size: 20px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0;
        text-align: justify
    }

    .news-items .news-item {
        position: relative;
        display: block;
        min-height: auto;
        padding: 0; 
        border-bottom: 1px solid #d3d3d3;
    }

    .news-items .news-item_t0 {
        position: static;
        width: 200px;
        height: auto;
        margin: 0 auto 15px;
    }

    .news-items .news-item_t0 img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .news-items .news-item_t2 {
/*        display: none*/
    }

    .news-items .news-item_t3 {
/*        display: none*/
    }

    .ywfw-title {
        width: 90% !important;
    }
    .qyjs-title {
        width: 100% !important;
    }

    .footerDec .groupTitle {
        width: 105% !important;
        height: 60px !important;
    }
}

body[data-page=service] .main {
    padding: 60px 0;
    /* background: url("../images/u58.png") no-repeat center center;
    background-size: cover; */
    overflow: hidden;
}

body[data-page=service] .main.service-station {
    background: 0 0;
    padding: 50px 0 100px
}

body[data-page=service] .main.service-station .tabs {
    width: 100%;
    background: 0 0;
    font-size: 20px;
    height: 48px;
    line-height: 45px;
    border-bottom: 3px solid #0068b7
}

body[data-page=service] .main.service-station .tabs .tab-arrow.right {
    background-image: url("../images/history-arrow-right-b.png")
}

body[data-page=service] .main.service-station .tabs .tab-arrow.left {
    background-image: url("../images/history-arrow-left-b.png")
}

body[data-page=service] .main.service-station .tabs .tab-content {
    padding: 0
}

body[data-page=service] .main.service-station .tabs .tab {
    cursor: pointer;
    background-color: #e0e7ed;
    color: #0068b7;
    min-width: 180px;
    margin: 0 1px 0 0
}

body[data-page=service] .main.service-station .tabs .tab :last-child {
    margin-right: 0
}

body[data-page=service] .main.service-station .tabs .tab.active {
    background-color: #0068b7;
    color: #fff
}

body[data-page=service] .main.service-station table {
    font-size: 18px;
    color: #0068b7;
    width: 100%;
    margin: 10px 0 0
}

body[data-page=service] .main.service-station table tr.f {
    background-color: #f8f8f8
}

body[data-page=service] .main.service-station table tr td {
    border: 1px solid #a0a0a0;
    padding: 25px 30px 5px
}

body[data-page=service] .main.service-station table tr td.center {
    text-align: center
}

body[data-page=service] .main.service-station table tr td.left {
    text-align: left
}

body[data-page=service] .main.service-station table tr td>div {
    font-size: 16px;
    color: #000;
    width: 33.33%;
    float: left;
    line-height: normal
}

body[data-page=service] .main.service-station table tr td>div>div {
    padding: 0 0 20px 25px;
    position: relative
}

body[data-page=service] .main.service-station table tr td>div>div:before {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #0068b7;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px
}

body[data-page=service] .main.service-station table tr.space td {
    padding: 0;
    height: 10px;
    border-left: 0;
    border-right: 0
}

body[data-page=service] .main.service-guide {
    background: 0 0;
    padding: 50px 0 100px
}

body[data-page=service] .main.service-guide .t1 {
    position: relative;
    color: #0068b7;
    font-size: 22px;
    line-height: 24px;
    margin: 0 0 20px;
    padding: 0 0 4px 25px
}

body[data-page=service] .main.service-guide .t1:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 10px;
    height: 28px;
    background-color: #0068b7
}

body[data-page=service] .main.service-guide .t1 span {
    font-size: 14px;
    color: #000;
    float: right
}

body[data-page=service] .main.service-guide .t2 table {
    width: 100%
}

body[data-page=service] .main.service-guide .t2 table thead {
    border-bottom: 3px solid #0068b7
}

body[data-page=service] .main.service-guide .t2 table tr td,
body[data-page=service] .main.service-guide .t2 table tr th {
    font-size: 16px;
    padding: 15px 10px;
    line-height: normal;
    vertical-align: middle
}

body[data-page=service] .main.service-guide .t2 table tr td {
    border: 1px solid #a0a0a0
}

body[data-page=service] .main.service-guide .t2 table tr th {
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0
}

body[data-page=service] .main.service-guide .t2 table .center {
    text-align: center
}

body[data-page=service] .main.service-guide .t2 table .left {
    text-align: left
}

body[data-page=service] .main.service-guide .t2 table .right {
    text-align: right
}

body[data-page=service] .main.service-guide .t2 table .blue {
    color: #0068b7
}

body[data-page=service] .main.service-guide .t2 table tbody tr:nth-child(odd) {
    background-color: #f8f8f8
}

body[data-page=service] .main.service-guide .t2 table tr td {
    text-align: right
}

body[data-page=service] .main.service-guide .t2 table tr th {
    text-align: center;
    font-size: 18px;
    color: #0068b7
}

body[data-page=service] .main.service-guide .t2 table tr th.no {
    border-bottom: 0
}

body[data-page=service] .main.service-guide .t3 {
    padding: 30px 0 0 20px
}

body[data-page=service] .main.service-guide .t3_1 {
    font-size: 16px;
    padding: 0 0 5px;
    border-bottom: 3px solid #0068b7;
    width: 180px;
    color: #0068b7
}

body[data-page=service] .main.service-guide .t3_2 {
    font-size: 16px;
    padding: 10px 0 20px;
    line-height: normal
}

body[data-page=service] .main.service-guide .t3_2 p {
    padding: 0 0 20px
}

body[data-page=service] .main.service-guide .t4 {
    position: relative;
    margin-top: 120px;
    background-color: #596772;
    padding: 90px 0 40px
}

body[data-page=service] .main.service-guide .t4_1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -54px;
    width: 96px;
    height: 96px;
    line-height: 96px;
    text-align: center;
    border-radius: 96px;
    box-sizing: content-box;
    background-color: #efb400;
    border: 12px solid #fff
}

body[data-page=service] .main.service-guide .t4_1 img {
    width: 60px
}

body[data-page=service] .main.service-guide .t4_2 {
    zoom: 1
}

body[data-page=service] .main.service-guide .t4_2:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=service] .main.service-guide .t4_2 div {
    line-height: normal;
    text-align: center;
    width: 33.33%;
    float: left;
    color: #fff;
    font-size: 18px
}

body[data-page=service] .main.service-guide .t4_2 div span {
    font-weight: 700;
    display: block;
    font-size: 32px;
    color: #efb400;
    padding: 10px 0 0
}

body[data-page=service] .main.service-list {
    background: 0 0;
    padding: 50px 0 80px
}

body[data-page=service] .main.service-list .inner {
    width: 1200px
}

body[data-page=service] .main.service-list .inner .service-items {
    margin: 0 -20px;
    zoom: 1
}

body[data-page=service] .main.service-list .inner .service-items:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=service] .main.service-list .inner .service-items .service-item {
    width: 580px;
    float: left;
    height: 176px;
    background-color: #fff;
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, .15);
    border: 1px solid #eee \0;
    margin: 0 20px 30px;
    padding: 25px 25px 25px 216px;
    position: relative;
    cursor: pointer;
    transition: all 1200ms ease
}

body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover {
    background-color: #0068b7;
    box-shadow: 0 0 rgba(0, 0, 0, .15)
}

body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t1,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t2,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t3 {
    color: #fff
}

body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t1>div,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t1 span,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t2>div,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t2 span,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t3>div,
body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t3 span {
    color: #fff
}

body.pc[data-page=service] .main.service-list .inner .service-items .service-item:hover .t0 img {
    transform: scale(1.1)
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t0 {
    width: 162px;
    height: 127px;
    position: absolute;
    left: 25px;
    top: 25px;
    transition: all 600ms ease;
    overflow: hidden
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t0 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1200ms ease
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t1 {
    font-size: 20px;
    color: #1566cb;
    padding: 0 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 600ms ease
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t2 {
    font-size: 14px;
    zoom: 1;
    transition: all 600ms ease
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t2:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t2>div {
    width: 50%;
    float: left;
    padding: 0 0 10px;
    color: #1566cb
}

body[data-page=service] .main.service-list .inner .service-items .service-item .t2>div span {
    width: 75px;
    padding: 0 5px 0 0;
    display: inline-block;
    color: #000;
    text-align-last: justify
}

body[data-page=service] .main .inner {
    width: 1200px;
    margin: 0 auto
}

body[data-page=service] .main .inner .items {
    margin: 0 -15px;
    zoom: 1
}

body[data-page=service] .main .inner .items:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

body[data-page=service] .main .inner .items .item {
    margin: 0 15px;
    float: left;
    width: 313.302px;
    padding: 35px 35px 0 100px;
    color: #fff;
    height: 210px;
    position: relative;
    box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, .0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

body[data-page=service] .main .inner .items.items2 .item {
    margin: 0 15px;
    float: left;
    width: 484.302px;
    margin-bottom: 25px;
    padding: 35px 20px 0 100px;
    color: #fff;
    height: 210px;
    position: relative;
    box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, .0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

body[data-page=service] .main .inner .items .item:hover {
    box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, .2);
}

body[data-page=service] .main .inner .items .item .t0 {
    position: absolute;
    top: 35px;
    left: 30px
}

body[data-page=service] .main .inner .items .item .t0 img {
    width: 55px;
    vertical-align: top
}

body[data-page=service] .main .inner .items .item .t1 {
    font-size: 24px;
    padding: 0 0 20px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

body[data-page=service] .main .inner .items .item:hover .t1 {
    font-size: 24px;
    padding: 0 0 20px;
    letter-spacing: 0.2em;
    font-weight: 700;
}

body[data-page=service] .main .inner .items .item .t2 {
    font-size: 16px;
    line-height: 30px
}

body[data-page=service] .main .inner .items .item .t2 span {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

body[data-page=service] .main .inner .items .item.i1 {
    background-color: #0f89cf
}

body[data-page=service] .main .inner .items .item.i1:hover {
    background-color: #1ca0ec
}

body[data-page=service] .main .inner .items .item.i2 {
    background-color: #64b239
}

body[data-page=service] .main .inner .items .item.i2:hover {
    background-color: #71c643
}

body[data-page=service] .main .inner .items .item.i3 {
    background-color: #dd7f1b
}

body[data-page=service] .main .inner .items .item.i3:hover {
    background-color: #f08718
}

body[data-page=service] .main .inner .items.items2 .item.i2 {
    background-color: #b94849
}

body[data-page=service] .main .inner .items.items2 .item.i2:hover {
    background-color: #d94849
}

body[data-page=service] .main .inner .items.items2 .item.i3 {
    background-color: #64b239
}

body[data-page=service] .main .inner .items.items2 .item.i3:hover {
    background-color: #71c643
}

body[data-page=service] .main .inner .items.items2 .item.i4 {
    background-color: #dd7f1b
}

body[data-page=service] .main .inner .items.items2 .item.i4:hover {
    background-color: #f08718
}

body[data-page=service] .main .title {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 50px
}

body[data-page=service] .main .title.white {
    color: #fff
}

body[data-page=service] .main .title span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

body[data-page=service] .service-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .4);
    box-shadow: 2.5px 4.33px 15px 0 rgba(0, 0, 0, .3);
    overflow: auto;
    display: none\0;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease
}

body[data-page=service] .service-modal.show {
    display: block\0;
    opacity: 1;
    visibility: visible
}

body[data-page=service] .service-modal.show .service-modal-content {
    transform: scale(1)
}

body[data-page=service] .service-modal-content {
    transition: all 300ms ease;
    transform: scale(0);
    width: 957px;
    height: 425px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    padding: 40px 40px 40px 540px;
    border-bottom: 4px solid #46afff
}

body[data-page=service] .service-modal-content .close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer
}

body[data-page=service] .service-modal-content .close img {
    width: 100%;
    height: 100%
}

body[data-page=service] .service-modal-content .t0 {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 440px;
    height: 346px
}

body[data-page=service] .service-modal-content .t0 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

body[data-page=service] .service-modal-content .t1 {
    font-size: 30px;
    color: #0068b7;
    padding: 10px 0 25px;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body[data-page=service] .service-modal-content .t2 {
    color: #0068b7;
    font-size: 18px
}

body[data-page=service] .service-modal-content .t2>div {
    padding: 0 0 25px
}

body[data-page=service] .service-modal-content .t2 span {
    color: #000;
    display: inline-block;
    width: 95px;
    margin: 0 10px 0 0;
    text-align-last: justify
}

@media screen and (max-width:1024px) {
    body[data-page=service] .main {
        padding: 35px 0 90px
    }

    body[data-page=service] .main.service-station {
        padding: 35px 24px 40px
    }

    body[data-page=service] .main.service-station .tabs {
        font-size: 16px;
        height: 38px;
        line-height: 36px;
        border-bottom: 2px solid #0068b7
    }

    body[data-page=service] .main.service-station .tabs .tab {
        min-width: 74px
    }

    body[data-page=service] .main.service-station .tabs .tab:last-child {
        min-width: 80px
    }

    body[data-page=service] .main.service-station table {
        font-size: 15px
    }

    body[data-page=service] .main.service-station table tr td {
        padding: 12px 12px 2px
    }

    body[data-page=service] .main.service-station table tr td>div {
        font-size: 12px;
        width: 100%;
        float: none
    }

    body[data-page=service] .main.service-station table tr td>div>div {
        padding: 0 0 10px 20px
    }

    body[data-page=service] .main.service-station table tr td>div>div:before {
        width: 8px;
        height: 8px
    }

    body[data-page=service] .main.service-guide {
        padding: 35px 24px 40px
    }

    body[data-page=service] .main.service-guide .t1 {
        color: #0068b7;
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 15px;
        padding: 0 0 2px 20px
    }

    body[data-page=service] .main.service-guide .t1:before {
        width: 6px;
        height: 22px
    }

    body[data-page=service] .main.service-guide .t1 span {
        font-size: 13px;
        padding: 5px 0 0;
        float: none;
        display: block
    }

    body[data-page=service] .main.service-guide .t2 {
        overflow: auto
    }

    body[data-page=service] .main.service-guide .t2 table {
        width: 250%
    }

    body[data-page=service] .main.service-guide .t2 table.full {
        width: 100%
    }

    body[data-page=service] .main.service-guide .t2 table tr th,
    body[data-page=service] .main.service-guide .t2 table tr td {
        padding: 10px
    }

    body[data-page=service] .main.service-guide .t2 table tr th {
        font-size: 13px;
        border-bottom-width: 2px
    }

    body[data-page=service] .main.service-guide .t2 table tr td {
        font-size: 11px
    }

    body[data-page=service] .main.service-guide .t3 {
        padding: 40px 0 0
    }

    body[data-page=service] .main.service-guide .t3_1 {
        font-size: 16px;
        border-bottom-width: 2px
    }

    body[data-page=service] .main.service-guide .t3_2 {
        font-size: 16px;
        line-height: 30px
    }

    body[data-page=service] .main.service-guide .t4 {
        padding: 90px 0 0;
        margin-top: 100px
    }

    body[data-page=service] .main.service-guide .t4_1 {
        width: 90px;
        height: 90px;
        line-height: 90px;
        border-width: 6px;
        top: -48px
    }

    body[data-page=service] .main.service-guide .t4_1 img {
        width: 60px
    }

    body[data-page=service] .main.service-guide .t4_2 div {
        width: 100%;
        float: none;
        font-size: 16px;
        padding: 0 0 50px
    }

    body[data-page=service] .main.service-guide .t4_2 div span {
        font-size: 24px
    }

    body[data-page=service] .main.service-list {
        padding: 35px 0 20px
    }

    body[data-page=service] .main.service-list .inner {
        width: auto;
        padding: 0 24px
    }

    body[data-page=service] .main.service-list .inner .service-items {
        margin: 0
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item {
        margin: 0 0 17px;
        width: 100%;
        padding: 15px 20px;
        height: auto
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item .t0 {
        display: none
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item .t1 {
        font-size: 16px;
        padding: 0 0 5px
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item .t2 {
        font-size: 11px
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item .t2>div {
        padding: 0 0 4px
    }

    body[data-page=service] .main.service-list .inner .service-items .service-item .t2>div span {
        width: 65px
    }

    body[data-page=service] .main .inner {
        width: auto
    }

    body[data-page=service] .main .inner .items {
        margin: 0;
        padding: 0 24px
    }

    body[data-page=service] .main .inner .items .item {
        margin: 0 0 15px;
        width: 100%;
        padding: 30px 30px 0 84px;
        height: 150px
    }

    body[data-page=service] .main .inner .items .item .t0 {
        top: 30px;
        left: 20px
    }

    body[data-page=service] .main .inner .items .item .t0 img {
        width: 50px
    }

    body[data-page=service] .main .inner .items .item .t1 {
        font-size: 20px;
        padding: 0 0 15px
    }

    body[data-page=service] .main .inner .items .item .t2 {
        font-size: 14px;
        line-height: 24px
    }

    body[data-page=service] .main .inner .items .item .t2 span {
        font-weight: 700;
        font-size: 21px
    }

    body[data-page=service] .main .title {
        font-size: 20px;
        padding-bottom: 25px
    }

    body[data-page=service] .main .title span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    body[data-page=service] .service-modal {
        padding: 24px
    }

    body[data-page=service] .service-modal-content {
        width: auto;
        height: auto;
        padding: 12px;
        position: relative
    }

    body[data-page=service] .service-modal-content .t0 {
        position: static;
        width: auto;
        height: auto
    }

    body[data-page=service] .service-modal-content .t0 img {
        width: 100%;
        height: auto
    }

    body[data-page=service] .service-modal-content .t1 {
        padding: 5px 20px 15px 5px;
        line-height: normal;
        font-size: 24px
    }

    body[data-page=service] .service-modal-content .t2 {
        font-size: 16px;
        padding: 25px 0 0 15px
    }

    body[data-page=service] .service-modal-content .t2>div {
        padding: 0 0 15px
    }

    body[data-page=service] .service-modal-content .close {
        width: 27px;
        height: 27px;
        top: 22px;
        right: 15px
    }
}

/*# sourceMappingURL=/css/style.css.map*/
/*新增动态新闻*/
body[data-page=newsContent] .main .part-box {
    background-color: #0068b7
}

body[data-page=newsContent] .main .part .inner {
    width: 1200px;
    margin: 0 auto
}

body[data-page=newsContent] .main .part .inner .t1 {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px
}

body[data-page=newsContent] .main .part .inner .t1.white {
    color: #fff
}

body[data-page=newsContent] .main .part .inner .t1 span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

body[data-page=newsContent] .main .part-1 {
    position: relative;
    top: 1px;
    padding: 20px 0 250px
}

body[data-page=newsContent] .main .part-1 .inner {
    position: relative
}

body[data-page=newsContent] .main .part-1 .t2 {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    width: 800px;
    margin: 0 auto
}

body[data-page=newsContent] .main .part-1 .sub-time {
    padding: 12px 0;
    font-size: 16px;
    color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

body[data-page=newsContent] .main .part-1 .sub-title {
    padding-bottom: 24px;
    font-size: 22px;
}

/*body[data-page=newsContent] .main .part-1 .t2 p{text-indent:2em;padding:0 0 20px}*/
@media screen and (max-width:1024px) {
    body[data-page=newsContent] .main .part .inner {
        width: auto
    }

    body[data-page=newsContent] .main .part .inner .t1 {
        font-size: 20px;
        padding-bottom: 20px
    }

    body[data-page=newsContent] .main .part .inner .t1 span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    body[data-page=newsContent] .main .part-1 {
        padding: 30px 0 80px
    }

    body[data-page=newsContent] .main .part-1 .bg {
        background-size: 210% auto
    }

    body[data-page=newsContent] .main .part-1 .t2 {
        font-size: 16px;
        line-height: 30px;
        padding: 0 24px;
        width: auto
    }
}

/*新增联系我们*/
body[data-page=contact] .main .part-box {
    background-color: #0068b7
}

body[data-page=contact] .main .part .inner {
    width: 1200px;
    margin: 0 auto
}

body[data-page=contact] .main .part .inner .t1 {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px
}

body[data-page=contact] .main .part .inner .t1.white {
    color: #fff
}

body[data-page=contact] .main .part .inner .t1 span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

body[data-page=contact] .main .part-1 {
    position: relative;
    top: 1px;
    padding: 20px 0 250px
}

body[data-page=contact] .main .part-1 .bg {
    background: #fff url("../images/intro-1.jpg") no-repeat bottom center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

body[data-page=contact] .main .part-1 .inner {
    position: relative
}

body[data-page=contact] .main .part-1 .t2 {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    width: 800px;
    margin: 0 auto
}

body[data-page=contact] .main .part-1 .sub-time {
    padding: 12px 0;
    font-size: 16px;
    color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

body[data-page=contact] .main .part-1 .sub-title {
    padding-bottom: 24px;
    font-size: 22px;
}

/*body[data-page=contact] .main .part-1 .t2 p{text-indent:2em;padding:0 0 20px}*/
@media screen and (max-width:1024px) {
    body[data-page=contact] .main .part .inner {
        width: auto
    }

    body[data-page=contact] .main .part .inner .t1 {
        font-size: 20px;
        padding-bottom: 20px
    }

    body[data-page=contact] .main .part .inner .t1 span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    body[data-page=contact] .main .part-1 {
        padding: 30px 0 80px
    }

    body[data-page=contact] .main .part-1 .bg {
        background-size: 210% auto
    }

    body[data-page=contact] .main .part-1 .t2 {
        font-size: 16px;
        line-height: 30px;
        padding: 0 24px;
        width: auto
    }
}

body[data-page=contact] .main .contactTable {
    font-size: 16px;
}

body[data-page=contact] .main .JoinUsImg {
    display: block;
    margin: 0 auto;
}

body[data-page=contact] .main .inner .recruit {
    margin-top: 40px !important;
}

body[data-page=contact] .main .recruit-item-title {
    height: 26px;
    line-height: 26px;
    font-size: 26px;
    margin: 50px 0;
    border-left: 4px solid #3497db;
    text-indent: 15px;
    cursor: pointer;
}

body[data-page=contact] .main .job-requirements-content {
    display: none;
    font-size: 18px;
}

/*新增企业文化*/
body[data-page=culture] .main {
    margin: 0 auto;
    padding: 50px 0 80px
}

body[data-page=culture] .main {
    padding: 50px 0 410px;
    background: url("../images/service-1.jpg") no-repeat bottom center;
    background-size: 100% auto
}

body[data-page=culture] .main .part-box {
    background-color: #0068b7
}

body[data-page=culture] .main .part .inner {
    width: 1200px;
    margin: 0 auto
}

body[data-page=culture] .main .part .inner .t1 {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px
}

body[data-page=culture] .main .part .inner .t1.white {
    color: #fff
}

body[data-page=culture] .main .part .inner .t1 span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

body[data-page=culture] .main .part-1 {
    position: relative;
    top: 1px;
    padding: 20px 0 250px
}

body[data-page=culture] .main .part-1 .inner {
    position: relative
}

body[data-page=culture] .main .part-1 .t2 {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    width: 800px;
    margin: 0 auto
}

body[data-page=culture] .main .part-1 .sub-time {
    padding: 12px 0;
    font-size: 16px;
    color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

body[data-page=culture] .main .part-1 .sub-title {
    padding-bottom: 24px;
    font-size: 22px;
}

body[data-page=culture] .main .title {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 50px
}

body[data-page=culture] .main .title.white {
    color: #fff
}

body[data-page=culture] .main .title span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0
}

.listPart {
    display: none;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 80px
}

@media screen and (max-width:1024px) {
    body[data-page=culture] .main .part .inner {
        width: auto
    }

    body[data-page=culture] .main .part .inner .t1 {
        font-size: 20px;
        padding-bottom: 20px
    }

    body[data-page=culture] .main .part .inner .t1 span {
        margin: 12px auto 0;
        width: 35px;
        height: 6px
    }

    body[data-page=culture] .main .part-1 {
        padding: 30px 0 80px
    }

    body[data-page=culture] .main .part-1 .bg {
        background-size: 210% auto
    }

    body[data-page=culture] .main .part-1 .t2 {
        font-size: 16px;
        line-height: 30px;
        padding: 0 24px;
        width: auto
    }
}

/*新增优质服务*/
body[data-page=service] .main .serviceTable tr:nth-child(n+2) {
    font-size: 16px;
}

body[data-page=service] .main .serviceTable td {
    padding: 15px 10px !important;
}

body[data-page=service] .main .serviceTable2 td {
    padding: 15px 10px !important;
}

body[data-page=service] .main .servicePart2 {
    display: none;
}

body[data-page=service] .main.service-station table tr .date1,
body[data-page=service] .main.service-station table tr .date2,
body[data-page=service] .main.service-station table tr .date3 {
    border: 1px solid #a0a0a0;
    padding: 25px 12px 5px;
}

#artileContent img {
    max-width: 800px;
}

.main .listImage ul {
    width: 1240px;
    margin: 0 auto;
}

.main .listImage li:hover {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    /*box-shadow: 6px 6px 15px 0px rgba(0, 0, 0, 0.1);*/
}

.main .listImage li:hover .imgWrap {
    margin-top: -10px;
    transition: all 0.3s ease-out 0s;
}

.main .listImage li {
    display: inline-block;
    width: 600px;
    height: 450px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 10px 15px 10px;
}

.main .listImage img {
    width: 600px;
}

.main .listImage .imgWrap {
    width: 600px;
    height: 400px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.3s ease-out 0s;
}

.main .listImage p {
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    z-index: 2600;
    transition: all 1s;
    display: none
}

.imgbox:hover {
    cursor: zoom-in
}

.mask:hover {
    cursor: zoom-out
}

.mask>img {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 60px;
}

.mask>img:hover {
    cursor: pointer
}

.bigimg {
    height: 80%;
    width: auto;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 10%;
    margin: auto;
    display: none;
    z-index: 9999;
}

.showSummary {
    position: fixed;
    top: 86%;
    left: 50%;
    z-index: 9999;
    display: none;
    width: 1200px;
    text-align: center;
    font-size: 16px;
    color: white;
    margin-left: -600px;
}

.listImage {
    display: none;
}

.listImage .t1 {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px;
}

.listImage .t1 span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0;
}

.listPart .title {
    font-size: 30px;
    text-align: center;
    color: #1566cb;
    line-height: normal;
    padding: 0 0 30px;
}

.listPart .title span {
    display: block;
    width: 43px;
    height: 7px;
    background-color: #efb400;
    margin: 20px auto 0;
}

body[data-page=intro] .listImage {
    padding-top: 50px;
}

body[data-page=index] .main .part .inner .t1 span {
    width: auto;
    height: auto;
    background: none;
    margin: 0px;
    padding: 5px 0 0;
}

#artileContent p {
    text-indent: 0;
}

/*.page-wrapper {
    box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12) !important;
}*/
body[data-page=newsContent] #magazine {
    width: 922px;
    height: 600px;
}

body[data-page=newsContent] #magazine .turn-page {
    width: 461px;
    height: 600px;
    background-color: #ccc;
}

body[data-page=newsContent] #magazine img {
    width: 461px;
    height: 600px;
}

body[data-page=newsContent] #magazine .even .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}

body[data-page=newsContent] #magazine .odd .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

body[data-page=newsContent] #magazine .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    -webkit-box-shadow: 0 0 20px #ccc;
    -moz-box-shadow: 0 0 20px #ccc;
    -o-box-shadow: 0 0 20px #ccc;
    -ms-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
}

body[data-page=newsContent] #magazine .next-button,
body[data-page=newsContent] #magazine .previous-button {
    width: 22px;
    height: 600px;
    position: absolute;
    top: 0;
}

body[data-page=newsContent] #magazine .next-button {
    right: -22px;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}

body[data-page=newsContent] #magazine .previous-button {
    left: -22px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
}

body[data-page=newsContent] #magazine .previous-button-hover,
body[data-page=newsContent] #magazine .next-button-hover {
    background-color: rgba(0, 0, 0, 0.2);
}

body[data-page=newsContent] #magazine .previous-button-hover,
body[data-page=newsContent] #magazine .previous-button-down {
    background-image: url(../images/arrows.png);
    background-position: -4px 284px;
    background-repeat: no-repeat;
}

body[data-page=newsContent] #magazine .previous-button-down,
body[data-page=newsContent] #magazine .next-button-down {
    background-color: rgba(0, 0, 0, 0.4);
}

body[data-page=newsContent] #magazine .next-button-hover,
body[data-page=newsContent] #magazine .next-button-down {
    background-image: url(../images/arrows.png);
    background-position: -38px 284px;
    background-repeat: no-repeat;
}

/* jquery-ui */
body[data-page=newsContent] .turnjs-slider {
    width: 600px;
    height: 6px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 20px auto;
}

body[data-page=newsContent] .turnjs-slider .thumbnail {
    width: 115px;
    height: 85px;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    top: -100px;
    left: -17px;
    display: none;
    -webkit-transform: translate3d(0px, 50px, 0px) scale(0.1, 0.1);
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transform: translate3d(0px, 50px, 0px) scale(0.1, 0.1);
    -moz-transition: -moz-transform 0.2s;
    -o-transform: translate3d(0px, 50px, 0px) scale(0.1, 0.1);
    -o-transition: -o-transform 0.2s;
    -ms-transform: translate3d(0px, 50px, 0px) scale(0.1, 0.1);
    -ms-transition: -ms-transform 0.2s;
    transform: translate3d(0px, 50px, 0px) scale(0.1, 0.1);
    transition: transform 0.2s;
    border-radius: 5px;
}

body[data-page=newsContent] .no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

body[data-page=newsContent] .turnjs-slider .thumbnail div {
    width: 100px;
    margin: 7px;
    height: 70px;
    background-color: white;
}

body[data-page=newsContent] .turnjs-slider .ui-state-hover .thumbnail {
    display: block;
    opacity: 0;
}

body[data-page=newsContent] .turnjs-slider .ui-state-active .thumbnail {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* Layout helpers
----------------------------------*/

/* Interaction Cues
----------------------------------*/
body[data-page=newsContent] .ui-state-disabled {
    cursor: default !important;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
body[data-page=newsContent] .turnjs-slider .ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body[data-page=newsContent] .turnjs-slider .ui-slider {
    position: relative;
    text-align: left;
}

body[data-page=newsContent] .turnjs-slider .ui-slider-handle {
    position: absolute;
    z-index: 0;
    width: 80px;
    height: 8px;
    cursor: default;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

body[data-page=newsContent] .turnjs-slider .ui-slider-horizontal {
    height: 8px;
    width: 520px;
    margin-left: 39px;
}

body[data-page=newsContent] .turnjs-slider .ui-slider-horizontal .ui-slider-handle {
    margin-left: -40px;
    margin-top: -1px;
}

/* Interaction states
----------------------------------*/
body[data-page=newsContent] .turnjs-slider .ui-slider-handle {
    border: 1px solid white;
    background-color: black;
    opacity: 0.2;
    display: block;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

body[data-page=newsContent] .turnjs-slider .ui-state-hover {
    opacity: 0.4;
}

body[data-page=newsContent] .turnjs-slider .ui-state-active {
    opacity: 1;
}

body[data-page=newsContent] .picMask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1600;
    transition: all 0.5s;
    display: none;
}

body[data-page=newsContent] .picMask .closeBtn:hover {
    cursor: pointer;
}

body[data-page=newsContent] .picMask>img {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 50px;
}

body[data-page=newsContent] .picMask>.wrapImg {
    position: relative;
    height: 100%;
    margin-top: 60px;
    text-align: center;
    margin-right: 70px;
    margin-left: 70px;
}

body[data-page=newsContent] .picMask .zoomPic {
    width: 50%;
    max-height: 90%;
}

body[data-page=newsContent] .wrapNum {
    float: right;
    cursor: default;
    font-size: 15px;
    line-height: 30px;
    width: 120px;
    height: 30px;
    margin: 0 auto;
    background: rgba(68, 68, 68, 0.5);
    color: white;
    border-radius: 15px;
}

body[data-page=newsContent] .pageNum {
    float: left;
    padding-left: 15px;
    width: 75px;
    height: 30px;
    border-radius: 15px 0px 0px 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
}

body[data-page=newsContent] .btnGotoPage {
    float: right;
    width: 45px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

body[data-page=newsContent] .pageNum input {
    background-color: transparent;
    border: 0px solid transparent;
    height: 18px;
    width: 52px;
    color: white;
    font-family: Arial;
    text-align: center;
    vertical-align: middle;
}

body[data-page=newsContent] .pageNum input:focus {
    outline: none;
}

body[data-page=newsContent] .pageNum:hover {
    cursor: text;
}

body[data-page=newsContent] .btnGotoPage:hover {
    cursor: pointer;
}

body[data-page=newsContent] .pageNum .showNum {
    display: inline-block;
    width: 60px;
    line-height: 30px;
}

body[data-page=newsContent] .wrapImg .gradient1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}

body[data-page=newsContent] .wrapImg .gradient2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

body[data-page=newsContent] .flip_button_left,
body[data-page=newsContent] .flip_button_right {
    position: absolute;
    cursor: pointer;
    z-index: 10;
}

body[data-page=newsContent] .flip_button_left {
    left: 10px;
    top: 45%;
}

body[data-page=newsContent] .flip_button_right {
    right: 10px;
    top: 45%;
}

body {
    display: none;
}

body[data-page="intro"] .companyList {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 16px;
}

body[data-page="intro"] .companyList li {
    flex: 1 1;
    text-align: center;
}

body[data-page="intro"] .companyList li span:hover {
    cursor: pointer;
}

.main .part .inner .titleStyle {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.main .part .inner .titleBorder {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px dotted #666;
}

.mainCompany:hover {
    cursor: pointer;
}

body[data-page="intro"] .companyList li {
    font-size: 18px;
    color: #666;
}

body[data-page="intro"] .companyList li .activeLi {
    color: rgb(21, 102, 203);
}

body[data-page="index"] .main .part-4 .tit-02,
body[data-page="index"] .main .part-5 .tit-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

body[data-page="index"] .main .part-4 .fa-list li {
    color: #444;
    float: left;
    width: 348px;
    height: 435px;
    margin: 0 26px;
    /* margin-right: 26px; */
    position: relative;
    border-bottom: 8px #d2d2d2 solid;
    background: #fff;
}

body[data-page="index"] .main .part-4 .fa-list li h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    overflow: hidden;
}

body[data-page="index"] .main .part-4 .fa-list li h2 a {
    color: #fff;
    height: 65px;
    line-height: 65px;
    background: #22b6f8;
    color: #fff;
    display: block;
    padding: 0 10px;
}

body[data-page="index"] .main .part-4 .abs-img {
    position: absolute;
    top: 204px;
    left: 26px;
    font-family: "微软雅黑";
    width: 30px;
    left: 26px;
    height: 40px;
    line-height: 40px;
    color: white;
    font-size: 16px;
    text-align: center;
}

body[data-page="index"] .main .part-4 .fa-txt {
    line-height: 24px;
    font-size: 14px;
    padding: 35px 44px 0;
    height: 179px;
    overflow: hidden;
}

body[data-page="index"] .main .part-4 .intro {
    text-indent: 2em;
    word-break: break-all;
}

body[data-page="index"] .main .part-4 div.a-more {
    display: block;
    line-height: 36px;
    text-align: center;
    width: 44px;
    height: 36px;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #000;
}

body[data-page="index"] .main .part-4 .fa-list li:hover h2 a {
    background: #0669ea;
}

body[data-page="index"] .main .part-4 .fa-list li:hover {
    border-bottom: #0669ea 8px solid;
    cursor: pointer;
}

body[data-page="index"] .main .part-4 .fn-clear {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 30px;
}

body[data-page="index"] .main .part-4 .part4Middle,
body[data-page="index"] .main .part-5 .part4Middle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

body[data-page="index"] .main .part-4 .change-btn img,
body[data-page="index"] .main .part-5 .change-btn img {
    cursor: pointer;
}

body[data-page="index"] .main .part-4 .empty-li {
    border-bottom: none !important;
}

body[data-page="index"] .main .part-4 .empty-li:hover {
    cursor: default;
    border-bottom: none !important;
}

body[data-page="index"] .main .part-5 .al-list li {
    width: 278px;
    height: 442px;
    overflow: hidden;
    margin-right: 30px;
}

body[data-page="index"] .main .part-5 .al-list li a:hover {
    cursor: pointer;
}

body[data-page="index"] .main .part-5 .al-txt {
    color: #fff;
    width: 278px;
    height: 221px;
    overflow: hidden;
    position: relative;
    background: #22b6f8;
}

body[data-page="index"] .main .part-5 .al-txt .txt01 {
    width: 195px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 22px;
}

body[data-page="index"] .main .part-5 .al-list li .al-img {
    display: block;
    width: 278px;
    height: 172px;
}

body[data-page="index"] .main .part-5 .al-list li a .al-gd {
    height: 44px;
    line-height: 44px;
    border-bottom: 5px #fff solid;
    color: #000;
    text-align: right;
    display: block;
}

body[data-page="index"] .main .part-5 .al-list li:hover .al-txt {
    background: #0669ea;
}

body[data-page="index"] .main .part-5 .al-list li a .al-gd:hover {
    color: #22b6f8;
}

body[data-page="index"] .main .part-5 .al-txt .txt01 h2 {
    font-size: 15px;
    text-align: center;
    font-weight: 100;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 12px;
}

body[data-page="index"] .main .part-5 .al-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

body[data-page="index"] .main .part-4,
body[data-page="index"] .main .part-5 {
    padding: 60px 0;
}

@media screen and (max-width: 1366px) {
    .header>.inner .logo img {
        height: 50px;
        width: auto;
    }

    .header.black>.inner .logo img {
        height: 40px;
    }
}

.footer-box .linkBlock {
    margin-top: 60px;
}

.footer-box .linkBlock .footer-more-list-hdText {
    font-size: 26px;
    font-weight: 400;
    color: #FFD100;
}

.footer-box .bottom-line {
    width: 100%;
    height: 1px;
    margin: 26px 0px;
    background-color: white;
}

.footer-box .footer-more-left-list-ct {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    color: white;
}

.footer-box .footer-more-left-list-ct .item {
    flex-basis: 33.3%;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
}

.footer-box .footer-more-left-list-ct .item:hover {
    color: unset;
}

.footerDec .groupTitle {
    margin-bottom: 30px;
    width: 99.5%;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    height: 38px;
}

.groupTitle span {
    color: #FFFDFD;
    font-weight: 900;
    font-size: 24px;
    font-weight: normal;
    border-bottom: 0;
}

.footerDec {
/*    display: inline-block;*/
/*    float: left;*/
/*    width: 63%;*/
    max-width: 1200px;
    margin: 0 auto;
/*    margin-left: 18%;*/
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff8e;
    height: 230px;
    padding: 15px 0px;
/*    background-color: #304773;*/
    flex-direction: column;
}

.footerDec a {
    margin-left: 10px;
}

.footerDec a:hover {
    color: unset;
}

.footerLinkGroup a {
    margin-left: 0px;
    padding: 0px 15px;
}

.footerLinkGroup a:not(:last-child) {
    border-right: 2px solid #D4D4D4;
}

body[data-page=contact] .main .inner>div:not(:first-child) {
    margin-top: 80px;
}

body[data-page=contact] .main .map {
    /* float: left; */
    display: inline-block;
    width: 60%;
    margin-right: 3%;
    vertical-align: top;
}

body[data-page=contact] .main .tipListTitle {
    font-weight: 600;
    font-style: normal;
    font-size: 36px;
    color: #388DF5;
}

body[data-page=contact] .main .allmap {
    width: 100%;
    height: 100%;
}

body[data-page=contact] .tipListTitle img {
    width: 400px;
    padding-bottom: 30px;
}

body[data-page=contact] .main .tipContent {
    display: flex;
    align-items: flex-start;
    line-height: 50px;
    font-size: 18px;
    text-align: left;
    margin-top: 10px;
}

.contactImg {
    width: 22px;
    margin-right: 20px;
    margin-top: 13px;
}

body[data-page=contact] .main .labelName {
    min-width: 200px;
    margin-right: 10px;
    color: rgba(51, 51, 51, 0.7);
    position: relative;
    padding-left: 15px;
    /* 为小圆点预留空间 */
}

body[data-page="contact"] .main .labelName::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #4F8EFF;
    /* 蓝色 */
    border-radius: 50%;
    /* 圆形 */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* 垂直居中 */
}

body[data-page=contact] .main .labelValue {
    color: #333;
    min-width: 200px;
}

body[data-page=contact] .main .tipList {
    overflow: hidden;
    display: inline-block;
    width: 37%;
    padding-top: 40px;
    vertical-align: top;
}

body[data-page=contact] .main .deptInfo {
    font-size: 18px;
}

body[data-page=contact] .deptInfo table {
    width: 100%;
}

body[data-page=contact] .deptInfo thead {
    border-bottom: 2px solid #D3D3D3;
    padding: 8px;
    text-align: left;
}

body[data-page=contact] .deptInfo thead {
    color: #388DF5;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    padding: 10px;
}

body[data-page=contact] .deptInfo th,
td {
    width: 50%;
    padding: 10px;
}

body[data-page=contact] .deptTab tr:nth-child(odd) {
    width: 30px;
    padding: 10px;
    background-color: #F2F3F3;
}

body[data-page=contact] .main .part .inner {
    width: 1200px;
    margin: 0 auto;
    padding-top: 95px;
    margin-bottom: 84px;
}

body[data-page=contact] .main .part .inner>.clearfix {
    font-size: 0;
}

.tipContent div img {
    max-width: 100%;
}

.newsShowTime {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: gray;
    padding-bottom: 14px;
    border-bottom: 1px solid gray;
}

body[data-page=news] .main .richText {
    font-size: 16px;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.richText p img {
    max-width: 95% !important;
}

body[data-page=creative] .main .serviceBg {
    height: 65px;
    background: url(../images/u57.svg) no-repeat 0% 100%;
}

body[data-page=creative] .main .serviceTitle {
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: #000000;
    padding-bottom: 10px;
}

body[data-page=creative] .main .serviceSubtitle {
    font-weight: 100;
    font-style: normal;
    padding: 10px;
    font-size: 20px;
    color: #737373;
}

body[data-page=service] .main .serviceBg {
    height: 65px;
    background: url(../images/u57.svg) no-repeat 0% 100%;
}

body[data-page=service] .main .serviceTitle {
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: #000000;
    padding-bottom: 10px;
}

body[data-page=service] .main .serviceSubtitle {
    font-weight: 100;
    font-style: normal;
    padding: 10px;
    font-size: 20px;
    color: #737373;
}

html {
    line-height: normal;
}

body[data-page=service] .main .serviceContent {
    position: relative;
    margin-top: 40px;
    font-size: 18px;
    line-height: 40px;
}

body[data-page=service] .main .serviceImg {
    width: 600px;
    height: 700px;
}

body[data-page=service] .main .serviceText {
    position: absolute;
    width: 650px;
    height: 600px;
    z-index: 100;
    left: 540px;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    max-width: 600px;
    background-color: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    box-sizing: border-box;
    border-right: 4px solid #0056b3;
    border-bottom: 4px solid #0056b3;
}

body[data-page=service] .main .serviceKeyword {
    color: #0056b3;
    font-size: 28px;
    /*    margin-bottom: 30px;*/
    font-weight: bold;
}

body[data-page=service] .main .serviceMid {
    width: 1200px;
    margin: 60px auto;
}

body[data-page=service] .main .serviceMidTitle {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #024099;
}

body[data-page=service] .main .serviceMidLine {
    display: inline-block;
    width: 200px;
    margin: 20px 0px;
    border-top: 1px solid #0056b3;
}

body[data-page=service] .main .serviceMidContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem {
    position: relative;
    flex-basis: 384px;
    height: 384px;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem .serviceMidItemWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
    z-index: 200;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem {
    background-size: cover;
    margin-bottom: 20px;
    padding: 50px 30px 30px 30px;
}

body[data-page=service] .main .serviceMidDec {
    font-size: 20px;
    margin-bottom: 30px;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(1) {
    background: url(../images/u344.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(2) {
    background: url(../images/u347.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(3) {
    background: url(../images/u345.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(4) {
    background: url(../images/u346.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(5) {
    background: url(../images/u349.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidContent .serviceMidItem:nth-child(6) {
    background: url(../images/u348.png) no-repeat 50% 0%;
}

body[data-page=service] .main .serviceMidItem .ItemIitle {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    color: #FFFEFE;
}

body[data-page=service] .main .serviceMidItem:nth-child(1) .serviceMidImg {
    width: 80px;
    height: 65px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem:nth-child(2) .serviceMidImg {
    width: 70px;
    height: 79px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem:nth-child(3) .serviceMidImg {
    width: 76px;
    height: 74px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem:nth-child(4) .serviceMidImg {
    width: 72px;
    height: 72px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem:nth-child(5) .serviceMidImg {
    width: 71px;
    height: 71px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem:nth-child(6) .serviceMidImg {
    width: 77px;
    height: 74px;
    transform: translateY(-26px);
}

body[data-page=service] .main .serviceMidItem .serviceItemTop {
    display: flex;
    justify-content: space-between;
}

body[data-page=service] .main .serviceMidItem .serviceMidItemText>div:nth-of-type(odd) {
    font-size: 18px;
    font-weight: bold;
    color: #FFFEFE;
    line-height: 30px;
}

body[data-page=service] .main .serviceMidItem .serviceMidItemText>div:nth-of-type(even) {
    font-size: 18px;
    color: #FFFEFE;
    line-height: 30px;
}

/* 蒙板效果 - 悬浮状态 */
.project-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.3) !important;
    /* 蓝色遮罩，可调整颜色和透明度 */
    transition: background-color 0.3s ease;
}

.project-item:hover::before {
    background-color: rgba(0, 78, 152, 0.7) !important;
    /* 蓝色遮罩，可调整颜色和透明度 */
}

body[data-page=service] .main .serviceImgList,
body[data-page=intro] .main .introImgList {
    width: 1200px;
    margin: 60px auto 0px;
}

body[data-page=service] .main .serviceImgListTitle,
body[data-page=intro] .main .introImgListTitle {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
}

body[data-page=service] .main .serviceImgEnTitle,
body[data-page=intro] .main .introImgEnTitle {
    margin-left: 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #CCCCCC;
    text-transform: uppercase;
}

body[data-page=service] .main .imgItems,
body[data-page=intro] .main .imgItems {
    display: flex;
    flex-wrap: wrap;
}

body[data-page=service] .main .imgItems .item,
body[data-page=intro] .main .imgItems .item {
    flex-basis: 30%;
    max-width: 30%;
    border: 1px solid #d2d2d2;
    transition: all 300ms ease;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
}

body[data-page=service] .main .imgItems .item:nth-child(3n-1),
body[data-page=intro] .main .imgItems .item:nth-child(3n-1) {
    margin: 0 5%;
    margin-bottom: 20px;
}

body[data-page=service] .main .imgItems .wrapImg,
body[data-page=intro] .main .imgItems .wrapImg {
    height: 258px;
    overflow: hidden;
}

body[data-page=service] .main .imgItems .wrapImg img,
body[data-page=intro] .main .imgItems .wrapImg img {
    width: 100%;
    height: 100%;
}

body[data-page=service] .main .imgItems .t2,
body[data-page=intro] .main .imgItems .t2 {
    /* border-top: 1px solid #d2d2d2; */
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body[data-page=service] .serviceImgList>div:nth-child(1),
body[data-page=intro] .introImgList>div:nth-child(1) {
    margin-bottom: 50px;
}

body[data-page=service] .container {
    max-width: 1200px;
    margin: 0 auto;
}

body[data-page=service] .cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 20px;
}

body[data-page=service] .ship-card {
    display: flex;
    align-items: center;
    padding: 30px 30px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body[data-page=service] .ship-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

body[data-page=service] .ship-image {
    width: 173px;
    height: 130px;
    border-radius: 5px;
    /* object-fit: cover; */
    flex-shrink: 0;
}

body[data-page=service] .ship-info {
    padding-left: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

body[data-page=service] .ship-name {
    font-size: 24px;
    text-indent: 14px;
    font-weight: bold;
    margin-bottom: 18px;
    color: #333;
}

body[data-page=service] .ship-specs {
    display: grid;
    grid-template-columns: 22% 27% 25% 19%;
    gap: 8px 8px;
}

body[data-page=service] .ship-spec-label {
    color: #666;
    font-size: 16px;
    text-align: right;
}

body[data-page=service] .ship-spec-value {
    /* font-weight: bold; */
    font-size: 16px;
}

body[data-page=service] .serviceBuss {
    padding: 60px;
    background-color: rgba(242, 242, 242, 1);
}

body[data-page=service] .serviceBussList {
    width: 1200px;
    margin: 0 auto;
}

body[data-page=service] .section {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

body[data-page=service] .image-container {
    flex-basis: 600px;
    min-width: 300px;
    padding: 10px;
}

body[data-page=service] .image-container img {
    width: 100%;
    border-radius: 5px;
}

body[data-page=service] .text-container {
    flex-basis: 570px;
    min-width: 300px;
    padding: 10px;
}

body[data-page=service] .section-title {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #024099;
    margin-bottom: 30px;
    border-left: 5px solid #005BAC;
    padding-left: 10px;
}

body[data-page=service] .service-item {
    line-height: 32px;
    margin-bottom: 30px;
}

body[data-page=service] .service-title {
    color: black;
    font-weight: bold;
    font-size: 20px;
}

body[data-page=service] .service-description {
    font-size: 20px;
}

body[data-page=service] .text-container> :last-child {
    margin-bottom: 0px;
}

body[data-page=intro] .main .joinUs,
body[data-page=index] .main .joinUs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 384px;
    background: url(../images/u139.jpg) no-repeat;
}

body[data-page=intro] .main .joinUs>div:nth-child(1),
body[data-page=index] .main .joinUs>div:nth-child(1) {
    font-weight: 900;
    font-style: normal;
    font-size: 50px;
    letter-spacing: 2px;
    color: rgb(2, 64, 153);
}

body[data-page=intro] .main .joinUs>div:nth-child(2),
body[data-page=index] .main .joinUs>div:nth-child(2) {
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(2, 64, 153);
    padding: 2px 4px;
}

body[data-page=intro] .main .introPart1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0px;
}

body[data-page=intro] .main .introHeader {
    margin-bottom: 40px;
}

body[data-page=intro] .main .introHeader h1 {
    font-size: 32px;
    color: #333;
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
}

body[data-page=intro] .main .introHeader h1 span {
    color: #999;
    font-size: 24px;
    margin-left: 15px;
    font-weight: normal;
}

body[data-page=intro] .main .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}

body[data-page=intro] .main .text-content {
    flex-basis: 590px;
    max-width: 590px;
}

body[data-page=intro] .main .text-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

body[data-page=intro] .main .text-content p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 20px;
    line-height: 2.4;
}

body[data-page=intro] .main .image-content {
    /* flex: 1; */
    min-width: 300px;
    position: relative;
}

body[data-page=intro] .main .video-container {
    position: relative;
    width: 651px;
    height: 364px;
    /* padding-top: 56.25%; */
}

body[data-page=intro] .main .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-page=intro] .main .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

body[data-page=intro] .main .play-button:hover {
    background-color: rgba(255, 255, 255, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

body[data-page=intro] .main .play-button svg {
    width: 40px;
    height: 40px;
    fill: #333;
}

body[data-page=intro] .main .introPart2 {
    padding: 50px 0px;
    background-color: rgba(246, 246, 246, 1)
}

body[data-page=intro] .main .introPart2Inner {
    display: flex;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    flex-direction: column;
}

body[data-page=intro] .main .introPart2Inner img {
    width: 750px;
    margin: 0 auto;
}

body[data-page=intro] .container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

body[data-page=intro] .card {
    width: 35%;
    min-width: 280px;
    height: 200px;
    border-radius: 10px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

body[data-page=intro] .card h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: relative;
}

body[data-page=intro] .card h2::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.7);
}

body[data-page=intro] .card p {
    font-size: 18px;
    margin-top: 10px;
}

body[data-page=intro] .card-1 {
    background: url(../images/wh1.png) no-repeat center center;
    background-size: cover;
}

body[data-page=intro] .card-2 {
    background: url(../images/wh2.png) no-repeat center center;
    background-size: cover;
}

body[data-page=intro] .card-3 {
    background: url(../images/wh3.png) no-repeat center center;
    background-size: cover;
}

body[data-page=intro] .card-4 {
    background: url(../images/wh4.png) no-repeat center center;
    background-size: cover;
}

body[data-page=contact] .main,
body[data-page=service] .main,
body[data-page=intro] .main {
    /*    background: url(../images/mainBk.png) no-repeat;*/
    background-size: contain;
}

body[data-page=creative] .main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
}

body[data-page=creative] .box-event .event_year {
    width: 24%;
    text-align: center;
    float: left;
    margin: 10px 0 20px 0;
    padding-left: 80px;
}

body[data-page=creative] .box-event .event_list {
    width: 74%;
    float: right;
    margin: 10px 0 20px 0;
}

body[data-page=creative] .box-event .event_year li.current {
    width: 135px;
    background-color: #0066ff;
    color: #FFF;
    text-align: center;
    padding-left: 9px;
    position: relative;
}

body[data-page=creative] .box-event .event_year li.current::after {
    position: absolute;
    content: '';
    right: -10px;
    top: 12px;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #0066ff;
}

body[data-page=creative] .box-event .event_year li {
    width: 135px;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    margin-bottom: 1px;
    font-size: 18px;
    color: #828282;
    cursor: pointer;
}

body[data-page=creative] .box-event label[for] {
    cursor: pointer;
}

body[data-page=creative] .event_list {
    text-align: left;
}

body[data-page=creative] .layui-text p {
    font-size: 18px;
}

body[data-page=creative] .main .swidth {
    max-width: 1200px;
    min-height: 500px;
    padding-top: 50px;
}

/* 飘窗样式 */
.floating-window {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* right: 20px;
    bottom: 50px; */
    z-index: 1000;
    /* border-radius: 8px; */
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */
    /* overflow: hidden; */
    width: 380px;
    animation: float 4s ease-in-out infinite;
}

/* 关闭按钮 */
.floating-window .close-btn {
    /* position: absolute;
    bottom: -35px;
    left: calc(50% - 15px); */
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.floating-window .close-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* 图片容器 */
.floating-window .image-container {
    width: 100%;
    height: 100%;
}

/* 图片样式 */
.floating-window .image-container img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .floating-window {
        display: none;
    }
}

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

    body[data-page=creative] .layui-text p,
    body[data-page=creative] .layui-text h3 {
        font-size: 14px;
    }

    body[data-page=creative] .box-event .event_year {
        padding-left: 5px;
    }

    body[data-page=creative] .layui-timeline-title {
        font-size: 18px;
    }

    body[data-page=creative] .event-other-date .layui-timeline-title {
        padding-left: 45px;
    }

    .footer-box{
        overflow:unset;
        height:auto;
    }
    .footerDec {
        display: inline-block;
        margin: 0 auto !important;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #ffffff8e;
        height: 260px;
        padding: 40px 0px;
/*        background-color: #304773;*/
        flex-direction: column;
        width: 70% !important;
        float: none !important;
    }
}

@media (max-width: 768px) {
    body[data-page=index] .video-container {
        height: auto;
    }

    .main .part-1 .inner {
        flex-direction: column;
    }

    .footer {
        padding: 0px;
    }

    .footer-box .linkBlock {
        margin-top: 2rem;
    }

    .footer .inner {
        padding: 0 20px;
    }

    .footer-box .footer-more-left-list-ct {
        flex-direction: column;
    }

    .footer-box .linkBlock .footer-more-list-hdText {
        font-size: var(--mobile-font2);
    }

    .footer-box .footer-more-left-list-ct .item {
        font-size: var(--mobile-font4);
    }

    .footer-box .bottom-line {
        margin: 13px 0px;
    }

    .footerDec {
        height: fit-content;
    }

    .footerDec>div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .footerLinkGroup {
        margin-bottom: 20px;
    }

    body[data-page=contact] .main .part .inner {
        width: 100%;
    }

    body[data-page=contact] .main .map {
        float: none;
        width: 100%;
    }

    body[data-page=contact] .main .part .inner {
        padding-top: 6rem;
        margin-bottom: 6rem;
    }

    body[data-page=contact] .tipListTitle img {
        height: 10rem;
        width: auto;
        padding-top: 4rem;
    }

    body[data-page=contact] .main .tipContent {
        display: flex;
        align-items: flex-start;
        line-height: 38px;
        font-size: var(--mobile-font4);
        text-align: left;
        margin-top: 10px;
    }

    .contactImg {
        width: 18px;
        margin-right: 20px;
        margin-top: 8px;
    }

    body[data-page=contact] .main .tipList {
        padding-top: 0;
        padding-left: 2rem;
    }

    body[data-page=intro] .main .introPart1 {
        padding: 6rem 0;
    }

    body[data-page=intro] .main {
        padding: 0 1rem;
    }

    body[data-page=intro] .main .introHeader h1 {
        font-size: var(--mobile-font1);
    }

    body[data-page=intro] .main .introHeader h1 span {
        font-size: var(--mobile-font3);
    }

    body[data-page=intro] .main .text-content h2 {
        font-size: var(--mobile-font2);
    }

    body[data-page=intro] .main .text-content p {
        font-size: var(--mobile-font4);
    }

    body[data-page=intro] .main .video-container {
        width: 100%;
    }

    body[data-page=intro] .main .image-content {
        min-width: 100%;
    }

    body[data-page=intro] .main .introPart2 {
        padding: 4rem 0;
    }

    body[data-page=service] .main .serviceImgListTitle,
    body[data-page=intro] .main .introImgListTitle {
        font-size: var(--mobile-font1);
    }

    body[data-page=service] .main .serviceImgEnTitle,
    body[data-page=intro] .main .introImgEnTitle {
        font-size: var(--mobile-font3);
    }

    body[data-page=intro] .main .introPart2Inner {
        width: 100%;
        flex-direction: column;
    }

    body[data-page=intro] .main .introPart2Inner .leftPart>div:nth-child(3) {
        font-size: var(--mobile-font2);
    }

    body[data-page=intro] .main .introPart2Inner .leftPart {
        width: 100%;
    }

    body[data-page=intro] .main .introPart2Inner .rightPart {
        width: 100%;
    }

    body[data-page=intro] .main .introPart2Inner .rightPart>div {
        width: 8rem !important;
        height: 8rem !important;
    }

    body[data-page=intro] .main .introPart2Inner .rightPart>div:nth-child(5) {
        width: 12rem !important;
        height: 12rem !important;
        margin-left: -6rem;
        margin-top: -6rem
    }

    body[data-page=intro] .main .joinUs,
    body[data-page=index] .main .joinUs {
        height: 20rem;
        /* margin-bottom: 2rem; */
    }

    body[data-page=intro] .main .joinUs>div:nth-child(1),
    body[data-page=index] .main .joinUs>div:nth-child(1) {
        font-size: var(--mobile-font1);
    }

    body[data-page=intro] .main .joinUs>div:nth-child(2),
    body[data-page=index] .main .joinUs>div:nth-child(2) {
        font-size: var(--mobile-font2);
    }

    body[data-page=service] .main .serviceImgList,
    body[data-page=intro] .main .introImgList {
        width: 100%;
        margin: 4rem auto;
    }

    body[data-page=service] .main .imgItems .wrapImg,
    body[data-page=intro] .main .imgItems .wrapImg {
        height: 10rem;
    }

    body[data-page=service] .main {
        padding: 0rem 2rem 4rem;
    }

    body[data-page=service] .main .serviceTitle {
        font-size: var(--mobile-font1);
    }

    body[data-page=service] .main .serviceSubtitle {
        font-size: var(--mobile-font3);
    }

    body[data-page=service] .main .serviceImg {
        width: 100%;
        height: auto;
    }

    body[data-page=service] .main .serviceText {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 100;
        left: unset;
        top: unset;
        transform: unset;
        margin-top: 2rem;
        padding: 1rem 2rem;
        max-width: 600px;
        background-color: white;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        border: none;
    }

    body[data-page=service] .main .serviceArticle span,
    body[data-page=service] .main .serviceArticle p {
        font-size: var(--mobile-font4) !important;
    }

    body[data-page=service] .main .serviceMidTitle {
        font-size: var(--mobile-font1);
    }

    body[data-page=service] .main .serviceMid {
        width: 100%;
    }

    body[data-page=service] .main .serviceMidItem .ItemIitle {
        font-size: var(--mobile-font1);
    }

    body[data-page=service] .main .serviceMidItem .serviceMidImg {
        transform: scale(0.8) translateY(-26px) !important;
    }

    body[data-page=service] .main .serviceMidDec {
        font-size: var(--mobile-font4);
    }

    body[data-page=service] .cards-grid {
        grid-template-columns: auto;
    }

    body[data-page=service] .ship-card {
        flex-direction: column;
    }

    body[data-page=service] .ship-name {
        text-align: center;
        font-size: var(--mobile-font3);
    }

    body[data-page=service] .ship-info {
        width: 100%;
        margin-top: 2rem;
    }

    body[data-page=service] .ship-specs {
        grid-template-columns: 30% 60%;
    }

    body[data-page=service] .serviceBuss {
        padding: 2rem 2rem;
    }

    body[data-page=service] .serviceBussList {
        width: 100%;
    }

    body[data-page=service] .section {
        flex-direction: column;
    }

    body[data-page=service] .image-container,
    body[data-page=service] .text-container {
        flex-basis: unset;
    }

    body[data-page=service] .section-title {
        font-size: var(--mobile-font1);
    }

    body[data-page=service] .service-description {
        font-size: var(--mobile-font4);
    }

    body[data-page=service] .serviceBussList .section:nth-child(4) {
        border-bottom: 1px solid;
        padding-bottom: 2rem;
    }

    body[data-page=index] .main .part-2 {
        padding: 30px 2rem 10px;
    }

    body[data-page=index] .main .part-2 .inner {
        height: auto;
    }

    body[data-page=index] .main .part-2 .enTitle {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: var(--mobile-font3);
    }

    body[data-page=index] .main .part-2 .cnTitle {
        font-size: var(--mobile-font1);
        padding-bottom: 3rem;
    }

    body[data-page=index] .main .part-2 .projects-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    body[data-page=index] .main .part-2 {
        background: linear-gradient(120deg, #66a6ff 0%, #89f7fe 100%);
    }

    body[data-page=index] .main .part-2 .project-item h3 {
        font-size: var(--mobile-font1);
    }

    body[data-page=index] .main .part-2 .project-item .en-title {
        font-size: var(--mobile-font2);
    }

    body[data-page=index] .main .part-2 .project-item {
        margin-bottom: 2rem;
    }

    body[data-page=index] .main .part .inner {
        padding: 2rem 2rem;
    }

    body[data-page=index] .main .part-3 .cnTitle {
        font-size: var(--mobile-font1);
    }

    body[data-page=index] .main .part-3 .enTitle {
        font-size: var(--mobile-font3);
    }

    body[data-page=index] .main .part-3 .newsMid {
        flex-direction: column;
    }

    body[data-page=index] .main .part-3 .slider-container {
        display: none;
    }

    body[data-page=index] .main .part-3 .news-container {
        flex-basis: unset;
        min-width: unset;
    }

    body[data-page=index] .main .part-3 .news-day {
        font-size: var(--mobile-font1);
    }

    body[data-page=index] .main .part-3 .news-item {
        margin-bottom: 2rem;
        border-bottom: 1px #a3a35d dotted !important;
    }

    body[data-page=index] .main .part-2 .projects-container a {
        width: 100%;
    }

    body[data-page=index] .main .part-2 .project-item {
        height: auto;
        width: 100%;
    }

    body[data-page=contact] .main .tipListTitle {
        font-size: var(--mobile-font1);
        margin-top: 2rem;
    }

    body[data-page=contact] .main .inner>div:not(:first-child) {
        margin-top: 4rem;
    }

    body[data-page=contact] .main .contactTable {
        font-size: var(--mobile-font4);
    }

    body[data-page=service] .main .serviceContent img {
        max-width: 100%;
    }

    body[data-page=intro] .main .image-content img {
        max-width: 100%;
    }

    body[data-page=intro] .main .introPart2Inner img {
        max-width: 100%;
    }

    body[data-page=intro] .card h2 {
        font-size: var(--mobile-font2);
    }

    body[data-page=intro] .card p {
        font-size: var(--mobile-font4);
    }

    body[data-page=index] .main .part .inner {
        max-width: 100%;
        margin-left: 0;
    }

    .mobile .news-navigation .prev .nav-title,
    .mobile .news-navigation .next .nav-title {
        display: none;
    }

    .mobile .news-navigation .prev .nav-arrow,
    .mobile .news-navigation .next .nav-arrow {
        margin: 0;
    }

    .mobile .main .title {
        padding: 0 6px 25px !important;
    }

    .serviceContent div div {
        max-width: 100%;
    }

    .serviceContent div img {
        height: auto !important;
    }

    .mobile .news-list-con {
        padding-left: 20px;
    }

    .mobile .main,
    .mobile .mainBusiness-inner,
    .mobile .news-list,
    .mobile .serviceContent > div,
    .mobile .serviceContent img {
        max-width: 100%;
        object-fit: cover;
        height: auto !important;
    }

    .mobile .serviceContent h2,
    .mobile .serviceContent h3,
    .mobile .serviceContent p,
    .mobile .news-content h2,
    .mobile .news-content h3,
    .mobile .news-content p {
        padding: 8px;
    }

    body[data-page=index].mobile .main .newsMid .news-container>a {
        display: block;
    }

    body[data-page=index].mobile .main .part-3 .newsItem {
        width: 100%;
        height: auto;
        margin: 0 auto 20px;
    }

    body[data-page=index].mobile .main .part-3 .newsItem .newsImg {
        width: 100%;
        height: auto;
    }

    body[data-page=index].mobile .main .part .inner {
/*        padding-top: 580px !important;*/
    }

    body[data-page=index].mobile .main .part-3 .ywfw-title {
        position: absolute;
        top: 20px;
    }

    body[data-page=index].mobile .main .part-3 .tabBars {
        position: absolute;
        top: 100px;
        left: calc((100% - 330px) / 2);
    }

    body.mobile .main .map {
        height: auto;
    }

    body.mobile .main .map img {
        max-width: 100%;
    }

    body.mobile .main .part .inner {
        padding-top: 2rem;
    }

    body[data-page=index].mobile .main .part-3 .newsItem .newsImg,
    body[data-page=index].mobile .main .part-3 .newsItem .newsTitle,
    body[data-page=index].mobile .main .part-3 .newsItem .newsDate {
        position: relative;
        top: 0;
        left: 0;
        line-height: 40px;
    }

    body[data-page=index].mobile .main .part-3 .newsItem .newsDate {
        display: block;
        padding: 0 18px;
    }

    body[data-page=index].mobile .swiper-banner {
        position: relative;
        display: hidden;
    }

    .business-content {
        display: none;
    }

    .tab-nav-container{
        display: none;
    }

    .news-list .news-list-con li a span{
        display: none;
    }

    body[data-page=index].mobile .swiper-banner .second-banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
    }

    body[data-page=index].mobile .swiper-banner .t1 {
        height: 300px;
        padding-top: 108px;
        background-size: 100% 100%;
    }

    body[data-page="index"].mobile .second-banner .title {
        bottom: 0;
        width: 100%;
    }

    body[data-page="index"].mobile .second-banner .title p {
        font-size: 24px;
    }

    .mobile .news-list .news-list-con li a strong {
        width: 100%;
    }

    body[data-page=contact] .main .recruit-item-title {
        height: 20px;
        line-height: 20px;
        font-size: var(--mobile-font2);
        margin: 25px 0;
    }

    body[data-page=contact] .main .job-requirements-content {
        font-size: var(--mobile-font4);
    }

    body[data-page=service] .main .serviceContent {
        font-size: var(--mobile-font4);
    }

    .mbhide {
        display: none;
    }
}

body[data-page="index"] .main .part-6 {
    margin-top: 25px;
    margin-bottom: 25px;
}

body[data-page="index"] .main .part-6 .tit-02 {
    width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

/* -------------------------------- 

Slider

-------------------------------- */
body[data-page="index"] .main .part-6 .cd-slider-wrapper {
    position: relative;
    height: 90vh;
    padding: 10px;
}

@media only screen and (min-width: 900px) {
    body[data-page="index"] .main .part-6 .cd-slider-wrapper {
        padding: 30px;
    }
}

body[data-page="index"] .main .part-6 .cd-slider {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden;
}

body[data-page="index"] .main .part-6 .cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    transition: transform 0.6s;
}

body[data-page="index"] .main .part-6 .cd-slider li.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

body[data-page="index"] .main .part-6 .cd-slider .cd-half-block {
    height: 50%;
    background-position: center center;
    background-repeat: no-repeat;
}

body[data-page="index"] .main .part-6 .cd-slider li:first-of-type .image {
    background-image: url(../img/img-1.jpg);
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(2) .image {
    background-image: url(../img/img-2.jpg);
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(3) .image {
    background-image: url(../img/img-3.jpg);
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(4) .image {
    background-image: url(../img/img-4.jpg);
}

body[data-page="index"] .main .part-6 .cd-slider .image {
    background-size: cover;
}

body[data-page="index"] .main .part-6 .cd-slider .content {
    padding: 30px;
    color: rgba(0, 0, 0, 0.6);
    background-color: #eaedf9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body[data-page="index"] .main .part-6 .cd-slider .light-bg {
    color: rgba(0, 0, 0, 0.6);
}

body[data-page="index"] .main .part-6 .cd-slider .btn {
    display: inline-block;
    background: rgba(0, 0, 0, 0.2);
    padding: 1em 1.6em;
    margin-top: 1em;
    font-size: 1.3rem;
    color: #ffffff;
    border-radius: 50em;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

body[data-page="index"] .main .part-6 .cd-slider .no-touch .btn:hover {
    background: rgba(0, 0, 0, 0.6);
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(2) .content {
    background-color: #eaedf9;
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(3) .content {
    background-color: #eaedf9;
}

body[data-page="index"] .main .part-6 .cd-slider li:nth-of-type(4) .content {
    background-color: #eaedf9;
}

body[data-page="index"] .main .part-6 .cd-slider h2 {
    font-size: 2.2rem;
    margin-bottom: .4em;
}

body[data-page="index"] .main .part-6 .cd-slider p {
    font-size: 1.4rem;
}

body[data-page="index"] .main .part-6 .cd-slider h2,
body[data-page="index"] .main .part-6 .cd-slider p {
    line-height: 1.4;
}

body[data-page="index"] .main .part-6 .cd-half-block.image img {
    width: 100%;
    height: 100%;
}

body[data-page="index"] .main .part-6 .cd-slider li.is-visible .cd-half-block.content img {
    margin-bottom: 40px;
}

body[data-page="index"] .main .part-6 .p6mn {
    color: black;
    font-weight: bolder;
}

@media only screen and (min-width: 900px) {
    body[data-page="index"] .main .part-6 .cd-slider li {
        pointer-events: none;
        z-index: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: z-index 0s 0.6s;
        -moz-transition: z-index 0s 0.6s;
        transition: z-index 0s 0.6s;
    }

    body[data-page="index"] .main .part-6 .cd-slider li.is-visible {
        pointer-events: auto;
        z-index: 3;
        -webkit-transition: z-index 0s 0s;
        -moz-transition: z-index 0s 0s;
        transition: z-index 0s 0s;
    }

    body[data-page="index"] .main .part-6 .cd-slider li.is-visible.covered {
        z-index: 2;
    }

    body[data-page="index"] .main .part-6 .cd-slider .cd-half-block {
        height: 100%;
        width: 50%;
        float: right;
    }

    body[data-page="index"] .main .part-6 .cd-slider .cd-half-block.content {
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
        -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
        -moz-transition: -moz-transform 0.6s 0s ease-in-out;
        transition: transform 0.6s 0s ease-in-out;
    }

    body[data-page="index"] .main .part-6 .cd-slider .cd-half-block.image {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0s 0.3s;
        -moz-transition: -moz-transform 0s 0.3s;
        transition: transform 0s 0.3s;
    }

    body[data-page="index"] .main .part-6 .cd-slider li.is-visible .cd-half-block.content,
    body[data-page="index"] .main .part-6 .cd-slider li.is-visible .cd-half-block.image {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    body[data-page="index"] .main .part-6 .cd-slider li.is-visible .cd-half-block.content {
        -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
        -moz-transition: -moz-transform 0.6s 0s ease-in-out;
        transition: transform 0.6s 0s ease-in-out;
    }

    body[data-page="index"] .main .part-6 .cd-slider .content {
        display: table;
        padding: 0 40px;
    }

    body[data-page="index"] .main .part-6 .cd-slider .content>div {
        display: table-cell;
        vertical-align: middle;
    }

    body[data-page="index"] .main .part-6 .cd-slider .btn {
        padding: 1.4em 2em;
        font-size: 1.4rem;
    }

    body[data-page="index"] .main .part-6 .cd-slider p {
        font-size: 1.6rem;
    }

    body[data-page="index"] .main .part-6 .cd-slider h2 {
        font-size: 3.5rem;
        margin-bottom: 0;
    }

    body[data-page="index"] .main .part-6 .cd-slider h2,
    body[data-page="index"] .main .part-6 .cd-slider p {
        line-height: 2;
    }
}

@media only screen and (min-width: 1170px) {
    body[data-page="index"] .main .part-6 .cd-slider .content {
        padding: 0 90px;
    }

    body[data-page="index"] .main .part-6 .cd-slider h2 {
        font-weight: 300;
    }
}

/* -------------------------------- 
  
  Slider Navigation
  
  -------------------------------- */
body[data-page="index"] .main .part-6 .cd-slider-navigation {
    position: absolute;
    z-index: 3;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
}

body[data-page="index"] .main .part-6 .cd-slider-navigation li {
    display: inline-block;
    margin: 0 .25em;
}

body[data-page="index"] .main .part-6 .cd-slider-navigation li.selected a {
    background-color: #ffffff;
}

body[data-page="index"] .main .part-6 .cd-slider-navigation a {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    color: transparent;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    border: 1px solid #ffffff;
}

@media only screen and (min-width: 900px) {
    body[data-page="index"] .main .part-6 .cd-slider-navigation {
        padding: 0.5em 1em;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transform: translateZ(2px) translateX(-50%);
        -moz-transform: translateZ(2px) translateX(-50%);
        -ms-transform: translateZ(2px) translateX(-50%);
        -o-transform: translateZ(2px) translateX(-50%);
        transform: translateZ(2px) translateX(-50%);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    body[data-page="index"] .main .part-6 .cd-slider-navigation.slider-animating {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }

    body[data-page="index"] .main .part-6 .cd-slider-navigation a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        text-indent: 0;
        border: none;
        border-radius: 0;
        color: #ffffff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    body[data-page="index"] .main .part-6 .cd-slider-navigation li.selected a {
        background-color: transparent;
        color: #f3b96c;
    }
}

@media (max-width: 768px) {
    body[data-page="index"] .main .part-6 .tit-02 {
        width: 100%;
    }

    body[data-page="index"] .main .part-6 .cd-slider .content {
        padding: 10px;
    }

    body[data-page="index"] .main .part-6 .cd-slider li.is-visible .cd-half-block.content img {
        margin-bottom: 20px;
        max-width: 100%;
    }

    body[data-page="index"] .main .part-4 .fn-clear {
        display: flex;
        flex-direction: column;
    }

        body[data-page="index"] .main .part-4 .fn-clear .empty-li {
            display: none;
        }

    body[data-page="index"] .main .part-5 .al-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body[data-page="index"] .main .part-4 .part4Middle,
    body[data-page="index"] .main .part-5 .part4Middle {
        justify-content: center;
    }

    body[data-page="index"] .main .part-5 .al-list li {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    body[data-page="index"] .main .part-4 .fa-list li {
        margin-bottom: 20px;
    }

    .map-wrap-other a strong {
        width: 70% !important;
    }

    .news-warp-first-title a{
        width: 70% !important;
    }
}

.video-js {
    text-indent: 0px;
}

.vjs_video_3-dimensions {
    max-width: 100% !important;
}

.richText hr {
    height: 1px;
    border-bottom: 1px solid gray;
    margin: 0.5em 0px;
}

/* 新闻列表类的公共样式 */
.news-list {
    width: 1200px;
    margin: 30px auto;
}

.news-list .news-list-con {
    margin-bottom: 20px;
}

.news-list .news-list-con li {
    position: relative;
    border-bottom: 1px dashed #ccc;
}

.news-list .news-list-con li::after {
    position: absolute;
    top: 19px;
    left: 0;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6699FF;
}

.news-list .news-list-con li a {
    display: block;
    padding-left: 40px;
    color: #333;
    line-height: 55px;
}

.news-list .news-list-con li a strong {
    overflow: hidden;
    display: block;
    width: 60%;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list .news-list-con li a span {
    float: right;
    font-size: 16px;
    color: #949494;
    padding-right: 15px;
}

.news-list #pagenav {
    text-align: center;
}

.banner-title1 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.6s ease-out 1s forwards;
}

.banner-title2 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.6s ease-out 1.5s forwards;
}
.banner-titleEn{
    font-size: 48px;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.swiper-container,
.swiper-slide {
    margin-top: 10px;
    width: 760px;
    height: 625px;
}

.swiper-slide {
    position: relative;
}

.swiper-slide .swiper-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #fff1;
}

.swiper-slide .swiper-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 10px;
    color: #FFF;
    overflow: hidden;
/*    background-color: rgba(23, 136, 349, .8);*/
}

.part6 {
    text-align: center;
    padding: 35px 0 30px;
}

.part6 .partners-swiper {
    display: inline-block;
    vertical-align: top;
}

.news-warp {
    display: inline-block;
    width: 620px;
    margin-left: 50px;
    text-align: left;
    vertical-align: top;
}

.news-warp-first-title {
    font-size: 0;
}

.news-warp-first-title a {
    display: inline-block;
    margin-right: 10px;
    width: 512px;
    max-width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    vertical-align: top;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}

.news-warp-first-title span {
    display: inline-block;
    text-align: right;
    line-height: 22px;
    width: 90px;
    font-size: 15px;
    vertical-align: top;
}

.news-warp-first p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 592px;
    max-width: 100%;
    margin-bottom: 20px;
    line-height: 21px;
    font-size: 15px;
    color: #454545;
    height: 42px;
}

.news-warp a:hover {
    color: #07aefc;
}

.map-wrap-other a {
    position: relative;
    display: block;
    padding-left: 20px;
    font-size: 15px;
    color: #333;
    line-height: 30px;
}

.map-wrap-other a strong {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 500px;
}

.map-wrap-other a span {
    display: inline-block;
    text-align: right;
    width: 90px;
    vertical-align: top;
}

.map-wrap-other a:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #1588f8;
    border-radius: 50%;
}

.part7 {
    text-align: center;
    padding: 30px 0;
}

.part7 h3 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 50px;
    color: #007CCD;
}

.part7 .wlfw{
    display: flex;
    justify-content: space-between; 
    gap: 20px;
    flex-wrap: wrap; 
    justify-content: flex-start;
    overflow-x: hidden;
    width: 100%;
}

.part7 .wlfw-box {
    display: inline-block;
    flex: 1;
    vertical-align: top;
    transition: all 300ms ease;
}

.part7 .wlfw-box:hover {
    transform: scale(1.05);
    transform: translateY(-20px);
}

.part7 .wlfw-box {
/*    margin-left: 15px;*/
}

.part7 .wlfw-box-img {
    display: block;
    width: 100%;
    height: 185px;
    margin: 0 auto;
}

.part7 .wlfw-box p{
    color: #4c4b4b;
    font-size: 16px;
}

.part7 .wlfw-box strong {
    display: block;
    color: #4c4b4b;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.part7 .wlfw-box:hover strong {
    color: #3583f0;
}

.part7 .wlfw-box:hover p {
    color: #3583f0;
}

.ywfw-title {
    position: relative;
    top: -90px;
    height: 51px;
    margin-top: 0 !important;
}

.ywfw-title .cnTitle {
    position: relative;
    display: inline-block;
    line-height: 60px;
    margin-bottom: 0 !important;
}

.qyjs-p {
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
}

body[data-page=index].mobile .main .ywfw-title {
    top: 0;
}


body[data-page=index].mobile .main .mySwiper {
    width: 100%;
}

body[data-page=index].mobile .main .news-warp {
    width: 100%;
    padding-top: 16px;
    margin-left: 0;
}

body[data-page=contact].mobile .main .tipList {
    width: 100%;
}

body[data-page=contact].mobile .main .labelName {
    min-width: 160px;
}

.event-year .year-icon {
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 10px solid #0167FF;
    border-radius: 50%;
}

.event-year .year-title {
    padding-left: 15px;
    color: #0167FF;
}

.sjz .layui-timeline-item:before {
    height: calc(100% + 300px);
    width: 8px;
    background: #ddd;
}

#timeline-container {
    overflow: hidden;
    padding-top: 30px;
    padding-left: 120px;
}

.event-other-date .other-date-icon {
    position: absolute;
    top: 8px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: #666;
    border-radius: 50%;
}

.event-other-date .layui-timeline-title {
    position: absolute;
    top: 0;
    left: -110px;
    font-size: 25px;
    color: #000;
    margin-top: 10px;
}

.event-other-date .layui-timeline-title+p {
    position: relative;
    background: #fff;
    padding: 20px 30px;
    margin-left: 20px;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    box-shadow: 1px 1px #ddd;
}

.event-other-date .layui-timeline-title+p::after {
    content: '';
    position: absolute;
    content: '';
    left: -10px;
    top: 12px;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid #fff;
}