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

html, body, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

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

body, button, input, select, textarea {
    font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
    color: #333;
}

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

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

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

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

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

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

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

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

input, textarea, select {
    outline: none;
}

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

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

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

.bd_weixin_popup, .content-box {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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

.clearfix {
    *zoom: 1;
}

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

.removeStyle li {
    list-style: none;
    padding: 0px;
}

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

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

/* 字体图标 */
.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */
    -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.commonweb {
    padding: 0px 10px;
}

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

.commonleft {
    float: none;
}

.commonright {
    float: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .visible-sm {
        display: block;
    }

    .hidden-sm {
        display: none;
    }

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

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

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

    .commonleft {
        float: left;
    }

    .commonright {
        float: right;
    }

    .visible-md {
        display: block;
    }

    .hidden-md {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .commonweb {
        max-width: 970px;
    }
}

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

    .commonleft {
        float: left;
    }

    .commonright {
        float: right;
    }

    .visible-lg {
        display: block;
    }

    .hidden-lg {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-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: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 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, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0;
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

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

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@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);
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%, 80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%, 80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    0%, to {
        -webkit-transform-origin: center;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    0%, to {
        -webkit-transform-origin: center;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%, to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%, to {
        opacity: 0;
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

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

img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top;
}

.PopupVideoBox {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.PopupVideo {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    max-width: 920px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0px 25px;
}

.PopupVideo video {
    width: 100%;
}

.PopupVideo iframe {
    width: 100%;
    height: 460px;
}

.closeVideo {
    position: absolute;
    right: 25px;
    top: -25px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.closeVideo::after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.closeVideo::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bd_weixin_popup_bg {
    position: absolute;
    left: -400px;
    top: -400px;
    width: 260px;
    height: 320px;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

.bd_weixin_popup {
    position: absolute;
    left: -400px;
    top: -400px;
    padding: 10px;
    width: 240px;
    height: 300px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
}

.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover {
    text-decoration: none;
}

.bd_weixin_popup .bd_weixin_popup_main {
    padding: 15px 10px;
    min-height: 150px;
    _height: 150px;
}

.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}

.bdshare-button-style0-16 .bds_qzone {
    background-position: 0 -52px;
}

.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px;
}

.bdshare-button-style0-16 .bds_renren {
    background-position: 0 -208px;
}

.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px;
}

.bdshare-button-style0-16 .bds_kaixin001 {
    background-position: 0 -312px;
}

.bdshare-button-style0-16 .bds_tqf {
    background-position: 0 -364px;
}

.bdshare-button-style0-16 .bds_hi {
    background-position: 0 -416px;
}

.bdshare-button-style0-16 .bds_douban {
    background-position: 0 -468px;
}

.bdshare-button-style0-16 .bds_tsohu {
    background-position: 0 -520px;
}

.bdshare-button-style0-16 .bds_tieba {
    background-position: 0 -728px;
}

.bdshare-button-style0-16 .bds_hx {
    background-position: 0 -988px;
}

.bdshare-button-style0-16 .bds_fx {
    background-position: 0 -1040px;
}

.bdshare-button-style0-16 .bds_ty {
    background-position: 0 -1196px;
}

.bdshare-button-style0-16 .bds_fbook {
    background-position: 0 -1352px;
}

.bdshare-button-style0-16 .bds_twi {
    background-position: 0 -1404px;
}

.bdshare-button-style0-16 .bds_linkedin {
    background-position: 0 -1664px;
}

.bdshare-button-style0-16 .bds_meilishuo {
    background-position: 0 -1716px;
}

.bdshare-button-style0-16 .bds_mogujie {
    background-position: 0 -1768px;
}

.bdshare-button-style0-16 .bds_diandian {
    background-position: 0 -1820px;
}

.bdshare-button-style0-16 .bds_huaban {
    background-position: 0 -1872px;
}

.bdshare-button-style0-16 .bds_duitang {
    background-position: 0 -2028px;
}

.bdshare-button-style0-16 .bds_youdao {
    background-position: 0 -2080px;
}

.bdshare-button-style0-16 .bds_wealink {
    background-position: 0 -2184px;
}

.bdshare-button-style0-16 .bds_copy {
    background-position: 0 -2288px;
}

.bdshare-button-style0-16 .bds_mail {
    background-position: 0 -2340px;
}

.bdshare-button-style0-16 .bds_print {
    background-position: 0 -2392px;
}

.bdshare-button-style0-16 .bds_mshare {
    background-position: 0 -2444px;
}

.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px;
}

.bdshare-button-style0-16 .bds_sdo {
    background-position: 0 -2704px;
}

.bdshare-button-style0-16 .bds_qingbiji {
    background-position: 0 -2756px;
}

.bdshare-button-style0-16 .bds_people {
    background-position: 0 -2808px;
}

.bdshare-button-style0-16 .bds_xinhua {
    background-position: 0 -2912px;
}

.bdshare-button-style0-16 .bds_yaolan {
    background-position: 0 -2964px;
}

.bdshare-button-style0-16 .bds_thx {
    background-position: 0 -2496px;
}

.bdshare-button-style0-16 .bds_bdhome {
    background-position: 0 -156px;
}

.bdshare-button-style0-16 .bds_bdxc {
    background-position: 0 -2548px;
}

.bdshare-button-style0-16 .bds_bdysc {
    background-position: 0 -3068px;
}

.bdshare-button-style0-16 .bds_isohu {
    background-position: 0 -3016px;
}

.bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
}

.bdshare-button-style0-16 .bds_ibaidu {
    background-position: 0 -3120px;
}

.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px;
}

.bdshare-button-style0-16 .bds_iguba {
    background-position: 0 -1300px;
}

.bdshare-button-style0-16 {
    zoom: 1;
}

.bdshare-button-style0-16:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(https://www.chowtaiseng.com/dist/images/icons_0_16.png?v=d754dcc0.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}

.bdshare-button-style0-16 a:hover {
    color: #333;
    opacity: .8;
    filter: alpha(opacity=80);
}

.bdshare-button-style0-16 .bds_more {
    color: #333;
    float: left;
}

.bdshare-button-style0-16 .bds_count {
    color: #333;
    background: url(https://www.chowtaiseng.com/dist/images/sc.png?v=a970ff04.png) no-repeat 0 -30px;
    width: 42px;
    height: 16px;
    padding: 0;
    margin: 6px 0 0;
    text-align: center;
}

.bdshare-button-style0-16 .bds_count:hover {
    background-position: -42px -30px;
}

.bdshare-button-style0-16 .bds_button_image {
    float: left;
    cursor: pointer;
    margin: 6px 6px 0 0;
    height: auto;
    padding: 0;
}

.bdshare-button-style0-16 .bdshare_button_count {
    background: url(https://www.chowtaiseng.com/dist/images/sc.png?v=a970ff04.png) no-repeat 0 0;
    width: 44px;
    height: 24px;
    line-height: 24px;
}

.bdshare-button-style0-16 .bdshare_button_count:hover {
    background-position: -44px 0;
}

.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 {
    display: none;
}

.commonTitleLocation {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}

.commonTitleLocation h3 {
    float: left;
    font-size: 16px;
    position: relative;
}

.commonTitleLocation p {
    float: right;
}

.commonTitleLocation p a {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    color: #999;
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
}

.commonTitleLocation p a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #999;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

.commonTitleLocation p a:first-child {
    padding-left: 0px;
    margin: 0px;
    line-height: 11px;
}

.commonTitleLocation p a:first-child::after {
    display: none;
}

.commonTitleLocation p a.current {
    color: #333;
}

.commonTitleLocation p img {
    display: inline-block;
    vertical-align: middle;
}

.commonLocation {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}

.commonLocation a {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    color: #999;
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
}

.commonLocation a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #999;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

.commonLocation a:first-child {
    padding-left: 0px;
    margin: 0px;
    line-height: 11px;
}

.commonLocation a:first-child::after {
    display: none;
}

.commonLocation a.current {
    color: #333;
}

.commonLocation img {
    display: inline-block;
    vertical-align: middle;
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

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

.DefaultSelector > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.DefaultSelector > span:nth-child(2) {
    margin-right: 4px;
}

.DefaultSelector > span:nth-child(4) {
    margin-right: 10px;
}

.DefaultSelector .select2-container--default .select2-selection--single {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 35px;
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0px;
}

.defaSearchList {
    padding: 50px 0px;
}

.defaSearchList dl {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.defaSearchList dl dt {
    float: left;
    font-size: 16px;
}

.defaSearchList dl dd {
    float: right;
    font-size: 14px;
}

.defaSearchList li {
    padding: 10px 20px 15px;
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    background: #f6f6f6;
}

.defaSearchList li h3 {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 26px;
    padding-bottom: 5px;
}

.defaSearchList li .defaDesc {
    font-size: 12px;
    color: #adadad;
    padding-top: 5px;
    line-height: 20px;
}

.defaWebMap {
    background-color: #fff;
}

.defaWebMap dl {
    border: 1px solid #e6e6e6;
    margin-top: 30px;
}

.defaWebMap dl h3 {
    padding-left: 20px;
    padding-bottom: 5px;
}

.defaWebMap dl h3 span {
    font-size: 20px;
    color: #00a1e9;
    position: relative;
    top: -12px;
    background-color: #fff;
    padding: 0px 13px;
}

.defaWebMap dl h3 span a {
    color: #d90000;
}

.defaWebMap dl dd {
    padding-left: 33px;
    padding-bottom: 15px;
}

.defaWebMap dl dd a {
    font-size: 14px;
    padding-right: 20px;
    display: inline-block;
    padding-bottom: 8px;
}

.defaWebMap dl dd a em {
    display: inline-block;
    margin-right: 8px;
    width: 3px;
    height: 3px;
    background-color: #d90000;
    vertical-align: middle;
}

.defaContent {
    font-size: 14px;
    line-height: 24px;
}

.defaContent p {
    margin-bottom: 10px;
}

.defaContent img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.defaPrevNextpage {
    margin-top: 40px;
    border-top: 1px solid #3d3f48;
    border-bottom: 1px solid #3d3f48;
}

.defaPrevNextpage p {
    border-bottom: 1px solid #dddddd;
    position: relative;
    padding: 0px 90px 0px 90px;
    font-size: 14px;
    line-height: 50px;
    white-space: nowrap;
    height: 50px;
}

.defaPrevNextpage p span {
    position: absolute;
    left: 0px;
    padding-left: 10px;
    top: 0px;
    display: block;
    width: 75px;
}

.defaPrevNextpage p span:after {
    content: '';
    border-left: 5px solid transparent;
    border-bottom: 5px solid #000000;
    border-right: 5px solid transparent;
    position: absolute;
    right: 0%;
    width: 0px;
    height: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.defaPrevNextpage p em {
    position: absolute;
    right: 0px;
    font-style: normal;
    top: 0px;
    padding-right: 0px;
    width: 80px;
    display: block;
}

.defaPrevNextpage p a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.defaPrevNextpage p:nth-child(2) {
    border: none;
}

.defaPrevNextpage p:nth-child(2) span:after {
    border-bottom: none;
    border-top: 5px solid #000000;
}

.indexMain2Bg {
    background: #f6efea;
}

/* 背景图 */
.background_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 图片居中 */
.picture_container {
    position: relative;
    overflow: hidden;
    background: none;
}

.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

[class*=animate_] { /* 动画时间，动画开始前的状态 */
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.bgcolor {
    background-color: #999;
}

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

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

.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex_wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.flex_row_start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex_row_end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

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

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

.flex_column_start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

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

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex_rank_1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.flex_rank_2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.picture_scale {
    position: relative;
    overflow: hidden;
}

.picture_scale:hover img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
}

/* 居中标签 */
.center1200 {
    width: 1200px;
    margin: 0 auto;
}

.center1300 {
    width: 1300px;
    margin: 0 auto;
}

.center1400 {
    width: 1400px;
    margin: 0 auto;
}

.center1600 {
    width: 1600px;
    margin: 0 auto;
}

/* 头部菜单按钮 */
.head_mobile_btn {
    display: none;
    width: 32px;
    height: 24px;
    cursor: pointer;
}

.head_mobile_btn .btn1 {
    height: 100%;
}

.head_mobile_btn .btn1 .line {
    height: 2px;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #333;
}

.head_mobile_btn.active .btn1 .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}

.head_mobile_btn.active .btn1 .line:nth-child(2) {
    opacity: 0;
}

.head_mobile_btn.active .btn1 .line:nth-child(3) {
    -webkit-transform: translateY(-12px) rotate(-45deg);
    -ms-transform: translateY(-12px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg);
}

@media (min-width: 768px) {
    .defaWebMap dl {
        margin-top: 50px;
    }

    .defaWebMap dl dd a {
        padding-right: 50px;
    }
}

@media (min-width: 992px) {
    .commonTitleLocation {
        padding: 20px 0;
    }

    .commonTitleLocation h3 {
        font-size: 24px;
    }

    .commonTitleLocation p {
        padding-top: 5px;
    }

    .commonTitleLocation p a {
        font-size: 14px;
    }

    .commonLocation {
        padding: 20px 0;
    }

    .commonLocation a {
        font-size: 14px;
    }

    .defaSearchList li {
        padding: 15px 35px 25px;
        margin-top: 25px;
    }

    .defaSearchList li h3 {
        font-size: 20px;
        line-height: 36px;
        padding-bottom: 5px;
    }

    .defaSearchList li .defaDesc {
        font-size: 13px;
        padding-top: 10px;
        line-height: 24px;
    }

    .defaPrevNextpage p span {
        position: absolute;
        left: 0px;
        padding-left: 40px;
        top: 0px;
        display: block;
        width: 15%;
    }

    .defaPrevNextpage p span:after {
        content: '';
        border-left: 5px solid transparent;
        border-bottom: 5px solid #000000;
        border-right: 5px solid transparent;
        position: absolute;
        right: 0%;
        width: 0px;
        height: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .defaPrevNextpage p em {
        position: absolute;
        right: 0px;
        font-style: normal;
        top: 0px;
        padding-right: 30px;
        width: 120px;
        display: block;
    }

    .defaPrevNextpage p {
        border-bottom: 1px solid #dddddd;
        position: relative;
        padding: 0px 130px 0px 20%;
        font-size: 18px;
        line-height: 70px;
        white-space: nowrap;
        height: 70px;
    }
}

/* animate_fade 2020.02.27 zlz */
/* fade200 位移200px */
/* fade150 位移150px */
/* fade100 位移100px */
/* fade80 位移80px */
/* fade50 位移50px */
/* fade30 位移30px */
/* fade20 位移20px */
/* fade10 位移10px */
/* fadeLeft */
@-webkit-keyframes fadeInLeft200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-80px, 0, 0);
        transform: translate3d(-80px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-80px, 0, 0);
        transform: translate3d(-80px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInLeft10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

/* fadeRight */
@-webkit-keyframes fadeInRight200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(80px, 0, 0);
        transform: translate3d(80px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(80px, 0, 0);
        transform: translate3d(80px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInRight10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

/* fadeUp */
@-webkit-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInUp10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

/* fadeDown */
@-webkit-keyframes fadeInDown200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown150 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown80 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown50 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown30 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown20 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

@-webkit-keyframes fadeInDown10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown10 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

/* fadeInWidth */
@-webkit-keyframes fadeInWidth100 {
    from {
        width: 0;
        opacity: 1;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes fadeInWidth100 {
    from {
        width: 0;
        opacity: 1;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}

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

/* fadeIn */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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


/*--公共样式--*/
body {
    padding-top: 60px;
}

.hideScroll {
    overflow: hidden;
}

.defaheader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
    padding: 15px;
    background: #000;
}

.defalogo {
    display: block;
    float: left;
}

.defalogo img {
    height: 30px;
}

.defanav {
    position: fixed;
    left: 0px;
    top: 60px;
    background: #fff;
    bottom: 0px;
    overflow-y: auto;
    right: 0px;
    display: none;
}

.defanav ul {
    padding: 20px;
}

.defanav ul li {
    border-bottom: 1px solid #eee;
    line-height: 40px;
    position: relative;
}

.defanav ul li > a {
    color: #000;
    display: block;
}

.defanav ul li p {
    display: none;
    padding: 0px 10px 10px;
}

.defanav ul li p a {
    display: block;
    font-size: 14px;
    line-height: 30px;
}

.defanav ul li p a:hover {
    color: red;
}

.defanav_btn {
    float: right;
    width: 28px;
    height: 25px;
    position: relative;
    cursor: pointer;
}

.defanav_btn span {
    display: block;
    height: 2px;
    background: rgba(255, 255, 255, 0.6);
    top: 0px;
    position: absolute;
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.defanav_btn span:nth-child(2) {
    top: 11px;
    width: 24px;
    right: 0;
}

.defanav_btn span:nth-child(3) {
    top: 23px;
}

.defacloseNavbtn span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
}

.defacloseNavbtn span:nth-child(2) {
    display: none;
}

.defacloseNavbtn span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
}

.defanav ul li i {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 30%;
}

.defanav ul li i:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    content: "";
}

.defanav ul li.cur i:before {
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}

.defaSearch {
    float: right;
    padding-left: 20px;
}

.defaSearch span {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(https://www.chowtaiseng.com/dist/images/searchIcon.png) no-repeat center;
    display: block;
}

.defaSearch .defaSearchbox {
    position: fixed;
    width: 100%;
    background: #fff;
    right: 0px;
    left: 0px;
    top: 60px;
    max-height: inherit;
    display: none;
}

.defaSearch .defaSearchbox label {
    display: block;
    padding: 10px 65px 10px 15px;
}

.defaSearch .defaSearchbox label input {
    width: 100%;
    vertical-align: middle;
}

.defaSearch .defaSearchbox .defaSearchBtn {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.6) url(https://www.chowtaiseng.com/dist/images/searchIcon.png) no-repeat center;
}

.defaSearch span.closeSearchbox {
    background: url(https://www.chowtaiseng.com/dist/images/closeIcon.png) no-repeat center;
}

.defaLanguage {
    float: right;
    font-size: 12px;
    color: #fff;
    margin-left: 20px;
    position: relative;
}

.defaLanguage span {
    display: inline-block;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
}

.defaLanguage span a {
    color: #fff;
}

.defaLanguage p {
    position: absolute;
    left: 0px;
    top: 100%;
    background: #fff;
    right: 0px;
    text-align: center;
    display: none;
}

.defaLanguage p a {
    display: block;
    line-height: 30px;
}

.defacommonBanner {
    position: relative;
    overflow: hidden;
}

.defacommonBanner img {
    display: block;
    height: 200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.defacommonBanner h3 {
    font-size: 20px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
}

.defaBanner {
    overflow: hidden;
    position: relative;
}

.defaBanner img {
    display: block;
    height: 300px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.defaBanner ul li {
    overflow: hidden;
}

.defaBannerText {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.defaBannerText h3 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 20px;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.defaBannerText .desc {
    font-size: 14px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.defaBanner ul li.swiper-slide-active .defaBannerText h3 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.defaBanner ul li.swiper-slide-active .defaBannerText .desc {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.defaBannerdot {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    z-index: 99;
    text-align: center;
}

.defaBannerdot span {
    width: 20px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px 5px;
}

.defaBannerdot span.swiper-pagination-bullet-active {
    background: #fff;
}

.defaBannerPrev, .defaBannerNext {
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 99;
    cursor: pointer;
}

.defaBannerPrev::after, .defaBannerNext::after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    left: -webkit-calc(50% - 2px);
    left: calc(50% - 2px);
    top: 50%;
}

.defaBannerPrev {
    left: 10px;
}

.defaBannerPrev::after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    left: -webkit-calc(50% + 2px);
    left: calc(50% + 2px);
}

.defaBannerNext {
    right: 10px;
}

.defaBannerNext::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.defaBannerPrev:hover, .defaBannerNext:hover {
    background: #fff;
}

.defaBannerPrev:hover::after, .defaBannerNext:hover::after {
    border-color: #666;
}

.defaSecondLevelColumn {
    overflow: hidden;
    position: relative;
    padding-right: 1px;
}

.defaSecondLevelColumn ul li {
    width: auto;
    font-size: 14px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-right: -1px;
}

.defaSecondLevelColumn ul li a {
    display: block;
    padding: 0px 20px;
}

.WaterfallFlow ul li {
    width: 50%;
    position: relative;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.WaterfallFlow ul li img {
    display: block;
    width: 100%;
}

.WaterfallFlow ul li .FlowContent {
    padding: 10px;
    background: #f3f3f3;
}

.WaterfallFlow ul li .FlowContent .time {
    font-size: 14px;
    padding-bottom: 10px;
    color: #585858;
}

.WaterfallFlow ul li .FlowContent h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    line-height: 22px;
}

.WaterfallFlow ul li .FlowContent .desc {
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    body {
        padding-top: 0px;
    }

    .defaBanner img {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
        left: 0px;
    }

    .defaBannerText h3 {
        font-size: 38px;
    }

    .defaBannerText .desc {
        font-size: 16px;
    }

    .defaBannerdot span {
        width: 30px;
        height: 2px;
    }

    .defaBannerPrev, .defaBannerNext {
        width: 30px;
        height: 60px;
    }

    .defaBannerPrev::after, .defaBannerNext::after {
        width: 15px;
        height: 15px;
        left: -webkit-calc(50% - 5px);
        left: calc(50% - 5px);
    }

    .defaBannerPrev::after {
        left: -webkit-calc(50% + 5px);
        left: calc(50% + 5px);
    }

    .defacommonBanner h3 {
        font-size: 24px;
    }

    .defacommonBanner img {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
        left: 0px;
    }

    .WaterfallFlow ul li {
        width: 33.333%;
        padding: 0px 10px;
        margin-bottom: 20px;
    }

    .WaterfallFlow ul li .FlowContent {
        padding: 20px;
    }

    .WaterfallFlow ul li .FlowContent .time {
        font-size: 16px;
    }

    .WaterfallFlow ul li .FlowContent h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .WaterfallFlow ul li .FlowContent .desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 25px;
        padding-top: 20px;
    }
}

@media (min-width: 1260px) {
    .defaBannerText h3 {
        font-size: 48px;
    }

    .defaBannerText .desc {
        font-size: 20px;
    }

    .defaBannerdot span {
        width: 40px;
        height: 3px;
    }

    .defaBannerPrev, .defaBannerNext {
        width: 40px;
        height: 80px;
    }

    .defaBannerPrev::after, .defaBannerNext::after {
        width: 20px;
        height: 20px;
    }

    .defaheader {
        background: none;
        padding: 15px 45px 0px;
    }

    .defalogo img {
        height: 55px;
    }

    .defanav {
        float: right;
        white-space: nowrap;
        padding-top: 15px;
        position: relative;
        overflow: visible;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        background: none;
        display: block;
    }

    .defanav ul {
        padding: 0px;
    }

    .defanav ul li {
        display: inline-block;
        margin-left: 20px;
        font-size: 16px;
        padding-bottom: 31px;
        position: relative;
        border-bottom: none;
        line-height: 24px;
    }

    .defanav ul li > a {
        color: #fff;
    }

    .defanav ul li p {
        background: #fff;
        position: absolute;
        left: -10px;
        right: -10px;
        top: 100%;
        text-align: center;
        max-height: 0px;
        overflow: hidden;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        display: block;
        padding: 0px;
    }

    .defanav ul li i {
        display: none;
    }

    .defanav ul li:hover p {
        max-height: 300px;
        padding: 10px 0px;
    }

    .defaheaderbg {
        background: rgba(0, 0, 0, 0.5);
    }

    .defaSearch {
        padding-top: 12px;
        padding-bottom: 28px;
    }

    .defaSearch .defaSearchbox {
        max-height: 0px;
        left: auto;
        right: 45px;
        top: 100%;
        overflow: hidden;
        position: absolute;
        width: 300px;
        display: block;
    }

    .defaSearch:hover .defaSearchbox {
        max-height: 230px;
        -webkit-transition: all .8s ease;
        transition: all .8s ease;
    }

    .defaSearch:hover span {
        background: url(https://www.chowtaiseng.com/dist/images/closeIcon.png) no-repeat center;
    }

    .defaLanguage {
        padding-top: 12px;
    }

    .defaLanguage p {
        max-height: 0px;
        overflow: hidden;
        display: block;
    }

    .defaLanguage:hover p {
        max-height: 230px;
        -webkit-transition: all .8s ease;
        transition: all .8s ease;
    }

    .defanavbtn {
        display: none;
    }

    .defacommonBanner h3 {
        font-size: 30px;
    }
}

.social-share {
    font-size: inherit;
    font-style: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; /* 使用自定义样式，修改为背景图，删除上面的字体图标 */ /* 微信二维码 */
}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 24px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background 0.6s ease-out 0s;
    transition: background 0.6s ease-out 0s;
}

.social-share .social-share-icon:hover {
    background: #666;
    color: #fff;
}

.social-share .icon-weibo {
    color: #ff763b;
    border-color: #ff763b;
}

.social-share .icon-weibo:hover {
    background: #ff763b;
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7;
}

.social-share .icon-tencent:hover {
    background: #56b6e7;
}

.social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7;
}

.social-share .icon-qq:hover {
    background: #56b6e7;
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D;
}

.social-share .icon-qzone:hover {
    background: #FDBE3D;
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045;
}

.social-share .icon-douban:hover {
    background: #33b045;
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5;
}

.social-share .icon-linkedin:hover {
    background: #0077B5;
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D;
}

.social-share .icon-facebook:hover {
    background: #44619D;
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437;
}

.social-share .icon-google:hover {
    background: #db4437;
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee;
}

.social-share .icon-twitter:hover {
    background: #55acee;
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA;
}

.social-share .icon-diandian:hover {
    background: #307DCA;
}

.social-share .icon-wechat {
    position: relative;
    color: #7bc549;
    border-color: #7bc549;
}

.social-share .icon-wechat:hover {
    background: #7bc549;
}

.social-share .icon-tencent {
    background-image: url();
}

.social-share .icon-qq {
    background-image: url();
}

.social-share .icon-weibo {
    background-image: url();
}

.social-share .icon-wechat {
    background-image: url();
}

.social-share .icon-douban {
    background-image: url();
}

.social-share .icon-heart {
    background-image: url();
}

.social-share .icon-like {
    background-image: url();
}

.social-share .icon-qzone {
    background-image: url();
}

.social-share .icon-linkedin {
    background-image: url();
}

.social-share .icon-diandian {
    background-image: url();
}

.social-share .icon-facebook {
    background-image: url();
}

.social-share .icon-google {
    background-image: url();
}

.social-share .icon-twitter {
    background-image: url();
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 4px;
    display: inline-block;
    outline: none;
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}

.none_data {
    display: none;
    text-align: center;
    font-size: 16px;
    margin: 30px 0;
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none;
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block;
}

.aurora_swbox .imgscale img {
    height: 100%;
}

/* crumbs START */
.crumbs {
    position: relative;
    height: 72px;
}

.crumbs .item {
    position: relative;
    line-height: 72px;
    font-size: 14px;
}

.crumbs .item a {
    z-index: 10;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.crumbs .item a:hover {
    color: #666666;
}

.crumbs .item .active {
    color: #666666;
}

.crumbs .item .iconfont {
    color: #b6b6b6;
    font-size: 12px;
}

.crumbs .icon_jiantou8_right {
    margin: 0 15px;
}

.crumbs.fixed {
    position: fixed;
    top: 170px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    -webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
    box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
}

/* crumbs END */
.zuanjie_box img {
    display: none;
}

.zuanjie_box img:first-child {
    display: block;
}

.head_erweimalins {
    position: relative;
    padding-bottom: 55px;
}

.head_erweima {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    background: #fff;
    padding: 20px 20px 10px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.head_erweima img {
    width: 80px;
    display: block;
}

.head_erweima::after {
    display: block;
    content: "";
    position: absolute;
    right: 10%;
    top: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #eee;
    transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
}

.head_erweima ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 260px;
}

.head_erweima ul li {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.head_erweima ul li:nth-child(3n) {
    margin-right: 0;
}

.head_erweima ul li a {
    text-align: center;
    position: relative;
    margin-top: 4px;
    display: inline-block;
}

.head_erweima ul li a::after {
    position: absolute;
    left: 0;
    top: 110%;
    width: 0;
    height: 1px;
    background-color: #a71f3c;
    display: block;
    content: "";
    transition: all 0.4s;
}

.head_erweima ul li a:hover::after {
    width: 100%;
}

.head_erweimalins:hover .head_erweima {
    display: block;
}

/* 头部 */
button {
    border: none;
    background: none;
}


.header .head_top {
    padding: 20px 30px 0;
}

.header .head_top .left_box {
    width: 20.69892%;
    margin-top: 10px;
}

.header .head_top .left_box .head_language {
    letter-spacing: 0;
}

.header .head_top .left_box .head_language .txt {
    color: #818181;
    white-space: nowrap;
}

.header .head_top .left_box .head_language .language_box {
    position: relative;
    margin-left: 5px;
}

.header .head_top .left_box .head_language .language_box .language_title {
    color: #ffffff;
    position: relative;
    width: 55px;
}

.header .head_top .left_box .head_language .language_box .language_title .icon {
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
    right: 5px;
    -webkit-transform: rotateZ(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotateZ(45deg) translateY(-50%);
}

.header .head_top .left_box .head_language .language_box .head_language_down {
    display: none;
    position: absolute;
    top: -webkit-calc(100% + 1px);
    top: calc(100% + 1px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ffffff;
}

.header .head_top .left_box .head_language .language_box .head_language_down .line {
    padding: 0 15px;
    white-space: nowrap;
}

.header .head_top .left_box .form_box {
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    width: 22px;
}

.header .head_top .left_box .form_box .iconfont {
    color: rgba(255, 255, 255, 0.6);
    font-size: 22px;
    background-color: transparent;
    border: none;
    padding: 0;
}

.header .head_top .left_box .form_box input {
    padding: 0 10px;
    line-height: 30px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.header .head_top .left_box.active .form_box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
}

.header .head_top .head_nav {
    width: 48.27957%;
}

.header .head_top .head_nav .head_logo {
    display: block;
    text-align: center;
}

.header .head_top .head_nav .head_logo .head_logo_black {
    display: none;
    margin: 0 auto;
}

.header .head_top .head_nav .head_logo .head_logo_white {
    margin: 0 auto;
}

.header .head_top .head_nav .head_link {
    margin-top: 22px;
}

.header .head_top .head_nav .head_link .block .title {
    display: block;
    font-size: 13px;
    line-height: 1.1;
    color: #ffffff;
}

.header .head_top .right_box {
    width: 20.69892%;
    margin-top: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header .head_top .right_box .icon {
    color: #fff;
}

.header .head_top .right_box .icon .iconfont {
    font-size: 20px;
}

.header .head_top .right_box .icon .txt {
    color: #fff;
    margin-left: 10px;
    opacity: 0.4;
}

.header .head_top .right_box .icon:nth-child(2) {
    margin-left: 35px;
}

.header .head_top .right_box .link {
    display: block;
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #fff;
}

.header .head_top .right_box .link .icon_on {
    display: none;
    margin-right: 5px;
}

.header .head_top .right_box .link .icon_off {
    margin-right: 5px;
}

.header.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.header.active {
    background-color: #fff;
}

.header.active .head_top .left_box .head_language .language_box .language_title {
    color: #333;
}

.header.active .head_top .left_box .head_language .language_box .language_title .icon {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

.header.active .head_top .left_box.active .form_box {
    border-bottom: 1px solid #333;
}

.header.active .head_top .left_box .form_box .iconfont {
    color: #333;
}

.header.active .head_top .left_box .form_box input {
    color: #333;
}

.header.active .head_top .head_nav .head_logo .head_logo_white {
    display: none;
}

.header.active .head_top .head_nav .head_logo .head_logo_black {
    display: block;
}

.header.active .head_top .head_nav .head_link .block .title {
    color: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.header.active .head_top .head_nav .head_link .block:hover .title {
    color: #916c30;
}

.header.active .head_top .right_box .icon .iconfont {
    color: #333;
}

.header.active .head_top .right_box .icon .txt {
    color: #333;
}

.header.active .head_top .right_box .link {
    color: #282828;
}

.header.active .head_top .right_box .link .icon_on {
    display: inline-block;
}

.header.active .head_top .right_box .link .icon_off {
    display: none;
}

.header.topBig .head_top .head_nav .head_logo {
    height: 0;
}

@media (min-width: 1220px) {
    .header:hover {
        background-color: #fff;
    }

    .header:hover .head_top .left_box .head_language .language_box .language_title {
        color: #333;
    }

    .header:hover .head_top .left_box .head_language .language_box .language_title .icon {
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
    }

    .header:hover .head_top .left_box.active .form_box {
        border-bottom: 1px solid #333;
    }

    .header:hover .head_top .left_box .form_box .iconfont {
        color: #333;
    }

    .header:hover .head_top .left_box .form_box input {
        color: #333;
    }

    .header:hover .head_top .head_nav .head_logo .head_logo_white {
        display: none;
    }

    .header:hover .head_top .head_nav .head_logo .head_logo_black {
        display: block;
    }

    .header:hover .head_top .head_nav .head_link .block .title {
        color: #333;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .header:hover .head_top .head_nav .head_link .block:hover .title {
        color: #916c30;
    }

    .header:hover .head_top .right_box .icon .iconfont {
        color: #333;
    }

    .header:hover .head_top .right_box .icon .txt {
        color: #333;
    }

    .header:hover .head_top .right_box .link {
        color: #282828;
    }

    .header:hover .head_top .right_box .link .icon_on {
        display: inline-block;
    }

    .header:hover .head_top .right_box .link .icon_off {
        display: none;
    }
}

/* 首页 */
.index_banner {
    width: 100%;
}

.index_banner .img img {
    width: 100%;
}

.index .main1 {
    padding: 100px 0 110px;
}

.index .main1 .top1_box .title {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -2px;
    text-align: center;
    color: #000000;
}

.index .main1 .top1_box .tag_box {
    width: 290px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    margin: 0 auto;
    margin-top: 25px;
}

.index .main1 .top1_box .tag_box .tag {
    position: relative;
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    color: #cacaca;
    padding-left: 20px;
    cursor: pointer;
}

.index .main1 .top1_box .tag_box .tag:not(:nth-child(5n + 1))::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 10px;
    background-color: #cacaca;
    width: 2px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index .main1 .top1_box .tag_box .tag.active {
    color: #000000;
}

.index .main1 .top1_box .content {
    padding: 86px 0 155px;
    margin-left: 13.28125%;
}

.index .main1 .top1_box .content .txt_box {
    width: 30.03003%;
    text-align: center;
}

.index .main1 .top1_box .content .txt_box .name {
    font-size: 30px;
    line-height: 40px;
    color: #000000;
}

.index .main1 .top1_box .content .txt_box .line {
    color: #000000;
    margin-top: 10px;
}

.index .main1 .top1_box .content .txt_box .more {
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    color: #000000;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.index .main1 .top1_box .content .txt_box .more:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.index .main1 .top1_box .content .img_box {
    position: relative;
    width: 57.65766%;
}

.index .main1 .top1_box .content .img_box .bg img {
    width: 100%;
}

.index .main1 .top1_box .content .img_box .img {
    position: absolute;
    top: -webkit-calc(50% + 10px);
    top: calc(50% + 10px);
    left: -255px;
    max-width: 57.29167%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index .main1 .bottom_box {
    padding: 0 100px;
}

.index .main1 .bottom_box .block {
    display: block;
}

.index .main1 .bottom_box .block .picture_container {
    padding-top: 131.2%;
}

.index .main1 .bottom_box .block .txt {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.index .main1 .bottom_box .block .txt .name {
    color: #d9ac71;
}

.index .main1 .bottom_box .block .txt .tag {
    color: #000000;
}

.index .main1 .bottom_box .block:hover .img img {
    top: -10px;
}

.index .main1 .bottom_box .swiper-scrollbar {
    height: 4px;
    width: 1136px;
    margin: 0 auto;
    position: unset;
    margin-top: 75px;
    background-color: #f6ecd9;
}

.index .main1 .bottom_box .swiper-scrollbar-drag {
    background-color: #e0bf80;
}

.index .main2 .bg_img {
    background-color: #f6efea;
    padding-bottom: 2%;
}

.index .main2 .bg_img img {
    width: 100%;
}

.index .main2 .mask {
    background-size: 0;
    padding-top: 210px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

.index .main2 .mask .title {
    text-align: center;
    font-size: 72px;
    line-height: 1.1;
    color: #ffffff;
    font-weight: lighter;
}

.index .main2 .mask .block_box {
    margin-top: 140px;
}

.index .main2 .mask .block_box .block {
    padding: 20px;
    background-color: #fff;
}

.index .main2 .mask .block_box .block .img {
    width: 50%;
}

.index .main2 .mask .block_box .block .img .picture_container {
    padding-top: 98.27586%;
}

.index .main2 .mask .block_box .block .txt_box {
    padding-left: 20px;
    text-align: center;
}

.index .main2 .mask .block_box .block .txt_box .name {
    font-size: 30px;
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 40px;
}

.index .main2 .mask .block_box .block .txt_box .abstract {
    margin-top: 15px;
    font-size: 14px;
    color: #666460;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 24px;
}

.index .main2 .mask .block_box .block .txt_box .more {
    margin-top: 40px;
    position: relative;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 3px;
    color: #000000;
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.index .main2 .mask .block_box .block .txt_box .more:hover {
    color: #916c30;
}

.index .main2 .mask .block_box .block .txt_box .more:hover::after {
    background-color: #916c30;
}

.index .main2 .mask .block_box .block .txt_box .more::after {
    content: ' ';
    position: absolute;
    bottom: -2px;
    height: 1px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    left: 50%;
    background-color: #000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.index .main2 .mask .block_box .swiper-pagination {
    z-index: 2;
    right: 25%;
    bottom: 100px;
    width: auto;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.index .main2 .mask .block_box .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    background-color: #e7ddca;
    margin: 0 6px;
}

.index .main2 .mask .block_box .swiper-pagination-bullet-active {
    background-color: #a61b39;
}

.index .main2 .swiper_control {
    z-index: 2;
    position: absolute;
    top: 210px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next {
    width: 28%;
    font-weight: lighter;
    font-size: 65px;
    height: auto;
    background-image: none;
    position: unset;
    margin-top: 0;
    opacity: 1;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.index .main2 .swiper_control .swiper-button-prev:hover, .index .main2 .swiper_control .swiper-button-next:hover {
    color: #916c30;
}

.index .main2 .swiper_control .swiper-button-prev {
    text-align: right;
}

.index .main3 {
    background-color: #f6efea;
}

.index .main3 .block {
    position: relative;
    display: block;
}

.index .main3 .block .picture_container {
    padding-top: 56.66667%;
}

.index .main3 .block .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
}

.index .main3 .block .mask .txt {
    color: #f8f8f6;
    text-align: center;
}

.index .main3 .block .mask .name {
    font-size: 48px;
    line-height: 1.1;
}

.index .main3 .block .mask .tag {
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    letter-spacing: 3px;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #f8f8f6;
}

.index .main3 .block .mask .tag:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.index .main4 {
    background-color: #f6efea;
    padding-top: 118px;
    position: relative;
}

.index .main4 .title_box {
    text-align: center;
}

.index .main4 .title_box .name {
    font-size: 48px;
    line-height: 1.1;
    color: #000000;
}

.index .main4 .title_box .more {
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    letter-spacing: 3px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #000;
    border-bottom: 1px solid #000;
}

.index .main4 .title_box .more:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.index .main4 .img {
    margin-top: 40px;
}

.index .main4 .img img {
    width: 100%;
}

.index .main4 .img video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.index .main4 .icon_img1, .index .main4 .icon_img2 {
    position: absolute;
    top: 0;
    z-index: 2;
}

.index .main4 .icon_img1 {
    right: 26.14583%;
}

.index .main4 .icon_img2 {
    right: 15.83333%;
}

.index .main5 {
    background-image: url(https://www.chowtaiseng.com/dist/images/index_custom_bg.jpg);
    padding: 100px 0;
}

.index .main5 .content .title_img {
    text-align: center;
}

.index .main5 .content .txt_box {
    text-align: center;
    margin-top: -43px;
}

.index .main5 .content .txt_box .name {
    font-size: 30px;
    line-height: 40px;
    color: #282828;
}

.index .main5 .content .txt_box .abstract {
    font-size: 14px;
    line-height: 24px;
    color: #282828;
    margin-top: 15px;
}

.index .main5 .content .txt_box .more {
    margin-top: 60px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    letter-spacing: 3px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #000;
    border-bottom: 1px solid #000;
}

.index .main5 .content .txt_box .more:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.index .main5 .content .block {
    margin-top: 84px;
}

.index .main5 .content .block .left_box {
    width: 31.66667%;
    background-color: #a61b39;
}

.index .main5 .content .block .left_box .name {
    font-size: 30px;
    line-height: 1.1;
    color: #ffffff;
}

.index .main5 .content .block .left_box .more {
    margin-top: 60px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    letter-spacing: 3px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.index .main5 .content .block .left_box .more:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.index .main5 .content .block .img {
    width: 66.66667%;
}

.index .main5 .content .block .img .picture_container {
    padding-top: 50%;
}

.index .main6 .content {
    padding: 302px 0;
}

.index .main6 .content .title {
    font-size: 30px;
    line-height: 1.1;
    color: #ffffff;
    text-align: center;
}

.index .main6 .content .block {
    width: 688px;
    margin: 0 auto;
    margin-top: 50px;
}

.index .main6 .content .block .DefaultSelector {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single {
    height: 62px;
    border: 0;
}

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
    font-size: 18px;
    color: #343434;
}

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    width: 13px;
    height: 13px;
    border-bottom: 2px solid #888888;
    border-right: 2px solid #888888;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    margin-left: -24px;
    margin-top: -10px;
}

.index .main6 .content .block .btn {
    width: 160px;
    height: 62px;
    font-size: 18px;
    color: #ffffff;
    border: 0;
    background-color: #a61b39;
}

.news_details {
    padding: 0px 0 110px;
}

.news_details .news_banner {
    height: 300px;
    background-color: #f5f4ee;
}

.news_details .news_banner .title {
    font-size: 35px;
    line-height: 1.1;
    color: #000000;
    letter-spacing: -2px;
    text-align: center;
}

.news_details .news_banner .form_box {
    margin-top: 34px;
}

.news_details .news_banner .form_box .item {
    width: 360px;
    border-bottom: 2px solid #000;
    padding-bottom: 12px;
}

.news_details .news_banner .form_box .item input {
    line-height: 22px;
    color: #000000;
    background-color: transparent;
    width: 100%;
    font-size: 13px;
}

.news_details .news_banner .form_box .item input::-webkit-input-placeholder {
    color: #000;
}

.news_details .news_banner .form_box .item input:-moz-placeholder {
    color: #000;
}

.news_details .news_banner .form_box .item input:-ms-input-placeholder {
    color: #000;
}

.news_details .news_banner .form_box .item input::-moz-placeholder {
    color: #000;
}

.news_details .news_banner .form_box .item input::placeholder {
    color: #000;
}

.news_details .news_banner .form_box .item .iconfont {
    font-size: 22px;
    color: #000;
    border: 0;
    background-color: transparent;
}

.news_details .title {
    text-align: center;
    font-size: 35px;
    font-weight: lighter;
    line-height: 40px;
    letter-spacing: -1px;
    color: #333333;
}

.news_details .title_box {
    font-size: 13px;
    color: #828282;
    margin-top: 23px;
}

.news_details .title_box .time {
    position: relative;
    margin-right: 20px;
    padding-right: 17px;
}

.news_details .title_box .time::after {
    content: ' ';
    position: absolute;
    width: 2px;
    height: 11px;
    top: 50%;
    right: 0;
    background-color: #e6ded9;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news_details .details_txt {
    margin-top: 30px;
    padding: 30px 0 40px;
    border-top: 1px solid #e0dcd1;
}

.news_details .details_txt p {
    max-width: 100%;
}

.news_details .details_txt .tag_box {
    margin-top: 70px;
    font-size: 13px;
    line-height: 30px;
    color: #828282;
    gap: 13px;
}

.news_details .details_txt .tag_box p {
    padding: 0 28px 0 18px;
    background-color: #f5f4ee;
    -webkit-border-radius: 14px 0px 14px 0px;
    border-radius: 14px 0px 14px 0px;
    margin-left: 10px;
}

.product .main1 {
    padding: 105px 0 155px;
}

.product .main1 .content {
    padding: 0 30px;
}

.product .main1 .content .title_box {
    margin-left: 14.51613%;
}

.product .main1 .content .title_box .title {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -2px;
    color: #000000;
}

.product .main1 .content .title_box .tag {
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #828282;
    cursor: pointer;
}

.product .main1 .content .title_box .tag .icon {
    margin-top: 1px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    border: solid 1px #c9c9c9;
}

.product .main1 .content .title_box .tag:not(:first-child) {
    margin-left: 30px;
}

.product .main1 .content .title_box .tag.active .icon {
    border: 1px solid #3e3e3e;
    background-color: #3e3e3e;
}

.product .main1 .content .box {
    margin-top: 40px;
}

.product .main1 .content .box .left_box {
    width: 10.75269%;
    float: left;
}

.product .main1 .content .box .left_box .screen_box {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #000000;
}

.product .main1 .content .box .left_box .screen_box img {
    margin-right: 20px;
}

.product .main1 .content .box .left_box .block_box {
    margin-top: 50px;
}

.product .main1 .content .box .left_box .block_box .block:not(:first-child) {
    margin-top: 30px;
}

.product .main1 .content .box .left_box .block_box .block .title {
    font-size: 15px;
    line-height: 1.1;
    color: #666666;
    cursor: pointer;
}

.product .main1 .content .box .left_box .block_box .block .title .icon {
    width: 13px;
    height: 13px;
    position: relative;
}

.product .main1 .content .box .left_box .block_box .block .title .icon::after, .product .main1 .content .box .left_box .block_box .block .title .icon::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #757575;
}

.product .main1 .content .box .left_box .block_box .block .title .icon::after {
    width: 100%;
    height: 1px;
}

.product .main1 .content .box .left_box .block_box .block .title .icon::before {
    height: 100%;
    width: 1px;
}

.product .main1 .content .box .left_box .block_box .block .down {
    display: none;
    margin-top: 40px;
}

.product .main1 .content .box .left_box .block_box .block .down .line {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.1;
    color: #999999;
}

.product .main1 .content .box .left_box .block_box .block .down .line .chosen_icon {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: relative;
    border: solid 1px #d6d6d6;
}

.product .main1 .content .box .left_box .block_box .block .down .line .chosen_icon::after {
    display: none;
    content: ' ';
    position: absolute;
    width: 8px;
    height: 4px;
    top: -webkit-calc(50% - 4px);
    top: calc(50% - 4px);
    left: 50%;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotateZ(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotateZ(-45deg) translate(-50%, -50%);
}

.product .main1 .content .box .left_box .block_box .block .down .line:not(:first-child) {
    margin-top: 30px;
}

.product .main1 .content .box .left_box .block_box .block .down .line.active .chosen_icon {
    border: 1px solid #000;
}

.product .main1 .content .box .left_box .block_box .block .down .line.active .chosen_icon::after {
    display: block;
}

.product .main1 .content .box .left_box .block_box .block.active .title .icon::before {
    height: 0;
}

.product .main1 .content .box .left_box.fixed {
    position: fixed;
    top: 100px;
    left: 30px;
}

.product .main1 .content .box .right_box {
    width: 100%;
    float: right;
}

.product .main1 .content .box .right_box .block_box .block {
    width: 33.20755%;
    padding: 80px 60px;
    display: block;
    background-color: #f9f8f9;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.product .main1 .content .box .right_box .block_box .block .txt {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.product .main1 .content .box .right_box .block_box .block .txt .abstract {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
    max-height: 52px;
    min-height: 52px;
}

.product .main1 .content .box .right_box .block_box .block .img {
    width: 42.80303%;
    position: relative;
    margin: 50px auto;
}

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-prev, .product .main1 .content .box .right_box .block_box .block .img .swiper-button-next {
    opacity: 0;
    background-image: none;
    margin-top: 0;
    width: 25px;
    height: 25px;
    font-size: 12px;
    color: #999999;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #f7f7f7;
}

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-prev {
    left: -31.85841%;
}

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-next {
    right: -31.85841%;
}

.product .main1 .content .box .right_box .block_box .block .picture_container {
    padding-top: 127.43363%;
}

.product .main1 .content .box .right_box .block_box .block .top_img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.product .main1 .content .box .right_box .block_box .block .swiper-container {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.product .main1 .content .box .right_box .block_box .block .price_box {
    text-align: right;
}

.product .main1 .content .box .right_box .block_box .block:hover {
    background-color: #fdfdfd;
}

.product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-container, .product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-button-prev, .product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-button-next {
    opacity: 1;
}

.product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .top_img {
    opacity: 0;
}

.product .main1 .content .box .right_box .block_box .block:not(:nth-child(3n)) {
    margin-right: 0.16129%;
}

.product .main1 .content .box .right_box .block_box .block:nth-child(n + 4) {
    margin-top: 3px;
}

.product .main1 .content .box .right_box .more {
    margin: 0 auto;
    margin-top: 60px;
    width: 210px;
    font-size: 14px;
    color: #000000;
    line-height: 60px;
    letter-spacing: 3px;
    border: solid 1px #000000;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.product .main1 .content .box .right_box .more .iconfont {
    margin-left: 20px;
}

.product .main1 .content .box .right_box .more:hover {
    background-color: #916c30;
    border: solid 1px #916c30;
    color: #fff;
}

.prodcut_details .main1 {
    padding-bottom: 126px;
    background-color: #f5f4ef;
}

.prodcut_details .main1 .small_box {
    width: 10.03344%;
    height: 100%;
}

.prodcut_details .main1 .small_box .product_detailSmall {
    height: 68.62745%;
    width: 100%;
    max-height: 350px;
}

.prodcut_details .main1 .small_box .product_detailSmall .picture_container {
    padding-top: 126.66667%;
}

/* .prodcut_details .main1 .small_box .product_detailSmall .swiper-wrapper{height: 330px;}
.prodcut_details .main1 .small_box .product_detailSmall .swiper-slide{height: 79px !important;} */

.prodcut_details .main1 .small_box .product_detailSmall .swiper-slide.active .block {
    border: solid 1px #999999;
}

.prodcut_details .main1 .small_box .product_detailSmall .block {
    border: 1px solid transparent;
    cursor: pointer;
}

.prodcut_details .main1 .small_box .swiper-button-prev, .prodcut_details .main1 .small_box .swiper-button-next {
    position: unset;
    background-image: none;
    border-left: 1px solid #b7b6b8;
    border-top: 1px solid #b7b6b8;
    width: 14px;
    height: 14px;
    margin-top: 0;
    opacity: 1;
}

.prodcut_details .main1 .small_box .swiper-button-prev {
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
}

.prodcut_details .main1 .small_box .swiper-button-next {
    -webkit-transform: rotateZ(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotateZ(-135deg);
}

.prodcut_details .main1 .big_box {
    width: 66.88963%;
}

.prodcut_details .main1 .big_box .picture_container {
    padding-top: 127.5%;
}

.prodcut_details .main1 .left_box {
    width: 49.83333%;
}

.prodcut_details .main1 .right_box {
    width: 41.66667%;
    text-align: center;
}

.prodcut_details .main1 .right_box .tag {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #666666;
}

.prodcut_details .main1 .right_box .title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -1px;
    color: #333333;
    margin-top: 25px;
    font-weight: lighter;
}

.prodcut_details .main1 .right_box .price {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: -1px;
    color: #333333;
    margin-top: 30px;
}

.prodcut_details .main1 .right_box .icon_line {
    margin: 0 auto;
    width: 70px;
    height: 1px;
    background-color: #000000;
    margin-top: 30px;
}

.prodcut_details .main1 .right_box .abstract {
    margin-top: 25px;
}

.prodcut_details .main1 .right_box .link {
    display: block;
    font-size: 14px;
    line-height: 50px;
    color: #ffffff;
    width: 240px;
    height: 50px;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #000000;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.prodcut_details .main1 .right_box .link:hover {
    background: #c26378;
}

.prodcut_details .main2 {
    padding: 90px 0 100px;
    border-bottom: 1px solid #e6e6e6;
}

.prodcut_details .main2 .content {
    width: 1200px;
    margin: 0 auto;
}

.prodcut_details .main2 .content .title_box {
    text-align: center;
}

.prodcut_details .main2 .content .title {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -1px;
    color: #333333;
    font-weight: lighter;
}

.prodcut_details .main2 .content .tag {
    position: relative;
    display: inline-block;
    margin-top: 38px;
}

.prodcut_details .main2 .content .tag::after, .prodcut_details .main2 .content .tag::before {
    content: ' ';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 1px;
    opacity: 0.3;
    background-color: #000000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prodcut_details .main2 .content .tag::after {
    left: -40px;
}

.prodcut_details .main2 .content .tag::before {
    right: -40px;
}

.prodcut_details .main2 .content .details_txt {
    margin-top: 30px;
}

.prodcut_details .main2 .content .details_txt table {
    width: 100%;
}

.prodcut_details .main2 .content .details_txt tr {
    border-top: 1px solid #e0ded8;
}

.prodcut_details .main2 .content .details_txt tr td {
    border: none;
    padding: 25px 0;
    font-size: 14px;
    letter-spacing: -1px;
    color: #666666;
}

.prodcut_details .main2 .content .details_txt tr td:nth-child(1) {
    width: 14.16667%;
    color: #333333;
    text-align: center;
}

.prodcut_details .main2 .content .details_txt tr td:nth-child(2) {
    width: 43.33333%;
    color: #333333;
    padding-right: 10px;
    color: #666666;
}

.prodcut_details .main2 .content .details_txt tr td:nth-child(3) {
    width: 11.66667%;
    color: #333333;
}

.prodcut_details .main2 .content .details_txt tr td:nth-child(4) {
    width: 30.83333%;
    color: #666666;
}

.prodcut_details .main2 .content .details_txt tr:last-child {
    border-bottom: 1px solid #e0ded8;
}

.prodcut_details .main3 {
    padding: 100px 0 80px;
}

.prodcut_details .main3 .title_box {
    text-align: center;
}

.prodcut_details .main3 .title_box .title {
    font-size: 30px;
    font-weight: lighter;
    line-height: 40px;
    letter-spacing: -1px;
    color: #333333;
}

.prodcut_details .main3 .title_box .more {
    margin-top: 20px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 3px;
    color: #333333;
    position: relative;
    padding-bottom: 1px;
    border-bottom: 1px solid #333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.prodcut_details .main3 .title_box .more:hover {
    color: #916c30;
    border-bottom: 1px solid #916c30;
}

.prodcut_details .main3 .content {
    padding: 0 30px;
}

.prodcut_details .main3 .content .block_box {
    margin-top: 30px;
}

.prodcut_details .main3 .content .block {
    width: 33.20755%;
    padding: 80px;
    display: block;
    background-color: #f9f8f9;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.prodcut_details .main3 .content .block .txt {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.prodcut_details .main3 .content .block .img {
    width: 42.80303%;
    position: relative;
    margin: 50px auto;
}

.prodcut_details .main3 .content .block .picture_container {
    padding-top: 127.43363%;
}

.prodcut_details .main3 .content .block .top_img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.prodcut_details .main3 .content .block .price_box {
    text-align: right;
}

.prodcut_details .main3 .content .block:hover {
    background-color: #fdfdfd;
}

.prodcut_details .main3 .content .block:not(:nth-child(3n)) {
    margin-right: 0.16129%;
}

.prodcut_details .main3 .content .block:nth-child(n + 4) {
    margin-top: 3px;
}

.swith .line {
    color: #282828;
    font-size: 14px;
    -webkit-transition: all .5s;
    transition: all .5s;
    max-width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.swith .line .year {
    color: #cbc0b8;
}

.swith .line:hover {
    color: #916c30;
}

.swith .block {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    border: solid 2px #e3e3e3;
}

.swith .block:hover {
    border: solid 2px #916c30;
}

body {
    overflow-x: hidden;
}

.imgbox img {
    width: 100%;
}

.imgscale {
    overflow: hidden;
}

.imgscale:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.imgscale img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
}

.clearfloat::after {
    display: block;
    content: "";
    clear: both;
}

.header .head_top .head_nav .head_link .block {
    position: static !important;
    padding-bottom: 10px;
}

.header .head_top .head_nav .head_link .block .subnav {
    z-index: 100;
    display: flex;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    padding: 75px 0;
    justify-content: center;
    text-align: center;
    background-color: #fafafa;

    /* height: 410px; */
}

.header .head_top .head_nav .head_link .block .subnav .tit {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    vertical-align: top;

}

.header .head_top .head_nav .head_link .block .subnav .List {
    margin: 0 100px;
    width: 150px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.header .head_top .head_nav .head_link .block .subnav .img {
    border-left: 1px solid #eeeae3;
    padding-left: 80px;
    width: 30%;
    /* height: 250px; */
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.header .head_top .head_nav .head_link .block .subnav .img img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.header .head_top .subnav a {
    display: block;
    padding: 6px 0;
}

.header .head_top .subnav a:hover {
    color: #d9ac71;
}

.defanavbtn {
    display: none;
}

.crumbs.bgcolor {
    background-color: #fafafa;
}

.inner_banner {
    position: relative;
}

.inner_banner .inner_mask {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.inner_banner .inner_mask h2 {
    font-size: 38px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 22px;
    font-weight: 100;
}

.sub_banner {
    position: relative;
}

.sub_banner .sub_mask {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.sub_banner .sub_mask h2 {
    font-size: 45px;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 2px;
    font-weight: 100;
}

.sub_banner .sub_mask p {
    font-size: 25px;
    line-height: 35px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 10px;
    font-weight: 100;
}

.tongtitle h2 {
    text-align: center;
    font-size: 28px;
}

#search-form {
    max-height: 0;
    position: absolute;
    top: 100%;
    left: 15px;
    -webkit-transition: max-height, 0.5s;
    transition: max-height, 0.5s;
    width: 380px;
    height: 45px;
    overflow: hidden;
    background-color: #fff;
}

.search_btn {
    cursor: pointer;
}

#search-form {
    z-index: 10
}

#search-form input {
    height: 100%;
    width: 100%;
    padding: 0 5px 0 22px;
    background: #ffffff;
    border: none;
    color: #333;
    z-index: 900;
    border: 1px solid #eee;
    border-right: none;
}

#search-form .searchbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #ffffff;
    background: #d9ac71;
    border: none;
    cursor: pointer;
    z-index: 11;
    height: 100%;
}

#search-form .searchbtn i {
    font-size: 20px;
}

.indban-video {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.indban-video video {
    width: 100%;
    object-fit: cover;
}

.indexmain3_swiper_pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 2;
    text-align: center;
}

.indexmain3_swiper_pagination .swiper-pagination-bullet-active {
    background: #a71f3c;
}

.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomDiv img {
    max-width: none;
    max-height: none;
}

.zoomMask {
    position: absolute;
    background: url(https://www.chowtaiseng.com/dist/images/mask.png) repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
    width: 200px;
    height: 200px;
}

.product_detailBig .img {
    text-align: center;
}

.product_detailBig .img img {
    max-width: 100%;
}

.product_banner .pc_img img {
    width: 100%;
}

.product_bannervideo {
    width: 100%;
}

.product_bannervideo video {
    width: 100%;
    display: block;
}

.main_about {
    background-color: #fafafa;
    padding-bottom: 135px;
}

.about_content {
    margin-top: 30px;
    position: relative;
}

.about_content .about_left {
    width: 40%;
}

.about_content .about_right {
    width: 56.66%;
    position: relative;
}

.about_content .about_left p {
    font-size: 14px;
    line-height: 32px;
    color: #000;
}

.about_content .about_left h2 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    color: #a71f3c;
    margin-bottom: 5px;
}

.about_content .about_left h3 {
    font-size: 14px;
    color: #a71f3c;
    font-weight: 400;
    margin-bottom: 20px;
}

.about_content .about_rightbox {
    position: relative;
}

.about_content .about_rightbox .bgbox_content {
    position: absolute;
    top: 0;
    right: 0;
}

.about_content .about_rightbox .imgbox {
    padding-top: 55px;
    padding-right: 115px;
    position: relative;
    z-index: 2;
}

.about_content .about_rightbox .bgbox_content .bgbox {
    background-color: rgba(242, 236, 222, 0.8);
    width: 565px;
    height: 344px;
}

.about_content .about_rightbox .bgbox_content h2 {
    background-color: rgba(242, 236, 222, 0.8);
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 10;
    width: 380px;
    float: right;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about_imgtext {
    position: absolute;
    top: 10px;
    right: 160px;
    display: flex;
}

.about_imgtext h3 {
    font-size: 24px;
    color: #edbe66;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 10px;
}

.about_imgtext h2 {
    font-size: 25px;
    color: #a61b39;
    font-weight: 400;
}

.abriimg01 {
    position: absolute;
    right: -240px;
    top: 3%;
    z-index: 20;
}

.abriimg02 {
    position: absolute;
    left: -240px;
    bottom: -150px;
    z-index: 20;
}

.recruitemt_box a {
    display: block;
    margin: 30px auto 0 auto;
    width: 220px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    border-radius: 20px;
    background: #eee;
}

.main5_BJ img {
    width: 100%;
}

.morebtn {
    margin: 0 auto;
    margin-top: 60px;
    width: 210px;
    font-size: 14px;
    color: #000000;
    line-height: 60px;
    letter-spacing: 3px;
    border: solid 1px #000000;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}


.morebtn .iconfont {
    margin-left: 20px;
}

.customized_main5 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.customized_contact {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    color: #fff;
}

.customized_contact .cct_title {
    text-align: center;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 35px;
}

.customized_contact .cct_list {
    display: flex;
    flex-wrap: wrap;
}

.customized_contact .cct_list .item {
    width: 33.3333%;
    text-align: center;
}

.customized_contact .cct_list .item p {
    margin-top: 10px;
    font-size: 16px;
}


.morebtn:hover {
    background-color: #916c30;
    border: solid 1px #916c30;
    color: #fff;
}

.about_fenlei {
    text-align: center;
    margin-top: 10px;
    font-size: 0;
}

.about_fenlei a {
    display: inline-block;
    font-size: 18px;
    color: #b3b1b1;
    position: relative;
    margin-right: 15px;
}

.about_fenlei a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #b3b1b1;
}

.about_fenlei a.active, .about_fenlei a:hover {
    color: #000;
}

.about_fenlei a:last-child::after {
    display: none;
}

.government_btn .jianhao {
    display: none;
}

.government_btn {
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f1e3e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.government_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.government_top .title .title_cn {
    font-size: 20px;
}

.government_top .title .title_en {
    font-size: 18px;
    color: #f5a900;
    margin-left: 8px;
}

.government_top .government_xian {
    width: 27px;
    height: 3px;
    background: #edd1d7;
    margin: 10px 0;
}

.government_top .subname {
    font-size: 14px;
    color: #999999;
}

.government_desc {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    z-index: 2;
    background: #fff;
    left: -1px;
    right: -1px;
    padding: 25px 30px;
}

.about_government {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about_government .government_item {
    margin-right: 30px;
    width: -webkit-calc(33.3333% - 20px);
    width: calc(33.3333% - 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.about_government .government_item:nth-child(3n) {
    margin-right: 0;
}

.government_item.active {
    border-bottom: none;
    background: #fff;
}

.government_item.active .government_desc_box {
    border-top: 1px solid #e1e1e1;
    padding-top: 25px;
}

.government_desc {
    border: 1px solid #e1e1e1;
    border-top: none;
    display: none;
}

.government_btn.cur .jiahao {
    display: none;
}

.government_btn.cur .jianhao {
    display: block;
}

.government_desc {
    overflow-y: auto;
}

.government_desc::-webkit-scrollbar {
    width: 3px;
}

.government_desc::-webkit-scrollbar-track {
    background-color: #dddddd;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.government_desc::-webkit-scrollbar-thumb {
    background-color: #f5a900;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.main_about {
    position: relative;
}

.main_about .center1200 {
    position: relative;
    z-index: 2;
}

.main_img {
    position: absolute;
    z-index: 1;
}

.main_img01 {
    right: 0;
    top: 0;
}

.main_img02 {
    left: 0;
    bottom: 0;
}

.main_img03 {
    left: 0;
    top: 6%;
}

.main_img04 {
    left: -120px;
    top: -45px;
}

.main_img05 {
    right: -443px;
    bottom: -400px;
    max-height: initial;
}

.main_img07 {
    right: 0;
    bottom: 0;
}

.main_img06 {
    left: 0;
    top: 0;
}

.main_touzhezhi {
    overflow: hidden;
}

.footer {
    padding: 30px 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_left {
    width: 500px;
}

.footer_left .title {
    font-size: 14px;
}

.footer_form {
    border-bottom: 1px solid #000;
    width: 100%;
    padding-bottom: 5px;
    position: relative;
    margin-top: 20px;
}

.footer_form button {
    background: none;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

.footer_form input {
    font-size: 14px;
    width: 100%;
}

.footer_links {
    font-size: 0;
    margin: 25px 0;
}

.footer_links a {
    display: inline-block;
    font-size: 14px;
    margin-right: 25px;
}

.footer_links a:last-child {
    margin-right: 0;
}

.footer_copy {
    font-size: 14px;
}

.footer_copy a {
    display: block;
}

.footer_imglink {
    margin-top: 35px;
}

.footer_imglink i {
    font-size: 20px;
    color: #acacac;
}

.footer_imglink a {
    margin-right: 22px;
    position: relative;
}

.footer_imglink a:last-child {
    margin-right: 0;
}

.footer_cimg {
    background-color: #fff;
    padding: 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.footer_cimg {
    position: absolute;
    bottom: 130%;
    width: 100px;
    height: 100px;
    z-index: 2;
    pointer-events: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.footer_cimg img {
    width: 100%;
    height: 100%;
}

.footer_imglink a:hover .footer_cimg {
    bottom: 110%;
    opacity: 1;
}

ul li {
    list-style: none;
}

.footer_right li {
    float: left;
    margin-right: 280px;
}

.footer_right li:last-child {
    margin-right: 0;
}

.footer_right li a {
    display: block;
    line-height: 35px;
}

.footer_right li a:hover {
    color: #f5a900;
}

.about_caiwu {
    margin-top: 40px;
}

.about_caiwu table {
    text-align: center;
    width: 100% !important;
}

.about_caiwu table tr {
    background: #f3f1eb;
}

.about_caiwu table tr:nth-child(2n) {
    background: #fff;
}

.about_caiwu table th {
    font-size: 18px;
    color: #fff;
    background: #caa97c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 10px;
    font-weight: normal;
}

.about_caiwu table td {
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    padding: 20px 10px;
    border: none;
}

.about_caiwu table tr th, .about_caiwu table tr td {
    width: 20%;
    border: 2px solid #fafafa;
}

.about_caiwu table tr:nth-last-child(3) {
    background: #dcd6c9;
}

.about_caiwu table tr:nth-last-child(2) {
    background: #f3f1eb;
}

.about_caiwu table tr:nth-last-child(1) {
    background: #ffffff;
}

.about_caiwu p {
    font-size: 13px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 10px;
}

.main_bottom90 {
    padding-bottom: 90px;
}

.about_notice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about_notice .item {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    width: -webkit-calc(33.3333% - 30px);
    width: calc(33.3333% - 30px);
    margin-bottom: 45px;
}

.about_notice .item .notice_text h2 {
    font-size: 40px;
    color: #a61b39;
}

.about_notice .item:nth-child(3n) {
    margin-right: 0;
}

.about_notice .item .notice_text h3 {
    font-size: 18px;
    color: #333333;
}

.about_notice .item .notice_text .notice_btn {
    margin-top: 15px;
    width: 52px;
    height: 52px;
    border: 1px solid #d7d7d7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.about_notice .item .notice_text .notice_btn i {
    font-size: 20px;
    color: #999999;
}

.about_notice .item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.about_notice .item .notice_text {
    width: 48.5%;
}

.about_notice .item .notice_img {
    width: 51.5%;
}

.about_notice .item .notice_img img {
    width: 100%;
}

.about_notice .item .notice_text {
    padding-left: 30px;
    padding-right: 10px;
}

.about_notice .item:hover {
    border-color: #a61b39;
}

.about_notice .item .notice_btn:hover {
    background: #a61b39;
    border-color: #a61b39;
}

.about_notice .item .notice_btn:hover i {
    color: #fff;
}

.touzhezhi_mobile {
    display: none;
}

.main_touzhezhi {
    position: relative;
    padding-bottom: 120px;
}

.main_touzhezhi::after {
    display: block;
    content: "";
    position: absolute;
    background: #fafafa;
    height: 270px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.touzhezhi_content {
    margin-top: 32px;
}

.touzhezhi_content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.touzhezhi_content a {
    color: #333;
}

.touzhezhi_content a span {
    color: rgba(255, 255, 255, 0.6);
}

.touzhezhi_content a i {
    color: #fff;
    display: contents;
}

.touzhezhi_contact {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.touzhezhi_contact h6 {
    font-size: 14px;
    height: 100px;
    width: 90%;
    background: #fff;
}

.touzhezhi_lianxi {
    position: absolute;
    left: 100px;
    bottom: 75px;
}

.touzhezhi_lianxi h5 {
    font-size: 14px;
}

.touzhezhi_lianxi h2 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 28px;
    color: #a61b39;
    text-transform: uppercase;
}

.touzhezhi_lianxi p {
    font-size: 16px;
    line-height: 22px;
}

.about_fenhong {
    margin-top: 40px;
}

.about_fenhong table {
    text-align: center;
    width: 100% !important;
}

.about_fenhong table tr {
    background: #f3f1eb;
}

.about_fenhong table th {
    font-size: 16px;
    color: #fff;
    background: #caa97c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    font-weight: normal;
}

.about_fenhong table td {
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    padding: 20px 10px;
    border: none;
}

.about_fenhong table tr th, .about_fenhong table tr td {
    border: 2px solid #fafafa;
}

.about_fenhong table tr:nth-child(2n) {
    background: #fff;
}

.about_fenhong table td:nth-child(1) {
    width: 7.5%;
}

.about_fenhong table td:nth-child(2) {
    width: 11.6%;
}

.about_fenhong table td:nth-child(3) {
    width: 7.5%;
}

.about_fenhong table td:nth-child(4) {
    width: 11.6%;
}

.about_fenhong table td:nth-child(5) {
    width: 11.6%;
}

.about_fenhong table td:nth-child(6) {
    width: 9.2%;
}

.about_fenhong table td:nth-child(7) {
    width: 11.6%;
}

.about_fenhong table td:nth-child(8) {
    width: 9.2%;
}

.about_fenhong table td:nth-child(9) {
    width: 10%;
}

.about_fenhong table td:nth-child(10) {
    width: 9.2%;
}

.we_about_main {
    background: url(/images/site./home/p/jieshao_banner.jpg) no-repeat;
    padding-bottom: 190px;
    background-size: cover;
}

.we_about_main .crumbs .item a, .we_about_main .crumbs .item .iconfont {
    color: #fff;
}

.we_about_content {
    text-align: center;
    color: #fff;
    margin-top: 125px;
}

.we_about_content h2 {
    font-weight: 100;
    font-size: 42px;
}

.we_about_content h3 {
    font-weight: 100;
    font-size: 25px;
    margin-top: 15px;
}

.we_about_content .xian {
    margin: 20px auto;
    width: 1px;
    height: 40px;
    background: #fff;
}

.we_about_content p {
    font-size: 14px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
}

.we_classification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fafafa;
    padding: 60px 0;
}

.we_classification .item {
    width: 25%;
    text-align: center;
}

.we_classification .item .icon img {
    height: 40px;
}

.we_classification .item p {
    font-size: 14px;
    margin-top: 15px;
}

.we_title {
    font-size: 25px;
    text-align: center;
    margin: 40px 0;
}

.we_direction {
    position: relative;
}

.direction_box .direction_listitem {
    display: none;
}

.direction_box .direction_listitem:first-child {
    display: block;
}

.direction_listitembox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.direction_box .item {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 800px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.direction_box .item h2 {
    font-size: 40px;
    color: #e2b34f;
    font-weight: 100;
}

.direction_box .item h3 {
    font-size: 26px;
    color: #000;
    font-weight: 100;
}

.direction_box .item:nth-child(2n) h3 {
    color: #000;
}

.we_direction .item_tit {
    position: relative;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #dad9d3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

.we_direction .item_tit::after {
    display: none;
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 9px;
    height: 1px;
    background: #fff;
}

.we_direction .item_tit::before {
    display: none;
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    height: 9px;
    width: 1px;
    background: #fff;
}

.we_direction .qiehuan {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.we_direction .item_tit.active::after, .we_direction .item_tit.active::before {
    display: block;
}

.we_direction .item_tit.active {
    background: #a61b39;
    color: rgba(255, 255, 255, 0.6);
    border-color: #a61b39;
}

.we_direction .item_tit:nth-child(2n)::after {
    left: auto;
    right: 10px;
}

.we_direction .item_tit:nth-child(2n)::before {
    left: auto;
    right: 10px;
}

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

.westyle_swiper .swiper-slide {
    position: relative;
}

.westyle_slidetext {
    top: 42%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -webkit-calc((100% - 1200px) / 2);
    left: calc((100% - 1200px) / 2);
    position: absolute;
}

.westyle_slidetext h2 {
    font-weight: 100;
    font-size: 60px;
    color: #e2b34f;
    line-height: 70px;
}

.westyle_slidetext h3 {
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
}

.westyle_slidetext p {
    font-size: 14px;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.8);
}

.we_style {
    position: relative;
}

.westyle_list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.westyle_list {
    height: 85px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0;
    padding: 0;
}

.westyle_list li {
    position: relative;
    float: left;
    width: 20%;
    line-height: 85px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
}

.westyle_list li::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background: #fff;
    opacity: 0;
}

.westyle_list li.active {
    color: #fff;
}

.westyle_list li.active::after {
    opacity: 1;
}

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

.we_celebrity .we_celebrity_text {
    width: 50%;
    background: #f5f4ee;
}

.we_celebrity .we_celebrity_img {
    width: 50%;
}

.we_celebrityflex {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.we_celebrity_text h2 {
    font-size: 35px;
    margin-bottom: 40px;
}

.we_celebrity_text p {
    font-size: 25px;
    line-height: 35px;
}

.designer_title {
    text-align: center;
    margin: 40px 0;
}

.designer_title h2 {
    font-size: 35px;
    margin-bottom: 10px;
}

.designer_title p {
    font-size: 13px;
}

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

.designer_swiper {
    width: 100%;
}

.designer_swiper .swiper-slide .imgbox {
    overflow: hidden;
}

.designer_swiper .swiper-slide .imgbox img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.designer_swiper .swiper-slide:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.designer_swiper .designer_text {
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 70px;
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.designer_swiper .designer_text h2 {
    font-size: 45px;
}

.designer_swiper .designer_text h3 {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 20px;
}

.designer_swiper .designer_text .designer_desc {
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    padding-top: 20px;
}

.designer_swiper .designer_text .des_xian {
    width: 1px;
    background-color: #fff;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.designer_swiper .swiper-slide:hover .des_xian {
    height: 38px;
    opacity: 1;
}

.designer_swiper .swiper-slide:hover .designer_desc {
    height: 125px;
    opacity: 1;
}

.quality_swiperbox {
    z-index: 2;
}

.quality_biaoti .quality_biaoti_item {
    display: none;
}

.quality_biaoti .quality_biaoti_item:first-child {
    display: block;
}

.main_history {
    background-color: #fafafa;
}

.brand_box {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 90px;
}

.brand_box .brand_left {
    width: 52.08%;
    position: relative;
    z-index: 4;
}

.brand_box .brand_left h2 {
    font-size: 60px;
    font-weight: 100;
    line-height: 1.2;
}

.brand_box .brand_left h6 {
    font-size: 20px;
    color: #a61b39;
}

.brand_box .brand_right {
    padding-left: 55px;
    position: relative;
    width: 46.7%;
}

.brand_box .brand_right::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 50px;
    height: 1px;
    background-color: #b59860;
}

.brand_box .brand_right .brand_year {
    color: #999999;
}

.brand_box .brand_right .title {
    font-size: 28px;
    margin-bottom: 20px;
}

.brand_box .brand_right .desc {
    font-size: 14px;
    line-height: 32px;
    color: #828282;
}

.brand_img01 {
    position: absolute;
    left: 0;
    top: 180px;
    z-index: 4;
}

.brand_img02 {
    text-align: center;
    position: relative;
    z-index: 3;
}

.brand_img02 img {
    width: 59.375%;
}

.brand_img03 {
    margin-top: -340px;
    position: relative;
}

.brand_img03 .img {
    width: 54.6875%;
    position: relative;
    z-index: 2;
}

.brand_img03 .brand_png {
    position: absolute;
    bottom: -50px;
    left: 47%;
}

@keyframes Fade {
    from {
        bottom: 40px;
        opacity: 1;
    }

    to {
        opacity: 0;
        bottom: 30px;
    }
}

.mobile_imgbox {
    display: none;
}

.mobileimgbox {
    display: none;
}

.mobileimgbox img {
    width: 100%;
}

.index_banner {
    position: relative;
}

.mouse_box {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 10;
    color: #fff;
}

.mouse_box .mouse_icon {
    z-index: 5;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-animation: Fade 1.5s infinite;
    animation: Fade 1.5s infinite;
}

.mouse_box .mouse_icon img {
    width: 25px;
}

.history_swiperbox {
    padding: 170px 0;
}

.history_slidebox::after {
    display: block;
    content: "";
    clear: both;
}

.history_slidebox .imgbox {
    float: left;
}

.history_slidebox .history_text {
    float: right;
}

.history_swiper {
    overflow: initial;
}

.history_slidebox .imgbox {
    width: 41.66%;
}

.history_slidebox .history_text {
    width: 58.34%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 95px;
}

.history_slidebox .history_text .hist_year {
    font-size: 86px;
    line-height: 70px;
    margin-bottom: 15px;
}

.history_slidebox .history_text .hist_title {
    font-size: 26px;
}

.history_slidebox .history_text .hist_desc {
    font-size: 14px;
    color: #828282;
    line-height: 32px;
    margin-top: 25px;
}

.history_swiper .swiper-slide {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.history_swiper .swiper-slide-prev {
    opacity: 0.2;
}

.history_swiper .swiper-slide-next {
    opacity: 0.2;
}

.history_swiper_btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.history_swiper_btn i {
    font-size: 30px;
    color: #a61b39;
}

.history_swiperbox .center1200 {
    position: relative;
}

.history_swiper_prev {
    left: -60px;
}

.history_swiper_next {
    right: -60px;
}

.history_thumbs .imgbox {
    width: 95px;
    height: 95px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.history_thumbs .swiper-slide {
    width: auto;
    cursor: pointer;
    opacity: 0.2;
}

.history_thumbs {
    margin-top: 40px;
    width: 50%;
    float: right;
}

.history_thumbs .active_nav {
    opacity: 1;
}

.quality_main .tong_subtitle {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin-top: 30px;
}

.quality_swiperbox {
    margin-left: -webkit-calc((100% - 1200px) / 2);
    margin-left: calc((100% - 1200px) / 2);
    padding-top: 55px;
    padding-bottom: 120px;
}

.quality_slidetext h2 {
    font-size: 50px;
    color: #e2c348;
    font-weight: 100;
}

.quality_slidetext h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    margin-bottom: 25px;
}

.quality_slidetext p {
    font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
}

.quality_slidetext {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 155px;
}

.quality_thumbs {
    margin: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 950px;
    position: relative;
    z-index: 2;
}

.quality_pagination {
    height: 1px;
    background: #e5e5e5;
    width: 100%;
    position: relative !important;
}

.quality_pagination .swiper-pagination-progressbar {
    background: #000000;
}

.quality_swiper_btn i {
    font-size: 20px;
    cursor: pointer;
    color: #000;
}

.quality_swiper_btn.swiper-button-disabled i {
    color: #999999;
}

.quality_number {
    width: 80px;
}

.quality_btn {
    width: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.quality_pagination {
    width: -webkit-calc(100% - 170px);
    width: calc(100% - 170px);
}

.quality_number .span02 {
    color: #999999;
}

.quality_biaoti {
    z-index: 2;
    text-align: center;
    position: absolute;
    left: 1000px;
    bottom: -35px;
    background: #a61b39;
    width: 190px;
    height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.quality_biaoti h2 {
    font-size: 30px;
    color: #e2c348;
    font-weight: 100;
}

.quality_biaoti h3 {
    font-size: 18px;
    color: #fff;
}

.quality_swiperbox {
    overflow: hidden;
    position: relative;
}

.quality_swiperbox .quality_swiper {
    overflow: initial;
}

.quality_xian {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 78px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    z-index: 2;
}

.quality_xian::after {
    display: block;
    content: "";
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background: #e34545;
}

.quality_center {
    margin: 0;
    position: relative;
}

.technology_main {
    padding-top: 20px;
}

.technology_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.technology_list .item {
    width: 42.5%;
}

.technology_list .item:nth-child(2) {
    padding-top: 550px;
    right: 0 !important;
    left: auto !important;
}

.technology_list .item:nth-child(3) {
    margin-top: 210px;
}

.technology_list .item .technology_text {
    padding: 30px 0 0 25px;
}

.technology_list .item .technology_text h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.technology_list .item .technology_text p {
    font-size: 14px;
    color: #828282;
    line-height: 26px;
}

.technology_en p {
    font-size: 170px;
    line-height: 185px;
    color: #fafafa !important;
    text-shadow: 1px 1px #d5d5d5, -1px -1px #d5d5d5, 1px -1px #d5d5d5, -1px 1px #d5d5d5;
    letter-spacing: -4px;
    text-transform: uppercase;
}

.technology_main {
    padding-bottom: 130px;
    background-color: #fafafa;
}

.technology_en0 {
    position: absolute;
    top: 8%;
    left: 115%;
}

.technology_en1 {
    margin-top: 120px;
}

.quality_main {
    position: relative;
}

.quality_main::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 50%;
    background-color: #fafafa;
}

.brand_video {
    background-color: #fafafa;
    padding-bottom: 120px;
}

.video_first {
    margin-top: 35px;
    margin-bottom: 40px;
    position: relative;
}

.video_first .playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video_first .playbtn .playbtn_yuan {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0 auto;
    position: relative;
    width: 75px;
    height: 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.video_first .playbtn .playbtn_yuan::after {
    position: absolute;
    display: block;
    content: "";
    left: 38%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 8px solid transparent;
}

.prodcut_details .main1 .content {
    margin-top: 60px;
}

.video_first .playbtn p {
    margin-top: 16px;
    font-size: 18px;
    color: #fff;
}

.video_first .playbtn .playbtn_yuan:hover {
    background-color: #916c30;
    border-color: #916c30;
}

.video_screen {
    font-size: 0;
    background-color: #fff;
    padding: 30px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.video_screen a {
    display: inline-block;
    padding: 12px 25px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    margin-right: 10px;
    font-size: 14px;
}

.video_screen a::after {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: #ababab;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
}

.video_screen a.active, .video_screen a:hover {
    background-color: #a61b39;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(166, 27, 57, 0.5);
    box-shadow: 0 3px 10px rgba(166, 27, 57, 0.5);
}

.video_screen a:last-child {
    margin-right: 0;
}

.video_screen a:last-child::after {
    display: none;
}

.video_screen_search {
    padding-bottom: 12px;
    border-bottom: 1px solid #000;
    width: 290px;
    position: relative;
}

.video_screen_search input {
    width: 100%;
}

.video_screen_search button {
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
}

.video_screen_search button i {
    font-size: 22px;
}

.video_list .item {
    float: left;
    margin-right: 40px;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    cursor: pointer;
    margin-bottom: 40px;
}

.video_list .item:nth-child(2n) {
    margin-right: 0;
}

.video_list .item .video_tit {
    height: 80px;
    width: 100%;
    line-height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.video_list .item .imgbox {
    position: relative;
}

.video_list .item .imgbox::after {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: block;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.video_list .item .video_play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 60px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.video_list .item .video_play::after {
    position: absolute;
    display: block;
    content: "";
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 8px solid transparent;
}

.video_list .item .video_play:hover {
    background-color: #916c30;
    border-color: #916c30;
}

.video_list .item:hover .imgbox::after {
    z-index: 1;
    opacity: 1;
}

.video_list .item:hover .video_play {
    opacity: 1;
}

.video_list .item .imgbox {
    overflow: hidden;
}

.imgbox img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.video_list .item:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.retail_main {
    background: #f5f4ee;
    padding-bottom: 50px;
}

.retail_search {
    margin-top: 15px;
}

.retail_search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.retail_search button {
    height: 50px;
    width: 200px;
    background: #000;
    color: #fff;
}

.retail_search .retail_input {
    position: relative;
    width: -webkit-calc(50% - 200px);
    width: calc(50% - 200px);
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    background: #fff;
}

.retail_search .retail_input input {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    line-height: 48px;
}

.retail_search .retail_input img {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.retail_subname h2 {
    font-size: 26px;
    color: #828282;
    font-weight: 100;
}

.retail_subname a {
    color: #acacac;
    margin-top: 10px;
}

.retail_subname {
    text-align: center;
    margin-top: 20px;
}

.retail_search .select2-selection {
    height: 100% !important;
    border: 1px solid #e2e2e2 !important;
}

.retail_search .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 20px;
}

.retail_search .DefaultSelector > span {
    width: 50% !important;
}

.retail_search .DefaultSelector {
    width: 50%;
}

.retail_search .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #888888;
    border-right: 2px solid #888888;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    margin-left: -20px;
    margin-top: -8px;
}

.retail_content {
    background-color: #fafafa;
    padding-bottom: 120px;
    padding-top: 10px;
}

.retail_item .retail_item_top {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 0;
    border-top: 1px solid #e4e4e4;
}

.retail_item:last-child .retail_item_top {
    border-bottom: 1px solid #e4e4e4;
}

.retail_item:first-child .retail_item_top {
    border-top: none;
}

.retail_item .title {
    font-size: 26px;
    width: 20%;
}

.retail_item .retail_swiper {
    display: none;
}

.retail_item:first-child .retail_swiper {
    display: block;
}

.colortitle {
    color: #a61b39;
}

.retail_item.active .retail_item_top .title {
    color: #a61b39;
}

.retail_item .icon_boxone {
    width: 40%;
}

.retail_item .icon_boxtwo {
    max-width: 20%;
}

.retail_item .icon_box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}

.retail_item .icon_box p img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.retail_item .icon_box p span {
    display: inline-block;
    vertical-align: middle;
}

.retail_swiper .swiper-slide {
    width: 78.125%;
}

.retail_swiper {
    width: 1400px;
    margin: 0 auto;
}

.retail_first .retail_item {
    margin-bottom: 10px;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.retail_btn {
    cursor: pointer;
    z-index: 3;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.retail_swiper {
    margin-bottom: 55px;
}

.retail_btn i {
    font-size: 30px;
    color: #858585;
}

.retail_prev {
    left: 6.8%;
}

.retail_next {
    right: 6.8%;
}

.retail_btn:hover i {
    color: #51ccff;
}

.retail_list {
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.service_content {
    margin-top: 40px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 110px;
}

.service_bgcont {
    background: #fafafa;
    padding-bottom: 130px;
}

.service_bgcont .service_bg {
    height: 480px;
    background: url(https://www.chowtaiseng.com/dist/images/service_bg.jpg) center no-repeat;
    background-size: cover;
}

.white_color {
    color: #fff;
}

.service_bgcont .center1200 {
    margin-top: -340px;
}

.service_bgcont .service_iconlist {
    margin-top: 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service_iconlist .item {
    margin-right: 20px;
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
    background: #fff;
    padding: 75px 20px 75px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.service_iconlist .item:last-child {
    margin-right: 0;
}

.service_iconlist .item .icon {
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #cccccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.service_iconlist .item .ser_en {
    margin-top: 20px;
    font-size: 25px;
    color: #a61b39;
    text-transform: uppercase;
}

.service_iconlist .item .ser_cn {
    font-size: 16px;
}

.service_iconlist .item .ser_sesc {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin-top: 15px;
}

.service_iconlist .item .ser_sesc p {
    margin-top: 5px;
}

.service_iconlist .item .ser_sesc p:first-child {
    margin-top: 0;
}

.service_swiper {
    display: -ms-grid;
    display: grid;
}

.service_pagination {
    display: none;
}

.service_pagination {
    text-align: center;
    display: none;
}

.service_pagination span {
    margin: 0 3px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.service_pagination {
    margin-top: 15px;
}

.service_pagination .swiper-pagination-bullet-active {
    background: #916c30;
}

.service_contact .service_biaoti {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 80px 0;
}

.service_contact .service_biaoti .service_left {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 45px;
    text-align: right;
}

.service_contact .service_biaoti .service_right {
    width: 50%;
    border-left: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 45px;
}

.service_contact .service_biaoti .service_left h2 {
    font-size: 54px;
    line-height: 50px;
    font-weight: 200;
}

.service_contact .service_biaoti .service_left h3 {
    font-size: 14px;
    color: #a61b39;
    font-weight: 500;
    margin-top: 12px;
}

.service_contact .service_biaoti .service_right {
    font-size: 16px;
}

.service_contact .service_biaoti .service_right p {
    margin-bottom: 10px;
}

.service_contact .service_biaoti .service_right p:last-child {
    margin-bottom: 0;
}

.contact_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.contact_list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    margin-right: 24px;
    width: -webkit-calc(33.3333% - (48px / 3));
    width: calc(33.3333% - (48px / 3));
}

.contact_list .item:last-child {
    margin-right: 0;
}

.contact_list .item .item_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 40px;
    border-bottom: 2px solid #b6435c;
}

.contact_list .item .item_top .item_top_title {
    font-size: 22px;
}

.contact_list .item .item_top .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

.contact_list .item .item_desc {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 40px;
    font-size: 14px;
    line-height: 22px;
}

.contact_list .item .item_desc p {
    margin-bottom: 10px;
}

.contact_list .item .erweima_box .imgbox {
    width: 110px;
    height: 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 6px;
}

.contact_list .item .erweima_box {
    text-align: center;
    display: inline-block;
    margin-right: 30px;
}

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

.message_content > .imgbox {
    width: 32.68%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.message_content .message_box {
    width: 34.64%;
    padding: 60px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.message_content .message_box h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 16px;
}

.message_content .message_box .inputdiv {
    margin-bottom: 20px;
}

.message_content .message_box .inputdiv input {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0de;
    width: 100%;
    margin-top: 15px;
}

.message_content .message_box textarea {
    width: 100%;
    height: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e0e0de;
    margin-top: 15px;
}

.message_content .message_box button {
    height: 50px;
    border: 1px solid #000;
    width: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.message_content .message_box button:hover {
    background: #916c30;
    border-color: #916c30;
    color: #fff;
}

.message_content .message_box button {
    margin-top: 10px;
}

.news_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news_list .item {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news_list .item h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    height: 42px;
}

.news_list .item .news_text {
    padding: 110px 55px;
    border-bottom: 1px solid #e5e5e5;
}

.news_list .item .news_desc {
    font-size: 13px;
    line-height: 22px;
    color: #828282;
    margin-bottom: 35px;
    height: 66px;
}

.news_list .item .news_date {
    font-size: 13px;
    line-height: 22px;
    color: #828282;
}

.news_list .item.hasimg .news_text {
    padding: 30px 45px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.news_list .item.hasimg .news_text h2 {
    margin-bottom: 25px;
}

.news_list .item.hasimg .imgbox {
    display: none;
}

.news_list .item.hasimg .newbgimgbox {
    overflow: hidden;
}

.news_list .item.hasimg .newbgimg {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 459px;
}

.news_list .item.hasimg:hover .newbgimg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news_list .item .imgbox, .joinus_list .item .imgbox {
    overflow: hidden;
}

.news_list .item .imgbox img, .joinus_list .item .imgbox img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.news_list .item:hover .imgbox img, .joinus_list .item .imgbox:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main_bgcontent {
    background: #fafafa;
}

.joinus_main {
    padding-bottom: 90px;
}

.joinus_list {
    margin-top: 35px;
}

.joinus_list .item {
    padding-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

.joinus_list .item .imgbox {
    width: 52.5%;
}

.joinus_list .item .img_text {
    z-index: 2;
    background: #fff;
    width: 52.5%;
    position: absolute;
    top: 40px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 380px;
}

.joinus_list .item .img_text h2 {
    font-size: 18px;
    color: #666666;
    margin-bottom: 15px;
}

.joinus_list .item .img_text h3 {
    font-size: 32px;
    color: #333;
    line-height: 32px;
    font-weight: 100;
}

.joinus_list .item .img_text h4 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 4px;
}

.joinus_list .item .img_text p {
    line-height: 24px;
    color: #828282;
}

.joinus_list .item:nth-child(2n) .img_text {
    left: 0;
}

.joinus_list .item:nth-child(2n) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.joinus_main {
    position: relative;
}

.joinus_list {
    position: relative;
    z-index: 2;
}

.joinimg {
    position: absolute;
}

.join_img1 {
    top: 0;
    left: 0;
}

.join_img2 {
    top: 15%;
    right: -220px;
}

.join_img4 {
    top: -42px;
    left: -190px;
}

.joinus_contact {
    background: url(https://www.chowtaiseng.com/dist/images/join_bgimg.jpg) center no-repeat;
    background-size: cover;
    padding: 135px 0;
}

.joinus_contacttext {
    color: #fff;
}

.joinus_contacttext h2 {
    font-size: 36px;
    line-height: 1;
    font-weight: 100;
}

.joinus_contacttext h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.joinus_contacttext p {
    line-height: 28px;
}

.pay_tixi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 30px;
}

.pay_tixi .item {
    margin-right: 40px;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    border-bottom: 1px solid #cdcdcd;
    padding: 45px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pay_tixi .item:nth-child(2n) {
    margin-right: 0;
}

.pay_tixi .item .icon {
    width: 35px;
}

.pay_tixi .item .pay_text {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    margin-left: 15px;
}

.pay_tixi .item .pay_text h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.pay_tixi .item .pay_text p {
    font-size: 13px;
    line-height: 20px;
}

.pay_tixi .item:nth-last-child(1) {
    border-bottom: none;
}

.pay_tixi .item:nth-last-child(2) {
    border-bottom: none;
}

.fuwu_tixi {
    background-color: #fafafa;
    padding: 80px 0;
}

.fuwu_tixione {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    margin-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px;
}

.fuwu_tixione .fw_text {
    color: #fff;
    padding-left: 60px;
    max-width: 50%;
}

.fuwu_tixione .fw_text h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.fuwu_tixione .fw_text p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
}

.fuwu_tixione .fw_list {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255, 255, 255, 0.6);
    height: 70%;
}

.fuwu_tixione .fw_list .item {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    padding: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.fuwu_tixione .fw_list .item h2 {
    font-size: 18px;
}

.fuwu_tixione .fw_list .item p {
    font-size: 13px;
    display: none;
}

.fuwu_tixione .fw_text .fw_textitem {
    display: none;
}

.fuwu_tixione .fw_list .item.active {
    width: 40%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 50px !important;
}

.fuwu_tixione .fw_list .item.active h2 br {
    display: none;
}

.fuwu_tixione .fw_list .item.active h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.fuwu_tixione .fw_list .item.active p {
    display: block;
}

.fuwu_tixione .fw_text .fw_textitem:first-child {
    display: block;
}

.fuwu_tixitwo {
    margin-top: 35px;
}

.fuwu_tixione .fw_list {
    width: 100%;
}

/* lisa新添代码 */
.fuwu_tixione .FW_BJ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
}

.fuwu_tixione .FW_BJ .imgBox {
    width: 100%;
    height: 100%;
}

.fuwu_tixione .FW_BJ .imgBox .picture {
    padding-top: 39.16666%;
    position: relative;
    overflow: hidden;
}

.fuwu_tixione .FW_BJ .imgBox .picture img {
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    min-height: 100%;
    width: auto;
    max-width: none;
    max-height: none;
    z-index: 1;
}

.fuwu_tixione .FW_BJ .imgBox .picture img.active {
    z-index: 5;
}


.peiyang_tixi {
    padding: 75px 0;
}

.peiyang_tixi .peiyang_subname {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.peiyang_tixi .peiyang_desc {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

.peiyang_img {
    text-align: center;
    margin-top: 25px;
}

.join_dasheng {
    background: url(https://www.chowtaiseng.com/dist/images/zhaopin_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 130px 0;
    text-align: center;
    color: #fff;
}

.join_dasheng h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.join_dasheng h2 {
    font-size: 44px;
    font-weight: 100;
    margin-bottom: 15px;
}

.join_dasheng a {
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
    padding-bottom: 3px;
}

.join_dasheng a:hover {
    color: #a61b39;
    border-color: #a61b39;
}

.project_introduction {
    padding: 75px 0;
}

.about_go_list .abgome_item {
    display: none;
}

.about_go_list .abgome_item:first-child {
    display: block;
}

.contact_pca {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.contact_pca .select2-container {
    display: block;
    width: 32% !important;
}

.contact_pca .select2-container .select2-selection--single {
    height: 45px;
}

.contact_pca .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
}

.contact_pca .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
}

.contact_pca .select2-container--default .select2-selection--single {
    border: 1px solid #e0e0de;
}

.pdsub_list.length_more {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
}

.pdsub_list.length_more a {
    width: 50%;
}

.product_subnav .pdsub_rightactive {
    margin-left: 100px !important;
}

.pro_newxbox {
    position: relative;
}

.bannerpro_video {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.project_desc {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}

.project_swiper {
    margin-top: 25px;
    margin-bottom: 60px;
    position: relative;
}

.project_swiper .pw_text {
    position: absolute;
    top: 0;
    right: 21.66%;
    height: 100%;
    background-color: #a61b39;
    width: 360px;
    color: #d5d4c9;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 25px;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.project_btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.project_prev {
    left: 0;
}

.project_next {
    right: 0;
}

.project_btn i {
    font-size: 24px;
    color: #fff;
}

.project_jianjie {
    padding-top: 50px;
    border-top: 1px solid #c9c9c9;
    position: relative;
}

.project_jianjie .tongtitle {
    position: absolute;
    top: 50px;
    left: 0;
}

.project_jianjie .project_img1 {
    text-align: right;
}

.peiyang_jizhi {
    background: #fafafa;
    padding: 80px 0;
}

.peiyang_jizhi .pyjz_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.peiyang_jizhi .pyjz_list .item {
    width: 270px;
    margin-left: -60px;
}

.peiyang_jizhi .pyjz_list .item .item_text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e7e7e7;
    padding: 0 20px;
}

.peiyang_jizhi .pyjz_list .item .item_text h2 {
    font-size: 18px;
    margin-bottom: 4px;
    font-weight: 600;
}

.peiyang_jizhi .pyjz_list .item .item_text p {
    font-size: 13px;
    line-height: 30px;
    height: 180px;
}

.peiyang_jizhi .pyjz_list .item .item_text h3 {
    font-size: 36px;
    font-weight: 600;
    color: #d6b992;
    margin-left: -20px;
    line-height: 36px;
}

.peiyang_jizhi .pyjz_list .item .item_title {
    background: #fcf1dc;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.peiyang_jizhi .pyjz_list .item .item_title h2 {
    font-size: 18px;
}

.peiyang_jizhi .pyjz_list .item:nth-child(1) {
    margin-top: 120px;
    margin-left: 0;
}

.peiyang_jizhi .pyjz_list .item:nth-child(2) {
    margin-top: 80px;
}

.peiyang_jizhi .pyjz_list .item:nth-child(3) {
    margin-top: 40px;
}

.peiyang_jizhi .pyjz_list .item:nth-child(2) .item_title {
    background: #fbe2c2;
}

.peiyang_jizhi .pyjz_list .item:nth-child(3) .item_title {
    background: #e8caa2;
}

.peiyang_jizhi .pyjz_list .item:nth-child(4) .item_title {
    background: #d6b992;
}

.peiyang_jizhi .center1200 {
    position: relative;
}

.peiyang_jizhi .tongtitle {
    position: absolute;
    left: 0;
    top: 90px;
}

.peiyang_jizhi .tongtitle h2 {
    text-align: left;
}

.customized_main1, .customized_main2 {
    background: #fafafa;
}

.customized_title {
    line-height: 20px;
    color: #666666;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 36px;
}

.customized_title2 {
    display: none;
}

.customized_main1 {
    padding-top: 75px;
}

.slide_imgbox {
    height: 500px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.government_item.active {
    z-index: 10;
}

.customized_main2 {
    padding-top: 75px;
    padding-bottom: 50px;
}

.customized_attr {
    margin-bottom: 30px;
}

.customized_content .cusbg {
    background: url(https://www.chowtaiseng.com/dist/images/boxxian.png);
    height: 5px;
}

.cusbg_title {
    font-size: 24px;
    margin: 30px 0;
    text-align: center;
}

.cusimgbox {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px solid #e5e9e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 380px;
    cursor: pointer;
}

.cus_topxian::after, .cus_topxian::before, .cus_bottomxian::after, .cus_bottomxian::before {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
    content: "";
    background: #a61b39;
    position: absolute;
}

.cus_topxian::after {
    width: 0;
    height: 1px;
    top: 0;
    left: 0;
}

.cus_topxian::before {
    height: 0;
    width: 1px;
    top: 0;
    left: 0;
}

.cus_bottomxian::after {
    width: 0;
    height: 1px;
    bottom: 0;
    right: 0;
}

.cus_bottomxian::before {
    height: 0;
    width: 1px;
    bottom: 0;
    right: 0;
}

.customized_swiper {
    padding-bottom: 50px;
}

.customized_swiper .cusimgbox:hover {
    background-color: #fff;
}

.customized_swiper .cusimgbox:hover .cus_topxian::after, .customized_swiper .cusimgbox:hover .cus_bottomxian::after {
    width: 20px;
}

.customized_swiper .cusimgbox:hover .cus_topxian::before, .customized_swiper .cusimgbox:hover .cus_bottomxian::before {
    height: 20px;
}

.customized_swiper .cusimgbox:hover {
    -webkit-box-shadow: 0 55px 55px -80px #fdd34e;
    box-shadow: 0 55px 55px -80px #fdd34e;
}

.customized_swiperlist .customized_swiper_item {
    position: relative;
    display: none;
}

.customized_swiperlist .customized_swiper_item:first-child {
    display: block;
}

.customized_btn {
    position: absolute;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: 2px solid #eaeae9;
}

.customized_btn i {
    font-size: 12px;
    color: #999999;
}

.customized_prev {
    left: -85px;
}

.customized_next {
    right: -85px;
}

.customized_btn:hover {
    background: #a61b39;
    border-color: #a61b39;
}

.customized_btn:hover i {
    color: #fff;
}

.cusmain_bg {
    background: url(https://www.chowtaiseng.com/dist/images/cusmain_bg.jpg) center no-repeat;
    padding: 140px 0;
    background-size: cover;
}

.cusmain_bg .tongtitle h2 {
    color: #fff;
}

.customized_main3 {
    background: #fafafa;
}

.cusmain_textlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -75px;
}

.cusmain_textlist .item {
    margin-right: 20px;
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
    background: #fafafa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 50px;
    text-align: center;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cusmain_textlist .item:nth-child(4n) {
    margin-right: 0;
}

.cusmain_textlist .item:hover {
    background: #e6bc9f;
    color: #fff;
}

.cusmain_textlist .item:hover p {
    color: #fff;
}

.cusmain_textlist .item:hover h2 {
    border-color: #fff;
}

.cusmain_textlist .item h2 {
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e6bc9f;
}

.cusmain_textlist .item p {
    color: #666666;
    margin-top: 20px;
}

.customized_main4 {
    padding-top: 70px;
    padding-bottom: 100px;
    background: #fafafa;
}

.customized_main4 .fuwu_tixione {
    margin-top: 20px;
    margin-bottom: 0 !important;
    width: 100%;
    position: relative;
}

.customized_main4 .fuwu_tixione {
    height: 470px;
}

.customized_main5 {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.main5_BJ {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main5_BJ img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: none;
    max-width: none;
}

.customized_main5 .tongtitle h2 {
    color: #fff;
}

.dot2 {
    -webkit-line-clamp: 2;
}

.dot3 {
    -webkit-line-clamp: 3;
}

.dot4 {
    -webkit-line-clamp: 4;
}

.dot2, .dot3, .dot4 {
    display: -webkit-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
}

.chose_list {
    margin-top: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chose_list .item {
    width: 33.3333%;
}

.chose_list .item .item_big {
    margin: 0 auto;
    width: 205px;
    height: 205px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px dotted #d4a764;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.chose_list .item .item_big .item_box {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d9a964;
}

.chose_list .item .item_big .rotate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rotate1 {
    -webkit-animation: rotateToRunning 12s linear infinite forwards;
    animation: rotateToRunning 12s linear infinite forwards;
}

.rotate2 {
    -webkit-animation: rotateToRunning 6s linear infinite forwards;
    animation: rotateToRunning 6s linear infinite forwards;
}

.rotate3 {
    -webkit-animation: rotateToRunning 8s linear infinite forwards;
    animation: rotateToRunning 8s linear infinite forwards;
}

@-webkit-keyframes rotateToRunning {
    form {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateToRunning {
    form {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotate img {
    position: absolute;
    top: 21%;
}

.chose_list .item h2 {
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
}

.chose_list .item {
    position: relative;
}

.chose_list .item::after {
    display: block;
    content: "";
    background: url(https://www.chowtaiseng.com/dist/images/jt_img.png) no-repeat;
    width: 60px;
    height: 19px;
    position: absolute;
    top: 41%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -30px;
}

.chose_list .item:last-child::after {
    display: none;
}

.chose_list .item:hover .item_big .item_box {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.customized_main6 {
    background: url(https://www.chowtaiseng.com/dist/images/partner_bg.jpg) bottom no-repeat;
    background-size: cover;
    padding-top: 145px;
    padding-bottom: 210px;
}

.partner_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 74%;
    margin: 0 auto;
    margin-top: 80px;
}

.partner_list .item {
    padding: 0 25px;
    max-width: 20%;
    text-align: center;
    margin-bottom: 30px;
}

.member_main1 {
    background: url(https://www.chowtaiseng.com/dist/images/member_main1.jpg) center no-repeat;
    background-size: cover;
}

.member_imgbox {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.member_main1 .customized_title {
    margin-bottom: 0 !important;
}

.member_appimg {
    text-align: center;
}

.member_erweima {
    position: absolute;
    top: 33%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.member_erweima img {
    width: 210px;
    height: 210px;
}

.member_erweima h3 {
    font-size: 18px;
    margin-top: 25px;
}

.member_erweima p {
    font-size: 14px;
    margin-top: 5px;
}

.member_erweima {
    width: 80%;
}

.member_main2 {
    background: url(https://www.chowtaiseng.com/dist/images/member_main2.jpg) center no-repeat;
    background-size: cover;
    padding: 105px 0;
}

.member_main2 .tongtitle h2 {
    color: #fff;
}

.member_swiper .member_swiperbox {
    color: #fff;
}

.member_swiper {
    margin-top: 30px;
}

.member_swiper .member_swiperbox .member_index {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.member_swiper .member_swiperbox .member_titcn {
    font-size: 30px;
    color: #ffbe69;
    line-height: 32px;
    font-weight: 100;
    margin-top: 15px;
    margin-bottom: 5px;
}

.member_swiper .member_swiperbox .member_titen {
    font-size: 18px;
}

.member_swiper .member_swiperbox .memxian {
    margin: 20px 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}

.member_swiper .member_swiperbox .member_desc {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
}

.member_swiper .member_swiperbox .member_desc p {
    margin-bottom: 8px;
}

.member_main2 .member_swiper_content {
    position: relative;
}

.tong_btn {
    position: absolute;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: 2px solid #eaeae9;
}

.tong_btn i {
    font-size: 12px;
    color: #999999;
}

.member_prev {
    left: -85px;
}

.member_next {
    right: -85px;
}

.tong_btn:hover {
    background: #a61b39;
    border-color: #a61b39;
}

.tong_btn:hover i {
    color: #fff;
}

.member_btn {
    border-color: rgba(255, 255, 255, 0.5);
}

.member_btn i {
    color: #fff;
}

.member_main3 {
    background: #fafafa;
    padding-top: 75px;
    padding-bottom: 105px;
}

.member_main3 .vip_table {
    margin-top: 25px;
}

.vip_table table {
    width: 100%;
}

.vip_table table tr th, .vip_table table tr td {
    border: 2px solid #fafafa;
    width: 50%;
    text-align: center;
}

.vip_table table th {
    font-size: 16px;
    color: #fff;
    background: #caa97c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 10px;
    font-weight: normal;
}

.vip_table table tr td {
    font-size: 14px;
    padding: 16px 10px;
    background: #fff;
}

.martop70 {
    margin-top: 70px;
}

.member_main4 {
    background: url(https://www.chowtaiseng.com/dist/images/integral_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 105px 0;
}

.member_main4 .tongtitle h2 {
    color: #fff;
}

.member_main4 .integral_list {
    margin-top: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.member_main4 .integral_list .item {
    width: 33.3333%;
    text-align: center;
    position: relative;
}

.member_main4 .integral_list .item .icon_box {
    position: relative;
    width: 190px;
    height: 190px;
    border: 2px solid #d7a864;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.member_main4 .integral_list .item .icon_text h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}

.member_main4 .integral_list .item .icon_text p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 20px;
}

.member_main4 .integral_list .item .icon_text {
    margin-top: 30px;
}

.integral_list .item .icon_box::after {
    display: block;
    content: "";
    background: url(https://www.chowtaiseng.com/dist/images/right_icon.png) no-repeat;
    width: 28px;
    height: 53px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -50%;
}

.integral_list .item:last-child .icon_box:after {
    display: none;
}

.activity_main1 {
    background: #fafafa;
    padding-bottom: 130px;
}

.activity_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.activity_list .item {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 30px;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-top: 30px;
    background: #fff;
}

.activity_list .item:nth-child(2n) {
    margin-right: 0;
}

.activity_list .item .activity_text {
    padding: 40px 45px;
}

.activity_list .item .activity_text .titen {
    font-size: 36px;
    line-height: 40px;
    font-weight: 100;
}

.activity_list .item .activity_text .titcn {
    font-size: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.activity_list .item .imgbox {
    overflow: hidden;
}

.activity_list .item .imgbox img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.activity_list .item:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.activity_list .item:hover .titen {
    color: #d6b992;
}

.activity_list .item:hover {
    -webkit-box-shadow: 0 55px 55px -80px #d6b992;
    box-shadow: 0 55px 55px -80px #d6b992;
}

.cooperation_imgbox {
    width: 1400px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    margin-top: 35px;
}

.cooperation_tit h3 {
    font-size: 18px;
}

.cooperation_tit h2 {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cooperation_tit {
    text-align: center;
    margin-top: -105px;
}

.cooperation_tit .center1200 {
    background: #fff;
    padding: 55px 0;
}

.cooperation_brand {
    padding-bottom: 70px;
}

.cb_title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.cb_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cb_list .item {
    text-align: center;
    width: -webkit-calc(20% - 41.6px);
    width: calc(20% - 41.6px);
    margin-right: 52px;
}

.cb_list .item:last-child {
    margin-right: 0;
}

.cb_list .item .icon_box {
    position: relative;
    text-align: center;
    width: 100%;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e9edea;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cb_list .item .icon_box .icon_box_div p {
    font-size: 18px;
    margin-top: 10px;
}

.cb_list .item h2 {
    color: #828282;
    margin-top: 20px;
    font-size: 14px;
}

.cb_list .item .icon_box::after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    background: #cdcdcd;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15%;
}

.cb_list .item:last-child .icon_box::before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    background: #cdcdcd;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15%;
}

.cooperation_main2 {
    background: #fafafa;
    padding: 75px 0;
}

.cooperation_main2 .activity_list .item {
    background: #fafafa;
}

.cooperation_main2 .activity_list .item:hover {
    background: #fff;
}

.faq_main1 {
    background: #fafafa;
    padding-bottom: 120px;
}

.faq_list {
    border-top: 1px solid #000;
    margin-top: 35px;
}

.faq_list .item .faq_wenti {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 0;
    border-bottom: 1px solid #e8e8e8;
}

.faq_list .item .faq_wenti .faq_w {
    width: 100px;
    text-align: center;
    font-size: 18px;
}

.faq_list .item .faq_wenti .faq_down {
    width: 130px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.faq_list .item .faq_wenti .faq_tit {
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    font-size: 16px;
}

.faq_list .item .faq_wenti .faq_down.cur {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq_list .item .faq_daan {
    display: none;
}

.faq_list .item .faq_daanbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 0;
    border-bottom: 1px solid #e8e8e8;
    background: #f6f6f6;
}

.faq_list .item .faq_daan .faqda_w {
    width: 100px;
    text-align: center;
    font-size: 18px;
}

.faq_list .item .faq_daan .faqda_tit {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 32px;
}

.product_banner {
    position: relative;
}

.product_banner .moblie_img {
    display: none;
}

.product_banner .inner_mask {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.product_banner .inner_mask h2 {
    font-size: 46px;
    font-weight: 100;
}

.product_banner .inner_mask .pro_xian {
    width: 1px;
    height: 140px;
    background: #fff;
    margin: 25px auto;
}

.product_banner .inner_mask h3 {
    font-size: 26px;
    margin-bottom: 8px;
}

.product_banner .inner_mask p {
    font-size: 14px;
}

.direction_box .dirbox h2 {
    font-size: 46px;
    line-height: 50px;
    color: #000;
}

.direction_box .dirbox h3 {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.direction_box .dirbox p {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}

.dirboxitem {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding: 0 12.5%;
    text-align: left !important;
}

.protitbox {
    text-align: center;
    margin: 40px 0;
}

.protitbox h2 {
    font-size: 35px;
    margin-bottom: 5px;
}

.protitbox p {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.aurora_swiper {
    height: 100%;
}

.aurora_swbox {
    height: 100%;
}

.aurora_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.aurora_box .aurora_left {
    width: 50%;
}

.aurora_box .aurora_right {
    width: 50%;
}

.aurora_right .aurora_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.aurora_right .aurora_text h2 {
    font-size: 26px;
    margin-bottom: 15px;
}

.aurora_right .aurora_text p {
    font-size: 14px;
    color: #666666;
}

.aurora_swiper .aurora_swbox .imgscale {
    height: 50%;
}

.aurora_swiper .aurora_swbox .aurora_text {
    height: 50%;
    background: #f5f4ef;
}

.aurora_box .aurora_btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    z-index: 10;
    cursor: pointer;
}

.aurora_btn i {
    font-style: normal;
    color: #fff;
}

.aurora_btnbox {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
}

.aurora_btn img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-top: 20px;
}

.aurora_left .imgscale {
    position: relative;
}

.aurora_left .imgscale p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 24px;
    color: #fff;
}

.diamonds_thumbs {
    position: relative;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.diamonds_thumbsbox {
    background-color: #f9f8f9;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    padding-bottom: 55px;
}

.diamonds_thumbs_swiper {
    max-width: 90%;
    margin: 0 auto;
}

.di_thumbsbox {
    width: 570px;
    float: right;
}

.diamonds_thumbs .zuanjie {
    position: absolute;
    top: 50%;
    right: -95px;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.di_thumbsbox {
    text-align: center;
}

.di_thumbsbox h6 {
    font-size: 16px;
    color: #a61b39;
}

.di_thumbsbox h2 {
    font-size: 27px;
    line-height: 34px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 12px;
}

.di_thumbsbox h3 {
    font-size: 14px;
}

.di_thumbsbox a {
    font-size: 14px;
    letter-spacing: 2px;
    border-bottom: 1px solid #333;
    color: #333333;
}

.di_thumbsbox a:hover {
    color: #a61b39;
    border-color: #a61b39;
}

.diamondspc_pagination {
    margin-top: 30px;
    margin-bottom: 15px;
}

.diamondspc_pagination span {
    margin: 0 5px;
}

.diamondspc_pagination .swiper-pagination-bullet-active {
    background: #a61b39;
}

.disbg_box {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 690px;
}

.diamonds_box {
    position: relative;
}

.diamonds_box .diamonds_thumbs {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.di_pagination {
    position: absolute;
    bottom: 45px !important;
    z-index: 10;
    text-align: center;
}

.di_pagination span {
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

.di_pagination .swiper-pagination-bullet-active {
    background: white;
}

.diamonds_list .diamonds_item {
    display: none;
}

.diamonds_list .diamonds_item:first-child {
    display: block;
}

.main_productbox .main1 .content .box .right_box {
    width: 100% !important;
}

.main_productbox .main1 .content {
    padding: 0 165px;
}

.main_productbox .main1 {
    padding-top: 60px;
    padding-bottom: 120px;
}

.main_productbox .main1 .content .box {
    margin-top: 0 !important;
}

.main_productbox .main1 .content .block {
    margin-right: 60px !important;
    margin-bottom: 60px;
    width: -webkit-calc(33.3333% - 40px) !important;
    width: calc(33.3333% - 40px) !important;
}

.main_productbox .main1 .content .block:nth-child(3n) {
    margin-right: 0 !important;
}

.dirboximgitem img {
    display: none;
}

.aurora_mobile_right {
    width: 100%;
}

.product .main1 .content .box .right_box .block_box .block .price_box {
    font-size: 16px;
}

.error .con2 .con .block .price_box {
    font-size: 16px;
}

.aurora_mobile_right {
    display: none;
    background: #f5f4ef;
}

.aurora_mobile_right .au_mobilebox h2 {
    font-size: 28px;
    margin-bottom: 5px;
}

.aurora_mobile_right .au_mobilebox p {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}

.au_mobileswiper {
    width: 65%;
    padding: 100px 0;
    text-align: center;
    overflow: initial;
}

.au_mobileswiper .swiper-slide {
    opacity: 0.2;
}

.au_mobileswiper .swiper-slide-active {
    opacity: 1;
}

.au_mobile_pagination {
    margin-top: 35px;
}

.au_mobile_pagination span {
    opacity: 1;
    background: #d0d0cb;
}

.au_mobile_pagination .swiper-pagination-bullet-active {
    background: #a61b39;
}

.au_mobileimg img {
    width: 100%;
}

.we_mobile_style_swiper .swiper-slide {
    background-position: 65%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 200px 15px 240px 15px;
}

.we_mobile_style_swiper .box h2 {
    font-weight: 100;
    color: #e2b34f;
    font-size: 58px;
    line-height: 70px;
}

.we_mobile_style_swiper .box h3 {
    font-size: 24px;
    font-weight: 100;
    margin-top: 12px;
}

.we_mobile_style_swiper .box p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
}

.we_mobile_style_swiper .huadong {
    margin-top: 95px;
}

.we_mobile_style_swiper .huadong img {
    margin-right: 4px;
}

.we_mobile_style {
    position: relative;
    display: none;
}

.we_celebrity_img_mobile {
    display: none;
}

.we_mobile_thumbs_swiper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 95px;
    text-align: center;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.we_mobile_thumbs_swiper .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.3;
    font-size: 18px;
}

.we_mobile_thumbs_swiper .active {
    opacity: 1;
}

.we_mobile_thumbs_swiper .swiper-slide::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
}

.brand_imgnone {
    display: none;
}

.mobilemain3 {
    display: none;
}

.indexmain3_swiper .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 85%;
}

.indexmain3 {
    padding-left: 15px;
}

.indexmain3_swiper .swiper-slide .main3text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.indexmain3_swiper .swiper-slide .main3text h2 {
    font-size: 60px;
    margin-bottom: 15px;
}

.indexmain3_swiper .swiper-slide .main3text a {
    font-size: 24px;
    letter-spacing: 4px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 100;
}

.indexmain3_swiper .swiper-slide:last-child {
    margin-right: 15px;
}

.moblieshow, .main5bgimg {
    display: none;
}

.index .main5 {
    position: relative;
}

.index .main5 .content {
    position: relative;
    z-index: 2;
}

.main5bgimg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}

.mobileimgpro, .mobile_header {
    display: none;
}

.mobile_header {
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mobile_headerbox {
    height: 100%;
}

.mobile_header .m_headerbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.mh_searchbtn i {
    color: rgba(255, 255, 255, 0.6);
    font-size: 26px;
}

.mh_logo img {
    width: 105px;
}

.mobile_header.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
}

.mobile_header.active .defanav_btn span {
    background: #333 !important;
}

.mobile_header.active .mh_searchbtn i {
    color: #333;
}

.mh_logo .logo_blue {
    display: none;
}

.mobile_header.active .mh_logo .logo_blue {
    display: block;
}

.mobile_header.active .mh_logo .logo_white {
    display: none;
}

.mh_navlist {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
    background: #fff;
    bottom: 0;
    overflow-y: auto;
}

.mh_navlist ul li {
    position: relative;
    display: block;
    float: none;
    line-height: 60px;
    padding: 0 15px;
    border-bottom: 1px solid #f7f7f7;
}

.mh_navlist ul li > span {
    display: block;
    cursor: pointer;
}

.mh_navlist ul li > span {
    position: absolute;
    right: 15px;
    width: 20%;
    height: 41px;
    top: 10px;
}

.mh_navlist ul li > span::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mh_navlist .sub_zinav {
    padding: 0 30px;
    display: none;
}

.mh_navlist .sub_zinav a {
    display: block;
    line-height: 26px;
    padding: 8px 0;
}

.mh_navlist ul li > span.cur::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.network_active {
    background: #fff;
}

.network_active .defanav_btn span {
    background: #333 !important;
}

.network_active .mh_searchbtn i {
    color: #333;
}

.network_active .mh_logo .logo_blue {
    display: block;
}

.network_active .mh_logo .logo_white {
    display: none;
}

.product .main1 .content .box .right_box .block_box .block .txt {
    font-size: 16px;
}

.error .con2 .con .block .txt {
    font-size: 16px;
}

.product_new_swiper .pro_newxbox {
    position: relative;
}

.product_new_swiper .pro_newxbox .proimg_text {
    color: #fff;
    position: absolute;
    top: 50%;
    right: 13%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 420px;
}

.product_new_swiper .pro_newxbox .proimg_text h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 100;
    text-transform: uppercase;
}

.product_new_swiper .pro_newxbox .proimg_text h3 {
    font-size: 24px;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 20px;
}

.product_new_swiper .pro_newxbox .proimg_text .prop_tx h4 {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 14px;
}

.product_new_swiper .pro_newxbox .proimg_text .prop_tx p {
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.product_new_swiper .pro_newxbox .proimg_text a {
    letter-spacing: 4px;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: center;
}

.product_new_swiper .pro_newxbox .proimg_text a:hover {
    color: #a61b39;
    border-color: #a61b39;
}

.project_btn:hover {
    background: #a61b39;
}

.product_new_swiper .pro_newxbox .proimg_text .prop_tx {
    padding-top: 20px;
    position: relative;
    margin-bottom: 40px;
}

.product_new_swiper .pro_newxbox .proimg_text .prop_tx::after {
    display: block;
    content: "";
    height: 1px;
    left: 0;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    position: absolute;
}

.pronew_pagination {
    position: absolute;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px !important;
    z-index: 10;
    text-align: center;
}

.pronew_pagination span {
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
    margin: 0 4px !important;
}

.pronew_pagination .swiper-pagination-bullet-active {
    background: #fff !important;
}

.mobile_sxbtn {
    display: none;
    margin-left: 10px;
}

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

.prodcut_details .main3 .main1 {
    background: none !important;
    padding: 0 !important;
}

.prodcut_details .main3 .title_box {
    margin-left: 0 !important;
}

.prodcut_details .main3 .main1 .content {
    margin-top: 0 !important;
}

.prodcut_details .main3 .main1 .content .box .right_box {
    width: 100% !important;
}

.prodcut_details .main3 .main1 .right_box {
    text-align: left !important;
}

.prodcut_details .main3 .main1 .right_box .abstract {
    margin-top: 10px !important;
}

.fenleisix a:nth-child(3):after {
    display: none;
}

.footer_imglink i:hover {
    color: #a61b39;
}

.news_list .item:hover .news_text h2 {
    color: #a61b39;
}

.technology_main {
    overflow: hidden;
}

.cb_list .item .icon_box {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cb_list .item .icon_box img {
    margin: 0 auto;
}

.cb_list .item .icon_box .img002 {
    display: none;
}

.cb_list .item .icon_box:hover {
    background: #a61b39;
    color: #fff;
}

.cb_list .item .icon_box:hover .img002 {
    display: block;
}

.cb_list .item .icon_box:hover .img001 {
    display: none;
}

.emotion_box .item.active h3 {
    color: #fff;
}

.emotion_box .item:nth-child(1) .item_tit {
    right: 0;
    position: absolute;
}

.emotion_box .item:nth-child(2) .item_tit {
    left: 0;
    position: absolute;
}

.emotion_box .item {
    text-align: center !important;
}

.sub_banner img {
    width: 100%;
}

.abdt_btn {
    padding: 35px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.abdt_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.abdt_btn .ptong {
    width: 48%;
}

.abdt_btn .ptong a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.abdt_btn .ptong .spanjiantou {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.abdt_btn .ptong .spanjiantou i {
    font-size: 22px;
}

.abdt_btn .prev .spanjiantou i {
    margin-right: 30px;
}

.abdt_btn .next .spanjiantou i {
    margin-left: 30px;
}

.abdt_btn .ptong .spanjiantou span {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.abdt_btn .ptong a > p {
    font-size: 16px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.abdt_btn .ptong:hover p, .abdt_btn .ptong:hover span, .abdt_btn .ptong:hover i {
    color: #d9ac71;
}

.abdt_btn .prev a > p {
    padding-left: 35px;
}

.abdt_btn .next a > p {
    padding-right: 35px;
    text-align: right;
}

.backList_Links {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 380px;
    height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    padding: 0 30px;
}

.backList_Links .img2 {
    display: none;
}

.backList_Links:hover .img1 {
    display: none;
}

.backList_Links:hover .img2 {
    display: block;
}

.abdt_btn {
    margin-bottom: 50px;
}

.backList_Links:hover {
    background: #d9ac71;
    border-color: #d9ac71;
    color: #fff;
}

.slide_video {
    width: 100%;
}

.slide_video video {
    width: 100%;
}

.aurora_swiper .swiper-slide {
    position: absolute;
}

.aurora_box {
    overflow: hidden;
}

.aurora_box .aurora_left {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.inner_banner img {
    width: 100%;
}

.product_share {
    margin-top: 55px;
}

.product_share .icon-qq {
    color: #d9cfc8;
    border-color: #d9cfc8;
}

.product_share .icon-weibo {
    color: #d9cfc8;
    border-color: #d9cfc8;
}

.product_share .icon-wechat {
    color: #d9cfc8;
    border-color: #d9cfc8;
}

.product_share .icon-qq:hover {
    border-color: #56b6e7;
}

.product_share .icon-weibo:hover {
    border-color: #ff763b;
}

.product_share .icon-wechat:hover {
    border-color: #7bc549;
}

.gift_exchange {
    padding: 80px 0;
}

.gift_exchange .customized_title {
    margin-top: 0;
}

.gift_exchange_swiper .swiper-slide .imgbox {
    overflow: hidden;
}

.gift_exchange_swiper .swiper-slide:hover .imgbox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.gift_exchange_swiper .swiper-slide p {
    font-size: 16px;
    padding: 20px 5px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.gift_exchange_btn {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.gift_exchange_box {
    position: relative;
}

.gift_exchange_btn i {
    font-size: 30px;
    color: #dcdcdc;
}

.gift_exchange_btn i:hover {
    color: #000;
}

.gift_exchange_prev {
    left: -50px;
}

.gift_exchange_next {
    right: -50px;
}

.culture_box {
    background-size: cover;
    height: 780px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
}

.culture_box .culture_item {
    width: 50%;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.culture_box .culture_item .culture_itembox {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.culture_box .culture_item .culture_hidebox {
    width: 100%;
    color: #fff;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.culture_box .culture_item h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.culture_box .culture_item .cu_xian {
    height: 46px;
    width: 1px;
    background: #fff;
    margin: 20px auto;
}

.culture_box .culture_item .culture_hidebox h3 {
    font-size: 30px;
    color: #e2b34f;
    font-weight: 100;
    line-height: 1.27;
    margin-bottom: 20px;
}

.culture_box .culture_item .culture_hidebox p {
    letter-spacing: 14px;
}

.culture_box .culture_item.active {
    background: none;
}

.culture_box .culture_item.active .culture_hidebox {
    height: 200px;
    opacity: 1;
}

.culture_box .culture_item.active h2 {
    font-size: 18px;
}

.culture_box .culture_item .culture_itembox {
    width: 95%;
}

.culture_pagination {
    display: none;
    position: absolute;
    text-align: center;
}

.culture_pagination span {
    opacity: 1;
    background: #d8d8d8;
}

.culture_pagination .swiper-pagination-bullet-active {
    background: #d9ac71;
}

.header {
    position: relative;
}

.none_position {
    position: static !important;
}

.product_subnav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fafafa;
    background-size: cover;
    padding-top: 75px;
    padding-bottom: 100px;
    z-index: 100;
}

.product_subnav .pdsub_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 150px;
}

.product_subnav .pdsub_box .pdsub_left {
    min-width: 86px;
}

.product_subnav .pdsub_box .pdsub_title h2 {
    font-size: 26px;
    font-weight: 100;
}

.product_subnav .pdsub_box .pdsub_title h3 {
    font-size: 16px;
}

.product_subnav .pdsub_box .pdsub_title {
    margin-bottom: 25px;
}

.product_subnav .pdsub_box .pdsub_list a {
    display: block;
    color: #9f9f9f;
    margin-bottom: 18px;
}

.product_subnav .pdsub_box .pdsub_list a i {
    height: 1px;
    background: #a61b39;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.product_subnav .pdsub_box .pdsub_list a span {
    display: inline-block;
    vertical-align: middle;
}

.product_subnav .pdsub_box .pdsub_list a.active {
    color: #a61b39;
}

.product_subnav .pdsub_box .pdsub_list a.active i {
    width: 30px;
    margin-right: 8px;
}

.product_subnav .pdsub_right {
    margin-left: 175px;
    width: 500px;
}

.pdsub_list_box .item {
    position: relative;
}

.pdsub_list_box .pdsub_btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.pdsub_list_box .pdsub_btn i {
    font-size: 25px;
    color: #bebebe;
}

.pdsub_list_box .pdsub_btn:hover i {
    color: #a61b39;
}

.pdsub_list_box .pdsub_prev {
    left: -40px;
}

.pdsub_list_box .pdsub_next {
    right: -40px;
}

.pdsub_list_box .item {
    display: none;
}

.pdsub_list_box .item:first-child {
    display: block;
}

.subnavimg1 {
    position: absolute;
    top: 0;
    left: 0;
}

.subnavimg2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mobile_mask {
    display: none;
}

.search_jgcont {
    padding: 50px 0;
}

.search_box {
    margin: 0 auto;
}

.search_box input {
    padding: 0 20px;
    line-height: 48px;
}

.search_jgcont .search_box {
    width: 60%;
    border: 1px solid #bf2d2f;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}

.search_jgcont .search_box .btn {
    background-color: #bf2d2f;
    width: 80px;
    cursor: pointer;
    font-size: 28px;
    color: #fff;
    line-height: 42px;
}

.search_jgcont .search_box .btn i {
    font-size: 20px;
}

.search_list {
    margin-top: 30px;
}

.search_list a {
    display: block;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dddddd;
    padding: 20px 0;
}

.search_list a .imgbox {
    width: 200px;
}

.mobile_show {
    display: none;
}

.search_list a:last-child {
    border-bottom: 1px solid #dddddd;
}

.search_list a .text {
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);
}

.search_list a .text h2 {
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_list a .text p {
    margin-top: 15px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
}

/* 404页面 */
.error .con1 {
    width: 100%;
    padding: 160px 0 150px;
    text-align: center;
}

.error .con1 img {
    max-width: 100%;
}

.error .con1 h5 {
    font-size: 20px;
    color: #333;
    margin-top: 10px;
}

.error .con1 p {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.error .con1 a {
    display: inline-block;
    font-size: 14px;
    color: #333;
}

.error .con2 .tit {
    text-align: center;
    font-size: 30px;
    color: #333;
}

.error .con2 .con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    padding: 0 30px;
}

.error .con2 .con .block {
    width: 33.20755%;
    padding: 80px 60px;
    display: block;
    background-color: #f9f8f9;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.error .con2 .con .block .txt {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.error .con2 .con .block .txt .abstract {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
    max-height: 52px;
    min-height: 52px;
}

.error .con2 .con .block .img {
    width: 42.80303%;
    position: relative;
    margin: 50px auto;
}

.error .con2 .con .block .img .swiper-button-prev, .error .con2 .con .img .swiper-button-next {
    opacity: 0;
    background-image: none;
    margin-top: 0;
    width: 25px;
    height: 25px;
    font-size: 12px;
    color: #999999;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #f7f7f7;
}

.error .con2 .con .block .img .swiper-button-prev {
    left: -31.85841%;
}

.error .con2 .con .block .img .swiper-button-next {
    right: -31.85841%;
}

.error .con2 .con .block .picture_container {
    padding-top: 127.43363%;
}

.error .con2 .con .block .top_img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.error .con2 .con .block .swiper-container {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.error .con2 .con .block .price_box {
    text-align: right;
}

.error .con2 .con .block:hover {
    background-color: #fdfdfd;
}

.error .con2 .con .block:hover:not(.noSwiper) .img .swiper-container, .error .con2 .con .block:hover:not(.noSwiper) .img .swiper-button-prev,
.error .con2 .con .block:hover:not(.noSwiper) .img .swiper-button-next {
    opacity: 1;
}

.error .con2 .con .block:hover:not(.noSwiper) .img .top_img {
    opacity: 0;
}

.error .con2 .con .block:not(:nth-child(3n)) {
    margin-right: 0.16129%;
}

.error .con2 .con .block:nth-child(n + 4) {
    margin-top: 3px;
}


@media (max-width: 1400px) {
    .product_subnav .pdsub_box {
        padding-left: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product_subnav .pdsub_right {
        margin-left: 120px;
    }

    .product .main1 {
        padding: 60px 0 155px;
    }

    .product_subnav {
        padding-top: 35px;
    }

    .header .head_top .head_nav {
        width: 70%;
    }

    .product_subnav {
        padding-bottom: 40px;
    }

    .product_subnav .pdsub_box .pdsub_title h2 {
        font-size: 22px;
    }

    .product_subnav .pdsub_box .pdsub_list a {
        margin-bottom: 10px;
    }

    .header .head_top .head_nav .head_link .block .subnav {
        padding: 40px 0;
    }

    .header .head_top .head_nav .head_link .block .subnav .tit {
        font-size: 22px;
    }

    .header .head_top .head_nav .head_link .block .subnav .img, .header .head_top .head_nav .head_link .block .subnav {
        height: auto;
    }

    .product_new_swiper .pro_newxbox .proimg_text h3 {
        font-size: 18px;
    }

    .product .main1 .content .box .right_box .block_box .block .txt .abstract {
        font-size: 14px;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx h4 {
        font-size: 16px;
    }

    .product .main1 .content .title_box .title {
        font-size: 22px;
        letter-spacing: 0;
    }

    .product .main1 .content .box {
        margin-top: 20px;
    }

    .subnavimg {
        width: 15%;
    }

    .product_new_swiper .pro_newxbox .proimg_text {
        width: auto;
        max-width: 350px;
    }

    .index .main2 .bg_img {
        padding-bottom: 12%;
    }

    .sub_banner .sub_mask {
        width: 100%;
    }

    .footer_right li {
        margin-right: 150px;
    }

    .footer {
        padding: 30px 30px;
    }

    .designer_swiper .designer_text h2 {
        font-size: 30px;
    }

    .designer_swiper .designer_text .designer_desc br {
        display: none;
    }

    .we_celebrityflex {
        padding: 0 30px;
    }

    .we_celebrity_text h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .we_celebrity_text p {
        font-size: 18px;
    }

    .westyle_slidetext {
        left: 30px;
    }

    .westyle_slidetext h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .direction_box .item {
        height: 600px;
    }

    .retail_swiper {
        width: 100%;
    }

    .retail_prev {
        left: 5.8%;
    }

    .retail_next {
        right: 5.8%;
    }

    .news_list .item .news_text {
        padding: 40px 20px;
    }

    .news_list .item.noimg .news_text {
        padding: 20px 20px;
    }

    .news_list .item h2 {
        margin-bottom: 30px;
    }

    .news_list .item.hasimg .newbgimg {
        height: 264px;
    }

    .news_details {
        padding-bottom: 80px;
    }

    .cooperation_imgbox {
        width: 100%;
    }

    .cooperation_tit .center1200 {
        padding: 40px 15px;
    }

    .cooperation_tit {
        margin-left: 15px;
        margin-right: 15px;
    }

    .direction_box .dirbox h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .main_productbox .main1 .content {
        padding: 0 60px;
    }

    .product .main1 .content .box .right_box .block_box .block {
        padding: 40px;
    }

    .error .con2 .con .block {
        padding: 40px;
    }

    .product_banner .inner_mask .pro_xian {
        height: 80px;
    }

    .index .main2 .swiper_control {
        top: 100px;
    }

    .index .main2 .mask .block_box {
        margin-top: 80px;
    }

    /* .index .main2 .bg_img { padding-bottom: 250px; } */
    .product_new_swiper .pro_newxbox .proimg_text {
        right: 30px;
    }

    .product_new_swiper .pro_newxbox .proimg_text h2 {
        font-size: 22px;
    }
}

@media (max-width: 1220px) {
    .culture_box {
        height: 600px;
    }

    .news_details .details_txt p {
        display: block !important;
    }

    .news_details .details_txt p img {
        margin: 5px 0;
        width: 100%;
    }

    .gift_exchange_prev {
        left: -15px;
    }

    .gift_exchange_next {
        right: -15px;
    }

    .retail_item .retail_item_top {
        padding: 25px 15px;
    }

    .direction_listitembox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .direction_box .direction_listitem:nth-child(2n) .direction_listitembox .item {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .direction_box .direction_listitem:nth-child(2n) .direction_listitembox .item:nth-child(2n) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .we_direction .qiehuan {
        left: 15px;
        right: 15px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        top: auto;
        bottom: 20%;
    }

    .qiehuanbox {
        width: 100%;
    }

    .we_direction .item_tit {
        width: 50%;
        height: 60px;
        background: #f5f4ee;
        font-size: 16px;
    }

    .prodcut_details {
        margin-top: 100px;
    }

    .prodcut_details .main2 .content {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .product .pdd100 {
        padding-top: 100px !important;
    }

    .product_new_swiper .pro_newxbox .proimg_text {
        right: 0;
    }

    .product_new_swiper .pro_newxbox .proimg_text h3 {
        font-size: 20px;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx {
        margin-bottom: 20px;
    }

    .network_content {
        padding-top: 100px !important;
    }

    .pc_header {
        display: none;
    }

    .mobile_header {
        display: block;
    }

    .direction_box .dirbox p {
        font-size: 18px;
        line-height: 30px;
    }

    .customized_btn {
        background: #fafafa;
        z-index: 2;
    }

    .customized_prev {
        left: -15px;
    }

    .customized_next {
        right: -15px;
    }

    .peiyang_jizhi .tongtitle {
        left: 15px;
        top: 0;
    }

    .joinus_list .item .img_text br {
        display: none;
    }

    .joinimg {
        display: none;
    }

    .retail_first .retail_item, .retail_list {
        width: 100%;
    }

    .about_notice .item .notice_text h2 {
        font-size: 26px;
    }

    .footer {
        padding: 20px 15px;
    }

    .footer_left {
        width: 400px;
    }

    .header .head_top .right_box {
        display: none;
    }

    .header .head_top {
        padding: 0 15px;
    }

    .header .head_top .head_nav {
        width: 100%;
    }

    .header .head_top .head_nav::after {
        display: block;
        content: "";
        clear: both;
    }

    .header, .header .head_top {
        height: 60px;
    }

    .header .head_top .head_nav .head_logo {
        float: left;
    }

    .header .head_top .head_nav .head_link {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        background-color: #fff;
        margin-top: 0;
        display: block;
        bottom: 0;
    }

    .defanavbtn {
        display: block;
        margin-top: 0 !important;
    }

    .header.active .defanavbtn span {
        background-color: #000;
    }

    .header .head_top .head_nav .head_logo img {
        height: 40px;
        margin-top: 10px !important;
    }

    .header .head_top .head_nav .head_link .block {
        padding: 0 15px;
        border-bottom: 1px solid #f7f7f7;
    }

    .header .head_top .head_nav .head_link .block .title {
        line-height: 55px;
    }

    .header .head_top .head_nav .head_link {
        display: none;
    }

    .header .head_top .head_nav .head_link .block span {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 15px;
        width: 20%;
        height: 41px;
        top: 7px;
    }

    .header .head_top .head_nav .head_link .block span::after {
        position: absolute;
        top: 50%;
        right: 10px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        content: "";
    }

    .header .head_top .head_nav .head_link .block .title {
        color: #333;
    }

    .header .subnav {
        position: static !important;
        border: none;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        text-align: left !important;
        width: auto;
        padding: 0 15px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .index .main1 .top1_box .title {
        font-size: 24px;
    }

    .index .main1 .top1_box .content .txt_box .name {
        font-size: 18px;
        line-height: 26px;
    }

    .about_content {
        display: block;
    }

    .about_content .about_left {
        width: 100%;
    }

    .about_content .about_right {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }

    .about_content .about_right img {
        width: 100%;
    }

    .about_content .about_rightbox .bgbox_content {
        display: none;
    }

    .about_content .about_rightbox .imgbox {
        padding: 0;
    }

    .main_about {
        padding-bottom: 90px;
    }

    .header .head_top .head_nav .head_link {
        z-index: 99;
    }

    .about_government .government_item {
        padding: 20px;
    }

    .government_top .title .title_en {
        font-size: 14px;
    }

    .government_top .title .title_cn {
        font-size: 16px;
    }

    .government_btn {
        width: 40px;
        height: 40px;
    }

    .government_btn img {
        width: 10px;
    }

    .government_item.active .government_desc_box {
        padding-top: 10px;
    }

    .government_desc {
        padding: 20px;
    }

    .about_notice .item .notice_text h3 {
        font-size: 14px;
    }

    .main_img {
        display: none;
    }

    .about_notice .item .notice_text .notice_btn {
        width: 45px;
        height: 45px;
    }

    .about_fenhong table {
        width: auto !important;
        overflow-x: auto;
    }

    .about_fenhong table td, .about_fenhong table th {
        width: auto;
        padding: 5px 5px;
    }

    .about_fenhong table th {
        font-size: 14px;
    }

    .about_tablebox {
        overflow-x: auto;
    }

    .about_fenhong table tr th, .about_fenhong table tr td {
        white-space: nowrap;
    }

    .we_about_content h2 {
        font-size: 30px;
    }

    .we_about_content h3, .direction_box .item h3 {
        font-size: 26px;
    }

    .we_about_content {
        margin-top: 50px;
    }

    .direction_box .item h2 {
        font-size: 40px;
    }

    .direction_box .item .item_tit {
        font-size: 18px;
    }

    .direction_box .item:last-child .item_tit {
        background: #f5f4ee;
    }

    .direction_box .item .item_tit {
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
        height: 100px;
        z-index: 10;
    }

    .direction_box .item:first-child .item_tit {
        top: inherit;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        left: 15px;
        bottom: -50px;
    }

    .direction_box .item:last-child .item_tit {
        left: inherit;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        right: 15px;
        top: -50px;
    }

    .designer_title h2 {
        font-size: 30px;
    }

    .quality_swiperbox {
        margin-left: 0;
    }

    .quality_swiperbox .quality_swiper {
        margin: 0 15px;
        overflow: hidden;
    }

    .quality_slidetext {
        left: 30px;
    }

    .quality_biaoti {
        display: none;
    }

    .quality_thumbs {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 20px 15px;
    }

    .technology_en p {
        font-size: 90px;
        line-height: 100px;
    }

    .technology_list .item:nth-child(2) {
        padding-top: 350px;
    }

    .technology_list .item:nth-child(3) {
        margin-top: 30px;
    }

    .technology_main {
        padding: 80px 0;
    }

    .technology_list .item .technology_text {
        padding: 20px 0 0 0;
    }

    .technology_list .item {
        width: 46%;
    }

    .quality_slidetext h2 {
        font-size: 36px;
    }

    .service_iconlist .item {
        padding: 30px 15px;
    }

    .service_iconlist .item .ser_en {
        margin-top: 10px;
        font-size: 18px;
    }

    .service_iconlist .item .ser_sesc p br {
        display: none;
    }

    .service_iconlist .item .icon {
        width: 50px;
        height: 50px;
    }

    .service_iconlist .item .icon img {
        width: 25px;
    }

    .service_bgcont .service_bg {
        height: 380px;
    }

    .service_bgcont .center1200 {
        margin-top: -240px;
    }

    .service_bgcont .service_iconlist {
        margin-top: 60px;
    }

    .contact_list .item .item_desc {
        padding: 20px;
    }

    .contact_list .item .erweima_box {
        margin-right: 20px;
    }

    .contact_list .item .erweima_box:nth-child(2n) {
        margin-right: 0;
    }

    .message_content .message_box {
        padding: 20px;
    }

    .joinus_list .item .img_text {
        padding: 30px 40px;
    }

    .joinus_list .item .img_text h3 {
        font-size: 22px;
    }

    .joinus_list .item .img_text h4 {
        font-size: 16px;
        margin-top: 0;
    }

    .joinus_list .item .imgbox {
        width: 60%;
    }

    .member_btn {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        float: left;
        margin-top: 20px;
    }

    .member_next {
        margin-left: 20px;
    }

    .member_main2 .center1200::after {
        display: block;
        content: "";
        clear: both;
    }

    .member_main4 .integral_list {
        width: 100%;
    }

    .direction_box .item {
        height: auto !important;
    }

    .dirboximgitem {
        background: none;
    }

    .dirboximgitem img {
        display: block;
        width: 100%;
    }

    .direction_box {
        display: block;
    }

    .direction_box .item {
        width: 100%;
        display: block;
    }

    .dirboxitem {
        padding: 110px 15px 65px 15px !important;
    }

    .aurora_btn, .aurora_right {
        display: none;
    }

    .aurora_mobile_right {
        display: block;
    }

    .brand_img01 {
        width: 500px;
    }

    .brand_box {
        padding-bottom: 40px;
    }

    .brand_img03 {
        margin-top: -100px;
    }

    .history_thumbs .imgbox {
        width: 60px;
    }
}

@media (max-width: 992px) {
    .pc_show {
        display: none;
    }

    .mobile_show {
        display: block;
    }

    .error .con1 {
        padding: 30px 0;
    }

    .none_position {
        padding: 0 15px;
        line-height: 60px;
        border-bottom: 1px solid #f7f7f7;
    }

    .mh_navlist .block {
        padding: 0 15px;
        line-height: 60px;
        border-bottom: 1px solid #f7f7f7;
    }

    .di_thumbsbox {
        width: 100%;
        float: none;
    }

    .main_productbox .main1 .content .block {
        margin-right: 2px !important;
        width: -webkit-calc(50% - 1px) !important;
        width: calc(50% - 1px) !important;
        margin-bottom: 2px !important;
    }

    .main_productbox .main1 .content .block:nth-child(2n) {
        margin-right: 0 !important;
    }

    .diamonds_box .diamonds_thumbs {
        position: relative;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        background: #fff;
        -webkit-box-shadow: 0 3px 40px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 40px 0px rgba(0, 0, 0, 0.1);
        margin: 0 auto;
        margin-top: -145px;
        z-index: 2;
    }

    .diamonds_thumbs_swiper {
        width: 100%;
    }

    .diamonds_thumbs .zuanjie {
        right: initial;
        top: -180px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
    }

    .aurora_box {
        display: block;
    }

    .aurora_box .aurora_left {
        width: 100%;
    }

    .aurora_box .aurora_right {
        width: 100%;
    }

    .contact_list .item .erweima_box .imgbox {
        width: 90px;
        height: 90px;
    }

    .contact_list .item .item_top {
        padding: 15px 20px;
    }

    .message_content > .imgbox {
        display: none;
    }

    .message_content .message_box {
        width: 100%;
    }

    .message_content .message_box {
        padding: 30px 15px;
    }

    .footer_left {
        width: 100%;
    }

    .footer_right {
        display: none;
    }

    .about_notice .item .notice_text {
        padding-left: 10px;
    }

    .designer_swiper .designer_text h2 {
        font-size: 22px;
    }

    .designer_swiper .designer_text h3 {
        font-size: 16px;
    }

    .designer_swiper .designer_text .designer_desc {
        font-size: 14px;
        line-height: 22px;
    }

    .we_celebrity_text p {
        font-size: 16px;
        line-height: 26px;
    }

    .quality_main .tong_subtitle br {
        display: none;
    }

    .quality_slidetext {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        padding-top: 10px;
    }

    .quality_slidetext h3 {
        color: #000;
        margin-bottom: 10px;
    }

    .quality_slidetext p {
        color: #999;
    }

    .technology_list .item .technology_text p br {
        display: none;
    }

    .video_screen {
        display: block;
    }

    .video_screen_search {
        width: 100%;
        margin-top: 30px;
    }

    .retail_item .title {
        font-size: 18px;
    }

    .retail_subname h2 {
        font-size: 18px;
    }

    .tongtitle h2 {
        font-size: 22px;
    }

    .retail_search form {
        display: block;
    }

    .retail_search .DefaultSelector {
        width: 100%;
    }

    .retail_search .DefaultSelector > span:nth-child(4) {
        margin-right: 0;
    }

    .retail_search .retail_input {
        width: 100%;
        margin: 15px 0;
    }

    .retail_search button {
        width: 100%;
    }

    .retail_btn i {
        font-size: 18px;
    }

    .contact_list .item .item_top .item_top_title {
        font-size: 16px;
    }

    .contact_list .item .item_top .icon {
        width: 50px;
        height: 50px;
    }

    .contact_list .item .item_top .icon img {
        width: 20px;
    }

    .service_contact .service_biaoti .service_left h2 {
        font-size: 40px;
    }

    .service_contact .service_biaoti {
        margin: 40px 0;
    }

    .service_contact .service_biaoti .service_right {
        font-size: 14px;
    }

    .news_list .item {
        width: 33.3333%;
    }

    .news_list .item .news_text {
        border: 1px solid #e5e5e5;
    }

    .peiyang_jizhi .pyjz_list .item {
        width: 26%;
    }

    .join_dasheng h2 {
        font-size: 28px;
    }

    .integral_list .item .icon_box::after {
        display: none;
    }

    .activity_list .item .activity_text .titen {
        font-size: 22px;
        line-height: 24px;
    }

    .activity_list .item .activity_text {
        padding: 20px 30px;
    }

    .cb_list .item .icon_box .icon_box_div p {
        font-size: 14px;
    }

    .cb_list .item .icon_box .icon_box_div img {
        height: 30px;
    }

    .cooperation_tit h2, .cb_title {
        font-size: 18px;
    }

    .cb_list .item .icon_box::after {
        left: -24%;
    }

    .cb_list .item:first-child .icon_box::after {
        display: none;
    }

    .cb_list .item:last-child .icon_box::before {
        display: none;
    }

    .faq_list .item .faq_wenti, .faq_list .item .faq_daanbox {
        padding: 25px 0;
    }

    .protitbox p {
        font-size: 18px;
        line-height: 28px;
        color: #828282;
    }

    .product_banner .pc_img {
        display: none;
    }

    .product_banner .moblie_img {
        display: block;
        height: 640px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
    }

    .brand_box .brand_left {
        width: 100%;
        text-align: center;
    }

    .brand_box {
        display: block;
    }

    .brand_box .brand_right {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }

    .brand_box .brand_left .brand_img01 {
        display: none;
    }

    .brand_imgnone {
        display: block;
        position: relative !important;
        width: 50%;
        z-index: 11;
        top: 0;
    }

    .brand_img02 {
        margin-top: -220px;
    }

    .brand_img03 {
        margin-top: -160px;
    }

    .brand_img02 img {
        width: 77.33%;
    }

    .brand_img03 .img {
        width: 74.66%;
    }

    .brand_img03 .brand_png {
        left: initial;
        right: -10%;
    }

    .brand_box {
        margin-top: 30px;
    }

    .brand_box .brand_right::after {
        display: none;
    }

    .brand_box .brand_left h6 {
        font-size: 26px;
    }

    .brand_box .brand_right {
        margin-top: 26px;
    }

    .history_thumbs {
        display: none;
    }

    .history_slidebox .history_text {
        width: 100%;
        float: none;
        text-align: center;
        padding-left: 0;
    }

    .history_slidebox .imgbox {
        width: 80%;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }

    .history_swiperbox {
        padding: 90px 0;
    }

    .history_swiper_btn {
        top: 30px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .history_swiper_prev {
        left: 15px;
    }

    .history_swiper_next {
        right: 15px;
    }

    .product_new_swiper .pro_newxbox .proimg_text {
        width: 100%;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        color: #333;
        padding: 30px 0;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx p {
        color: #999;
    }

    .product_new_swiper .pro_newxbox .proimg_text a {
        color: #333;
        border-color: #333;
    }

    .pronew_pagination {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        margin-bottom: 20px;
    }

    .pronew_pagination span {
        background: #dcdada;
    }

    .pronew_pagination .swiper-pagination-bullet-active {
        background: #999 !important;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx::after {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    }
}

@media (max-width: 768px) {
    .retail_item .icon_boxone {
        width: 100%;
    }

    .mobile_mask {
        display: block;
    }

    .pc_mask {
        display: none;
    }

    .customized_contact .cct_list .item {
        width: 100%;
    }

    .customized_contact {
        padding: 40px 0;
    }

    .customized_contact .cct_title {
        font-size: 22px;
        margin-bottom: 0;
    }

    .customized_contact .cct_list .item {
        display: flex;
        margin-top: 20px;
    }

    .customized_contact .cct_list .item img {
        margin-right: 10px;
        width: 45px;
    }

    .customized_contact .cct_list .item p {
        font-size: 14px;
    }

    .error .con2 .con {
        display: block;
        font-size: 0;
    }

    .error .con2 .con .block {
        display: inline-block;
    }

    .culture_box {
        height: 400px;
    }

    .direction_box .item:nth-child(2n) h3 {
        color: #fff;
    }

    .about_caiwu p {
        line-height: 22px;
    }

    .gift_exchange_btn i {
        color: #a71c3a;
    }

    .member_main2 {
        background-position: 60% !important;
    }

    .morebtn {
        width: 160px;
        line-height: 40px;
    }

    .gift_exchange {
        padding: 40px 0;
    }

    .retail_swiper {
        margin-bottom: 0;
    }

    .quality_swiperbox {
        padding-bottom: 0;
    }

    .abdt_btn {
        display: block;
        padding: 15px 0px;
    }

    .abdt_btn .ptong {
        width: 100%;
    }

    .abdt_btn .next a > p {
        text-align: left;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .abdt_btn .next .spanjiantou {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .abdt_btn .next {
        margin-top: 10px;
    }

    .abdt_btn .spanjiantou i {
        display: none;
    }

    .abdt_btn .ptong a > p {
        width: -webkit-calc(100% - 42px);
        width: calc(100% - 42px);
    }

    .abdt_btn .ptong a > p {
        padding-left: 20px;
        padding-right: 0 !important;
    }

    .prodcut_details .main3 .main1 .right_box {
        margin-top: 0 !important;
    }

    .prodcut_details .main1 .small_box .swiper-button-prev, .prodcut_details .main1 .small_box .swiper-button-next {
        display: none;
    }

    .prodcut_details .main1 .small_box {
        width: 100%;
    }

    .prodcut_details .main1 .center1200, .prodcut_details .main1 .left_box {
        display: block;
    }

    .prodcut_details .main1 .big_box {
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
    }

    .prodcut_details .main1 .big_box .picture_container {
        padding-top: 0 !important;
    }

    .prodcut_details .main1 .big_box .picture_container img {
        position: static;
    }

    .prodcut_details .main1 .left_box {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .prodcut_details .main1 .small_box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .prodcut_details .main1 .right_box {
        width: 100%;
        margin-top: 30px;
    }

    .prodcut_details .main2 .content .title, .prodcut_details .main3 .title_box .title {
        font-size: 22px;
        line-height: 30px;
    }

    .prodcut_details .main2, .prodcut_details .main3 {
        padding: 60px 0;
    }

    .prodcut_details .main3 .content {
        padding: 0 15px;
    }

    .prodcut_details .main1 {
        padding: 60px 0;
    }

    .prodcut_details .main1 .content {
        margin-top: 0 !important;
    }

    .news_details .title {
        padding-top: 30px;
        font-size: 22px;
        line-height: 30px;
    }

    .index {
        padding-top: 0 !important;
    }

    .indexMain1Bottom .swiper-slide {
        width: auto;
    }

    .indexMain1Bottom .swiper-slide:last-child {
        padding-right: 15px;
    }

    .index .main1 .bottom_box {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }

    .index .main1 .bottom_box .block .picture_container {
        padding-top: 0 !important;
    }

    .indban-video {
        display: none;
    }

    .index .main1 .bottom_box .block .picture_container img {
        position: static !important;
        height: 130px;
    }

    .index .main1 .top1_box .content .img_box {
        padding: 40px 15px !important;
    }

    .index .main1 .top1_box .content .img_box .img {
        -webkit-transform: translate(-50%, -65%) !important;
        -ms-transform: translate(-50%, -65%) !important;
        transform: translate(-50%, -65%) !important;
    }

    .index .main1 .top1_box .content .img_box .img img {
        display: none;
    }

    .index .main1 .top1_box .content .img_box .img .mobileimgpro {
        display: block !important;
    }

    .indexMain1Top {
        margin-top: 80px;
    }

    .index .main1 .top1_box .content .img_box {
        padding-top: 200px !important;
    }

    .index .main1 .top1_box .content .txt_box {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .banner_swiper .swiper-slide .img {
        display: none;
    }

    .mobileimgbox {
        display: block;
    }

    .banner_swiper .swiper-slide .mobile_imgbox {
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
    }

    .indban-video {
        top: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        bottom: 0;
    }

    .indban-video video {
        height: 100%;
    }

    .history_brand {
        padding-top: 30px;
    }

    .designer_swiper .designer_text h2 {
        font-size: 35px;
    }

    .designer_swiper .designer_text h3 {
        font-size: 25px;
    }

    .designer_swiper .designer_text .designer_desc {
        font-size: 18px;
        line-height: 26px;
    }

    .designer_swiper {
        overflow: initial;
    }

    .designer_list {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .we_style {
        display: none;
    }

    .we_celebrity .we_celebrity_img {
        display: none;
    }

    .we_mobile_style, .we_celebrity_img_mobile {
        display: block !important;
    }

    .product .main1 .content .box .right_box .block_box .block {
        padding: 20px !important;
    }

    .product .main1 .content .box .right_box .block_box .block .txt {
        font-size: 18px;
    }

    .error .con2 .con .block {
        padding: 20px !important;
    }

    .error .con2 .con .block .txt {
        font-size: 18px;
    }

    .aurora_mobile_right .au_mobilebox h2 {
        font-size: 22px;
    }

    .au_mobileswiper {
        width: 80%;
        padding: 40px 0;
    }

    .protitbox p br {
        display: none;
    }

    .news_details .news_banner .title {
        font-size: 22px;
    }

    .news_details .news_banner {
        height: 230px;
        padding: 0 15px;
    }

    .news_details .news_banner .form_box .item {
        max-width: 100%;
    }

    .about_fenhong {
        margin-top: 20px;
    }

    .about_government .government_item {
        padding: 0;
    }

    .government_top {
        padding: 15px;
    }

    .government_desc {
        border: none;
        padding-top: 0 !important;
    }

    .about_government {
        margin-top: 20px;
    }

    .about_government .government_item {
        width: 100%;
        margin-right: 0;
        border: 1px solid #e1e1e1 !important;
    }

    .government_desc {
        position: static !important;
        height: auto !important;
        max-height: inherit !important;
    }

    .about_fenlei a {
        font-size: 16px;
    }

    .index {
        padding-top: 60px;
    }

    .main_bgcontent {
        padding-top: 30px;
    }

    .inner_banner .pc_img, .sub_banner .pc_img {
        display: none;
    }

    .inner_banner .moblie_img, .sub_banner .moblie_img {
        display: block;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
    }

    .inner_banner .inner_mask h2 {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .sub_banner .sub_mask h2 {
        font-size: 22px;
    }

    .sub_banner .sub_mask p {
        font-size: 14px;
    }

    .tongtitle h2 {
        font-size: 22px;
    }

    .about_government .government_item {
        margin-bottom: 15px;
    }

    body {
        padding-top: 0 !important;
    }

    .index .main6 .content {
        padding: 100px 0;
    }

    .DefaultSelector {
        display: block;
    }

    .DefaultSelector > span {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .index .main6 .content .block .btn {
        width: 100%;
        font-size: 16px;
        height: 50px;
    }

    .index .main6 .content .block {
        display: block;
    }

    .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single {
        height: 50px;
    }

    .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        line-height: 50px;
    }

    .about_caiwu table th {
        font-size: 14px;
        padding: 10px 5px;
    }

    .about_caiwu table td {
        padding: 10px 5px;
    }

    .about_caiwu table tr th, .about_caiwu table tr td {
        word-break: break-word;
    }

    .about_caiwu {
        margin-top: 30px;
    }

    .about_notice .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .about_notice .item .notice_text {
        padding: 0 30px;
    }

    .about_notice .item .notice_text .notice_btn {
        margin-top: 70px;
    }

    .touzhezhi_content p {
        font-size: 14px;
    }

    .touzhezhi_lianxi h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .touzhezhi_lianxi {
        left: 15px;
    }

    .touzhezhi_contact h6 {
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }

    .touzhezhi_content a span {
        font-size: 12px;
    }

    .touzhezhi_content a {
        padding: 10px;
    }

    .main_touzhezhi {
        padding-bottom: 60px;
        padding-top: 30px;
    }

    .touzhezhi_mobile {
        display: block;
    }

    .touzhezhi_lianxi {
        position: static;
        margin-top: 20px;
    }

    .touzhezhi_contact {
        background: none !important;
        height: auto;
    }

    .we_about_content h2 {
        font-size: 22px;
    }

    .we_about_content h3, .direction_box .item h3 {
        font-size: 16px;
    }

    .we_about_content h3 {
        margin-top: 10px;
    }

    .we_about_content .xian {
        height: 80px;
    }

    .we_about_content p br {
        display: none;
    }

    .we_about_content p {
        line-height: 22px;
    }

    .we_about_main {
        padding-bottom: 120px;
    }

    .we_classification {
        padding: 0;
    }

    .we_classification .item {
        width: 50%;
    }

    .we_classification .item {
        border: 1px solid #fff;
        padding: 40px 10px !important;
    }

    .we_title {
        font-size: 22px;
        margin: 30px 0;
    }

    .direction_box .item {
        height: 400px;
        width: 100%;
    }

    .direction_box, .we_celebrity {
        display: block;
    }

    .direction_box .item:nth-child(2n) .item_tit {
        left: auto;
    }

    .we_celebrity .we_celebrity_text, .we_celebrity .we_celebrity_img {
        width: 100%;
    }

    .we_celebrityflex {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .we_celebrityflex {
        padding: 75px 15px;
    }

    .designer_title h2 {
        font-size: 22px;
    }

    .designer_title {
        margin: 30px 0;
    }

    .designer_swiper .designer_text {
        bottom: 75px;
        left: 30px;
        right: 30px;
    }

    .designer_swiper .swiper-slide .des_xian {
        height: 38px !important;
        opacity: 1;
    }

    .designer_swiper .designer_text .designer_desc {
        height: auto !important;
        opacity: 1;
        padding-top: 10px;
    }

    .designer_swiper .designer_text h3 {
        margin-bottom: 10px;
    }

    .westyle_slidetext h2 br {
        display: none;
    }

    .westyle_list {
        position: static;
    }

    .westyle_list li {
        line-height: 20px;
        color: #000 !important;
        padding: 15px 0;
    }

    .westyle_list li::after {
        background: #e2b34f;
        opacity: 1 !important;
    }

    .westyle_list li span {
        display: block;
    }

    .westyle_list {
        height: auto;
    }

    .westyle_list li.active {
        color: #e2b34f !important;
    }

    .westyle_slidetext h2 {
        font-size: 22px;
    }

    .westyle_slidetext h3 {
        font-size: 16px;
        margin-top: 0;
    }

    .westyle_slidetext {
        left: 15px;
    }

    .crumbs {
        display: none;
    }

    .main_about {
        padding-top: 30px;
    }

    .brand_video {
        padding-bottom: 40px;
    }

    .quality_main .tong_subtitle {
        margin-top: 10px;
        line-height: 22px;
    }

    .quality_slidetext h2 {
        font-size: 24px;
    }

    .technology_main {
        padding: 40px 0;
    }

    .technology_en0 {
        position: static;
    }

    .technology_list .item {
        width: 100%;
        position: static !important;
        padding-top: 0 !important;
    }

    .technology_en1 {
        margin-top: 30px;
    }

    .technology_list .item {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

    .technology_list .item .technology_text h2 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .technology_en p {
        font-size: 60px;
        line-height: 70px;
    }

    .technology_list {
        height: auto !important;
    }

    .video_first .playbtn .playbtn_yuan {
        width: 40px;
        height: 40px;
    }

    .video_first .playbtn .playbtn_yuan::after {
        border-top: 4px solid transparent;
        border-left: 6px solid #fff;
        border-bottom: 4px solid transparent;
    }

    .video_first .playbtn p {
        margin-top: 10px;
        font-size: 14px;
    }

    .video_screen {
        padding: 15px;
    }

    .retail_content {
        padding-bottom: 40px;
    }

    .retail_search .DefaultSelector > span {
        width: -webkit-calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        margin-bottom: 0 !important;
    }

    .retail_main {
        padding: 40px 0;
    }

    .retail_item {
        display: block;
    }

    .retail_item .title {
        width: 100%;
        margin-bottom: 5px;
    }

    .retail_item .icon_box {
        max-width: inherit !important;
    }

    .retail_btn {
        display: none;
    }

    .service_content {
        padding-bottom: 40px;
    }

    .service_pagination {
        display: block;
    }

    .service_bgcont {
        padding-bottom: 60px;
    }

    .main_content {
        padding-top: 30px;
    }

    .service_content {
        margin-top: 30px;
    }

    .service_contact .service_biaoti {
        display: block;
    }

    .service_contact .service_biaoti .service_left h2 {
        font-size: 30px;
        line-height: 1.1;
    }

    .service_contact .service_biaoti .service_left {
        width: 100%;
        padding: 0;
        text-align: left;
        margin-bottom: 20px;
    }

    .service_contact .service_biaoti .service_right {
        width: 100%;
        padding: 0;
        border: none;
    }

    .contact_list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .contact_list .item .erweima_box {
        margin-right: 15px !important;
    }

    .contact_list {
        margin-bottom: 0;
    }

    .news_details {
        padding-bottom: 40px;
    }

    .news_list .item .news_text {
        padding: 20px 15px !important;
    }

    .news_list .item {
        width: 100%;
        position: static !important;
    }

    .news_list .item .news_desc {
        margin-bottom: 15px !important;
    }

    .news_list .item .news_text {
        border: none !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .joinus_list .item .img_text {
        position: static;
        height: auto !important;
        padding: 30px 15px;
    }

    .joinus_list .item {
        display: block;
        padding-bottom: 20px;
    }

    .joinus_list .item .imgbox, .joinus_list .item .img_text {
        width: 100%;
    }

    .joinus_list .item .img_text h2 {
        margin-bottom: 5px;
    }

    .joinus_main {
        padding-bottom: 40px;
    }

    .joinus_contact {
        padding: 80px 0;
    }

    .pay_tixi .item {
        padding: 25px 0;
    }

    .fuwu_tixione .fw_text {
        padding-left: 15px;
    }

    .fuwu_tixione .fw_text h2 {
        font-size: 16px;
    }

    .fuwu_tixione {
        height: 300px;
        margin-bottom: 30px;
    }

    .fuwu_tixione .fw_list .item {
        padding: 0 10px;
        font-size: 14px;
    }

    .fuwu_tixi, .peiyang_jizhi {
        padding: 40px 0;
    }

    .fuwu_tixitwo {
        margin-top: 30px;
    }

    .peiyang_tixi .peiyang_subname {
        font-size: 16px;
    }

    .peiyang_tixi .peiyang_subname br {
        display: none;
    }

    .project_jianjie .tongtitle {
        position: static;
        margin-bottom: 30px;
    }

    .project_jianjie {
        padding-top: 30px;
    }

    .peiyang_jizhi .tongtitle {
        position: static;
        margin-bottom: 30px;
    }

    .peiyang_jizhi .tongtitle h2 {
        text-align: center;
    }

    .peiyang_jizhi .pyjz_list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .peiyang_jizhi .pyjz_list .item {
        width: 48%;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .peiyang_jizhi .pyjz_list .item img {
        display: none;
    }

    .peiyang_jizhi .pyjz_list .item .item_text {
        border: 1px solid #e7e7e7;
        padding-top: 20px;
    }

    .peiyang_tixi, .project_introduction {
        padding: 40px 0;
    }

    .project_swiper .pw_text {
        width: 30%;
        font-size: 14px;
        line-height: 20px;
        padding: 0 10px;
        padding-bottom: 10px;
    }

    .project_swiper .pw_text br {
        display: none;
    }

    .project_btn {
        width: 40px;
        height: 40px;
    }

    .project_btn i {
        font-size: 12px;
    }

    .project_swiper {
        margin-bottom: 30px;
    }

    .fuwu_tixione .fw_list .item h2 {
        font-size: 14px;
    }

    .fuwu_tixione .fw_list .item.active {
        padding-left: 10px !important;
    }

    .fuwu_tixione .fw_list .item.active h2 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .fuwu_tixione .fw_list .item {
        width: 50px;
    }

    .customized_main1 {
        padding-top: 40px;
    }

    .customized_title {
        margin-bottom: 20px;
    }

    .slide_imgbox {
        height: 300px;
    }

    .customized_main2 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .customized_swiper {
        padding-bottom: 20px;
    }

    .cusbg_title {
        font-size: 18px;
    }

    .cusmain_textlist .item {
        padding: 15px 15px;
    }

    .cusmain_bg {
        padding: 90px 0;
    }

    .cusmain_textlist .item h2 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .cusmain_textlist {
        margin-top: -46px;
    }

    .customized_main4 {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .customized_main4 .fuwu_tixione {
        height: 300px;
    }

    .cusmain_textlist .item p {
        margin-top: 10px;
    }

    .chose_list .item .item_big {
        width: 100px;
        height: 100px;
    }

    .chose_list .item .item_big .item_box {
        width: 80px;
        height: 80px;
    }

    .chose_list .item .item_big .item_box img {
        width: 35px;
    }

    .chose_list .item h2 {
        margin-top: 10px;
        font-size: 14px;
    }

    .rotate img {
        width: 10px;
    }

    .customized_main5 {
        padding: 60px 0;
    }

    .chose_list .item::after {
        width: 32px;
        height: 10px;
        background-size: cover;
    }

    .customized_main6 {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .partner_list {
        width: 100%;
        margin-top: 40px;
    }

    .partner_list .item {
        padding: 0 10px;
    }

    .member_main1 {
        padding-top: 40px;
    }

    .member_main2, .member_main3, .member_main4 {
        padding: 40px 0;
    }

    .member_main4 .integral_list .item .icon_box {
        width: 100px;
        height: 100px;
    }

    .member_main4 .integral_list .item .icon_box img {
        width: 40px;
    }

    .member_main4 .integral_list .item .icon_text {
        margin-top: 10px;
        padding: 0 10px;
    }

    .member_main4 .integral_list .item .icon_text h2 {
        font-size: 14px;
    }

    .martop70 {
        margin-top: 30px;
    }

    .activity_main1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .activity_list .item {
        margin-top: 20px;
        margin-right: 15px;
        width: -webkit-calc(50% - (15px / 2));
        width: calc(50% - (15px / 2));
    }

    .activity_list .item:nth-child(2n) {
        margin-right: 0;
    }

    .activity_list .item .activity_text .titen {
        font-size: 16px;
        line-height: 20px;
    }

    .activity_list .item .activity_text .titcn {
        font-size: 14px;
    }

    .cb_list .item {
        width: -webkit-calc(33.3333% - 10px);
        width: calc(33.3333% - 10px);
        margin-right: 15px;
        margin-bottom: 25px;
    }

    .cb_list .item:nth-child(3n) {
        margin-right: 0;
    }

    .cb_list .item .icon_box::after {
        display: none;
    }

    .cooperation_main1 {
        padding-top: 30px;
    }

    .cooperation_imgbox {
        height: 300px;
    }

    .cooperation_tit .center1200 {
        padding: 20px 15px;
    }

    .product_banner .inner_mask {
        width: 100%;
    }

    .cooperation_main2 {
        padding: 40px 0;
    }

    .faq_main1 {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .faq_list .item .faq_wenti .faq_w {
        font-size: 14px;
        width: 30px;
    }

    .faq_list .item .faq_wenti .faq_down, .faq_list .item .faq_daan .faqda_w {
        width: 30px;
    }

    .faq_list .item .faq_wenti .faq_down img {
        width: 15px;
    }

    .faq_list .item .faq_wenti .faq_tit {
        font-size: 14px;
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }

    .faq_list .item .faq_daan .faqda_tit {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        font-size: 14px;
        line-height: 20px;
    }

    .we_about_main {
        padding: 180px 0;
    }

    .our_direction .dirboximgitem .itembox {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .our_direction .dirboxitem {
        padding: 260px 15px !important;
        text-align: center !important;
    }

    .our_direction .direction_box .item:first-child .item_tit, .our_direction .direction_box .item:last-child .item_tit {
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }

    .our_direction .direction_box .item:first-child .item_tit {
        bottom: 0 !important;
    }

    .our_direction .direction_box .item:last-child .item_tit {
        top: 0 !important;
    }

    .main3 .pcmain3, .pcshow {
        display: none;
    }

    .mobilemain3, .moblieshow {
        display: block;
    }

    .index .main5 {
        background: #f6efea;
    }

    .main6 .DefaultSelector > span {
        width: 50% !important;
        margin-right: 5px !important;
    }

    .index .main6 .content .block .btn {
        width: 23.33% !important;
    }

    .index .main6 .content .block, .main6 .DefaultSelector {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .main5bgimg {
        display: block;
    }

    .mobile_sxbtn {
        display: block;
    }

    .product .main1 .content .box .left_box {
        width: 60%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 20px;
    }

    .product .main1 .content .title_box {
        margin-left: 0;
    }

    .product .main1 .content .box .right_box {
        width: 100%;
    }

    .product .main1 .content .box .left_box {
        background-color: #fff;
        position: fixed !important;
        top: 0;
        left: -100%;
        top: 0;
        bottom: 0;
        z-index: 999;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .mask_box {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 99;
        display: none;
    }

    .news_list .item.hasimg .newbgimg {
        display: none;
    }

    .news_list .item.hasimg .imgbox {
        display: block;
    }

    .news_list .item h2, .news_list .item .news_desc {
        height: auto;
    }

    .news_list .item h2 {
        margin-bottom: 15px;
    }

    .retail_item .retail_item_top {
        display: block;
    }

    .culture_pagination {
        display: block;
    }

    .culture_box .culture_item h2 {
        font-size: 16px !important;
    }

    .culture_box .culture_item .culture_hidebox h3 {
        font-size: 18px;
    }

    .culture_box .culture_item .culture_hidebox p {
        letter-spacing: 2px;
    }

    .culture_box .culture_item .cu_xian {
        height: 25px;
        margin: 15px auto;
    }

    .culture_box .culture_item {
        background: rgba(0, 0, 0, 0.2) !important;
    }

    .culture_box .culture_item .culture_hidebox {
        height: auto !important;
        opacity: 1 !important;
    }
}

@media (max-width: 600px) {
    #search-form {
        width: calc(100% - 30px);
        right: 15px;
    }

    .error .con2 .con {
        margin-top: 20px;
        padding: 0 15px;
    }

    .gift_exchange_swiper .swiper-slide p {
        font-size: 14px;
    }

    .backList_Links {
        width: 220px;
        height: 50px;
    }

    .abdt_btn {
        margin-bottom: 30px;
    }

    .prodcut_details .main2 .content .details_txt tr td {
        width: auto !important;
        padding: 5px 10px;
    }

    .prodcut_details .main2 .content .tag {
        margin-top: 15px;
    }

    .prodcut_details .main2 .content .title, .prodcut_details .main3 .title_box .title {
        font-size: 18px;
        line-height: 25px;
    }

    .prodcut_details .main1 .right_box .title {
        font-size: 20px;
        line-height: 24px;
    }

    .prodcut_details .main1 .right_box .link {
        margin-top: 20px;
    }

    .prodcut_details {
        margin-top: 60px;
    }

    .product .main1 .content .box {
        margin-top: 10px !important;
    }

    .product_new_swiper .pro_newxbox .proimg_text {
        padding: 20px 0;
    }

    .product_new_swiper .pro_newxbox .proimg_text h3 {
        margin: 10px 0;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx {
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .product_new_swiper .pro_newxbox .proimg_text h3, .product_new_swiper .pro_newxbox .proimg_text .prop_tx h4 {
        font-size: 16px;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx p br {
        display: none;
    }

    .product_new_swiper .pro_newxbox .proimg_text .prop_tx p {
        font-size: 14px;
    }

    .product_new_swiper .pro_newxbox .proimg_text h2 {
        font-size: 18px;
    }

    .product .main1 .content .title_box .title {
        font-size: 18px !important;
    }

    .product .main1 .content .title_box .tag {
        font-size: 12px;
    }

    .product .main1 .content .title_box .tag:not(:first-child) {
        margin-left: 8px;
    }

    .product .pdd100 {
        padding-top: 60px !important;
    }

    .product_banner .inner_mask p {
        font-size: 12px;
    }

    .news_details .title_box {
        margin-top: 15px;
    }

    .news_details .title {
        font-size: 18px;
        line-height: 24px;
    }

    .news_details .news_banner .form_box .item, .news_details .news_banner .form_box {
        width: 100%;
    }

    .network_content {
        padding-top: 60px !important;
    }

    .mh_navlist {
        top: 60px;
    }

    .mobile_header {
        height: 60px;
    }

    .mh_logo img {
        width: 70px;
    }

    .mh_searchbtn i {
        font-size: 20px;
    }

    .defanav_btn {
        width: 25px;
        height: 20px;
    }

    .defanav_btn span:nth-child(2) {
        width: 20px;
        top: 8px;
    }

    .defanav_btn span:nth-child(3) {
        top: 17px;
    }

    .defacloseNavbtn span:nth-child(3) {
        top: 12px;
    }

    .index .main6 .content .block .btn {
        font-size: 14px;
    }

    .index .main6 .content .block {
        margin-top: 20px;
    }

    .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 10px;
        height: 10px;
        margin-left: -10px;
        margin-top: -7px;
    }

    .index .main4 .icon_img1 {
        width: 20.11458% !important;
    }

    .index .main4 .icon_img2 {
        width: 30.16667% !important;
    }

    .index .main4 .icon_img1 {
        right: 14%;
    }

    .index .main4 .icon_img2 {
        right: -5%;
    }

    .indexmain3_swiper .swiper-slide .main3text h2 {
        font-size: 30px;
    }

    .indexmain3_swiper .swiper-slide .main3text a {
        font-size: 18px;
    }

    .product_banner .inner_mask h2 {
        font-size: 22px;
    }

    .product_banner .inner_mask .pro_xian {
        height: 30px;
        margin: 10px auto;
    }

    .product_banner .inner_mask h3 {
        font-size: 18px;
    }

    .product_banner .moblie_img {
        height: 320px;
    }

    .project_swiper .pw_text {
        display: none;
    }

    .peiyang_jizhi .pyjz_list .item .item_text {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .peiyang_jizhi .pyjz_list .item .item_text h3 {
        font-size: 24px;
        margin-left: -15px;
    }

    .peiyang_jizhi .pyjz_list .item .item_text p {
        height: 130px;
    }

    .peiyang_jizhi .pyjz_list .item .item_title {
        padding: 15px;
    }

    .peiyang_jizhi .pyjz_list .item .item_text h2, .peiyang_jizhi .pyjz_list .item .item_title h2 {
        font-size: 16px;
    }

    .joinus_list {
        margin-top: 30px;
    }

    .service_bgcont .service_bg {
        height: 200px;
    }

    .service_bgcont .center1200 {
        margin-top: -140px;
    }

    .service_bgcont .service_iconlist {
        margin-top: 30px;
    }

    .retail_search .retail_input input {
        padding: 0 10px;
    }

    .retail_item .icon_box p img {
        width: 12px;
    }

    .retail_item .icon_box p span {
        width: -webkit-calc(100% - 23px);
        width: calc(100% - 23px);
    }

    .retail_first .retail_item {
        margin-bottom: 0;
    }

    .retail_item .title {
        font-size: 16px;
    }

    .quality_swiperbox {
        padding-top: 30px;
    }

    .quality_xian {
        height: 40px;
    }

    .quality_slidetext p br {
        display: none;
    }

    .quality_slidetext h3 {
        font-size: 16px;
    }

    .sub_banner .sub_mask p {
        line-height: 20px;
        font-size: 12px;
    }

    .we_about_content {
        margin-top: 0;
    }

    .footer_imglink {
        margin-top: 20px;
        text-align: center;
    }

    .index .main1 .top1_box .title {
        font-size: 22px !important;
    }

    .index .main1 {
        padding: 40px 0 !important;
    }

    .index .main1 .top1_box .tag_box .tag {
        font-size: 16px;
    }

    .index .main1 .top1_box .content .txt_box .name {
        font-size: 18px !important;
    }

    .index .main1 .bottom_box .block .picture_container {
        padding-top: 90%;
    }

    .index .main1 .top1_box .content {
        padding-bottom: 0 !important;
    }

    .index .main2 .mask .block_box .block {
        display: block;
    }

    .index .main2 .mask .block_box .block .img {
        width: 100%;
    }

    .index .main2 .mask .block_box .block .txt_box .more {
        margin-top: 20px;
    }

    .index .main2 .mask .block_box .block .txt_box {
        padding-left: 0;
        margin-top: 20px;
        padding-bottom: 40px;
    }

    .index .main2 .mask .block_box .swiper-pagination {
        bottom: 20px !important;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        left: 0;
        right: 0 !important;
    }

    /* .index .main2 .mask .block_box .block { padding: 10px !important; } */
    .index .main2 .mask .block_box .block .txt_box .name {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .index .main2 .mask .title {
        font-size: 35px !important;
    }

    .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next {
        font-size: 22px !important;
    }

    .index .main2 .mask .block_box {
        margin-top: 50px !important;
    }

    .index .main2 .mask {
        padding: 60px 0 !important;
    }

    .index .main2 .swiper_control {
        top: 65px !important;
    }

    .index .main3 .block .mask .name {
        font-size: 20px !important;
    }

    .index .main4 .title_box .name {
        font-size: 26px !important;
    }

    .index .main5 {
        padding-bottom: 60px !important;
        padding-top: 80px !important;
    }

    .index .main5 .content .txt_box {
        margin-top: -10px;
    }

    .index .main5 .content .txt_box .name {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .index .main5 .content .block .left_box .name {
        font-size: 18px;
    }

    .index .main5 .content .block .left_box .more {
        margin-top: 10px;
    }

    .index .main6 .content .title {
        font-size: 22px;
    }

    .inner_banner .moblie_img, .sub_banner .moblie_img {
        height: 320px;
    }

    .index .main2 .mask .block_box .block .txt_box .abstract {
        display: none;
    }

    .about_imgtext {
        right: 10px;
    }

    .about_imgtext h3, .about_imgtext h2 {
        font-size: 18px;
    }

    .main_about {
        padding-bottom: 40px;
    }

    .about_notice .item .notice_text {
        padding: 0 15px;
    }

    .about_notice .item .notice_text .notice_btn {
        margin-top: 30px;
    }

    .about_notice {
        margin-top: 30px;
    }

    .inner_banner .inner_mask h2 {
        font-size: 18px;
    }

    .tongtitle h2 {
        font-size: 18px;
    }

    .we_about_main {
        padding: 90px 0;
    }

    .we_classification .item {
        width: 50%;
        padding: 20px 10px !important;
    }

    .direction_box .item h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .direction_box .item {
        height: 300px;
    }

    .westyle_list li {
        font-size: 12px;
    }

    .westyle_slidetext h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .westyle_slidetext h3 {
        font-size: 14px;
    }

    .westyle_slidetext p {
        font-size: 12px;
    }

    .we_celebrity_text h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .we_celebrity_text p {
        font-size: 14px;
    }

    .designer_swiper .designer_text {
        bottom: 30px;
    }

    .video_list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .video_list .item .video_tit {
        height: 60px;
        line-height: 60px;
    }

    .video_screen a {
        font-size: 12px;
        padding: 6px 10px;
    }

    .video_screen_search {
        margin-top: 15px;
    }

    .video_first {
        margin: 25px 0;
    }

    .morebtn {
        margin-top: 30px;
    }

    .joinus_list .item .img_text h3 {
        font-size: 20px;
    }

    .joinus_contacttext h2 {
        font-size: 22px;
    }

    .joinus_contact {
        padding: 60px 0;
    }

    .pay_tixi .item {
        width: 100%;
        margin-right: 0 !important;
        border-bottom: 1px solid #cdcdcd !important;
    }

    .pay_tixi .item:last-child {
        border-bottom: none !important;
    }

    .pay_tixi .item .icon {
        width: 25px;
    }

    .pay_tixi .item .pay_text h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .pay_tixi {
        margin-top: 0;
    }

    .fuwu_tixione {
        height: 200px;
    }

    .fuwu_tixione {
        margin-top: 30px;
    }

    .peiyang_tixi .peiyang_subname {
        margin-top: 10px;
    }

    .join_dasheng {
        padding: 60px 0;
    }

    .join_dasheng h2 {
        font-size: 22px;
    }

    .join_dasheng h3 {
        font-size: 16px;
    }

    .cusbg_title {
        font-size: 16px;
        margin: 15px 0;
    }

    .slide_imgbox {
        height: 200px;
    }

    .cusmain_textlist .item {
        width: -webkit-calc(50% - 8px);
        width: calc(50% - 8px);
        margin-right: 15px;
    }

    .cusmain_textlist .item:nth-child(2n) {
        margin-right: 0;
    }

    .cusmain_bg {
        padding: 60px 0;
    }

    .fuwu_tixione .fw_list .item h2 {
        font-size: 12px;
        -webkit-writing-mode: vertical-lr;
    }

    .fuwu_tixione .fw_list .item.active h2 {
        -webkit-writing-mode: horizontal-tb;
    }

    .chose_list .item::after {
        display: none;
    }

    .chose_list .item .item_big {
        width: 80px;
        height: 80px;
    }

    .chose_list .item .item_big .item_box {
        width: 60px;
        height: 60px;
    }

    .chose_list .item h2 {
        font-size: 12px;
    }

    .member_erweima img {
        width: 80px;
        height: 80px;
    }

    .member_swiper .member_swiperbox .member_titcn {
        font-size: 20px;
        margin-top: 0;
        line-height: 22px;
    }

    .vip_table table th {
        font-size: 14px;
    }

    .vip_table table tr td, .vip_table table th {
        padding: 8px 5px;
    }

    .member_main4 .integral_list .item .icon_text p {
        font-size: 12px;
    }

    .member_main4 .integral_list .item .icon_text p br {
        display: none;
    }

    .activity_list .item {
        width: 100%;
        margin-right: 0;
    }

    .activity_list .item .activity_text {
        padding: 30px 15px;
    }

    .cooperation_tit h2 {
        font-size: 14px;
    }

    .cooperation_imgbox {
        height: 200px;
        margin-top: 20px;
    }

    .cooperation_brand {
        padding-bottom: 20px;
    }

    .cb_list .item h2 {
        margin-top: 10px;
    }

    .direction_box .item h3 {
        font-size: 18px;
    }

    .protitbox h2 {
        font-size: 22px;
    }

    .protitbox p {
        font-size: 16px;
        line-height: 24px;
        color: #828282;
    }

    .au_mobilebox {
        padding: 0 15px;
    }

    .aurora_mobile_right .au_mobilebox h2 {
        font-size: 20px;
    }

    .aurora_mobile_right .au_mobilebox p {
        font-size: 16px;
    }

    .au_mobile_pagination {
        margin-top: 20px;
    }

    .aurora_left .imgscale p {
        font-size: 20px;
    }

    .direction_box .dirbox p {
        font-size: 14px;
        line-height: 24px;
    }

    .direction_box .item .item_tit {
        font-size: 16px;
        height: 60px;
    }

    .direction_box .item:first-child .item_tit {
        bottom: -30px;
    }

    .direction_box .item:last-child .item_tit {
        top: -30px;
    }

    .dirboxitem {
        padding: 60px 15px 40px 15px !important;
    }

    .di_thumbsbox h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .disbg_box {
        height: 350px;
    }

    .diamonds_thumbs .zuanjie {
        width: 80px;
        top: -90px;
    }

    .diamonds_thumbsbox {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .diamonds_box .diamonds_thumbs {
        margin-top: -60px;
    }

    .product .main1 .content .box .right_box .block_box .block .price_box {
        font-size: 14px;
    }

    .product .main1 .content .box .right_box .block_box .block .txt .abstract {
        line-height: 20px;
        min-height: auto;
    }

    .product .main1 .content .box .right_box .block_box .block .txt {
        font-size: 14px;
        line-height: 24px;
    }

    .error .con2 .con .block .price_box {
        font-size: 14px;
    }

    .error .con2 .con .block .txt .abstract {
        line-height: 20px;
        min-height: auto;
    }

    .error .con2 .con .block .txt {
        font-size: 14px;
        line-height: 24px;
    }

    .we_about_content h3 {
        font-size: 18px;
    }

    .we_classification .item .icon img {
        height: 30px;
    }

    .our_direction .dirboxitem {
        padding: 140px 15px !important;
        text-align: center !important;
    }

    .we_mobile_style_swiper .box h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .we_mobile_style_swiper .box h3 {
        font-size: 18px;
    }

    .we_mobile_style_swiper .box p {
        font-size: 14px;
    }

    .we_mobile_style_swiper .huadong {
        margin-top: 30px;
    }

    .we_mobile_thumbs_swiper .swiper-slide {
        font-size: 14px;
    }

    .we_mobile_thumbs_swiper {
        height: 60px;
    }

    .we_mobile_style_swiper .swiper-slide {
        padding: 100px 15px 120px 15px;
    }

    .we_celebrityflex {
        padding: 50px 15px;
    }

    .designer_swiper .designer_text h2 {
        font-size: 20px;
    }

    .designer_swiper .designer_text h3 {
        font-size: 18px;
    }

    .designer_swiper .designer_text .designer_desc {
        font-size: 14px;
        line-height: 22px;
    }

    .designer_swiper .swiper-slide .des_xian {
        height: 30px !important;
    }

    .designer_swiper .designer_text {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    .designer_title h2, .we_title {
        font-size: 18px;
    }

    .brand_box .brand_left h2 {
        font-size: 38px;
    }

    .brand_box {
        margin-top: 10px;
    }

    .brand_box .brand_left h6 {
        font-size: 20px;
    }

    .brand_box .brand_right .title {
        font-size: 20px;
    }

    .history_slidebox .history_text .hist_year {
        font-size: 35px;
        line-height: 40px;
    }

    .history_slidebox .history_text .hist_title {
        font-size: 18px;
    }

    .history_slidebox .history_text .hist_desc {
        margin-top: 10px;
    }

    .history_swiper_btn {
        top: 0;
    }

    .history_swiperbox {
        padding: 50px 0;
    }

    .brand_img03 {
        margin-top: -60px;
    }

    .brand_img02 {
        margin-top: 25px;
    }

    .brand_box .brand_right .desc, .history_slidebox .history_text .hist_desc {
        line-height: 26px;
    }

    .indexMain1Top {
        margin-top: 30px;
    }
}

@media (max-width: 1600px) {
    .index .main1 .top1_box .content .img_box .img {
        left: -155px;
    }

    .index .main2 .mask {
        padding-top: 100px;
    }
}

@media (max-width: 1400px) {
    .index .main1 .bottom_box {
        padding: 0 30px;
    }
}

@media (max-width: 1200px) {
    .center1200 {
        width: 100%;
        padding: 0 15px;
    }

    .index .main1 {
        padding: 80px 0;
    }

    .index .main1 .top1_box .content {
        padding: 70px 0;
        margin-left: 30px;
    }

    .index .main1 .top1_box .content .img_box .img {
        left: -50px;
    }

    .index .main1 .top1_box .content .txt_box .name {
        font-size: 22px;
        line-height: 30px;
    }

    .index .main1 .bottom_box .swiper-scrollbar {
        width: 100%;
        margin-top: 45px;
    }

    .index .main2 .bg_img {
        display: none;
    }

    .index .main2 .mask {
        background-size: cover;
        position: unset;
        padding: 80px 0;
    }

    .index .main2 .mask .title {
        font-size: 52px;
    }

    .index .main2 .mask .block_box {
        margin-top: 80px;
    }

    .index .main2 .mask .block_box .swiper-pagination {
        bottom: 40px;
    }

    .index .main2 .mask .block_box .block .txt_box .name {
        font-size: 22px;
        line-height: 30px;
    }

    .index .main2 .swiper_control {
        width: 100%;
        top: 80px;
    }

    .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next {
        font-size: 45px;
    }

    .index .main3 .block .mask .name {
        font-size: 36px;
    }

    .index .main3 .block .mask .tag {
        margin-top: 20px;
    }

    .index .main4 {
        padding-top: 60px;
    }

    .index .main4 .title_box .name {
        font-size: 36px;
    }

    .index .main4 .title_box .more {
        margin-top: 20px;
    }

    .index .main4 .img {
        margin-top: 20px;
    }

    .index .main4 .icon_img1 {
        width: 9.11458%;
    }

    .index .main4 .icon_img2 {
        width: 14.16667%;
    }

    .index .main5 {
        padding: 80px 0;
    }

    .index .main5 .content .txt_box .name {
        font-size: 26px;
        line-height: 32px;
    }

    .index .main5 .content .block {
        margin-top: 60px;
    }

    .product .main1 {
        padding: 80px 0;
    }

    .product .main1 .content {
        padding: 0 15px;
    }

    .product .main1 .content .title_box .title {
        font-size: 28px;
    }

    .product .main1 .content .box {
        margin-top: 20px;
    }

    .product .main1 .content .box .left_box.fixed {
        left: 15px;
    }

    .product .main1 .content .box .right_box .block_box .block {
        padding: 20px;
    }

    .product .main1 .content .box .right_box .block_box .block .img {
        width: 60%;
        margin: 30px auto;
    }

    .error .con2 .con .block {
        padding: 20px;
    }

    .error .con2 .con .block .img {
        width: 60%;
        margin: 30px auto;
    }
}

@media (max-width: 768px) {


    .search_jgcont {
        padding: 40px 0;
    }

    .search_list a {
        display: block;
    }

    .search_list a .text h2 {
        font-size: 18px;
    }

    .search_list a .imgbox {
        width: 100%;
    }

    .search_list a .text {
        width: 100%;
        margin-top: 15px;
    }

    .search_list a .text p {
        margin-top: 5px;
    }

    .search_jgcont .search_box {
        width: 100%;
    }

    .search_box input {
        line-height: 40px;
    }

    .search_jgcont .search_box .btn {
        line-height: 35px;
    }


    .index .main1 {
        padding: 60px 0;
    }

    .index .main1 .top1_box .title {
        font-size: 26px;
        letter-spacing: 1px;
    }

    .index .main1 .top1_box .tag_box {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
        width: 240px;
    }

    .index .main1 .top1_box .tag_box .tag {
        color: #cacaca;
        padding-left: 10px;
    }

    .index .main1 .top1_box .tag_box .tag:not(:nth-child(5n + 1))::after {
        left: 5px;
    }

    .index .main1 .top1_box .content {
        padding: 0 0 60px;
        margin-left: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index .main1 .top1_box .content .img_box {
        padding: 40px 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .index .main1 .top1_box .content .img_box .img {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 45%;
    }

    .index .main1 .top1_box .content .txt_box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .index .main1 .top1_box .content .txt_box .name {
        font-size: 22px;
        line-height: 30px;
    }

    .index .main1 .bottom_box .swiper-scrollbar {
        width: 100%;
        margin-top: 45px;
    }

    .index .main2 .bg_img {
        display: none;
    }

    .index .main2 .mask {
        background-size: cover;
        padding: 80px 0;
        background-position: center;
    }

    .index .main2 .mask .title {
        font-size: 52px;
    }

    .index .main2 .mask .block_box {
        margin-top: 80px;
    }

    .index .main2 .mask .block_box .swiper-pagination {
        bottom: 40px;
    }

    .index .main2 .mask .block_box .block .txt_box .name {
        font-size: 22px;
        line-height: 30px;
    }

    .index .main2 .swiper_control {
        width: 100%;
        top: 80px;
    }

    .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next {
        font-size: 45px;
    }

    .index .main3 .block .mask .name {
        font-size: 36px;
    }

    .index .main3 .block .mask .tag {
        margin-top: 20px;
    }

    .index .main4 {
        padding-top: 60px;
    }

    .index .main4 .title_box .name {
        font-size: 36px;
    }

    .index .main4 .title_box .more {
        margin-top: 20px;
    }

    .index .main4 .img {
        margin-top: 20px;
    }

    .index .main4 .icon_img1 {
        width: 9.11458%;
    }

    .index .main4 .icon_img2 {
        width: 14.16667%;
    }

    .index .main5 {
        padding: 80px 0;
    }

    .index .main5 .content .txt_box .name {
        font-size: 26px;
        line-height: 32px;
    }

    .index .main5 .content .block {
        margin-top: 60px;
    }

    .index .main6 .content .block {
        width: 100%;
        padding: 0 15px;
    }

    .product .main1 {
        padding: 60px 0;
    }

    .product .main1 .content .title_box .title {
        font-size: 26px;
    }

    .product .main1 .content .box {
        margin-top: 20px;
    }

    .product .main1 .content .box .left_box.fixed {
        left: 15px;
    }

    .product .main1 .content .box .right_box .block_box .block {
        padding: 10px;
        width: 49%;
    }

    .product .main1 .content .box .right_box .block_box .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .product .main1 .content .box .right_box .block_box .block:nth-child(n + 3) {
        margin-top: 15px;
    }

    .product .main1 .content .box .right_box .block_box .block:nth-child(odd) {
        margin-right: 2%;
    }

    .product .main1 .content .box .right_box .block_box .block .img {
        width: 60%;
        margin: 30px auto;
    }

    .error .con2 .con .block {
        padding: 10px;
        width: 49%;
    }

    .error .con2 .con .block:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .error .con2 .con .block:nth-child(n + 3) {
        margin-top: 15px;
    }

    .error .con2 .con .block:nth-child(odd) {
        margin-right: 2%;
    }

    .error .con2 .con .block .img {
        width: 60%;
        margin: 30px auto;
    }

}


@media (max-width: 465px) {
    .fuwu_tixione .FW_BJ .imgBox .picture {
        padding-top: 75%;
    }

    .customized_title {
        display: none;
    }

    .customized_title2 {
        display: block;
    }

    .fuwu_tixione .fw_list {
        height: 50%;
    }

    .cusimgbox {
        height: 300px;
    }

    .prodcut_details .main2 .content .details_txt tr {
        display: block;
        border-top: none;
    }

    .prodcut_details .main2 .content .details_txt tr td {
        display: block;
        font-size: 14px;
    }

    .prodcut_details .main2 .content .details_txt tr td:nth-child(1) {
        text-align: left;
    }

    .prodcut_details .main2 .content .details_txt tr td:nth-child(even) {
        border-bottom: 1px solid #e0ded8;
        font-size: 12px;
    }

    .brand_box .brand_right .desc {
        text-align: left;
    }

    .technology_list .item .imgbox {
        text-align: center;
    }

    .video_screen a {
        margin: 0 10px;
    }

    .video_list .item .imgbox::after {
        opacity: 1;
    }

    .video_list .item .video_play {
        opacity: 1;
    }

    .index .main2 .mask .block_box {
        margin-top: 110px !important;
    }

    .index .main2 .mask {
        background-position: center;
    }

    .index .main1 .top1_box .content .txt_box .more,
    .index .main2 .mask .block_box .block .txt_box .more {
        font-size: 20px;
        font-weight: bold;
    }

    .product .main1 .content .box .right_box .block_box .block:nth-child(odd) {
        margin-right: 2px !important;
    }

    .error .con2 .con .block:nth-child(odd) {
        margin-right: 2px !important;
    }
}