body,
html {
    margin: 0;
    padding: 0
}

html {
    overflow-y: scroll
}

body,
input {
    font-size: 14px;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    -webkit-text-size-adjust: none;
    text-rendering: optimizelegibility
}

dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
select,
textarea,
ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000
}

img {
    border: none
}

button,
input,
select,
textarea {
    outline: 0;
    resize: none
}

a:link,
a:visited {
    text-decoration: none
}

.clearfix:after {
    clear: both;
    display: table;
    height: 0;
    content: ""
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .23)
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .35)
}

::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .45)
}

.x-container-full {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.x-gray {
    background-color: #f2f1f0
}

.x-container {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    left: 0;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

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

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

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    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: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, 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: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, 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: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, 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: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 6px 0;
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-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%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

.x-con-t {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: lighter
}

.x-con-t span {
    font-size: 36px;
    display: inline-block;
    font-weight: 700;
    line-height: 44px;
    padding: 0 100px 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAkCAYAAAD4i3Y+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJFQ0MwMjE2MEQxMUU5OTU0OEFDQkI5MTVBOEFBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOEJFQ0MwMzE2MEQxMUU5OTU0OEFDQkI5MTVBOEFBMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY4QkVDQzAwMTYwRDExRTk5NTQ4QUNCQjkxNUE4QUExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY4QkVDQzAxMTYwRDExRTk5NTQ4QUNCQjkxNUE4QUExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MR5ySgAABbhJREFUeNrsmQlsFVUUhrtotS5QkCjSKsaIKC5AjSkVbWJd6hJQXDCKWqUK7htKXVJFqoiNS4xRQRRRlErVGtEQFY0oojQIiCVUQFzANq0WWlu0paV9/id8Lw4v076tbZ5lbvLlznt3Zt7MP2fO/c998T6fL85rXdv26WxwemFhsjrfwwUFzZ3sE9UF6NxRHR/t70fb3K4/Icgxm8UXuvA+XvyF3hJCGB8lfpawfT25IhBVwiUFjJfSHyKWenKFKaoEPV1difoJYl//1+Ivtkfo+2meZOFF6lBxkXhTfCkBRyoJV2v7aFHNPo94koUn6mviSbYzxWoJO1l9g8gQbUR0qSdbiJZKUdkuwR7S5sfidXGkmCXuEFcKy7efiHHaz3Jsq7hKzBPNnpQdTFQStk3YhDRCXC3KSQvfi4niAlEm1mk/i+A7Ra04x+Xctu+te6Oo8cEqKiYwSwOXiSXiJfGCuEYME7NFC+MfOQ79Toy0/CyyPfO/50FfCxNwsCgW+aLSxNL3c9Q/J/YT7xLV/vYs5z9TfOqVqe7i/oGoxYqOVPVZ6ssQeRR8hluwfPsWeXkG6eE9otkXQTQmEvXluo6d//eKqiOBK0WxMFcwUDSKXSINMf3tCYcNGyumRHGdK8VCCZzQK0UNaG+Lc8Ul4gNxuchxjD8mJmHJbOI6JoKHaJG/FR/dLGGP6O2iHser/6G4WBxPRN7MeLuw3FsijhI3Rfg7J4omYdXeN71dVMup32K77hU/ivPERqL2ZPa7RawX41lLCDdazcKdxcc0RevjXaxDurClzoNjQdTbxAIxXBQxEc0got6haCjC+54mUsTUCHO5Pby7+PigywJQpG2xWCXqsYCzefCJ3eJTQ/SJSUxEj+Jd/a/9n7z6dsEbxN1iBTYsm8knnmNtafF9sUPi+YL85iJ1Y0SemNsFoh4rCrgO59rxAqrK5dxP1/jUEFsLPvUMXvlNrG71Jz3Y2DIEzBIHERG2jpCL2PNYZ3hZovUL8nt59Pe7jFmEPc+588n5we7VUtV1PNg8Cpc4yvCvxBvi0J58/Z1tOwKm4yvtIvtROAznJguZsLJ5zbK44EbOcYOdR8I+Jc7u4He2id/EEM7tbK305o1nigqxBmEyyJturY1+LhNvJsf8LSaIqlAn2a56/aMq83SO/bVpBcXT4nzSSRwLNXWIX6J9Kxy/O5lXcwmWbo/7IrcPwc5ZRXgYYxW8FUWh6EN/IecYT/oaS2pzff1jQtSA81lZezteN9lxYy24jIUWpTpusfZtx78ODiKM3eT1Nrk5fLItBE0nVYRafZ4kXuUtvFbMj2lRdZ6J5Nk6UkE60WVRcSmuwdnMs/4gDsRlWBEygON/Zbxv3H//XPhbFn46l5xfS9U3x5E6Omv2oE+l7La0cp/uYW1EtX8PtCuIgp1EXwo5ujnAO9q4/cs7n5xXRWFglu0fIrKC+aI/aWUQHrmBsrqch2Uu5BRW3aZyDa2OnG1p6HBK8EqHZpv43ibmZxQQW9S/KHFXxpSouqAcXdxobd5DJNQTFX2wZL8QGavts/bf7nhT1iGuRfYrCNlE5WUiHmBWDdGbEDIVWzYU/5yPsBvwp6bNFo6xz6NxCWtwFDOJ8mUsJNXEYqSasMvxhCaWCdSg75pCPNyquQccHtnvbLZSiAwkwuuIuo1Eawt+eQz2yd8Syce7+DyLhzGF1bYVTFzbAlfOYkrUAIFrwjxkWtzuPy3tH4sTiNoMfGsNZXQyS5OpjC/FQv3ksiTZxv4ppBfzrDcytpacXOU2UcWsqBEWIOuZ4ZP47O8HkJt3dOAMAjUZhs/N4QENcozXUyhs7swm9MbWEtDXdrCfL0CLXMh0vP7O9rkY5yhU9ipRI2ml5FW/2H5BfxeLcBploRpar+1uk1i3SMMhNDJprgrRv3qiurRqR3Xllmt7bunPa92/SuU1T9Tuaf8KMACxZ8yIdg91YQAAAABJRU5ErkJggg==) no-repeat left 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAkCAYAAAD4i3Y+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMUEyRDNFQTE2MEUxMUU5QTY3RkEyNjVCN0VDNEQ2NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMUEyRDNFQjE2MEUxMUU5QTY3RkEyNjVCN0VDNEQ2NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExQTJEM0U4MTYwRTExRTlBNjdGQTI2NUI3RUM0RDY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExQTJEM0U5MTYwRTExRTlBNjdGQTI2NUI3RUM0RDY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ui3kUgAABYlJREFUeNrsmnlsFGUYh3e3C6VUWi0iBoQWT0QBBUEDXhgTMEHRRFP/EI1KRK1ETfBAAh71woAmxkDAAxSPxAsrsSnGAFpExaoxWAkaxWhtgaJURZpQuuvvTZ5JJuOyu7PbFrY7b/Jkt3N/v3mv79uG4/F4KBt7pLo6lIfWT4RF+8IFC/63MxIKzK+ViA3ip0MdEA008mWliDlQ7DrUQYGn+rONCGr2ricN9nW+h4OcmrY9LBbyfa84HW81MSvF1WKxcmx94KnpWdglaIs4SewW48XH4hVxhTg1yKmphYx7Qr1DnCv2iVvFUrbbcYvEynzPqeEk+/ojmlX6Y8WV4kNRKMrEtwhqYv4ipoj5Cv1YPnuqCVoldogPPPum4pm/imVip/hcTBezxHLRibBPiVqJ2ZbvLZUJul5cJL72iGp58S10WSIuEPutHot3xKVitVghPrUTEjX/0TwU1ML4YkL3ade+kQhq1fwZ8SI5dLO4Fw+9WbSmukkuiWpTwzHiK8LPr1n9eBtvM0EfEK+zz4T8iE8L9ff5vE58Ipr93ChXRO2DF01n4JmIeg/hHaM9etLlvW+IIeKA+EsMpspnZLkgagVTwwiVtiODa1j/eDvnVjmtD4JOo7qvIeRrs33gaDfkrHgXXi9CQbDPf8XoDK9j7dFwsUq8xHMat4kZ5NMfuc9kZkzfZ/PQXTHwo8VR4pwuflGPE5YWspfQdPu1QeIasVXcwfOOYVq5XVwmfhb30SZtEnN73FM13w9z7jEMfIIYxbZ1hFS2VshAzfPvFFt8NPRx1992jQHiTHE2nvkmLdI0ZkKOiDFapqoeFVWC2jnnE1KVrkG0UTUf9ZEqwq7BeG0mnzXiuRTXKkC4q3iOGrZP5Dnn0Hdaq/QZObSW2ZJz/0bxoFgrDvaIqHjn8fR217LZqnADM4+XU+TUMIOPk8NmUGGbqMZ/eI6/n89ZKV5KGTObG9leTwRdzuzIuoULqewbSVWdPMcesPZqAy8ka4umKWgBb/xZBvI34bMMUeOesPMOvpg8Zh5zBgXHjv2H4uGt6CNYCdpB0fDm8DD9poXvXZ5oKaPYLCU1tdCS7cUTQxxn3nmc+JNZU5dZNIWYEbzzPYqQ9XOrNTWrcx2TrIBFyGk3iFMYeDM94gpES2Qv8PkY5zjXGkXRmY3H9WF/O+E8l+un23Y1dUcPGE0S6gXkNWtBvhRjxXcSNFXL5Agwh7B2wm2beIJCkGzFyL6fjCetomEfTv4+z5VCOomYOnJufTe0dNmLipgRBFxEyFooNUjMA+7jXOKGPVPJW8RDiNlKgahxDTrKwEsJwyLCvZS8WklI/kZvWuh55jamm1ZQbOX9G+41kgWQ5w/7AoP75xSJNYF2olxUI8Qg+sN9iDIEYVoIs3LyWF9alaGuAnY3aWM0ApQQwhaiv5PnYghSg8CNNN6DiZSZeG4/V6XexrEDmVYOJRXU0Xf2mKWzSrWTB7OW4zXy6TwGMZa8uAnRignLDv4+jcXdebQtP1B1t7Nw0R+KyYEm8iTE2cxLa3Z1AbZ/MZ43Ds7Cq8u57y48eQ1dyRdHxFJYoh/+6EXL8LzJLNou0VvZ4ilicU8Om4RXTkSsZsQ+gRCtICV04PFO1XZyoeXc+T4WWUoStGKhw+2pSX9NlXAV5K/xbFpJB7AVz9qfQFizE8VNrFuWkxpa8dBSQrsIz9pNyL/KdPFgKIfMt6gIa563nvzlFCVHiHWsQzbSXMdSPEMR4dpGQYxRzTtDOWoZ/duPTjKvHEaudfKnNc1T6DcbmKnMRrRk1u6atcRcs7JeZb7+mUJeawsS19M7DuOluJvztezLG8so/JMIPI4iNgAPbWLquicQNft/+zkiZjG9StTAQv4LVWCBqIGovdX+E2AAoy+gZGgAt4oAAAAASUVORK5CYII=) no-repeat right 0
}

.x-con-swt-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.x-con-swt-box a {
    border: 2px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 22px;
    font-size: 19px;
    color: #000;
    line-height: 36px;
    height: 40px
}

.x-con-swt-box a:first-of-type {
    width: 180px;
    padding-left: 30px
}

.x-con-swt-box a:nth-of-type(2) {
    width: 320px;
    padding-left: 65px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMkM3RDQyQzE2MDYxMUU5QUFFMEIyQ0M0NDIyOUVDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMkM3RDQyRDE2MDYxMUU5QUFFMEIyQ0M0NDIyOUVDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQzdENDJBMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyQzdENDJCMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7sNZEQAABkBJREFUeNrEl3tM1WUY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) no-repeat 25px
}

.x-banner {
    height: 520px;
    background: url(bnr.86f347d.jpg) no-repeat center 0
}

.x-con-1 {
    text-align: center;
    background: #e14606;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    line-height: 24px;
    padding: 45px 0 85px
}

.x-con-1 span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px
}

.x-con-1:after {
    content: "";
    position: absolute;
    width: 65px;
    height: 3px;
    background: #fff;
    left: 50%;
    margin-left: -32.5px;
    bottom: 48px
}

.x-con-2 {
    padding: 320px 0 90px;
    background: url(c2-1.169bd41.jpg) no-repeat center 60px
}

.x-con-3 {
    background: #f7f6f6;
    padding: 65px 0
}

.x-con-3 .x-swiper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 45px;
    position: relative;
    z-index: 1
}

.x-con-3 .x-swiper ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x-con-3 .x-swiper ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px
}

.x-con-3 .x-swiper ul li:first-of-type {
    width: 380px;
    background: #fff;
    padding: 20px 40px
}

.x-con-3 .x-swiper ul li:first-of-type .t {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px
}

.x-con-3 .x-swiper ul li:first-of-type .t span {
    display: block;
    font-size: 36px;
    padding-bottom: 22px;
    font-weight: 400;
    position: relative;
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.x-con-3 .x-swiper ul li:first-of-type .t span:after {
    content: "";
    position: absolute;
    left: 3px;
    bottom: 15px;
    width: 15px;
    height: 3px;
    background: #e14606
}

.x-con-3 .x-swiper ul li:first-of-type .d {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: lighter
}

.x-con-3 .x-swiper ul li:nth-of-type(2),
.x-con-3 .x-swiper ul li:nth-of-type(3) {
    width: 400px;
    position: relative;
    overflow: hidden
}

.x-con-3 .x-swiper ul li:nth-of-type(2) img,
.x-con-3 .x-swiper ul li:nth-of-type(3) img {
    display: block;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.x-con-3 .x-swiper ul li:nth-of-type(2) img:hover,
.x-con-3 .x-swiper ul li:nth-of-type(3) img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.x-con-3 .x-btn {
    width: 73px;
    height: 26px;
    position: absolute;
    left: 40px;
    bottom: 40px
}

.x-con-3 .x-btn .swiper-button-next {
    left: 43px
}

.swiper-button-next,
.swiper-button-prev {
    width: 30px;
    height: 26px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzRBRTFBRTE2MTAxMUU5OEE4OUUyM0EwNkZEQkQ0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzRBRTFBRjE2MTAxMUU5OEE4OUUyM0EwNkZEQkQ0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNEFFMUFDMTYxMDExRTk4QTg5RTIzQTA2RkRCRDQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNEFFMUFEMTYxMDExRTk4QTg5RTIzQTA2RkRCRDQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4pVIBAAAAMVJREFUeNpi/P//PwM1ABMDlQA+g8SBeBoQe1NikCAQVwHxOSDeSYxBLFjEuIG4EoivA/Eccr3GBcTVQPwGiOeSEkaMSLHGB8SxQMwOxBOA+B+5Bk0EYjMgngp1KQsR+pmB+DEQ72BB8xY7NIw4iUwaIP3v0F0kAsRxQPwFiGdRko7eQGNJC4hzQJZQkiA/AXETEKsCcQxJTgJ5DQuWBOLpQBwOxEw41KBgfJIKQDwXiF2IMQhfzDwA4l1ALERqOqIIAAQYAHjIkZOSUJKsAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    left: 0;
    outline: none;
    right: 0
}

.swiper-button-next.swiper-button-next,
.swiper-button-prev.swiper-button-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #e14606
}

.swiper-button-next.swiper-button-prev,
.swiper-button-prev.swiper-button-prev {
    background-color: #818282
}

.x-con-4 {
    padding: 60px 0 75px
}

.x-con-4 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    background: #1c1c1c
}

.x-con-4 ul .x-item-l {
    width: 628px;
    height: 430px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.x-con-4 ul .x-item-l img {
    display: block;
    width: 100%
}

.x-con-4 ul .x-item-r {
    padding: 50px 50px 0
}

.x-con-4 ul .x-item-r p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    font-weight: lighter;
    padding-bottom: 35px
}

.x-con-4 ul .x-item-r .t {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding: 0 0 60px
}

.x-con-5 {
    padding: 65px 0 85px;
    background: #f7f6f6
}

.x-con-5 .x-item-img {
    display: block;
    width: 1200px;
    margin: 50px auto 60px
}

.x-con-5 .x-item-img img {
    display: block;
    width: 100%
}

.x-con-6 {
    background: #1c1c1c;
    padding: 80px 0 70px
}

.x-con-6 .x-con-t {
    color: #fff
}

.x-con-6 .x-swiper {
    overflow: hidden;
    padding: 60px 0 70px;
    position: relative
}

.x-con-6 .x-swiper .swiper-slide {
    width: 100%;
    height: 355px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-con-6 .x-swiper .swiper-slide .x-item-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.x-con-6 .x-swiper .swiper-slide .x-item-l p {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
    text-align: center;
    text-transform: uppercase
}

.x-con-6 .x-swiper .swiper-slide .x-item-l .t {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    padding-bottom: 15px
}

.x-con-6 .x-swiper .swiper-slide div {
    width: 50%
}

.x-con-6 .x-swiper .swiper-slide div img {
    display: block;
    width: 100%
}

.x-con-6 .x-swiper .swiper-button-next {
    left: 570px
}

.x-con-6 .x-con-swt-box a {
    color: #fff
}

.x-con-6 .x-con-swt-box a:nth-of-type(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEMyN0FGMDYxNjFBMTFFOTlGQ0ZDOUU0QzZCNzI5QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEMyN0FGMDUxNjFBMTFFOTlGQ0ZDOUU0QzZCNzI5QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQzdENDJDMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyQzdENDJEMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sD8GWwAAAmxJREFUeNrE119oTnEcx/Fzni3tecby97lhu1iTiSSt/EmTWmTJloRyITduUIYLXCgkLqxZzYXmQuJC/lyNpNRiGoZpFGX+bBRNY8SV9Hj/6nPq1+k5nGfP7+TUq/X89jvne875fX/f3+/4uVzO+x9HaZ62DFZgLebhHtox4jSyeWJLCXbhBd7iNb5if6hf0ewfpTiNH+jAMszEMXxCXRKBy7AH37Ep1CmNBzicROAGDOJERMcjuIsKV4FTGuoGlOBqRCr0YC7mu8qtIPACZe3LiH79eIM614HL9Pd3RL/PeITGiCk47sDDqEDVX/qa/1drnjsL3IdJqI3odxD1OICfLgvIEjzG0VD2TVDxMPN4cxLTaTKOYwDTrQ4LMYoW15UreNVjOI9yrLFeyDtNpUprWBKp1adwH1OttmZ8xPKkarVRo4Vhn9WWwgXcQSapwMZOBZ9jtVVrxTqZZOCMnvA6yq12U8+HsTepwEYl+vM8oVm53muKpfKcNxs70KRhm1hoYE/J9Aq7Q+3r1H5RgeygvRoSs4x+QA/adY3F8OMEtjM6HNzM79u6AfP0K/EEN1GlnNiIQxq2Ab2p1uBm44zHNnwJZbqn19iipzO7li5kI64xTZXPVMArcQMHwcfQFko4YxY2YEaM65zB00ICG+v12ruUOOPJ5nPos0tmnOMamjEFN7ClwLW5RtvmZ/lKZhxZZeoILilb/3VOWnWhV4npFVMEVuGWqtxZNCqJwv1qcRlDWBS0+0V+wqSxGlu1ERzFcwzilzYWZiP5DdvxMDjRd/TtlNXnjgmyVHs4X0tpNzp1M57rwAUffwQYANMhyflvfmASAAAAAElFTkSuQmCC)
}

.x-con-7 {
    padding: 70px 0 85px
}

.x-con-7 img {
    display: block;
    width: 100%;
    margin: 55px 0
}

.x-con-10 {
    background: #1c1c1c;
    padding: 65px 0 70px
}

.x-con-10 .t {
    text-align: center;
    font-size: 36px;
    color: #fff
}

.x-con-10 ul {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x-con-10 ul li {
    width: 232px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.x-con-10 ul li img {
    display: block
}

.x-con-10 ul li p {
    padding: 25px 65px 20px 20px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjAxQkI3QkExODY0MTFFOUFCNjI5OEM3MDI5QjM5NzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxQkI3QkIxODY0MTFFOUFCNjI5OEM3MDI5QjM5NzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDFCQjdCODE4NjQxMUU5QUI2Mjk4QzcwMjlCMzk3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMDFCQjdCOTE4NjQxMUU5QUI2Mjk4QzcwMjlCMzk3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABRUAAAXaAAAGYQAABtj/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/CABEIABYAFgMBEQACEQEDEQH/xACfAAACAwEAAAAAAAAAAAAAAAACAwQFBwgBAQAAAAAAAAAAAAAAAAAAAAAQAAEEAgMBAAAAAAAAAAAAAAMBAgQFMBIAFBUGEQABAwIEBAUFAAAAAAAAAAACAQMEERIAITFBUYEiE5GhMhQFQnIjRBUSAQAAAAAAAAAAAAAAAAAAADATAQEAAgICAwEAAAAAAAAAAAERACExQTBxUWGB0f/aAAwDAQACEQMRAAAB7VBGlYZ6awJCI5//2gAIAQEAAQUCc4843SDuOTLIEAZBoK0V4/6MS72ZhtfM1tycRtd53//aAAgBAgABBQLD/9oACAEDAAEFAsP/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/AnWmnljxI5WOvB63D3EV2RN148KYII059qS3RS/OTtK6XA4pJ5YfaQG0+QjkgHWvb6tHE3pTOnLD8WNMKBKakuo4+ICapVxT0NFTqEkXECZ/UcJqEC+6+QJphvugv66I2lSTjdptniaQr0tsstH99TKngSeODWHI7E8GxV9LVNsg+lHEy5Z15YtJ2NGHd1tCMuSFRE88EImft76G4l/e71+q5XX34//aAAgBAQMBPyHQq5MpuB34BWg5HWn9vdibPp9OBNNoIRFau7LRvvEonk78fAO8SSkZG6GISoTMVEd+p/SHY5EYHEyovOhn50xJYNR37q9/hz8nawnoR4tmpn//2gAIAQIDAT8h8P8A/9oACAEDAwE/IfD/AP/aAAwDAQACEQMRAAAQgEEkH//aAAgBAQMBPxBD2J8sh2UwsdMNLiAgrYmbyiWDsR82ae7oPsN0yDFZqIrEILQFMMM0e8oGAtqaSgxgV7Hb/EmDUcJmNABbYVdmFR8qP2TSuEkw4CKRxcR8LPqgz//aAAgBAgMBPxDw/wD/2gAIAQMDAT8Q8P8A/9k=) no-repeat 196px 26px #fff;
    font-size: 18px;
    font-weight: lighter;
    text-align: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 92px;
    color: #1c1c1c
}

.x-con-10 ul li:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.x-con-10 .x-con-swt-box a {
    color: #fff
}

.x-con-10 .x-con-swt-box a:nth-of-type(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEMyN0FGMDYxNjFBMTFFOTlGQ0ZDOUU0QzZCNzI5QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEMyN0FGMDUxNjFBMTFFOTlGQ0ZDOUU0QzZCNzI5QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQzdENDJDMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyQzdENDJEMTYwNjExRTlBQUUwQjJDQzQ0MjI5RUMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sD8GWwAAAmxJREFUeNrE119oTnEcx/Fzni3tecby97lhu1iTiSSt/EmTWmTJloRyITduUIYLXCgkLqxZzYXmQuJC/lyNpNRiGoZpFGX+bBRNY8SV9Hj/6nPq1+k5nGfP7+TUq/X89jvne875fX/f3+/4uVzO+x9HaZ62DFZgLebhHtox4jSyeWJLCXbhBd7iNb5if6hf0ewfpTiNH+jAMszEMXxCXRKBy7AH37Ep1CmNBzicROAGDOJERMcjuIsKV4FTGuoGlOBqRCr0YC7mu8qtIPACZe3LiH79eIM614HL9Pd3RL/PeITGiCk47sDDqEDVX/qa/1drnjsL3IdJqI3odxD1OICfLgvIEjzG0VD2TVDxMPN4cxLTaTKOYwDTrQ4LMYoW15UreNVjOI9yrLFeyDtNpUprWBKp1adwH1OttmZ8xPKkarVRo4Vhn9WWwgXcQSapwMZOBZ9jtVVrxTqZZOCMnvA6yq12U8+HsTepwEYl+vM8oVm53muKpfKcNxs70KRhm1hoYE/J9Aq7Q+3r1H5RgeygvRoSs4x+QA/adY3F8OMEtjM6HNzM79u6AfP0K/EEN1GlnNiIQxq2Ab2p1uBm44zHNnwJZbqn19iipzO7li5kI64xTZXPVMArcQMHwcfQFko4YxY2YEaM65zB00ICG+v12ruUOOPJ5nPos0tmnOMamjEFN7ClwLW5RtvmZ/lKZhxZZeoILilb/3VOWnWhV4npFVMEVuGWqtxZNCqJwv1qcRlDWBS0+0V+wqSxGlu1ERzFcwzilzYWZiP5DdvxMDjRd/TtlNXnjgmyVHs4X0tpNzp1M57rwAUffwQYANMhyflvfmASAAAAAElFTkSuQmCC)
}

.x-con-9 {
    background: #f7f6f6;
    padding: 70px 0 25px
}

.x-con-9 .x-container {
    padding: 45px 0;
    position: relative
}

.x-con-9 .x-container .swiper-button-next {
    left: calc(100% - 30px)
}

.x-con-9 .x-swiper {
    overflow: hidden;
    width: 1080px;
    margin: 0 auto
}

.x-con-8 {
    padding-top: 80px
}

.x-con-8 ul {
    padding: 40px 0 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x-con-8 ul li {
    width: 390px;
    margin-bottom: 10px
}

.x-con-8 ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 390px;
    -ms-flex-line-pack: center;
    align-content: center
}

.x-con-8 ul li span {
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 26px;
    color: #fff;
    background: #000;
    text-align: center;
    line-height: 1;
    padding-top: 58px
}

.x-con-8 ul li img {
    width: 350px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.x-layer {
    position: fixed;
    display: none;
    z-index: 20190115
}

.x-layer,
.x-layer .mask {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.x-layer .mask {
    position: absolute;
    z-index: 1;
    background: #000;
    opacity: .8
}

.x-layer .x-video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-layer .x-video video {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}