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;
    background-position: 50%;
    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 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
}

.banner {
    height: 710px;
    background: url(/templets/zt/2020/0923/images/banner.ee53356.jpg) no-repeat center 0
}

.banner .x-container .x-item-t {
    position: relative;
    padding-top: 140px
}

.banner .x-container .x-item-t:after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: 163px;
    width: 34px;
    height: 4px;
    background: #fff
}

.banner .x-container .x-item-t p {
    color: #fff
}

.banner .x-container .x-item-t p:first-of-type {
    font-size: 55px;
    font-weight: 700;
    padding-bottom: 80px
}

.banner .x-container .x-item-t p:first-of-type span {
    display: block;
    font-size: 19px;
    font-weight: lighter;
    text-transform: uppercase;
    -webkit-transform: scaleY(.7);
    -ms-transform: scaleY(.7);
    transform: scaleY(.7);
    letter-spacing: 1px;
    opacity: .6;
    padding-left: 3px
}

.banner .x-container .x-item-t p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 300
}

.banner .x-container .x-item-b {
    padding-top: 58px
}

.banner .x-container .x-item-b a {
    display: inline-block;
    border-radius: 21px;
    width: 175px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 21px;
    line-height: 42px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.banner .x-container .x-item-b a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.banner .x-container .x-item-b a:first-of-type {
    padding-left: 62px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQzQyNUFDMzA3NDIxMUU5QUVDNkFEMjlERjUxMDQ0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQzQyNUFDNDA3NDIxMUU5QUVDNkFEMjlERjUxMDQ0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNDI1QUMxMDc0MjExRTlBRUM2QUQyOURGNTEwNDQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNDI1QUMyMDc0MjExRTlBRUM2QUQyOURGNTEwNDQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/xoKrgAAAhJJREFUeNrkl00oRFEUx+eZZ4zxEZkspEgpkSQbC8sRRRY2ysKGxILsZGMhUbJSdhaysSIWrMTGRvKZbGRKFBvJV4yv6//qP1x37nw1b5qFU7/m3v9575337jnv3DeGEMKRCktzpMh0gceBsJkZNYipzCfACDgBBzY8mBW0HAwAL+j89SDHEpYdKZodrPHaP5puqbeTkNKtWHKcnYTAedFyLFslKJMKZB/cACdokG4wwFV6BfmgXnqga573FZr90BzPc7wi/lof9SwRaqX0NSv6IfVRNcdmhFesH0wDA3yCY+rPoAoUcP4ELjje5BO7uEpX1F3xLPU10dlpGP0N7KSqc+WCbtAuaemxPHGweVsn+ji2lnoOHPEiw6CIvnswCR7YLPZADn0boJHHxFxci0qh9FD3gGfFV0yfn3MfGOS4HnSoxaULvCDNM4hL043cxODcxfOXlOtN6QKbUfIViOB7VeZOqcBke5F8EYvLSLC41EL6jLWqgweOAT85A63U3ey952SfxRSI5+7MKK+FV2ogHmlFLL2Q8wxqItHAwXwMEYcmZ9UaPTPRL5D3BDb9cPaRzM4VrPJHRb9nP/9bwcpX5h23uxpwGWdgk9um1cdrmbIPdrwKbqVGuM5VJ+yxJjCraG1yLEPzXV0Cevkr4qzWW9DCnm3ZOtgFy9K2ql1qO8zap1f5/neFO8j4d/8kvgUYANaXcdo97Q47AAAAAElFTkSuQmCC) no-repeat 24px #ee5400;
    margin-right: 15px
}

.banner .x-container .x-item-b a:nth-of-type(2) {
    padding-left: 52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjUyQzNFMDA3NDIxMUU5QkFBN0ZCNERFQzMwRTE3RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjUyQzNFMTA3NDIxMUU5QkFBN0ZCNERFQzMwRTE3RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGNTJDM0RFMDc0MjExRTlCQUE3RkI0REVDMzBFMTdGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGNTJDM0RGMDc0MjExRTlCQUE3RkI0REVDMzBFMTdGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J1LRbgAAA0JJREFUeNrEl19oTnEYx99z3v21l00tf4oLRbhTLlxxgdLsRmb+pNy4laJMlr9JiGZuxIULrtYWQyj/yhBSszIJITEtY7Zh3vFuOz5PfY9Ox969f7zLqU/nPTu/83yf3/N7nuf3m+N5XuR/XE4q4Z5qp5TbJtgBJfrzI6iZ2OS1ZCvsphC19zNhPbyGtXAcZkAl7/OyFc5L4/1kiMEZaIYXsADKYQJ8yfmMuWwdhiGh3674JcGesZqxL+6PdeSIMR+2Eu5O7ndY745cC/9JRPEdBmApLNTML+CArX0X5EMnjni5Eg46YGv+Ga5IaDnMkUOFcA5HziLemythC/E4Gb8HtTAN5mn2H1RyU6EM8R/SuA3tONKfibATei5QsnVgqAvj5sgneAW7YLytvRhQMi6Bm3A4aVZjqAisTCIY9rPZCVWCUcg4RzMsgieMb+B+WiVnS3AZGpSI20cMNUYK1RgsaSbxfJ/7XeiDwZB/JcJ3wuy4ajgxOWLd7aAlGsyV3RHX2BKkSnf78Bmckvc/A7ONwzv4GLBRJMEoFCsP+gKR6g7XfFD4gGbcKG8rYDe0ylBCht/CUTNEaIfUNr+pzPy6t3GlSsJ85YWTTNjC0Qb1GGzD4A1+74V1CrXN1OHdV2Wpf72HE+pmg8p8f3kSybpjUNgMTodZcsCydL+8rVIoRzJiTeO8nPJwuF8JZo50aObuaMKW6hss5HycwEgz9+dKEH9to2EDjBsO5EBEJXTVQs67AWyUh1rvX8In4aUcqOeDiMQf87xHY+Opil6tMh7qA15Y2A18YD33IuzU2ph4tRmCdqvTdIST7IDRUbdFNYxGtUIL2RHEV+rdUKrGn+QqUHZHR92PJWDiNUq4OsRX/8Npo0Dl6KZ1EEDcwr5NM6+DNYgXZyFsJ5iycANxUyTKNW6bVRqHwGYeS1dRji7TxtGS0SlTBip0yCtReTVBr38kCq69+rXfsy0/9sFTOMa46xkJy+Aihdw63CXb7OGNWmU8sJ4xHQQrYaNOp7ZFtgQdzETY6nE2bIEVOmH2aLPo1jATnRLoVrfU1x+EK8LJ5D8JhdHEV8FiiZhDQ+rRUT1bT3io0mxFdDDj/yTG6votwADMITZVrbSWMwAAAABJRU5ErkJggg==) no-repeat 18px #fff;
    color: #ee5400
}

.x-con-1 {
    background: url(/templets/zt/2020/0923/images/zs.c226a8d.jpg) no-repeat 100px 55px #f3f3f2;
    padding: 85px 80px 85px 690px;
    position: relative;
    height: 340px;
    margin-top: 25px
}

.x-con-1:after {
    content: "";
    width: 1px;
    height: 180px;
    position: absolute;
    left: 600px;
    top: 80px;
    background: #bfbfbf
}

.x-con-1 p {
    width: 100%;
    text-align: left
}

.x-con-1 p:first-of-type {
    color: #333;
    font-size: 24px;
}

.x-con-1 p:first-of-type span {
    display: block;
    font-size: 12px;
    color: #7d7d7d;
    text-transform: uppercase;
    padding-bottom: 30px
}

.x-con-1 p:nth-of-type(2) {
    line-height: 30px;
    color: #7d7d7d;
    font-size: 16px;
    text-align: justify
}

h4 {
    font-size: 24px;
    font-weight: 400;
    color: #333;
    width: 100%;
    text-align: center
}

h4 span {
    display: block;
    font-size: 12px;
    color: #7d7d7d;
    text-transform: uppercase;
    padding-right: 8px
}

.x-con-2 {
    padding: 60px 0 20px
}

.x-con-2 .swiper {
    width: calc(100% + 12px);
    position: relative;
    overflow: hidden;
    padding: 50px 6px;
    margin-left: -6px
}

.x-con-2 .swiper .swiper-slide {
    height: 516px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 388px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    position: relative
}

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

.x-con-2 .swiper .swiper-slide:hover {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

.x-con-2 .swiper .swiper-slide:hover a {
    width: 150px
}

.x-con-2 .swiper .swiper-slide:hover a span {
    opacity: 1;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.x-con-2 .swiper .swiper-slide:hover a:after {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.x-con-2 .swiper .swiper-slide p {
    padding: 0 40px
}

.x-con-2 .swiper .swiper-slide p b {
    color: #ee5400
}

.x-con-2 .swiper .swiper-slide .t {
    text-align: center;
    padding-top: 36px;
    font-size: 18px
}

.x-con-2 .swiper .swiper-slide .t span {
    display: block;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    color: #7d7d7d
}

.x-con-2 .swiper .swiper-slide .d {
    color: #7d7d7d;
    font-size: 15px;
    padding-top: 20px;
    text-align: justify;
    line-height: 24px
}

.x-con-2 .swiper .swiper-slide a {
    position: absolute;
    left: 50%;
    bottom: 35px;
    background: #ee5400;
    width: 34px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.x-con-2 .swiper .swiper-slide a span {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.x-con-2 .swiper .swiper-slide a:after {
    content: "+";
    position: absolute;
    width: 34px;
    height: 34px;
    left: 50%;
    -webkit-transform: translateX(-49%);
    -ms-transform: translateX(-49%);
    transform: translateX(-49%);
    top: -1px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.x-con-2 .swiper .swiper-button-next {
    right: 6px
}

.x-con-2 .swiper .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 6px
}

.x-con-2 .swiper .swiper-button-next,
.x-con-2 .swiper .swiper-button-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTg3NDdGNzA3RTcxMUU5OUQ5Rjk2RDQxRkZDMDhERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTg3NDdGODA3RTcxMUU5OUQ5Rjk2RDQxRkZDMDhERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFODc0N0Y1MDdFNzExRTk5RDlGOTZENDFGRkMwOERGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFODc0N0Y2MDdFNzExRTk5RDlGOTZENDFGRkMwOERGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Fr849wAAAhNJREFUeNpiZGBgmMkwDAATwzABox4Z9cioR0Y9MuqRUY+MemTUI6MeGUIecXNzE16zZo2ltbW1AD09wkjtZvzz58/DJSQk+L99+/ZLTU1t+dOnT38OyRiZP3/+JRDNxcXFdv78+UBWVlbGIemRqqqq69OmTTsJYouKivLdvn07aMhm9uzs7Ivr16+/DGLLy8sLnz592n3IllpBQUHHd+7ceQPENjExkT948KDTkC1+PTw8Dl28ePEJiG1nZ6cCLM0shmw9YmBgsO3Ro0dvQezg4GC9SZMm6Q7ZClFLS2sDsFj+AGLn5uZa9vb26gxJj3z9+vUvMJ9sePPmzRcQv6ioyCozM1NuSDZRnj179qukpOQgjD916lSPIekRXl5e5tbWVmsYv6Oj4/CQ9Aiw9PKXlpYGt7+WLVt2AVRxDjmP3Lx5019RUVEExF61atXF6OjoU0Musx87dswV2HgUB7GPHDlyNzw8/OSQK343btxobWlpqQhNWk9sbW33DrkKccGCBcZ+fn7aIPbdu3dfgyrGIddEaWtr04yPjzcGsd+/f//V2Nh485BrNFZUVKhUVlbagtg/fvz4DYyJtR8/fvwz5HqIb9++jRISEuIBsYHd3ZXAzP6RHiUjMxD7UtPAx48fv+Hg4PhbXV19DNiMfztk++zDZhRl1COjHhn1yKhHRj0y6pFRj4x6ZNQjox4ZtAAgwACbUK7j54obgwAAAABJRU5ErkJggg==) no-repeat 0 0;
    width: 50px;
    opacity: 1;
    height: 50px;
    top: 302px
}

.x-con-3 {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f3f3f2
}

.x-con-3 .x-wrap-l {
    width: 50%
}

.x-con-3 .x-wrap-l img {
    display: block;
    width: 100%
}

.x-con-3 .x-wrap-r {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%
}

.x-con-3 .x-wrap-r p {
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
    color: #7d7d7d;
    font-size: 12px
}

.x-con-3 .x-wrap-r p.t {
    font-size: 24px;
    color: #333;
    position: relative
}

.x-con-3 .x-wrap-r p.t:after {
    content: "";
    width: 65px;
    height: 1px;
    background: #7d7d7d;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-con-3 .x-wrap-r p.d {
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 32px
}

.x-con-3 .x-wrap-r p span {
    display: block;
    font-size: 12px;
    text-transform: uppercase
}

.x-con-3 .x-wrap-r a {
    background: #ee5400;
    width: 180px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 17px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.x-con-3 .x-wrap-r a:hover {
    -webkit-box-shadow: 0 2px 7px #ee5400;
    box-shadow: 0 2px 7px #ee5400
}

.x-con-4 {
    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;
    padding: 80px 180px 90px
}

.x-con-4 p {
    width: 155px;
    position: relative;
    height: 200px;
    margin-top: 35px;
    text-align: center;
    line-height: 50px;
    font-size: 18px
}

.x-con-4 p span {
    display: block;
    margin: 0 auto;
    width: 155px;
    font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
    color: #fff;
    font-size: 55px;
    line-height: 155px;
    height: 155px;
    border-radius: 50%;
    background: #ee5400
}

.x-con-4 p:nth-of-type(2),
.x-con-4 p:nth-of-type(5) {
    width: 450px
}

.x-con-4 p:nth-of-type(2):after,
.x-con-4 p:nth-of-type(2):before,
.x-con-4 p:nth-of-type(5):after,
.x-con-4 p:nth-of-type(5):before {
    content: "";
    width: 105px;
    height: 1px;
    position: absolute;
    left: 0;
    background: #7d7d7d;
    top: 74px
}

.x-con-4 p:nth-of-type(2):after,
.x-con-4 p:nth-of-type(5):after {
    left: auto;
    right: 0
}

.x-con-5 .x-wrap {
    width: 100%;
    height: 610px;
    background: url(/templets/zt/2020/0923/images/hb.64d6ca4.jpg) no-repeat center 60px;
    margin-top: 30px;
    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;
    padding-top: 60px
}

.x-con-5 .x-wrap,
.x-con-5 .x-wrap li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.x-con-5 .x-wrap li {
    width: 330px;
    height: 220px;
    padding: 0 30px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.x-con-5 .x-wrap li:first-of-type {
    margin-right: 400px
}

.x-con-5 .x-wrap li p {
    position: relative
}

.x-con-5 .x-wrap li .t {
    line-height: 80px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.x-con-5 .x-wrap li .t b {
    font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
    color: #ee5400;
    font-size: 72px;
    position: absolute;
    left: 0;
    top: -30px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0
}

.x-con-5 .x-wrap li .t span {
    font-weight: 700;
    font-size: 18px
}

.x-con-5 .x-wrap li .d {
    line-height: 24px;
    color: #7d7d7d;
    font-size: 14px;
    margin-top: -7px
}

.x-con-5 .x-wrap .active {
    -webkit-box-shadow: 0 2px 8px #999;
    box-shadow: 0 2px 8px #999
}

.x-con-5 .x-wrap .active:after {
    content: "";
    position: absolute;
    width: 230px;
    height: 1px;
    background: #ee5400;
    bottom: 30px;
    left: 50px
}

.x-con-5 .x-wrap .active .t {
    text-align: right
}

.x-con-5 .x-wrap .active .t b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.x-con-5 .x-wrap .active .t span {
    color: #ee5400
}

.x-con-6 {
    height: 230px
}

.x-con-6 .x-container {
    position: absolute;
    z-index: 2;
    width: 1200px;
    height: 230px;
    background: url(/templets/zt/2020/0923/images/advert.1a089a5.png?01) no-repeat 50%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.x-con-6 .x-wrap-l,
.x-con-6 .x-wrap-r {
    position: relative;
    z-index: 1;
    width: 50%;
    float: left;
    display: block;
    height: 230px;
    background: #ee5400
}

.x-con-6 .x-wrap-r {
    background: #f3f3f2
}

.x-con-7 {
    height: 510px;
    margin: 80px auto !important;
    padding-bottom: 80px;
    padding-left: 720px;
    background: url(/templets/zt/2020/0923/images/wt.5be4c29.jpg) no-repeat 0 0
}

.x-con-7 p {
    padding-top: 10px;
    font-size: 24px;
    line-height: 130px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA3CAYAAACYV8NnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRkExNEM0QzA4MTExMUU5OUMzNkIyMkU1RkFEMTczMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRkExNEM0RDA4MTExMUU5OUMzNkIyMkU1RkFEMTczMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGQTE0QzRBMDgxMTExRTk5QzM2QjIyRTVGQUQxNzMyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGQTE0QzRCMDgxMTExRTk5QzM2QjIyRTVGQUQxNzMyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0q3+WgAABaRJREFUeNrsWg1oVmUU/jZnP1NXjYxVbjU1XT8qkpVWZg1LKcL+pqiU/U0IypIokExByywWiVaUMEqMfpyxsmJoK0GzJv5kWi1r2tJFpVFLqzkx13PgeeVwuvf77t9H+8ADD+99773fe5977nmfc953y+vq6krlmuWnctByknRBpht+r8obj+Zx4BAw87S6ru3meiwCGC9Z0iA0CE2DOvUscG13D4+Bpt83F2J6C3BU9cvh/RO6NWnE2y9oWtWpIqB/LqjHd6Z/XgLPvQNYAkzIFukW06+ISfg6YBlwP/AOwu2ubJBuNf1RMUm/afqPZoP0JtP/IQbhl2SqmHNLww6SF6T2wCd8GM2tQDMwHRP0nwjJ5WJgszm3A2MNzQrpDC8U6DkMszI7qUG6pbvWHs94EH7SY5InU3sYrw5AcyNwBXAWdbuACeggsB9oAhqBjeqnfcxQ64DZUT0QNKavRPMgcFuIsTcATwPvsf8B65ZdVKD2qAVTWtIgW4jmBeDOGKHxIXAPsJe1y/6sVXkgLLO9Hij1uNwJbOPk+g04BTgTuMijqBLv7gGmAG9krZ4G4bH0UMojFl8E1sJD+zzU4yTgGqAKsJnudVaN8+OS/k94gMSFaL4090nh9AiILg8hecOAWuqztpnAojjhkW8I9BAvmntECQZ7Ec5gXwAjWBhpew4Yk2R4LDUx2QCy1/uEUAmaqSRwOtBBuVsJfK5unQEcAB5T50RRioEjscIDJAaaMrQVhMt9CFfzExf6jPsWcC/wp4npyaq/iGvOWOEx11yb4EP4Pn6RwjTjTgI+NeemGLl7CDg1YFIrASYClcc8TT3+Q4XLCnhgko8M6qJHsmANE0kRs6VWjTpgouqLqqxQfZncNR7Pkdk9EqgkJLm5Zd40R3K8ie+nfF56kKmzRwNt6lw9FaOR8ldF9diiXuJH4Gzl/RpDeDG/cpkPh9tdeOjJ9jXefpvPD94GHgAWCBnc1+aTvsep/iwP9XA2HCT7KcJzOX5ZmmjZ5bw7RCtGmoXuYTTPBwhDSUJfAaL5l5prDca7l6iv1TeDhK4BFjrSxeriTwmVo4fZ2i2H76kqvdnvp67NAS5gVpWE9hHzxjo47Fur073UD/9OgHAf1iFiP5trHVSR3ir1uy8pdUwl5bcN/UPpkosm2jMB0kvUOGs9rh/NsN/SEiQj/goM4HFJAN2U2S96vR5YbS5LDT1N9Reb6z1YFTo7EDWNSya8TC1AgxT45/BYFrufMFGJpuosupAxrK2Uaf+YGkTNiJ+pc6PhyV5pvLxAERY7H6hmoa8Jr/eQO7HLTZhsjkp6lSpeTgZuSBMWswKM+xq97mV6FdSE+G2PFB6SJECoWen1EJNunc0zq+lXgau5v9eTWfJjj3o8peRN728vjzLLC8wE0csp62X5rHc7LceLzub5MNsAr6jjI6YfLjzw4CKlHn6T40RT+IQ1+RPIWNPvjLNrOsyQ2uihnaK3t4ic4XhDyOfMMKG1icoSa+UyUqdZkNqtwmIw9ztW4nx9hGfUqrAS28fqMLI5Tw81hYne99gKPAF8g35xiLFlF2qHIdzBjZrOOKSdp/XufrOZnIUhttHOpQ7f5BH3exjTu5Pa9yg1g7s4PgjvjmOxXu/2OtSXKOayaQzHKPd5Th1XNH8luVmjP3u7mYBrWMdaCZzMjZt067wmroJWJbkF60jnhanyQPhlNNN9Lu9lCpfk9G4qC+ZIy6L2DB6P8stUXBq9T4n0WtzKCkSK9az+a4NTj526NgC5Cg/CU6ksmvBqLnbncZWxM9uEtadrlXZKwbSV1Zxb50lSGW5+Ox/xPifuH/Tj7jBtNwtcP5OiqBqEGzNsQAayuDtMV6n9CT+Tqq7CEf6/rEC9sUjdCHhO6oSbGQ75VAPZ4qrFPU2pbmB5x/+H6Thpf/tXgAEA5UesyDhaVqQAAAAASUVORK5CYII=) no-repeat 250px
}

.x-con-7 ul li {
    line-height: 42px;
    font-size: 15px
}

.x-con-7 ul li.on a {
    color: #ee5400;
    font-size: 18px
}

.x-con-7 ul li a {
    color: #7d7d7d
}

.x-cyc-btn {
    width: 160px;
    height: 145px;
    position: fixed;
    bottom: 8%;
    z-index: 20181225;
    right: 30px;
    background: url(./templets/zt/2020/0923/images/assets/images/cyc.81fd7f8.png) no-repeat 0 0;
    -webkit-animation: swing 1.5s infinite;
    animation: swing 1.5s infinite
}

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

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

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

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

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

.x-cyc-tc {
    position: fixed;
    top: 50%;
    display: none;
    left: 50%;
    margin-left: -510px;
    margin-top: -393px;
    width: 1020px;
    height: 786px;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    z-index: 20181225
}

.x-cyc-tc .t {
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    padding-top: 45px;
    padding-bottom: 5px
}

.x-cyc-tc .t span {
    color: #ee5400
}

.x-cyc-tc ul {
    width: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 135px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.x-cyc-tc ul li {
    width: 100%;
    margin-bottom: 20px
}

.x-cyc-tc ul li p {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 44px;
    font-size: 18px;
    padding-bottom: 4px
}

.x-cyc-tc ul li p span {
    width: 170px;
    height: 42px;
    line-height: 38px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #c9c9c9;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 18px
}

.x-cyc-tc ul li p span.on {
    background: #ee5400;
    border-color: #ee5400;
    color: #fff
}

.x-cyc-tc #xcstel {
    margin-top: 48px
}

.x-cyc-tc button,
.x-cyc-tc input {
    display: block;
    width: 545px;
    height: 45px;
    border-radius: 5px;
    border: 2px solid #c9c9c9;
    margin: 10px auto;
    text-align: center;
    font-size: 18px;
    line-height: 41px
}

.x-cyc-tc #xcsbtn {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5a87e), to(#ee5a09));
    background: -webkit-linear-gradient(top, #f5a87e, #ee5a09);
    background: -o-linear-gradient(top, #f5a87e, #ee5a09);
    background: linear-gradient(180deg, #f5a87e, #ee5a09)
}

.x-cyc-tc .x-close {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAG7ElEQVRYR9WYf4xcVRXHv+e+mW4ajOwuIGSqVBoCRSFaEQpbujVFbaL/EHGhLWzZzsy901YWC0UTIpoVgzEYSkDa7tz7ZjJ0AwIrhIT4B1D53YZoNRgR+WWF4hpQSquBrLPOe8ec8b1mdjo7+2bbhniT989795z7eefee34RjmIMDQ2dlk6nLySiRcz8aQDydEcq31JKPVGtVndVKpV35roMdSqotV5FRF9j5kuJ6LNJ5Jn5jwCeZOZHfd9/IolMPCcxYKFQ+FwYhtuIaFkszMxvMPMDRPQugPeVUgfkWxAEPUqpXmY+DcBKIroIgJJvzLxbKbW5WCzuTQI6K+CmTZs+VqvVvgfgu9Eik8x8jzy+77+QZJFcLterlLoMwA0NVv9lrVbbUi6XX22noy2g1noFEY0B+BSAD5h5WxiGt5VKpfeTgDXPGRgY8Hp6egyAWwH0APgXM1/unNs1k74ZAbXWVwG4h4g8Zt5VrVZX79y5s76FRzuGhoa60+n0/US0ipkDANc45+5tpbcloNb6ciL6RSSwLZPJXDcyMhIeLVijfGTNrQCui87mN51zDzWvcQSg1voCInoOQBczb3HOiZLjNowx1wOQNapBEPSXSqVfNy42DVBMP2/evJcALADwU2utXIzjPowxtwH4DoCJqampcyuVyqGWbkZr/XMiWg3gEWvtN8QrHHe6/y1AxpiHAVzGzPc759YcAWiM+SqAxwD8c3JycsHY2NiHzXDGmMUHDx7cNz4+PjUX8IGBgXm9vb0Li8Xi683yg4ODJ8yfP38fgE8AWGWtfbxOHk80xvwWwBcA3GSt/Umzglwut8zzvOeZ+cVUKrVyx44dBzuB3LhxY0+tVnuSiD7PzMucc3ua5bXWG4hoB4C91toLDgMaY5YCEKd7YGpq6pOVSuXfLax3MjO/RESnSugioi9Za99LAmmMEdmnxUkz87tEdG4rWbnZ3d3dLxPRWUEQXFIqlXbXLai1vp2IbgjD8Fbf92+eadFsNrvI87w9AglAIsAls0EKHIDnAZwtcEEQ9JXLZdnKlsMYsxnAHcxccs7lY8A3iWghMy9xzr3YzioCmUqlno1u+qthGK7wfV9i8REjn8+fqpR6RuDkhtZqtf52cKIgn8+foZSSHzhgrT2ZtNZnEZFYY7+1dmGSLcvlcgs9z9sdQe4Lw7CvGTKCk3O2SOCCIFhWKpXeSqLfGPMnAIvlSFChULiamceY+W7n3HASBTInghRLng5gn1Kqf3R0dEK+bdiwYUEYhvJN4PZHDjgRXHTk7iKiYSIaFP9zC4DvS6Zhrb0jKWADiFhJIPcrpfrkfRiG097F4El1N0SXHwmgk61n5iudcw8mVRLPa7LWm9F7yaynWbUTvVrrK4joAQC+nMF69JjJNyVR3HTeRKTluUyiK9riPiLaLVFFACUjviIMw37f9yVJ6HisX7/+lHQ6LWducSTc9nbPtkA+n1+ulHqWmR88vMVixWKxKGbtaEi2HN1ogdsvRzAqnua8xYVC4UqxXrzFPySiH8zlkkRwTwM4j5n/6nnecgD/OVaXhJlvoXw+v0YpdV+nbsYYcyIAORLnAXhHKXXx6Oho/ZIcAzfzMyK6NgzDtQJ4jlLqZQld1tr4DLXd5gjuKQBLBC4IguWlUumNRqGjdNTiM0+XmFwPdcYYKYKkiDnTWvvndnRRlScXYgkz/0OiSDNcLD+XUCflrWRMcWSLY7FPRDlm3uycu3MmwAhOKrClAkdE/dbaV9r90ByShThw3G6tvbEOWCgULmbmPcz82qFDhz4zPj4ulda0MTw83FWtViXwS2omuWDfbHCxgqTpVpS0yvaeFATBUqlPGhPW3wD4IoBN1lpJGqcNrXXdeUZwK6y1f+jEH0UJ63NRTjhTwnoTEf0YwO+steeL/sOAWusvE5H0Tf4+OTm5qDnlHxkZURMTEzkAzzjnXusELp6bIOWXZONEZv5KXMxPq+qMMVI8r2Xmh5xzAx9F0QTgPmutNA3q4/+r7BTij7JwZ+blzjm5C4dHktbHXZlM5vpj3fqIzvRWIvq20DBzstZHjN7UPHoslUqt6bTUnOkirVu37qSurq5759w8aoCUmy0NnY9LESOZdyaTKc7VmhHYFmkYEdEJAN5m5kHnnPjXlmPWBmY2mz07lUptA3BptBXSzt0ahuEjSfuEuVzuQqWUIaK1AOZHLbe70+n0zdu3b/+gncuaFTAWzufz5xPRnQ0t4JCZXyCiX0nYkxYwgHohz8zSUY1bwKuJ6MxYT9QC/laxWPx9El+aGDBWFvVwvi7OlIjOSbIIM0sZueu4NtFbgWSz2YznebL1KwGcEc2R1pnkhX+RJwiCveVy+W9JfqTVnP8CHvOt0UC5xwgAAAAASUVORK5CYII=) no-repeat 50%;
    right: 30px;
    top: 20px
}