@charset "UTF-8";

/*!

 * Cy Style Projects for ShuangHu (https://RNMMP.grd)

 * Copyright 2016-2018 Code yo, Authors own.

 * Licensed under MIT, GCC-GCZ-GPP (https://RNMMP.grd/AiYongBuYong/AiShuoBuShuo/)

 * Date 2018-3-20

 */

/*! Reset v1.2.1-alpha.2 */

html {

    height: 100%;

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0;

    font: normal 14px/30px Arial, sans-serif;

    color: #666;

    background: #fff

}



h1, h2, h3, h4, h5, h6 {

    margin: 0;

    font-weight: 400;

    line-height: 1

}



p {

    margin: 0

}



address {

    margin-bottom: 1.125rem;

    font-style: normal;

    line-height: inherit

}



dd, dl, ol, ul {

    margin: 0;

    padding: 0;

    list-style: none

}



blockquote {

    margin: 0 2.875em 1.125em 2.875em

}



small {

    font-size: 62.5%

}



sub, sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline

}



sub {

    bottom: -.375em

}



sup {

    top: -.5em

}



a {

    color: inherit;

    text-decoration: none

}



i {

    font-style: inherit

}



figure {

    margin: 0

}



img {

    vertical-align: top;

    border: 0 none

}



img::-moz-selection {

    background: 0 0

}



img::selection {

    background: 0 0

}



table {

    width: 100%;

    border-collapse: collapse

}



th {

    text-align: inherit

}



button, input, optgroup, option, select, textarea {

    margin: 0;

    border: 0 none;

    border-radius: 0;

    padding: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    color: inherit;

    background-color: inherit

}



button, input, option, select {

    outline: 0 none

}



button, input {

    overflow: visible

}



button, select {

    text-transform: none

}



[type=reset], [type=submit], button, html [type=button] {

    -webkit-appearance: button

}



button {

    cursor: pointer

}



[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {

    border-style: none;

    padding: 0

}



textarea {

    padding: .375em .625em;

    overflow: auto;

    resize: none

}



a, button, input, select, textarea {

    -webkit-appearance: none;

    -moz-appearance: none

}



hr {

    visibility: visible;

    height: 1px;

    margin: 0;

    background: #eee;

    border: 0 none

}



svg {

    width: 100%;

    height: 100%

}



*, :after, :before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



* {

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)

}



:focus {

    outline: 0 none

}



.iconfont {

    overflow: hidden;

}



/*! Animate v2.1.0-alpha.1 */

.container {

    -webkit-transition: max-width .3s;

    -o-transition: max-width .3s;

    transition: max-width .3s

}



.act {

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    -o-transition-property: transform, opacity;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform;

    -webkit-transition-duration: .7s;

    -o-transition-duration: .7s;

    transition-duration: .7s

}



.cy-tg.cy-upToDown {

    opacity: 0;

    -webkit-transform: translate(0, -20px);

    -ms-transform: translate(0, -20px);

    transform: translate(0, -20px)

}



.cy-tg.cy-downToUp {

    opacity: 0;

    -webkit-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    transform: translate(0, 20px)

}



.cy-tg.cy-leftToRight {

    opacity: 0;

    -webkit-transform: translate(-20px, 0);

    -ms-transform: translate(-20px, 0);

    transform: translate(-20px, 0)

}



.cy-tg.cy-rightToLeft {

    opacity: 0;

    -webkit-transform: translate(20px, 0);

    -ms-transform: translate(20px, 0);

    transform: translate(20px, 0)

}



.act.cy-downToUp, .act.cy-leftToRight, .act.cy-rightToLeft, .act.cy-upToDown {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.cy-tg.cy-rightToLeftSkew {

    opacity: 0;

    -webkit-transform: translate(20px, 0) scale(.9) skew(-20deg);

    -ms-transform: translate(20px, 0) scale(.9) skew(-20deg);

    transform: translate(20px, 0) scale(.9) skew(-20deg);

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.act.cy-rightToLeftSkew {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.cy-tg.cy-rightToLeftScale {

    opacity: 0;

    -webkit-transform: translate(20px, 0) scale(.9);

    -ms-transform: translate(20px, 0) scale(.9);

    transform: translate(20px, 0) scale(.9);

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%

}



.act.cy-rightToLeftScale {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.cy-tg.cy-upToDownScale {

    opacity: 0;

    -webkit-transform: translate(0, -20%) scale(.2);

    -ms-transform: translate(0, -20%) scale(.2);

    transform: translate(0, -20%) scale(.2);

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%

}



.act.cy-upToDownScale {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center

}



.cy-d1 {

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s

}



.cy-d2 {

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.cy-d3 {

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s

}



.cy-d4 {

    -webkit-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s

}



.cy-d5 {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s

}



.cy-d6 {

    -webkit-transition-delay: .6s;

    -o-transition-delay: .6s;

    transition-delay: .6s

}



.cy-d7 {

    -webkit-transition-delay: .7s;

    -o-transition-delay: .7s;

    transition-delay: .7s

}



.cy-d8 {

    -webkit-transition-delay: .8s;

    -o-transition-delay: .8s;

    transition-delay: .8s

}



.cy-d9 {

    -webkit-transition-delay: .9s;

    -o-transition-delay: .9s;

    transition-delay: .9s

}



.cy-d10 {

    -webkit-transition-delay: 1s;

    -o-transition-delay: 1s;

    transition-delay: 1s

}



.cy-d0-5 {

    -webkit-transition-delay: .05s;

    -o-transition-delay: .05s;

    transition-delay: .05s

}



.cy-d1-5 {

    -webkit-transition-delay: .15s;

    -o-transition-delay: .15s;

    transition-delay: .15s

}



.cy-d2-5 {

    -webkit-transition-delay: .25s;

    -o-transition-delay: .25s;

    transition-delay: .25s

}



.cy-d3-5 {

    -webkit-transition-delay: .35s;

    -o-transition-delay: .35s;

    transition-delay: .35s

}



.cy-d4-5 {

    -webkit-transition-delay: .45s;

    -o-transition-delay: .45s;

    transition-delay: .45s

}



.cy-d5-5 {

    -webkit-transition-delay: .55s;

    -o-transition-delay: .55s;

    transition-delay: .55s

}



.cy-d6-5 {

    -webkit-transition-delay: .65s;

    -o-transition-delay: .65s;

    transition-delay: .65s

}



.cy-d7-5 {

    -webkit-transition-delay: .75s;

    -o-transition-delay: .75s;

    transition-delay: .75s

}



.cy-d8-5 {

    -webkit-transition-delay: .85s;

    -o-transition-delay: .85s;

    transition-delay: .85s

}



.cy-d9-5 {

    -webkit-transition-delay: .95s;

    -o-transition-delay: .95s;

    transition-delay: .95s

}



.icon-show {

    -webkit-animation: iconShow .5s;

    animation: iconShow .5s

}



.logo-show {

    display: block;

    position: relative;

    z-index: 1

}



.logo-show:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    width: 100%;

    height: 100%

}



.logo-show:hover:before {

    -webkit-animation: logoShow .5s 1 linear;

    animation: logoShow .5s 1 linear;

    content: ''

}



@-webkit-keyframes logoShow {

    0% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%)

    }

    10% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%)

    }

    20% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%)

    }

    30% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%)

    }

    40% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%)

    }

    50% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%)

    }

    60% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%)

    }

    70% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%)

    }

    80% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%)

    }

    90% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%)

    }

    100% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%)

    }

}



@keyframes logoShow {

    0% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%)

    }

    10% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%)

    }

    20% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%)

    }

    30% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%)

    }

    40% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%)

    }

    50% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%)

    }

    60% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%)

    }

    70% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%)

    }

    80% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%)

    }

    90% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%)

    }

    100% {

        background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);

        background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);

        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%)

    }

}



@-webkit-keyframes iconShow {

    from, to {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1)

    }

    25% {

        -webkit-transform: scale(.9, 1.1);

        transform: scale(.9, 1.1)

    }

    50% {

        -webkit-transform: scale(1.1, .9);

        transform: scale(1.1, .9)

    }

    75% {

        -webkit-transform: scale(.95, 1.05);

        transform: scale(.95, 1.05)

    }

}



@keyframes iconShow {

    from, to {

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1)

    }

    25% {

        -webkit-transform: scale(.9, 1.1);

        transform: scale(.9, 1.1)

    }

    50% {

        -webkit-transform: scale(1.1, .9);

        transform: scale(1.1, .9)

    }

    75% {

        -webkit-transform: scale(.95, 1.05);

        transform: scale(.95, 1.05)

    }

}



@media (max-width: 1024px) {

    .cy-tg.cy-downToUp, .cy-tg.cy-leftToRight, .cy-tg.cy-rightToLeft, .cy-tg.cy-rightToLeftScale, .cy-tg.cy-rightToLeftSkew, .cy-tg.cy-upToDown {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.slick-loading .slick-list {

    background: #fff url(../images/loading.gif) center center no-repeat

}



.slick-slider {

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

    z-index: 1

}



.slick-list:focus {

    outline: 0

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-list, .slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block

}



.slick-track:after, .slick-track:before {

    display: table;

    content: ''

}



.slick-track:after {

    clear: both

}



.slick-loading .slick-track {

    visibility: hidden

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px

}



[dir=rtl] .slick-slide {

    float: right

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-loading .slick-slide {

    visibility: hidden

}



.slick-vertical .slick-slide {

    display: block;

    height: auto

}



.slick-arrow.slick-hidden {

    display: none

}



.slick-next, .slick-prev {

    position: absolute;

    top: 50%;

    display: block;

    width: 32px;

    height: 32px;

    padding: 0;

    margin-top: -16px;

    font-size: 0;

    line-height: 0;

    cursor: pointer;

    z-index: 5

}



.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {

    color: transparent;

    outline: 0;

    background: 0 0

}



.slick-next.slick-disabled, .slick-prev.slick-disabled {

    opacity: .3

}



.slick-prev {

    left: -36px

}



[dir=rtl] .slick-prev {

    right: -36px;

    left: auto

}



.slick-next {

    right: -36px

}



[dir=rtl] .slick-next {

    right: auto;

    left: -36px

}



.slick-dots {

    position: absolute;

    bottom: 0;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    font-size: 0;

    line-height: 0;

    text-align: center;

    z-index: 5

}



.slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 3px;

    width: 10px;

    height: 10px;

    padding: 0;

    cursor: pointer

}



.mCustomScrollbar {

    -ms-touch-action: pinch-zoom;

    touch-action: pinch-zoom

}



.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {

    -ms-touch-action: auto;

    touch-action: auto

}



.mCustomScrollBox {

    position: relative;

    overflow: hidden;

    height: 100%;

    max-width: 100%;

    outline: 0;

    direction: ltr

}



.mCSB_container {

    overflow: hidden;

    width: auto;

    height: auto

}



.mCSB_inside > .mCSB_container {

    margin-right: 30px

}



.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right: 0

}



.mCS-dir-rtl > .mCSB_inside > .mCSB_container {

    margin-right: 0;

    margin-left: 30px

}



.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-left: 0

}



.mCSB_scrollTools {

    position: absolute;

    width: 16px;

    height: auto;

    left: auto;

    top: 0;

    right: 0;

    bottom: 0

}



.mCSB_outside + .mCSB_scrollTools {

    right: -26px

}



.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {

    right: auto;

    left: 0

}



.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {

    left: -26px

}



.mCSB_scrollTools .mCSB_draggerContainer {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: auto

}



.mCSB_scrollTools a + .mCSB_draggerContainer {

    margin: 20px 0

}



.mCSB_scrollTools .mCSB_draggerRail {

    width: 2px;

    height: 100%;

    margin: 0 auto;

    border-radius: 16px

}



.mCSB_scrollTools .mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 30px;

    z-index: 1

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    position: relative;

    width: 4px;

    height: 100%;

    margin: 0 auto;

    border-radius: 16px;

    text-align: center

}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width: 12px

}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 8px

}



.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {

    display: block;

    position: absolute;

    height: 20px;

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer

}



.mCSB_scrollTools .mCSB_buttonDown {

    bottom: 0

}



.mCSB_horizontal.mCSB_inside > .mCSB_container {

    margin-right: 0;

    margin-bottom: 30px

}



.mCSB_horizontal.mCSB_outside > .mCSB_container {

    min-height: 100%

}



.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    width: auto;

    height: 16px;

    top: auto;

    right: 0;

    bottom: 0;

    left: 0

}



.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: -26px

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {

    margin: 0 20px

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 2px;

    margin: 7px 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 30px;

    height: 100%;

    left: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto

}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height: 12px;

    margin: 2px auto

}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 8px;

    margin: 4px 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    display: block;

    position: absolute;

    width: 20px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {

    left: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    right: 0

}



.mCSB_scrollTools {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)"

}



.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)"

}



.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .4);

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75);

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {

    background-image: url(../images/mcsb_buttons.png);

    background-repeat: no-repeat;

    opacity: .4;

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 0

}



.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -20px

}



.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -40px

}



.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -56px

}



.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {

    opacity: .9;

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {

    right: 0;

    margin: 12px 0

}



.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: 0;

    margin: 0 12px

}



.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {

    left: 0;

    right: auto

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent

}



.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {

    height: 50px

}



.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 50px

}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.vwrap {

    display: none;

    z-index: 9777;

    width: 100%;

    position: fixed

}



.vwrap .videobtg {

    z-index: 900;

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

    opacity: .8;

    filter: alpha(opacity=80);

    overflow: hidden

}



.vwrap .videobox {

    z-index: 990;

    width: 800px;

    height: 400px;

    background-color: #fff;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-top: -200px;

    margin-left: -400px

}



@media (max-width: 1024px) {

    .vwrap .videobox {

        margin-top: -150px;

        margin-left: -300px;

        width: 600px;

        height: 300px

    }

}



@media (max-width: 768px) {

    .vwrap .videobox {

        margin-top: -125px;

        margin-left: -250px;

        width: 500px;

        height: 250px

    }

}



@media (max-width: 576px) {

    .vwrap .videobox {

        margin-top: -120px;

        margin-left: -200px;

        width: 400px;

        height: 240px

    }

}



@media (max-width: 425px) {

    .vwrap .videobox {

        margin-top: -112px;

        margin-left: -150px;

        width: 300px;

        height: 225px

    }

}



.vwrap .videobox #videobox {

    width: 100%;

    display: inline-block;

    height: 100%;

    background: #80abde

}



#videobox_wrapper {

    height: 100% !important

}



.vwrap .close {

    z-index: 999;

    width: 32px;

    height: 32px;

    cursor: pointer;

    position: absolute;

    top: 0;

    right: -42px

}



@media (max-width: 768px) {

    .vwrap .close {

        top: -36px;

        right: 0

    }

}



.vwrap .close i {

    display: block;

    width: 32px;

    height: 32px;

    background: url(../images/video-close.png) no-repeat 50% 50%;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s

}



.vwrap .close:hover i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.homeBlack .videobtg {

    opacity: 1;

    filter: alpha(opacity=100);

}



#videobox_display_button, #videocontainer_display_button {

    background: none no-repeat !important

}



.jwplayer .jwicon {

    opacity: .8;

    filter: alpha(opacity=80);

    cursor: pointer;

    background: no-repeat scroll center center;

    -webkit-transform: rotate(0) !important;

    -ms-transform: rotate(0) !important;

    transform: rotate(0) !important

}



.jwplayer .jwicon:hover {

    opacity: 1;

    filter: alpha(opacity=100)

}



.jwclick, .jwlogo {

    display: none !important

}



.jwdisplayIcon {

    background: none no-repeat !important

}



.vbBox {

    position: relative;

    background: no-repeat center center;

    overflow: hidden;

    cursor: pointer

}



.vbBox .vicoBox {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10

}



.vbBox .vico {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    width: 64px;

    height: 64px;

    margin-top: -32px;

    margin-left: -32px;

    background: no-repeat;

    background-size: cover;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.vbBox #case-video_wrapper, .vbBox .jwplayer {

    position: absolute !important;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2

}



.fancybox-enabled {

    overflow: hidden

}



.fancybox-enabled body {

    overflow: visible

}



.fancybox-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99993;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.fancybox-container ~ .fancybox-container {

    z-index: 99992

}



.fancybox-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #0f0f11;

    opacity: 0;

    -webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);

    -o-transition-timing-function: cubic-bezier(.55, .06, .68, .19);

    transition-timing-function: cubic-bezier(.55, .06, .68, .19);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.fancybox-container--ready .fancybox-bg {

    opacity: .87;

    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);

    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);

    transition-timing-function: cubic-bezier(.22, .61, .36, 1)

}



.fancybox-controls {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    text-align: center;

    opacity: 0;

    z-index: 99994;

    -webkit-transition: opacity .2s;

    -o-transition: opacity .2s;

    transition: opacity .2s;

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    direction: ltr

}



.fancybox-show-controls .fancybox-controls {

    opacity: 1

}



.fancybox-infobar {

    display: none

}



.fancybox-show-infobar .fancybox-infobar {

    display: inline-block;

    pointer-events: all

}



.fancybox-infobar__body {

    display: inline-block;

    width: 70px;

    line-height: 44px;

    font-size: 13px;

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    text-align: center;

    color: #ddd;

    background-color: rgba(30, 30, 30, .7);

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-font-smoothing: subpixel-antialiased

}



.fancybox-buttons {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

    pointer-events: all

}



.fancybox-show-buttons .fancybox-buttons {

    display: block

}



.fancybox-slider-wrap {

    overflow: hidden;

    direction: ltr

}



.fancybox-slider, .fancybox-slider-wrap {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 0;

    margin: 0;

    z-index: 99993;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-tap-highlight-color: transparent

}



.fancybox-slide {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow: auto;

    outline: 0;

    white-space: normal;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    text-align: center;

    z-index: 99994;

    -webkit-overflow-scrolling: touch

}



.fancybox-slide:before {

    content: "";

    height: 100%;

    width: 0

}



.fancybox-slide:before, .fancybox-slide > * {

    display: inline-block;

    vertical-align: middle

}



.fancybox-slide > * {

    position: relative;

    padding: 24px;

    margin: 44px 0;

    border-width: 0;

    text-align: left;

    background-color: #fff;

    overflow: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fancybox-slide--image {

    overflow: hidden

}



.fancybox-slide--image:before {

    display: none

}



.fancybox-content {

    display: inline-block;

    position: relative;

    margin: 44px auto;

    padding: 0;

    border: 0;

    width: 80%;

    height: calc(100% - 88px);

    vertical-align: middle;

    line-height: normal;

    text-align: left;

    white-space: normal;

    outline: 0;

    font-size: 16px;

    font-family: Arial, sans-serif;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch

}



.fancybox-iframe {

    display: block;

    margin: 0;

    padding: 0;

    border: 0;

    width: 100%;

    height: 100%;

    background: #fff

}



.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {

    background: 0 0

}



.fancybox-placeholder {

    z-index: 99995;

    background: 0 0;

    cursor: default;

    overflow: visible;

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    border: 0

}



.fancybox-image, .fancybox-spaceball {

    width: 100%;

    height: 100%;

    max-width: none;

    max-height: none;

    background: 0 0;

    background-size: 100% 100%

}



.fancybox-controls--canzoomOut .fancybox-placeholder {

    cursor: -webkit-zoom-out;

    cursor: zoom-out

}



.fancybox-controls--canzoomIn .fancybox-placeholder {

    cursor: -webkit-zoom-in;

    cursor: zoom-in

}



.fancybox-controls--canGrab .fancybox-placeholder {

    cursor: -webkit-grab;

    cursor: grab

}



.fancybox-controls--isGrabbing .fancybox-placeholder {

    cursor: -webkit-grabbing;

    cursor: grabbing

}



.fancybox-spaceball {

    z-index: 1

}



.fancybox-tmp {

    position: absolute;

    top: -9999px;

    left: -9999px;

    visibility: hidden

}



.fancybox-error {

    position: absolute;

    margin: 0;

    padding: 40px;

    top: 50%;

    left: 50%;

    width: 380px;

    max-width: 100%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #fff;

    cursor: default

}



.fancybox-error p {

    margin: 0;

    padding: 0;

    color: #444;

    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif

}



.fancybox-close-small {

    position: absolute;

    top: 0;

    right: 0;

    width: 44px;

    height: 44px;

    padding: 0;

    margin: 0;

    border: 0;

    border-radius: 0;

    outline: 0;

    background: 0 0;

    z-index: 10;

    cursor: pointer

}



.fancybox-close-small:after {

    content: "×";

    position: absolute;

    top: 5px;

    right: 5px;

    width: 30px;

    height: 30px;

    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;

    color: #888;

    font-weight: 300;

    text-align: center;

    border-radius: 50%;

    border-width: 0;

    background: #fff;

    -webkit-transition: background .2s;

    -o-transition: background .2s;

    transition: background .2s;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 2

}



.fancybox-close-small:focus:after {

    outline: 1px dotted #888

}



.fancybox-slide--video .fancybox-close-small {

    top: -36px;

    right: -36px;

    background: 0 0

}



.fancybox-close-small:hover:after {

    color: #555;

    background: #eee

}



.fancybox-caption-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 60px 30px 0;

    z-index: 99998;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));

    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));

    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));

    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));

    opacity: 0;

    -webkit-transition: opacity .2s;

    -o-transition: opacity .2s;

    transition: opacity .2s;

    pointer-events: none

}



.fancybox-show-caption .fancybox-caption-wrap {

    opacity: 1

}



.fancybox-caption {

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, .4);

    font-size: 14px;

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    color: #fff;

    line-height: 20px;

    -webkit-text-size-adjust: none

}



.fancybox-caption a, .fancybox-caption button {

    pointer-events: all

}



.fancybox-caption a {

    color: #fff;

    text-decoration: underline

}



.fancybox-button {

    display: inline-block;

    position: relative;

    width: 44px;

    height: 44px;

    line-height: 44px;

    margin: 0;

    padding: 0;

    border: 0;

    border-radius: 0;

    cursor: pointer;

    background: 0 0;

    color: #fff;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: top;

    outline: 0

}



.fancybox-button--disabled {

    cursor: default;

    pointer-events: none

}



.fancybox-button, .fancybox-infobar__body {

    background: rgba(30, 30, 30, .6)

}



.fancybox-button:hover {

    background: rgba(0, 0, 0, .8)

}



.fancybox-button:after, .fancybox-button:before {

    content: "";

    pointer-events: none;

    position: absolute;

    border-color: #fff;

    background-color: currentColor;

    color: currentColor;

    opacity: .9;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block

}



.fancybox-button--disabled:after, .fancybox-button--disabled:before {

    opacity: .5

}



.fancybox-button--left:after {

    left: 20px;

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    transform: rotate(-135deg)

}



.fancybox-button--left:after, .fancybox-button--right:after {

    top: 18px;

    width: 6px;

    height: 6px;

    background: 0 0;

    border-top: 2px solid currentColor;

    border-right: 2px solid currentColor

}



.fancybox-button--right:after {

    right: 20px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.fancybox-button--left {

    border-bottom-left-radius: 5px

}



.fancybox-button--right {

    border-bottom-right-radius: 5px

}



.fancybox-button--close {

    float: right

}



.fancybox-button--close:after, .fancybox-button--close:before {

    content: "";

    display: inline-block;

    position: absolute;

    height: 2px;

    width: 16px;

    top: calc(50% - 1px);

    left: calc(50% - 8px)

}



.fancybox-button--close:before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.fancybox-button--close:after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.fancybox-loading {

    border: 6px solid rgba(99, 99, 99, .4);

    border-top: 6px solid rgba(255, 255, 255, .6);

    border-radius: 100%;

    height: 50px;

    width: 50px;

    -webkit-animation: a .8s infinite linear;

    animation: a .8s infinite linear;

    background: 0 0;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -25px;

    margin-left: -25px;

    z-index: 99999

}



@-webkit-keyframes a {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes a {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@media (max-width: 768px) {

    .fancybox-controls {

        text-align: left

    }



    .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {

        display: none !important

    }



    .fancybox-caption {

        padding: 20px 0;

        margin: 0

    }

}



.fancybox-button--fullscreen:before {

    width: 15px;

    height: 11px;

    left: 15px;

    top: 16px;

    border: 2px solid;

    background: 0 0

}



.fancybox-button--play:before {

    top: 16px;

    left: 18px;

    width: 0;

    height: 0;

    border-top: 6px inset transparent;

    border-bottom: 6px inset transparent;

    border-left: 10px solid;

    border-radius: 1px;

    background: 0 0

}



.fancybox-button--pause:before {

    top: 16px;

    left: 18px;

    width: 7px;

    height: 11px;

    border-style: solid;

    border-width: 0 2px;

    background: 0 0

}



.fancybox-button--thumbs span {

    font-size: 23px

}



.fancybox-button--thumbs:before {

    top: 20px;

    left: 21px;

    width: 3px;

    height: 3px;

    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;

    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0

}



.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {

    right: 220px

}



.fancybox-thumbs {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: auto;

    width: 220px;

    margin: 0;

    padding: 5px 5px 0 0;

    background: #fff;

    z-index: 99993;

    word-break: normal;

    -webkit-overflow-scrolling: touch;

    -webkit-tap-highlight-color: transparent;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.fancybox-thumbs > ul {

    list-style: none;

    position: absolute;

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    overflow-y: auto;

    font-size: 0

}



.fancybox-thumbs > ul > li {

    float: left;

    overflow: hidden;

    max-width: 50%;

    padding: 0;

    margin: 0;

    width: 105px;

    height: 75px;

    position: relative;

    cursor: pointer;

    outline: 0;

    border: 5px solid #fff;

    border-top-width: 0;

    border-right-width: 0;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



li.fancybox-thumbs-loading {

    background: rgba(0, 0, 0, .1)

}



.fancybox-thumbs > ul > li > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

    max-width: none;

    max-height: none;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.fancybox-thumbs > ul > li:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 2px;

    border: 4px solid #4ea7f9;

    z-index: 99991;

    opacity: 0;

    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);

    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);

    transition: all .2s cubic-bezier(.25, .46, .45, .94)

}



.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

    opacity: 1

}



@media (max-width: 768px) {

    .fancybox-thumbs {

        display: none !important

    }



    .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {

        right: 0

    }

}



/*! Animate End */

body.overflow, html.overflow {

    overflow-y: hidden

}



html::-webkit-scrollbar {

    width: 7px;

    height: 7px;

    background-color: #9CC92E

}



html::-webkit-scrollbar-track {

    border-radius: 0;

    background-color: #9CC92E

}



html::-webkit-scrollbar-thumb {

    border-radius: 0;

    width: 17px;

    height: 17px;

    background-color: #e67015

}



body {

    overflow-x: hidden;

    font-family: "Microsoft YaHei", sans-serif;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    min-height: 100vh

}



.cy-wrapper.scrollbar, .footer.scrollbar, .header.scrollbar {

    overflow-y: scroll

}



.cy-wrapper.scrollbar::-webkit-scrollbar, .footer.scrollbar::-webkit-scrollbar, .header.scrollbar::-webkit-scrollbar {

    width: 7px;

    height: 7px;

    background-color: #9CC92E

}



.cy-wrapper.scrollbar::-webkit-scrollbar-track, .footer.scrollbar::-webkit-scrollbar-track, .header.scrollbar::-webkit-scrollbar-track {

    border-radius: 0;

    background-color: #9CC92E

}



.cy-wrapper.scrollbar::-webkit-scrollbar-thumb, .footer.scrollbar::-webkit-scrollbar-thumb, .header.scrollbar::-webkit-scrollbar-thumb {

    border-radius: 0;

    width: 17px;

    height: 17px;

    background-color: #9CC92E

}



@media (min-device-pixel-ratio: 2) {

    .cy-wrapper.scrollbar, .footer.scrollbar, .header.scrollbar {

        overflow-y: hidden

    }



    .cy-wrapper.scrollbar::-webkit-scrollbar, .footer.scrollbar::-webkit-scrollbar, .header.scrollbar::-webkit-scrollbar {

        display: none

    }

}



.cy-wrapper {

    overflow: hidden; /* -webkit-box-flex: 1; -ms-flex: 1; flex: 1*/

}



.container {

    margin: 0 auto;

    padding: 0 15px;

    width: 100%

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .container {

        max-width: 90%

    }

}



@media (min-width: 1241px) {

    .container {

        max-width: 1140px

    }

}



@media (min-width: 1441px) {

    .container {

        padding: 0;

        max-width: 1200px

    }

}



.clearfix:after, .clearfix:before {

    content: '';

    display: table

}



.clearfix:after {

    clear: both

}



.details-body {

    line-height: 20px;

    overflow: hidden

}



.details-body p {

    line-height: 30px

}



.details-body img {

    display: inline-block;

    max-width: 100%;

    height: auto !important;

    margin: 0 auto

}



.builder {

    display: inline-block;

    vertical-align: top

}



.copyright a:hover {

    color: #e67015;

    text-decoration: underline

}



::-moz-selection {

    background: #9CC92E;

    color: #fff

}



::selection {

    background: #9CC92E;

    color: #fff

}



.bsBox {

    width: auto !important;

    height: auto !important

}



.icon {

    display: inline-block;

    vertical-align: top;

    font-size: 0;

    line-height: 0

}



.fancybox-button--left, .fancybox-button--right {

    position: fixed;

    top: 50%;

    border-radius: 50%;

    background: #666;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.fancybox-button--left:hover, .fancybox-button--right:hover {

    background: #999

}



.fancybox-button--left {

    left: 5%

}



.fancybox-button--right {

    right: 5%

}



.cy_title {

    padding: 0 0 40px;

    color: #000

}



@media (max-width: 1240px) {

    .cy_title {

        padding: 0 0 30px

    }

}



@media (max-width: 768px) {

    .cy_title {

        padding: 0 0 25px

    }

}



@media (max-width: 425px) {

    .cy_title {

        padding: 0 0 15px

    }

}



.cy_title.c_w {

    color: #fff

}



.cy_title.c_wl .title:before {

    background: #fff

}



.cy_title .title {

    position: relative;

    z-index: 1;

    font-family: Arial, sans-serif;

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase

}



@media (max-width: 768px) {

    .cy_title .title {

        font-size: 25px

    }

}



@media (max-width: 425px) {

    .cy_title .title {

        font-size: 20px

    }

}



.cy_title .title:before {

    position: absolute;

    right: 100%;

    bottom: 50%;

    z-index: -1;

    margin-right: .5em;

    width: 2em;

    height: 1px;

    background: #e67015;

    content: ''

}



@media (max-width: 1440px) {

    .cy_title .title:before {

        width: 1.5em

    }

}



@media (max-width: 1024px) {

    .cy_title .title:before {

        content: none

    }

}



.cy_title .name {

    font-size: 20px;

    line-height: 1.5

}



@media (max-width: 768px) {

    .cy_title .name {

        font-size: 18px

    }

}



@media (max-width: 425px) {

    .cy_title .name {

        font-size: 16px

    }

}



.cy-404 {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 15% 0 10%;

    min-height: 90vh;

    text-align: center

}



@media (max-width: 1024px) {

    .cy-404 {

        padding: 100px 0

    }

}



.cy-404 .pic-404 img {

    max-width: 90%

}



.cy-404 .info-404 {

    margin: 30px 0 60px;

    font-size: 30px;

    line-height: 1;

    color: #fff

}



@media (max-width: 1024px) {

    .cy-404 .info-404 {

        margin: 30px 0 40px;

        font-size: 20px

    }

}



.cy-404 .btn-404 a {

    display: block;

    margin: 0 auto;

    padding: 10px 0;

    width: 190px;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    background: #fff;

    color: #e67015;

    -webkit-transition: all .1s;

    -o-transition: all .1s;

    transition: all .1s

}



.cy-404 .btn-404 a:hover {

    color: #9CC92E

}



@media (max-width: 1024px) {

    .cy-404 .btn-404 a {

        width: 150px;

        line-height: 20px

    }

}



@media (max-width: 576px) {

    .cy-404 .btn-404 a {

        width: 120px;

        line-height: 15px

    }

}



.cy_sec {

    position: relative;

    z-index: 1;

    padding: 6.25% 0;

    background: #fff

}



.cy_sec .bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    background: no-repeat top center;

    background-size: cover

}



.cy_sec .bg:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .2;

    content: ''

}



.cy_sec .bg.c_1:before {

    background: #001a44;

    opacity: .3

}



.cy_sec .bg.c_3:before {

    opacity: .3

}



.cy_sec .bg.no_fixed {

    background: no-repeat right bottom;

    background-size: cover

}



.cy_sec .bg.no_fixed:before {

    content: none

}



@media (max-width: 576px) {

    .cy_sec .bg.no_fixed {

        background: no-repeat center center

    }

}



.cy_sec .cy_s-box {

    width: 525px

}



.cy_sec .cy_s-box.s_c {

    margin: 0 auto;

    text-align: center

}



.cy_sec .cy_s-box.s_c .cy_title .title:before {

    content: none

}



.cy_sec .cy_s-box.s_c .cy_s-d {

    text-align: center

}



.cy_sec .cy_s-box.s_c .line {

    display: inline-block;

    vertical-align: top;

    margin: 15px 0 0;

    width: 1px;

    height: 30px;

    background: #7e7e7e

}



@media (max-width: 1024px) {

    .cy_sec .cy_s-box.s_c .line {

        margin: 10px 0 0;

        height: 25px

    }

}



@media (max-width: 768px) {

    .cy_sec .cy_s-box.s_c .line {

        height: 20px

    }

}



.cy_sec .cy_s-d {

    height: 50px;

    font-size: 12px;

    line-height: 25px;

    text-align: justify;

    color: #858585;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



.cy_sec .cy_s-d.c_w {

    color: #fff

}



.cy_sec .cy_s-link {

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    text-align: right;

    text-transform: uppercase;

    color: #aaa

}



.cy_sec .cy_s-link a {

    display: inline-block;

    vertical-align: top;

    position: relative;

    top: -45px;

    z-index: 1;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.cy_sec .cy_s-link a:hover {

    color: #e67015

}



.cy_sec .cy_s-link a:hover .icon-arrow-thin-right {

    fill: #e67015

}



.cy_sec .cy_s-link .icon-arrow-thin-right {

    margin: 0 0 0 10px;

    width: 12px;

    height: 12px;

    fill: #aaa;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.cy_sec .cy_s-link.s_1 {

    text-align: left

}



.cy_sec .cy_s-link.s_1 a {

    top: 0;

    padding: 15px 0;

    width: 140px;

    text-align: center;

    background: #9CC92E;

    color: #fff

}



.cy_sec .cy_s-link.s_1 a:hover {

    background: #e67015;

    color: #fff

}



.cy_sec .cy_s-link.s_1 a:hover .icon-arrow-thin-right {

    fill: #fff

}



@media (max-width: 768px) {

    .cy_sec .cy_s-link.s_1 a {

        padding: 10px 0;

        width: 120px

    }

}



.cy_sec .cy_s-link.s_1 .icon-arrow-thin-right {

    fill: #fff

}



.cy_sec .cy_s-link.s_1.s_1-1 {

    text-align: center

}



.cy_sec .cy_s-link.s_1.s_1-1 a {

    border: 2px solid #e67015;

    background: #fff;

    color: #666

}



.cy_sec .cy_s-link.s_1.s_1-1 a:hover {

    background: #e67015;

    color: #fff

}



.cy_sec .cy_s-link.s_1.s_1-1 .icon-arrow-thin-right {

    fill: #666

}



.cy_sec .cy_s-link.s_1.s_1-2 a {

    border: 2px solid #fff;

    background: 0 0

}



.cy_sec .cy_s-link.s_1.s_1-2 a:hover {

    border-color: #e67015;

    background: #e67015

}



@media (max-width: 1240px) {

    .cy_sec .cy_s-box {

        width: 100%;

        max-width: 500px

    }

}



@media (max-width: 1024px) {

    .cy_sec .cy_s-box {

        max-width: 525px

    }

}



@media (max-width: 768px) {

    .cy_sec {

        padding: 10vw 0

    }



    .cy_sec .cy_s-link {

        margin: 2vw 0 0

    }



    .cy_sec .cy_s-link a {

        top: 0

    }

}



.cy_para {

    background: #fff;

    z-index: 1

}



.cy_para.cy_sec {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 100vh

}



@media (max-width: 1024px) {

    .cy_para.cy_sec {

        min-height: 0

    }

}



.cy_para.cy_cur {

    z-index: 3

}



.cy_para.cy_para_last {

    min-height: 0

}



.cy_banner {

    position: relative;

    z-index: 1

}



.cy_banner .banner-pic {

    position: relative

}



.cy_banner .banner-pic .pic {

    position: relative;

    z-index: 1;

    height: 100vh;

    background: no-repeat center center;

    background-size: cover

}



@media (max-width: 1024px) {

    .cy_banner .banner-pic .pic {

        height: calc(100vh - 60px);

        max-height: 964px

    }

}



@media (max-width: 768px) {

    .cy_banner .banner-pic .pic {

        max-height: 676px

    }

}



@media (max-width: 425px) {

    .cy_banner .banner-pic .pic {

        max-height: 607px

    }

}



.cy_banner .banner-pic .pic:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    /*background: rgba(0, 0, 0, .5);*/

    content: ''

}



.cy_banner .banner-pic .pic img {

    height: 100%;

    visibility: hidden;

    opacity: 0

}



.cy_banner .banner-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 85px;

    left: 0;

    right: 0;

    bottom: 85px;

    z-index: 3;

    text-align: center;

    color: #fff

}



.cy_banner .banner-info .title {

    font-family: Arial, sans-serif;

    font-size: 80px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 60px

}



.cy_banner .banner-info .name {

    margin: 1.6667% 0 0;

    font-size: 28px;

    line-height: 40px

}



.cy_banner .banner-info .more {

    display: inline-block;

    vertical-align: top;

    margin: 6.6667% 0 0;

    border: 1px solid #fff;

    border-radius: 50%;

    padding: 10px;

    width: 35px;

    height: 35px;

    opacity: .5;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.cy_banner .banner-info .more .icon-chevron-thin-down {

    width: 13px;

    height: 13px

}



.cy_banner .banner-info .more .icon-svg {

    fill: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.cy_banner .banner-info .more:hover {

    border-color: #e67015;

    opacity: 1

}



.cy_banner .banner-info .more:hover .icon-svg {

    fill: #e67015;

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3)

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .cy_banner .banner-info {

        bottom: 60px

    }



    .cy_banner .banner-info .title {

        font-size: 60px

    }



    .cy_banner .banner-info .name {

        font-size: 24px

    }

}



@media (max-width: 1024px) {

    .cy_banner .banner-info {

        top: 0;

        bottom: 45px

    }



    .cy_banner .banner-info .title {

        font-size: 6vw;

        line-height: 1.2

    }



    .cy_banner .banner-info .name {

        font-size: 2.5vw;

        line-height: 20px

    }

}



.cy_banner.cy_banner-details {

    position: fixed;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%

}



.cy_banner.cy_banner-details .banner-pic .pic {

    background: no-repeat top center

}



@media (max-width: 768px) {

    .cy_banner.cy_banner-details .banner-pic .pic {

        height: 100vh;

        max-height: none

    }

}



.cy_inside-nav {

    position: relative;

    z-index: 3;

    margin-top: -85px;

    padding: 0 0 30px;

    height: 85px

}



.cy_inside-nav.nav-1 {

    margin-top: -120px;

    height: 120px

}



.cy_inside-nav .nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.cy_inside-nav .nav > div {

    margin: 0 8px;

    width: 140px

}



.cy_inside-nav .nav a {

    display: block;

    position: relative;

    z-index: 1;

    border-bottom: 1px solid rgba(255, 255, 255, .4);

    padding: 0 0 15px;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.cy_inside-nav .nav a:after {

    position: absolute;

    top: 100%;

    left: 50%;

    width: 7px;

    height: 0;

    background: url(../images/down.png) no-repeat bottom center;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    -webkit-transform: translate(-50%, 10px);

    -ms-transform: translate(-50%, 10px);

    transform: translate(-50%, 10px);

    content: ''

}



.cy_inside-nav .nav a.cur, .cy_inside-nav .nav a:hover {

    z-index: 3;

    border-bottom-color: #e67015;

    color: #e67015

}



.cy_inside-nav .nav a.cur:after, .cy_inside-nav .nav a:hover:after {

    height: 5px;

    opacity: 1;

    visibility: visible

}



.cy_inside-nav .nav a.cur .icon-svg, .cy_inside-nav .nav a:hover .icon-svg {

    fill: #e67015

}



.cy_inside-nav .nav .icon {

    display: block;

    margin: 0 0 10px

}



.cy_inside-nav .nav .icon-svg {

    width: 40px;

    height: 40px;

    fill: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1240px) {

    .cy_inside-nav {

        margin-top: -60px;

        padding: 0 0 20px;

        height: 60px

    }



    .cy_inside-nav .nav > div {

        width: 100px

    }



    .cy_inside-nav .nav a {

        font-size: 12px

    }

}



@media (max-width: 1024px) {

    .cy_inside-nav {

        display: none

    }

}



.cy_page {

    padding: 4% 0 0;

    text-align: center

}



@media (max-width: 1024px) {

    .cy_page {

        padding: 4vw 0 0

    }

}



.cy_page a {

    display: inline-block;

    vertical-align: top;

    margin: 0 1px;

    padding: 15px 20px;

    font-size: 12px;

    line-height: 15px;

    background: #fff;

    color: #333;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.cy_page a:hover {

    color: #e67015

}



.cy_page a.act {

    background: #e67015;

    color: #fff

}



@media (max-width: 1024px) {

    .cy_page a {

        padding: 10px 15px

    }



    .cy_page a.next, .cy_page a.prev {

        display: none

    }

}



.details-page {

    background: none

}



.details-page .details_head {

    padding: 7% 0;

    text-align: center

}



@media (max-width: 1240px) {

    .details-page .details_head {

        padding-top: 10%

    }

}



@media (max-width: 1024px) {

    .details-page .details_head {

        padding-top: 2.75%

    }

}



.details-page .details_head .title {

    font-size: 36px;

    line-height: 50px;

    color: #fff

}



@media (max-width: 1240px) {

    .details-page .details_head .title {

        font-size: 30px;

        line-height: 40px

    }

}



@media (max-width: 1024px) {

    .details-page .details_head .title {

        font-size: 25px;

        line-height: 35px

    }

}



@media (max-width: 768px) {

    .details-page .details_head .title {

        font-size: 24px;

        line-height: 30px

    }

}



.details-page .details_head .tools {

    margin-top: 2.5%;

    font-size: 0;

    line-height: 0

}



.details-page .details_head .d {

    display: inline-block;

    vertical-align: top;

    font-size: 12px;

    line-height: 20px;

    color: #fff

}



.details-page .details_head .share {

    display: inline-block;

    vertical-align: top;

    margin: 0 0 0 40px

}



@media (max-width: 1024px) {

    .details-page .details_head .share {

        display: none

    }

}



.details-page .details_head .sh-t {

    font-size: 12px;

    line-height: 20px;

    color: #fff

}



.details-page .details-content {

    position: relative;

    z-index: 1;

    margin: 0 5%;

    padding: 5% 0;

    background: #fff

}



@media (max-width: 1440px) {

    .details-page .details-content {

        margin: 0 3%

    }

}



@media (max-width: 576px) {

    .details-page .details-content {

        padding: 10% 0

    }

}



.details-page .details-body {

    margin: 0 auto;

    width: 60%;

    max-width: 840px;

    text-align: justify

}



@media (max-width: 1024px) {

    .details-page .details-body {

        width: 80%

    }

}



@media (max-width: 768px) {

    .details-page .details-body {

        width: 90%;

        line-height: 15px

    }



    .details-page .details-body p {

        line-height: 25px

    }

}



.details-page .details-foot {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 3;

    border-right: 1px solid #eee;

    padding: 5% 2%;

    width: 12.5%;

    min-width: 160px

}



@media (max-width: 1440px) {

    .details-page .details-foot {

        padding: 5% 25px

    }

}



@media (max-width: 1024px) {

    .details-page .details-foot {

        position: relative;

        margin: 3vw 0 0;

        border-right: 0 none;

        border-top: 1px solid #eee;

        padding: 4vw 0 0;

        width: 100%;

        text-align: center

    }

}



.details-page .details-foot a {

    display: inline-block;

    vertical-align: top;

    margin: 5px 0;

    border-radius: 7px;

    padding: 10px;

    width: 100%;

    font-size: 12px;

    line-height: 20px;

    text-align: center;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



@media (max-width: 1024px) {

    .details-page .details-foot a {

        margin: 0 5px;

        width: 120px

    }

}



@media (max-width: 425px) {

    .details-page .details-foot a {

        margin: 0 2px;

        border-radius: 3px;

        padding: 5px;

        width: 90px

    }

}



.details-page .details-foot .next, .details-page .details-foot .prev {

    background: #ccc;

    color: #fff

}



.details-page .details-foot .next:hover, .details-page .details-foot .prev:hover {

    background: #e67015

}



.details-page .details-foot .back {

    border: 1px solid #ccc;

    background: #fff

}



.details-page .details-foot .back:before {

    display: inline-block;

    vertical-align: top;

    margin: 0 10px 0 0;

    width: 20px;

    height: 20px;

    background: url(../images/dots.png) no-repeat center center;

    content: ''

}



@media (max-width: 425px) {

    .details-page .details-foot .back:before {

        margin: 0 5px 0 0

    }

}



.details-page .details-foot .back:hover {

    border-color: #e67015

}



.header {

    position: fixed;

    top: 15px;

    left: 0;

    right: 0;

    z-index: 4777;

    padding: 0 5%

}



@media (max-width: 1440px) {

    .header {

        padding: 0 3%

    }

}



@media (max-width: 1024px) {

    .header {

        top: 0;

        padding: 0

    }

}



.header.scroll:before {

    left: 0;

    right: 0;

    opacity: 1

}



.header.scroll:after {

    left: 0;

    right: 0

}



.header:after, .header:before {

    position: absolute;

    left: 5%;

    right: 5%;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s;

    content: ''

}



.header:before {

    bottom: 0;

    z-index: -2;

    height: 1px;

    -webkit-box-shadow: 0 0 1px 1px #ccc;

    box-shadow: 0 0 1px 1px #ccc;

    opacity: 0

}



@media (max-width: 1024px) {

    .header:before {

        left: 0;

        right: 0;

        opacity: 1

    }

}



.header:after {

    top: 0;

    bottom: 0;

    z-index: -1;

    background: #fff

}



@media (max-width: 1024px) {

    .header:after {

        content: none

    }

}



.header .h-container {

    background: #fff

}



.header .h-container:after {

    content: '';

    display: block;

    clear: both

}



.header .tool {

    margin: 20px 2.5%

}

.header .logo{

    margin: 11px 2.5%;

}



@media (max-width: 1024px) {

    .header .logo, .header .tool {

        margin: 14px 2.5%

    }

}



.header .logo {

    display: block;

    float: left;

    width: 155px;

    height: 50px

}



.header .tool {

    float: right

}



.header .tool ul {

    margin: 0 -.5em

}



@media (max-width: 1024px) {

    .header .tool ul {

        display: none

    }

}



.header .tool li {

    float: left;

    margin: 0 .5em

}



.header .tool li:first-child {

    margin-right: 1.5em

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .header .tool li:first-child {

        margin-right: 1em

    }

}



.header .tool li .icon-svg {

    margin: 8px;

    width: 16px;

    height: 16px;

    vertical-align: top

}



.header .tool .icon {

    display: inline-block;

    width: 32px;

    height: 32px;

    vertical-align: top;

    text-align: center

}



.header .tool .icon-map-pin, .header .tool .icon-shopping-cart {

    border-radius: 50%

}



.header .tool .icon-map-pin .icon-svg, .header .tool .icon-shopping-cart .icon-svg {

    fill: #fff;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.header .tool .icon-map-pin:hover .icon-svg, .header .tool .icon-shopping-cart:hover .icon-svg {

    margin: 6px;

    width: 20px;

    height: 20px

}



.header .tool .icon-map-pin {

    background: #9CC92E

}



.header .tool .icon-shopping-cart {

    background: #e67015

}



.header .tool .c {

    font-family: Arial, sans-serif;

    font-size: 14px;

    color: #000;

    line-height: 32px

}



.header .tool .menu {

    display: none;

    cursor: pointer

}



.header .tool .menu .icon-close {

    display: none

}



.header .tool .menu.act .icon-menu {

    display: none

}



.header .tool .menu.act .icon-close {

    display: block

}



@media (max-width: 1024px) {

    .header .tool .menu {

        display: block

    }

}



.header .nav {

    text-align: center

}



@media (max-width: 1024px) {

    .header .nav {

        display: none;

        overflow: auto;

        position: fixed;

        top: 60px;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 7;

        padding: 0 0 5%;

        background: #9CC92E;

        text-align: left

    }



    .header .nav.act {

        display: block

    }



    .header .nav::-webkit-scrollbar {

        display: none

    }

}



.header .nav ul {

    display: inline-block;

    vertical-align: top;

    position: relative;

    z-index: 1

}



@media (max-width: 1024px) {

    .header .nav ul {

        display: block

    }

}



.header .nav .nav_item {

    float: left;

    position: relative;

    z-index: 1;

    margin: 0 20px

}



.header .nav .nav_item:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: -1;

    height: 4px;

    background: #e67015

}



.header .nav .nav_item.cur {

    z-index: 3

}



.header .nav .nav_item.cur:before {

    content: ''

}



.header .nav .nav_item.cur .name {

    color: #e67015

}



.header .nav .nav_item:hover {

    z-index: 3

}



.header .nav .nav_item:hover ol {

    visibility: visible;

    opacity: 1

}



@media (max-width: 1440px) {

    .header .nav .nav_item {

        margin: 0 15px

    }

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .header .nav .nav_item {

        margin: 0 7px

    }

}



@media (max-width: 1024px) {

    .header .nav .nav_item {

        float: none;

        margin: 0;

        border-bottom: 1px solid #93BF2B

    }



    .header .nav .nav_item:before {

        content: none

    }



    .header .nav .nav_item.cur:before {

        content: none

    }



    .header .nav .nav_item.act, .header .nav .nav_item:active {

        background: #e67015

    }



    .header .nav .nav_item.act .name, .header .nav .nav_item:active .name {

        color: #fff

    }



    .header .nav .nav_item.act .name:before, .header .nav .nav_item:active .name:before {

        content: ''

    }

}



.header .nav .name {

    display: block;

    padding: 20px 5px;

    font-size: 14px;

    line-height: 32px;

    color: #000

}



.header .nav .name:hover {

    color: #e67015

}



@media (max-width: 1024px) {

    .header .nav .name {

        position: relative;

        z-index: 1;

        padding: 15px 5%;

        font-size: 18px;

        color: #fff

    }



    .header .nav .name:before {

        position: absolute;

        top: 50%;

        right: 5%;

        z-index: -1;

        margin-top: -6px;

        border: 2px solid #fff;

        border-radius: 50%;

        width: 12px;

        height: 12px;

        background: 0 0

    }



    .header .nav .name:hover {

        color: #fff

    }

}



@media (max-width: 768px) {

    .header .nav .name {

        padding: 10px 5%

    }

}



.header .nav ol {

    position: absolute;

    top: 100%;

    left: -15px;

    right: -15px;

    z-index: 3;

    border: 1px solid #eee;

    border-top-color: transparent;

    margin-top: 1px;

    padding: 10px 0;

    background: #fff;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (min-width: 1025px) {

    .header .nav ol {

        display: block !important

    }

}



@media (max-width: 1024px) {

    .header .nav ol {

        display: none;

        position: relative;

        left: 0;

        right: 0;

        padding: 0;

        visibility: visible;

        opacity: 1;

        -webkit-transition: all 0s;

        -o-transition: all 0s;

        transition: all 0s

    }

}



.header .nav .nav__item a {

    display: block;

    padding: 7px 5px 8px;

    font-size: 14px;

    line-height: 15px;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.header .nav .nav__item a:hover {

    background: #eee;

    color: #e67015

}



@media (max-width: 1024px) {

    .header .nav .nav__item a {

        border-bottom: 1px solid #bbb;

        padding: 15px 5%

    }

}



.header-overlay {

    visibility: hidden;

    height: 0

}



@media (max-width: 1024px) {

    .header-overlay {

        height: 60px

    }

}



.side-nav {

    position: fixed;

    right: 15px;

    bottom: 48px;

    z-index: 777

}



.side-nav .box {

    position: relative;

    z-index: 1;

    margin: 3px 0

}



.side-nav .box:hover {

    z-index: 3

}



.side-nav .box:hover .icon:before {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.side-nav .box:hover .cont {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s

}



.side-nav .icon {

    position: relative;

    z-index: 0;

    padding: 10px;

    width: 40px;

    height: 40px;

    background: #9CC92E;

    cursor: pointer

}



.side-nav .icon:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: #e67015;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    content: ''

}



.side-nav .icon-svg {

    width: 20px;

    height: 20px;

    fill: #fff

}



.side-nav .icon-phone {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg)

}



.side-nav .to-top {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.side-nav .to-top.s {

    opacity: 1;

    visibility: visible

}



.side-nav .cont {

    position: absolute;

    top: 0;

    right: 100%;

    bottom: 0;

    z-index: 1;

    padding: 10px;

    font-size: 14px;

    line-height: 20px;

    white-space: nowrap;

    background: #e67015;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(.7);

    -ms-transform: scale(.7);

    transform: scale(.7);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1024px) {

    .side-nav {

        display: none

    }

}



.footer {

    background: #fff

}



.footer .f-content {

    padding: 5.228% 0

}



.footer .f-content .cl-info {

    color: #999

}



@media (max-width: 768px) {

    .footer .f-content .cl-info {

        line-height: 25px

    }

}



@media (max-width: 425px) {

    .footer .f-content .cl-info {

        font-size: 12px;

        line-height: 20px

    }

}



.footer .f-content .f-cr ul {

    margin: 0 -1em

}



.footer .f-content .f-cr li {

    margin: 0 0 1em;

    padding: 0 1em;

    text-align: center

}



.footer .f-content .f-cr img {

    width: 100px;

    height: 100px

}



.footer .f-content .f-cr figcaption {

    padding: .5em 0 0;

    font-size: 12px;

    line-height: 1;

    color: #999

}



@media (max-width: 1024px) {

    .footer .f-content .f-cr {

        padding: 3em 0 0

    }

}



@media (max-width: 768px) {

    .footer .f-content .f-cr {

        padding: 2em 0 0

    }



    .footer .f-content .f-cr ul {

        margin: 0 -.75em

    }



    .footer .f-content .f-cr li {

        padding: 0 .75em

    }

}



@media (max-width: 425px) {

    .footer .f-content .f-cr {

        padding: 1.5em 0 0

    }

}



.flexbox .footer .f-content .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.flexbox .footer .f-content .f-cl {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 0 3em 0 0

}



.flexbox .footer .f-content .f-cr ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 1024px) {

    .flexbox .footer .f-content .container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .flexbox .footer .f-content .f-cl {

        padding: 0

    }



    .flexbox .footer .f-content .f-cr ul {

        -webkit-box-pack: left;

        -ms-flex-pack: left;

        justify-content: left

    }

}



.no-flexbox .footer .f-content:after {

    content: '';

    display: block;

    clear: both

}



.no-flexbox .footer .f-content .f-cl {

    float: left;

    max-width: 60%

}



.no-flexbox .footer .f-content .f-cr {

    float: right

}



.no-flexbox .footer .f-content .f-cr:after {

    content: '';

    display: block;

    clear: both

}



.no-flexbox .footer .f-content .f-cr li {

    float: left

}



@media (max-width: 1024px) {

    .no-flexbox .footer .f-content .f-cl {

        float: none;

        max-width: none

    }



    .no-flexbox .footer .f-content .f-cr {

        float: none

    }

}



.footer .copyright {

    padding: 1em 0;

    font-size: 12px;

    line-height: 2;

    background: #9CC92E;

    color: #fff

}



.footer .copyright .builder {

    float: right

}



@media (max-width: 1024px) {

    .footer .copyright .builder {

        float: none

    }

}



@media (max-width: 768px) {

    .footer .copyright {

        line-height: 1.8

    }

}



.hm-banner .banner-dots {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 5;

    padding: 0 0 40px;

    width: 100%;

    height: 85px

}



.hm-banner .banner-dots ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.hm-banner .banner-dots li {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin: 0;

    padding: 30px 0 0;

    width: auto;

    height: auto;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 14px;

    color: rgba(255, 255, 255, .5)

}



.hm-banner .banner-dots li:before {

    position: absolute;

    top: -1px;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 1px;

    background: #e67015;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform 5.5s linear;

    transition: -webkit-transform 5.5s linear;

    -o-transition: transform 5.5s linear;

    transition: transform 5.5s linear;

    transition: transform 5.5s linear, -webkit-transform 5.5s linear;

    content: ''

}



.hm-banner .banner-dots li.cur {

    color: #e67015

}



.hm-banner .banner-dots li.cur:before {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



@media (max-width: 1240px) {

    .hm-banner .banner-dots {

        padding: 0 0 20px;

        height: 60px

    }



    .hm-banner .banner-dots li {

        padding: 25px 0 0

    }

}



@media (max-width: 1024px) {

    .hm-banner .banner-dots {

        padding: 0 0 15px;

        height: 45px

    }



    .hm-banner .banner-dots li {

        padding: 15px 0 0

    }

}



.hm-about .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 1024px) {

    .hm-about .container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.hm-about .about_info, .hm-about .about_video {

    width: 525px

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .hm-about .about_info, .hm-about .about_video {

        width: 47.5%;

        max-width: 500px

    }

}



@media (max-width: 1024px) {

    .hm-about .about_info, .hm-about .about_video {

        width: auto;

        max-width: none

    }

}



.hm-about .about_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.hm-about .cy_s-d {

    height: 75px;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical

}



.hm-about .a_i-link {

    margin: 60px 0 0

}



.hm-about .a_i-link a {

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.hm-about .a_i-link a:hover {

    color: #e67015

}



.hm-about .a_i-link a:hover .icon {

    -webkit-transform: translate(0, 15%);

    -ms-transform: translate(0, 15%);

    transform: translate(0, 15%);

    fill: #9CC92E

}



.hm-about .a_i-link .t {

    font-family: Arial, sans-serif;

    font-size: 20px;

    line-height: 30px;

    color: #111

}



.hm-about .a_i-link .link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 35px 0 0;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



.hm-about .a_i-link .icon {

    margin: 0 0 25px;

    width: 50px;

    height: 50px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    fill: #e67015

}



@media (max-width: 425px) {

    .hm-about .a_i-link .icon {

        width: 40px;

        height: 40px

    }

}



.hm-about .a_i-link .desc-e {

    font-family: Arial, sans-serif

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .hm-about .a_i-link {

        margin: 10% 0 0

    }



    .hm-about .a_i-link .link {

        margin: 7% 0 0

    }



    .hm-about .a_i-link .icon {

        margin: 0 0 15px

    }

}



@media (max-width: 1024px) {

    .hm-about .a_i-link {

        margin: 6vw 0 0

    }



    .hm-about .a_i-link .link {

        margin: 3vw 0 0

    }



    .hm-about .a_i-link .icon {

        margin: 0 0 2vw

    }

}



.hm-about .about_video {

    position: relative;

    z-index: 1

}



@media (max-width: 1240px) {

    .hm-about .about_video {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }

}



@media (max-width: 1024px) {

    .hm-about .about_video {

        margin: 7vw auto 0

    }

}



@media (max-width: 576px) {

    .hm-about .about_video {

        margin-top: 10vw

    }

}



.hm-about .about_video .vbBox {

    margin: 0 10px 10px 0;

    border-right: 10px solid #fff;

    border-bottom: 10px solid #fff;

    width: 510px

}



.hm-about .about_video .vbBox:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2);

    content: ''

}



.hm-about .about_video .vbBox img {

    display: block;

    width: 100%

}



.hm-about .about_video .vbBox .vico {

    padding: 16px

}



.hm-about .about_video .vbBox .icon {

    width: 32px;

    height: 32px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    fill: #fff

}



.hm-about .about_video .vbBox:hover .icon {

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    fill: #e67015

}



@media (max-width: 1240px) {

    .hm-about .about_video .vbBox {

        -ms-flex-item-align: end;

        align-self: flex-end

    }

}



@media (min-width: 1025px) and (max-width: 1240px) {

    .hm-about .about_video .vbBox {

        width: 100%

    }

}



@media (max-width: 576px) {

    .hm-about .about_video .vbBox {

        width: 100%

    }

}



.hm-about .about_video .a_v-bor {

    position: absolute;

    top: 35%;

    left: 25%;

    right: 0;

    bottom: 0;

    z-index: -1;

    border: 3px solid #e67015

}



.hm-product .product_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 9% 0 0

}



.hm-product .product_info > div {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 0;

    line-height: 0;

    text-align: center

}



@media (max-width: 1024px) {

    .hm-product .product_info {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        padding: 3vw 0 0

    }



    .hm-product .product_info > div {

        -webkit-box-flex: 33.3334%;

        -ms-flex: 33.3334%;

        flex: 33.3334%;

        margin: 5vw 0 0

    }

}



.hm-product .product_info a:hover .icon {

    z-index: 3

}



.hm-product .product_info a:hover .icon:before {

    border-width: 70px

}



@media (max-width: 1240px) {

    .hm-product .product_info a:hover .icon:before {

        border-width: 60px

    }

}



@media (max-width: 768px) {

    .hm-product .product_info a:hover .icon:before {

        border-width: 45px

    }

}



@media (max-width: 425px) {

    .hm-product .product_info a:hover .icon:before {

        border-width: 35px

    }

}



.hm-product .product_info a:hover .icon-svg {

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9)

}



.hm-product .product_info .icon {

    position: relative;

    z-index: 1;

    border-radius: 50%;

    padding: 45px;

    width: 140px;

    height: 140px

}



.hm-product .product_info .icon:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    content: ''

}



.hm-product .product_info .icon:before {

    border: 0 solid #e67015;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: all .45s;

    -o-transition: all .45s;

    transition: all .45s

}



@media (max-width: 1240px) {

    .hm-product .product_info .icon {

        padding: 40px;

        width: 120px;

        height: 120px

    }

}



@media (max-width: 768px) {

    .hm-product .product_info .icon {

        padding: 30px;

        width: 90px;

        height: 90px

    }

}



@media (max-width: 425px) {

    .hm-product .product_info .icon {

        padding: 20px;

        width: 70px;

        height: 70px

    }

}



.hm-product .product_info .icon-svg {

    width: 50px;

    height: 50px;

    fill: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1240px) {

    .hm-product .product_info .icon-svg {

        width: 40px;

        height: 40px

    }

}



@media (max-width: 768px) {

    .hm-product .product_info .icon-svg {

        width: 30px;

        height: 30px

    }

}



.hm-product .product_info .name {

    display: inline-block;

    vertical-align: top;

    margin: 15px 0 0;

    font-size: 12px;

    line-height: 15px;

    color: #fff

}



@media (max-width: 1240px) {

    .hm-product .product_info .name {

        margin: 10px 0 0

    }

}



.hm-brand .brand-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 4% 0 0

}



@media (max-width: 1240px) {

    .hm-brand .brand-info {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_desc {

    top: 0;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_pic img {

    top: -110px

}



@media (max-width: 1240px) {

    .hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_pic img {

        top: 0

    }

}



.hm-brand .brand-info > div:nth-child(odd) .b-i_desc {

    top: 330px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc {

        top: 297px

    }

}



@media (max-width: 1240px) {

    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc {

        margin-left: 380px;

        margin-right: 0;

        top: 0

    }

}



@media (max-width: 768px) {

    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc {

        margin-left: 304px

    }

}



@media (max-width: 576px) {

    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc {

        margin-left: 0

    }

}



.hm-brand .brand-info > div:nth-child(odd) .b-i_pic {

    top: 0;

    bottom: auto

}



@media (max-width: 1240px) {

    .hm-brand .brand-info > div:nth-child(odd) .b-i_pic {

        left: 0;

        right: auto

    }

}



.hm-brand .brand-info a {

    display: block;

    overflow: hidden;

    position: relative;

    z-index: 1;

    background: #f2f2f2

}



.hm-brand .brand-info a:hover {

    z-index: 3

}



.hm-brand .brand-info a:hover .b-i_pic {

    height: 0;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.hm-brand .brand-info a:hover .b-i_pic img {

    opacity: .3;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



@media (max-width: 1240px) {

    .hm-brand .brand-info a {

        margin: 10px 0;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s

    }



    .hm-brand .brand-info a:hover {

        background: #e9e9e9;

        -webkit-transition-delay: .2s;

        -o-transition-delay: .2s;

        transition-delay: .2s

    }



    .hm-brand .brand-info a:hover .b-i_pic {

        height: auto

    }



    .hm-brand .brand-info a:hover .b-i_pic img {

        opacity: 1;

        -webkit-transform: scale(1.03);

        -ms-transform: scale(1.03);

        transform: scale(1.03)

    }

}



@media (max-width: 576px) {

    .hm-brand .brand-info a {

        margin: 10px auto;

        max-width: 480px

    }

}



.hm-brand .brand-info .b-i_desc {

    position: relative;

    z-index: 1;

    padding: 30px;

    width: 380px;

    height: 490px

}



@media (max-width: 1440px) {

    .hm-brand .brand-info .b-i_desc {

        width: 342px;

        height: 450px

    }

}



@media (max-width: 1240px) {

    .hm-brand .brand-info .b-i_desc {

        margin-right: 380px;

        width: auto;

        height: 330px

    }

}



@media (max-width: 768px) {

    .hm-brand .brand-info .b-i_desc {

        margin-right: 304px;

        padding: 25px;

        height: 264px

    }

}



@media (max-width: 576px) {

    .hm-brand .brand-info .b-i_desc {

        margin-top: 86.8421%;

        margin-right: 0;

        padding: 7.5%;

        height: auto

    }

}



.hm-brand .brand-info .date {

    font-size: 12px;

    line-height: 15px;

    color: #ababab

}



.hm-brand .brand-info .name {

    height: 50px;

    margin: 25px 0 0;

    font-size: 16px;

    font-weight: 700;

    line-height: 25px;

    color: #111;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



@media (max-width: 768px) {

    .hm-brand .brand-info .name {

        margin-top: 15px

    }

}



@media (max-width: 576px) {

    .hm-brand .brand-info .name {

        font-size: 15px

    }

}



.hm-brand .brand-info .desc {

    height: 50px;

    margin: 60px 0 0;

    font-size: 12px;

    line-height: 25px;

    color: #858585;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



@media (max-width: 1240px) {

    .hm-brand .brand-info .desc {

        margin: 35px 0 0

    }

}



@media (max-width: 768px) {

    .hm-brand .brand-info .desc {

        margin-top: 20px

    }

}



.hm-brand .brand-info .more {

    margin: 140px 0 0;

    padding: 10px 0;

    width: 110px;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    background: #e67015;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.hm-brand .brand-info .more:hover {

    background: #9CC92E

}



@media (max-width: 1240px) {

    .hm-brand .brand-info .more {

        margin: 60px 0 0

    }

}



@media (max-width: 768px) {

    .hm-brand .brand-info .more {

        margin-top: 29px

    }

}



.hm-brand .brand-info .b-i_pic {

    overflow: hidden;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 3;

    height: 330px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.hm-brand .brand-info .b-i_pic img {

    position: relative;

    top: 0;

    width: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .hm-brand .brand-info .b-i_pic {

        height: 297px

    }

}



@media (max-width: 1240px) {

    .hm-brand .brand-info .b-i_pic {

        width: 380px;

        height: 330px

    }

}



@media (max-width: 768px) {

    .hm-brand .brand-info .b-i_pic {

        width: 304px;

        height: 264px

    }

}



@media (max-width: 576px) {

    .hm-brand .brand-info .b-i_pic {

        top: 0;

        bottom: auto;

        padding: 0 100% 86.8421% 0;

        width: auto;

        height: auto

    }



    .hm-brand .brand-info .b-i_pic img {

        position: absolute;

        left: 0;

        height: 100%

    }

}



.hm-spirit .cy_s-box {

    margin: 0 auto;

    text-align: center

}



.hm-spirit .cy_s-box .l {

    display: inline-block;

    vertical-align: top;

    margin: 0 0 60px;

    width: 1px;

    height: 50px;

    background: #fff

}



@media (max-width: 1240px) {

    .hm-spirit .cy_s-box .l {

        margin: 0 0 9%;

        height: 10vw;

        max-height: 50px

    }

}



.hm-spirit .cy_title .title:before {

    content: none

}



.hm-spirit .cy_s-d {

    text-align: center

}



.hm-spirit .spirit-info {

    margin: 8% 0 0;

    text-align: center

}



.hm-spirit .spirit-info .more {

    display: inline-block;

    vertical-align: top;

    padding: 10px 0;

    width: 110px;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    background: #e67015;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.hm-spirit .spirit-info .more:hover {

    background: #9CC92E

}



.hm-news .news-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 4% 0 0

}



@media (max-width: 576px) {

    .hm-news .news-info {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.hm-news .news-info .n-i_pic {

    overflow: hidden;

    position: relative;

    z-index: 0;

    width: 50%

}



@media (max-width: 1240px) {

    .hm-news .news-info .n-i_pic {

        width: 55%

    }

}



@media (max-width: 768px) {

    .hm-news .news-info .n-i_pic {

        width: 60%

    }

}



@media (max-width: 576px) {

    .hm-news .news-info .n-i_pic {

        width: auto

    }

}



.hm-news .news-info .n-i_pic .pic {

    position: relative;

    z-index: 0;

    padding: 0 50% 75% 0;

    -webkit-transition: all .5s linear;

    -o-transition: all .5s linear;

    transition: all .5s linear

}



.hm-news .news-info .n-i_pic .pic img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.hm-news .news-info .n-i_pic .desc {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 3;

    padding: 2.5% 3.3334%;

    width: 100%;

    background: rgba(0, 0, 0, .5);

    color: #fff

}



.hm-news .news-info .n-i_pic .desc .date {

    float: left;

    margin: 0 3.6667% 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    text-align: center

}



.hm-news .news-info .n-i_pic .desc .date .d {

    margin: 0 0 5px;

    font-size: 20px;

    font-weight: 700

}



.hm-news .news-info .n-i_pic .desc .cont {

    margin: 3px 0 2px;

    border-left: 1px solid #fff;

    padding: 0 3.6667%;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    font-size: 12px;

    line-height: 30px

}



.hm-news .news-info .n-i_pic:hover .pic {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.hm-news .news-info .n-i_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 50%;

    border: 1px solid #e5e5e5;

    border-left: 0 none

}



@media (max-width: 1240px) {

    .hm-news .news-info .n-i_list {

        width: 45%

    }

}



@media (max-width: 768px) {

    .hm-news .news-info .n-i_list {

        width: 40%

    }

}



@media (max-width: 576px) {

    .hm-news .news-info .n-i_list {

        border-left: 1px solid #e5e5e5;

        width: auto

    }

}



.hm-news .news-info .n-i_list .box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 3.3334% 5.8334% 3.3334% 4.1667%;

    font-size: 12px;

    line-height: 15px;

    color: #858585;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.hm-news .news-info .n-i_list .box:hover {

    background: #e67015;

    color: #fff

}



.hm-news .news-info .n-i_list .date {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    margin: 0 0 0 2em

}



.hm-news .news-info .n-i_list .cont {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis

}



.hm-news .news-info .n-i_list .cont:before {

    margin: 0 1em 0 0;

    content: '-'

}



.hm-more .more-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.hm-more .more-info > div {

    width: 26.6667%

}



.hm-more .more-info .icon {

    float: left;

    margin: 0 6.25% 0 0

}



.hm-more .more-info .icon-svg {

    width: 50px;

    height: 50px;

    fill: #e67015

}



@media (max-width: 576px) {

    .hm-more .more-info .icon-svg {

        margin: 5px 0 0;

        width: 40px;

        height: 40px

    }

}



.hm-more .more-info .desc {

    overflow: hidden;

    color: #fff

}



.hm-more .more-info .title {

    font-family: Arial, sans-serif;

    font-size: 16px;

    font-weight: 700;

    line-height: 30px

}



.hm-more .more-info .name {

    font-size: 14px;

    line-height: 20px

}



.hm-more .more-info .cont {

    margin: 8% 0 0;

    font-size: 12px;

    line-height: 20px;

    opacity: .5

}



@media (max-width: 576px) {

    .hm-more .more-info {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .hm-more .more-info > div {

        margin-top: 6vw;

        width: auto

    }



    .hm-more .more-info > div:first-child {

        margin-top: 0

    }



    .hm-more .more-info .cont {

        margin: 3vw 0 0

    }

}



.hm-more .bg:before {

    background: rgba(0, 0, 0, .3)

}



.about_profile .cy_s-link {

    margin: 5vw 0

}



.about-profile_profile .cy_s-box {

    width: auto;

    max-width:1000px

}



.about-profile_profile .ap_p-cont {

    font-size: 14px;

    line-height: 25px;

    text-align: justify;

    color: #999

}



.about-profile_profile .ap_p-count {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    margin: 10% 0 0;

    font-size: 12px;

    line-height: 15px;

    color: #666

}



.about-profile_profile .ap_p-count .num {

    margin: 0 5px 0 0;

    font-family: Arial, sans-serif;

    font-size: 60px;

    line-height: 1;

    color: #e67015

}



@media (max-width: 1024px) {

    .about-profile_profile .ap_p-count .num {

        font-size: 50px

    }

}



@media (max-width: 768px) {

    .about-profile_profile .ap_p-count .num {

        font-size: 40px

    }

}



@media (max-width: 576px) {

    .about-profile_profile .ap_p-count .num {

        font-size: 30px

    }

}



.about-profile_profile .ap_p-count .name {

    margin: 5px 0 0

}



.about-profile_info {

    background: #f5f5f5

}



.about-profile_info .ap_i-video {

    margin: 2% 0 10%

}



.about-profile_info .ap_i-video .vbBox {

    margin: 1% auto;

    width: 64px;

    height: 64px

}



.about-profile_info .ap_i-video .vbBox .vico {

    padding: 16px

}



.about-profile_info .ap_i-video .vbBox .vico:hover .icon-controller-play {

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    fill: #e67015

}



.about-profile_info .ap_i-video .icon-controller-play {

    width: 32px;

    height: 32px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    fill: #fff

}



.about-profile_info .ap_i-video .video-info {

    text-align: center;

    color: #fff

}



.about-profile_info .ap_i-video .title {

    font-size: 30px;

    font-weight: 700;

    line-height: 1

}



@media (max-width: 1024px) {

    .about-profile_info .ap_i-video .title {

        font-size: 24px

    }

}



@media (max-width: 576px) {

    .about-profile_info .ap_i-video .title {

        font-size: 18px

    }

}



.about-profile_info .ap_i-video .cont {

    margin: 2% 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px

}



.about-profile_info .ap_i-info {

    margin: 0 13.75%;

    padding: 6%;

    font-size: 14px;

    line-height: 30px;

    text-align: justify;

    background: #fff;

    color: #999

}



@media (max-width: 1240px) {

    .about-profile_info .ap_i-info {

        margin: 0 10%;

        padding: 5%

    }

}



@media (max-width: 768px) {

    .about-profile_info .ap_i-info {

        margin: 0 5%;

        font-size: 13px;

        line-height: 25px

    }

}



@media (max-width: 576px) {

    .about-profile_info .ap_i-info {

        margin: 0

    }

}



.about-profile_info .bg {

    bottom: auto;

    padding: 0 100% 29.7% 0;

    height: calc(109px + 6.25vw + 22% - 17px);

    background-attachment: scroll

}



@media (max-width: 576px) {

    .about-profile_info .bg {

        padding: 0 100% 60% 0;

        height: auto

    }

}



.about-profile_culture {

    padding: 0;

    background: #f5f5f5

}



.about-profile_culture .ap_c-cont {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 1024px) {

    .about-profile_culture .ap_c-cont {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.about-profile_culture .ap_c-cont .cont-item {

    -webkit-box-flex: 25%;

    -ms-flex: 25%;

    flex: 25%;

    overflow: hidden;

    position: relative;

    z-index: 1;

    padding: 1.6667%;

    background: #333;

    cursor: default

}



@media (max-width: 1024px) {

    .about-profile_culture .ap_c-cont .cont-item {

        -webkit-box-flex: 50%;

        -ms-flex: 50%;

        flex: 50%

    }

}



@media (max-width: 425px) {

    .about-profile_culture .ap_c-cont .cont-item {

        -webkit-box-flex: 100%;

        -ms-flex: 100%;

        flex: 100%

    }

}



.about-profile_culture .ap_c-cont .cont-item .icon {

    margin: 0 0 20px

}



.about-profile_culture .ap_c-cont .cont-item .icon-svg {

    width: 50px;

    height: 50px;

    fill: #fff

}



@media (max-width: 1240px) {

    .about-profile_culture .ap_c-cont .cont-item .icon-svg {

        width: 40px;

        height: 40px

    }

}



.about-profile_culture .ap_c-cont .cont-item .name {

    font-size: 16px;

    line-height: 20px

}



.about-profile_culture .ap_c-cont .cont-item .name-e {

    margin: 10px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



.about-profile_culture .ap_c-cont .cont-item:hover .cont-info {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.about-profile_culture .ap_c-cont .cont-item:hover .cont-bg:before, .about-profile_culture .ap_c-cont .cont-item:hover .cont-cont {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(.7);

    -ms-transform: scale(.7);

    transform: scale(.7)

}



.about-profile_culture .ap_c-cont .cont-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    z-index: 3;

    padding: 10% 5%;

    width: 100%;

    min-height: 25vw;

    text-align: center;

    background: rgba(255, 255, 255, .9);

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.about-profile_culture .ap_c-cont .cont-info .icon-svg {

    fill: #666

}



.about-profile_culture .ap_c-cont .cont-info .name {

    color: #333

}



.about-profile_culture .ap_c-cont .cont-info .line {

    display: block;

    margin: 4.7619% auto 7.1426%;

    width: 1px;

    height: 20px;

    background: #bbb

}



.about-profile_culture .ap_c-cont .cont-info .info {

    font-size: 14px;

    line-height: 25px;

    color: #333

}



.about-profile_culture .ap_c-cont .cont-cont {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    text-align: center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.about-profile_culture .ap_c-cont .cont-cont .icon-svg {

    fill: #fff

}



.about-profile_culture .ap_c-cont .cont-cont .name {

    color: #fff

}



.about-profile_culture .ap_c-cont .cont-bg {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: no-repeat center center;

    background-size: cover

}



.about-profile_culture .ap_c-cont .cont-bg:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    background: #010017;

    opacity: .75;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.about_honor .a_honor-info {

    position: relative;

    z-index: 1;

    margin: 50px 0

}



@media (max-width: 576px) {

    .about_honor .a_honor-info {

        margin: 9vw 0

    }

}



.about_honor .a_honor-info .info {

    position: relative;

    z-index: 1;

    padding: 40px 5%;

    text-align: center;

    background: #fff;

    border-left: 1px #EAEAEA solid;

}



.about_honor .a_honor-info .info:hover:before {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center

}



.about_honor .a_honor-info .info:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    border-bottom: 6px solid #e67015;

    width: 100%;

    height: 100%;

    background: #eee;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform .5s .2s;

    transition: -webkit-transform .5s .2s;

    -o-transition: transform .5s .2s;

    transition: transform .5s .2s;

    transition: transform .5s .2s, -webkit-transform .5s .2s;

    content: ''

}



.about_honor .a_honor-info .info figcaption {

    margin: 10px 0;

    font-size: 15px;

    line-height: 20px;

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis

}



.about_honor .carousel-arrows .next, .about_honor .carousel-arrows .prev {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 3;

    width: 50px;

    text-align: center;

    cursor: pointer

}



.about_honor .carousel-arrows .next:hover .icon-svg, .about_honor .carousel-arrows .prev:hover .icon-svg {

    fill: #e67015

}



.about_honor .carousel-arrows .prev {

    left: -50px

}



.about_honor .carousel-arrows .next {

    right: -50px

}



.about_honor .carousel-arrows .icon-svg {

    width: 30px;

    height: 30px;

    fill: #fff;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



@media (max-width: 1024px) {

    .about_honor .carousel-arrows .next, .about_honor .carousel-arrows .prev {

        background: rgba(0, 0, 0, .5)

    }



    .about_honor .carousel-arrows .prev {

        left: 0

    }



    .about_honor .carousel-arrows .next {

        right: 0

    }

}



.about_social .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 768px) {

    .about_social .container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.about_social .social_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 1100px

}



@media (max-width: 1440px) {

    .about_social .social_info {

        width: 570px

    }

}



@media (max-width: 1240px) {

    .about_social .social_info {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        margin-right: 10%;

        width: auto

    }

}



@media (max-width: 1024px) {

    .about_social .social_info {

        margin-right: 7vw

    }

}



@media (max-width: 768px) {

    .about_social .social_info {

        margin-right: 0;

        margin-bottom: 7vw

    }

}



.about_social .s-i_link {

    padding: 0 17px

}



.about_social .s-i_link .link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    text-align: center

}



.about_social .s-i_link a {

    position: relative;

    z-index: 1

}



.about_social .s-i_link a:hover {

    z-index: 3

}



.about_social .s-i_link a:hover .icon:after {

    -webkit-transform: rotate(45deg) scale(0);

    -ms-transform: rotate(45deg) scale(0);

    transform: rotate(45deg) scale(0)

}



.about_social .s-i_link a:hover .iconfont {

    fill: #fff !important;

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9);

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about_social .s-i_link a:hover .plus {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about_social .s-i_link .icon {

    position: relative;

    z-index: 1;

    margin: 30px 0;

    padding: 25px;

    width: 100px;

    height: 100px

}



@media (max-width: 1024px) {

    .about_social .s-i_link .icon {

        padding: 20px;

        width: 80px;

        height: 80px

    }

}



.about_social .s-i_link .icon:after, .about_social .s-i_link .icon:before {

    position: absolute;

    z-index: -1;

    border-radius: 10px;

    -webkit-transform: rotate(45deg) scale(1);

    -ms-transform: rotate(45deg) scale(1);

    transform: rotate(45deg) scale(1);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.about_social .s-i_link .icon:before {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 2px solid #e67015;

    background: #e67015

}



.about_social .s-i_link .icon:after {

    top: 2px;

    left: 2px;

    right: 2px;

    bottom: 2px;

    background: #fff

}



.about_social .s-i_link .icon-svg {

    width: 50px;

    height: 50px;

    fill: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1024px) {

    .about_social .s-i_link .icon-svg {

        width: 40px;

        height: 40px

    }

}



.about_social .s-i_link .desc-z {

    font-size: 15px;

    font-weight: 700;

    line-height: 20px;

    color: #000

}



.about_social .s-i_link .desc-e {

    margin: 5px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



.about_social .s-i_link .plus {

    display: inline-block;

    vertical-align: top;

    margin: 20px 0;

    width: 17px;

    height: 17px;

    background: url(../fonts/12e79dfbe391408baedba196ad2c8f54.woff);

    -ms-transform: scale(.9);

    transform: scale(.9);

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about-social .about-social_nav a.cur .plus, .about-social .about-social_nav a:hover .plus {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about-social .about-social_nav .icon {

    position: relative;

    z-index: 1;

    margin: 30px 0;

    padding: 25px;

    width: 100px;

    height: 100px

}



@media (max-width: 1024px) {

    .about-social .about-social_nav .icon {

        padding: 20px;

        width: 80px;

        height: 80px

    }

}



.about-social .about-social_nav .icon:after, .about-social .about-social_nav .icon:before {

    position: absolute;

    z-index: -1;

    border-radius: 10px;

    -webkit-transform: rotate(45deg) scale(1);

    -ms-transform: rotate(45deg) scale(1);

    transform: rotate(45deg) scale(1);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.about-social .about-social_nav .icon:before {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 2px solid #e67015;

    background: #e67015

}



.about-social .about-social_nav .icon:after {

    top: 2px;

    left: 2px;

    right: 2px;

    bottom: 2px;

    background: #fff

}



.about-social .about-social_nav .icon-svg {

    width: 50px;

    height: 50px;

    fill: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1024px) {

    .about-social .about-social_nav .icon-svg {

        width: 40px;

        height: 40px

    }

}



.about-social .about-social_nav .desc-z {

    font-size: 15px;

    font-weight: 700;

    line-height: 20px;

    color: #000

}



.about-social .about-social_nav .desc-e {

    margin: 5px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



.about-social .about-social_nav ~ .about-social_content {

    margin: 4% 0 0

}



@media (max-width: 1240px) {

    .about-social .about-social_nav ~ .about-social_content {

        margin: 5vw 0 0

    }

}



@media (max-width: 576px) {

    .about-social .about-social_nav ~ .about-social_content {

        margin: 10vw 0 0

    }

}



.about-social .about-social_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



@media (min-width: 1241px) {

    .about-social .about-social_content > div {

        width: 33.3334%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

}



@media (max-width: 1240px) {

    .about-social .about-social_content > div {

        -webkit-box-flex: 100%;

        -ms-flex: 100%;

        flex: 100%

    }

}



.about-social .about-social_content a {

    display: block;

    overflow: hidden;

    position: relative;

    z-index: 1;

    margin: 15px 0;

    background: #fff

}



.about-social .about-social_content a:hover {

    z-index: 3

}



.about-social .about-social_content a:hover .as-c_desc {

    top: 0;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about-social .about-social_content a:hover .as-c_pic {

    height: 0;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



.about-social .about-social_content a:hover .as-c_pic img {

    top: -110px;

    opacity: .3;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s

}



@media (max-width: 1240px) {

    .about-social .about-social_content a:hover .as-c_pic img {

        top: 0

    }

}



@media (max-width: 1240px) {

    .about-social .about-social_content a {

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s

    }



    .about-social .about-social_content a:hover {

        background: #e9e9e9;

        -webkit-transition-delay: .2s;

        -o-transition-delay: .2s;

        transition-delay: .2s

    }



    .about-social .about-social_content a:hover .as-c_pic {

        height: auto

    }



    .about-social .about-social_content a:hover .as-c_pic img {

        opacity: 1;

        -webkit-transform: scale(1.03);

        -ms-transform: scale(1.03);

        transform: scale(1.03)

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content a {

        margin: 10px auto;

        max-width: 480px

    }

}



.about-social .about-social_content .as-c_desc {

    position: relative;

    top: 330px;

    z-index: 1;

    padding: 30px;

    width: 380px;

    height: 490px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .about-social .about-social_content .as-c_desc {

        top: 297px;

        width: 342px;

        height: 450px

    }

}



@media (max-width: 1240px) {

    .about-social .about-social_content .as-c_desc {

        top: 0;

        margin-left: 380px;

        width: auto;

        height: 330px

    }

}



@media (max-width: 768px) {

    .about-social .about-social_content .as-c_desc {

        margin-left: 304px;

        padding: 25px;

        height: 264px

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content .as-c_desc {

        margin-top: 86.8421%;

        margin-left: 0;

        padding: 7.5%;

        height: auto

    }

}



.about-social .about-social_content .date {

    font-size: 12px;

    line-height: 15px;

    color: #ababab

}



.about-social .about-social_content .name {

    height: 50px;

    margin: 25px 0 0;

    font-size: 16px;

    font-weight: 700;

    line-height: 25px;

    color: #111;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



@media (max-width: 768px) {

    .about-social .about-social_content .name {

        margin-top: 15px

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content .name {

        font-size: 15px

    }

}



.about-social .about-social_content .desc {

    height: 50px;

    margin: 60px 0 0;

    font-size: 12px;

    line-height: 25px;

    color: #858585;

    display: -webkit-box;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



@media (max-width: 1240px) {

    .about-social .about-social_content .desc {

        margin: 35px 0 0

    }

}



@media (max-width: 768px) {

    .about-social .about-social_content .desc {

        margin-top: 20px

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content .desc {

        display: none

    }

}



.about-social .about-social_content .more {

    margin: 140px 0 0;

    padding: 10px 0;

    width: 110px;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    background: #e67015;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.about-social .about-social_content .more:hover {

    background: #9CC92E

}



@media (max-width: 1240px) {

    .about-social .about-social_content .more {

        margin: 60px 0 0

    }

}



@media (max-width: 768px) {

    .about-social .about-social_content .more {

        margin-top: 29px

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content .more {

        display: none

    }

}



.about-social .about-social_content .as-c_pic {

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 3;

    height: 330px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.about-social .about-social_content .as-c_pic img {

    position: relative;

    top: 0;

    width: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .about-social .about-social_content .as-c_pic {

        height: 297px

    }

}



@media (max-width: 1240px) {

    .about-social .about-social_content .as-c_pic {

        left: 0;

        right: auto;

        width: 380px;

        height: 330px

    }

}



@media (max-width: 768px) {

    .about-social .about-social_content .as-c_pic {

        width: 304px;

        height: 264px

    }

}



@media (max-width: 576px) {

    .about-social .about-social_content .as-c_pic {

        top: 0;

        bottom: auto;

        padding: 0 100% 86.8421% 0;

        width: auto;

        height: auto

    }



    .about-social .about-social_content .as-c_pic img {

        position: absolute;

        left: 0;

        height: 100%

    }

}



.about_speech .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 768px) {

    .about_speech .container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



@media (max-width: 768px) {

    .about_speech .cy_s-box {

        margin: 0 auto;

        text-align: center

    }

}



.about_speech .a_speech-l {

    max-width: 47.5%

}



@media (max-width: 768px) {

    .about_speech .a_speech-l {

        max-width: none

    }

}



.about_speech .s-l_info {

    margin: 10% 0 0;

    max-width: 415px

}



.about_speech .s-l_info .pic img {

    display: block;

    width: 100%

}



.about_speech .s-l_info .cont {

    margin: 10% 0 0;

    font-size: 14px;

    line-height: 25px;

    color: #fff

}



@media (max-width: 768px) {

    .about_speech .s-l_info {

        margin: 5vw auto 0

    }



    .about_speech .s-l_info .cont {

        margin: 5vw 0 0

    }

}



.about_speech .a_speech-r {

    position: relative;

    z-index: 3;

    width: 520px;

    max-width: 47.5%;

    font-size: 14px;

    line-height: 30px;

    color: #fff;

    cursor: n-resize

}



@media (max-width: 768px) {

    .about_speech .a_speech-r {

        margin: 10vw auto 0;

        width: 100%;

        max-width: 415px;

        height: 360px

    }

}



.about_speech .s-r_content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 3;

    width: 100%

}



.about_speech .mCSB_scrollTools {

    opacity: 1

}



.about_speech .mCSB_scrollTools .mCSB_dragger {

    height: 55px

}



.about_speech .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    border-radius: 0;

    width: 6px;

    background: #fff

}



.about_speech .mCSB_scrollTools .mCSB_draggerRail {

    border-radius: 0;

    background: #fff

}



.about_develop .cy_s-box {

    width: 100%;

    max-width: 640px

}



.about_develop .a_develop-info {

    font-size: 14px;

    line-height: 25px;

    color: #999

}



.about_develop .cy_s-link {

    margin: 6% 0 0

}



.about_hr .a_hr-info {

    margin: 5% 0 0

}



.about_hr .hr-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width: 768px) {

    .about_hr .hr-info {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



@media (max-width: 1440px) {

    .about_hr .hr-info > div {

        width: 24%

    }

}



@media (max-width: 768px) {

    .about_hr .hr-info > div {

        margin: 0 0 3vw;

        width: 48%

    }

}



@media (max-width: 425px) {

    .about_hr .hr-info > div {

        width: 100%

    }

}



.about_hr .hr-info a {

    display: block;

    position: relative;

    z-index: 1;

    padding: 10px;

    text-align: center

}



.about_hr .hr-info a:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    border: 1px solid #666;

    width: 100%;

    height: 100%;

    content: ''

}



.about_hr .hr-info a.act .box, .about_hr .hr-info a:hover .box {

    background: #fff

}



.about_hr .hr-info a.act .name, .about_hr .hr-info a:hover .name {

    color: #333

}



.about_hr .hr-info .box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    position: relative;

    z-index: 1;

    width: 270px;

    height: 195px;

    background: rgba(0, 0, 0, .3);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .about_hr .hr-info .box {

        width: auto;

        height: 170px

    }

}



.about_hr .hr-info .box:before {

    position: absolute;

    top: -10px;

    left: -10px;

    right: -10px;

    bottom: -10px;

    z-index: -1;

    border: 0 solid #fff;

    -webkit-transition: all .5s linear;

    -o-transition: all .5s linear;

    transition: all .5s linear;

    content: ''

}



@media (max-width: 1440px) {

    .about_hr .hr-info .box:before {

        content: none

    }

}



.about_hr .hr-info .icon-svg {

    width: 70px;

    height: 70px;

    fill: #e67015;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .about_hr .hr-info .icon-svg {

        width: 50px;

        height: 50px

    }

}



@media (max-width: 576px) {

    .about_hr .hr-info .icon-svg {

        width: 40px;

        height: 40px

    }

}



.about_hr .hr-info .name {

    margin: 15px 0 0;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.about_hr .hr-info .name-e {

    margin: 10px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



.about_hr .hr-tips {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 6% 0 0

}



@media (max-width: 576px) {

    .about_hr .hr-tips {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin: 5vw 0 0

    }

}



.about_hr .hr-tips .tips {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-right: 5%;

    font-size: 14px;

    line-height: 25px;

    color: #fff

}



@media (max-width: 576px) {

    .about_hr .hr-tips .tips {

        padding: 0 0 5vw

    }

}



.about_hr .hr-tips .link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    width: 22.5%;

    min-width: 180px

}



.about_hr .hr-tips .mailto {

    display: block;

    position: relative;

    z-index: 1;

    padding: 15px 0;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    background: #fff;

    color: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.about_hr .hr-tips .mailto .icon {

    margin: 0 5% 0 0

}



.about_hr .hr-tips .mailto .icon-svg {

    width: 20px;

    height: 20px;

    fill: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.about_hr .hr-tips .mailto:hover {

    background: #e67015;

    color: #fff

}



.about_hr .hr-tips .mailto:hover .icon-svg {

    fill: #fff

}



.hr-body {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 77777;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .8);

    overflow-x: hidden;

    overflow-y: auto

}



.hr-body::-webkit-scrollbar {

    display: none

}



.hr-body.show .hr-content {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.hr-body.hide .hr-content {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(.3);

    -ms-transform: scale(.3);

    transform: scale(.3)

}



.hr-body .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 100%

}



.hr-body .hr-content {

    margin: 5% 0;

    padding: 30px;

    padding: 2.5vw;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1024px) {

    .hr-body .hr-content {

        margin: 5vw 0;

        padding: 5vw

    }

}



@media (max-width: 576px) {

    .hr-body .hr-content {

        padding: 7vw 5vw

    }

}



.hr-body .hr_c-head {

    font-size: 0;

    line-height: 0;

    text-align: right

}



.hr-body .hr_c-head .icon-svg {

    width: 25px;

    height: 25px;

    fill: #666;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    cursor: pointer

}



.hr-body .hr_c-head .icon-svg:hover {

    fill: #e67015

}



.hr-body .hr_c-body {

    margin: 2% 0;

    text-align: center

}



@media (max-width: 1024px) {

    .hr-body .hr_c-body {

        margin: 2vw 0 5vw

    }

}



.hr-body .hr_c-body .icon-svg {

    width: 70px;

    height: 70px;

    fill: #e67015;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1440px) {

    .hr-body .hr_c-body .icon-svg {

        width: 50px;

        height: 50px

    }

}



@media (max-width: 576px) {

    .hr-body .hr_c-body .icon-svg {

        width: 40px;

        height: 40px

    }

}



.hr-body .hr_c-body .name {

    margin: 10px 0 0;

    font-size: 16px;

    line-height: 20px;

    color: #333;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.hr-body .hr_c-body .hr_c-l {

    display: inline-block;

    vertical-align: top;

    margin: 15px 0 30px;

    width: 1px;

    height: 15px;

    background: #999

}



@media (max-width: 1024px) {

    .hr-body .hr_c-body .hr_c-l {

        margin: 10px 0 20px

    }

}



@media (max-width: 768px) {

    .hr-body .hr_c-body .hr_c-l {

        margin: 10px 0 15px

    }

}



.hr-body .hr_c-body .hr_c-cont {

    font-size: 14px;

    line-height: 30px;

    color: #666

}



.hr-body .hr_c-body .mailto {

    display: inline-block;

    vertical-align: top;

    position: relative;

    z-index: 1;

    margin: 60px 0 0;

    padding: 15px 0;

    width: 230px;

    max-width: 70%;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    border: 1px solid #e67015;

    background: #fff;

    color: #e67015;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1024px) {

    .hr-body .hr_c-body .mailto {

        margin: 6vw 0 0

    }

}



@media (max-width: 576px) {

    .hr-body .hr_c-body .mailto {

        padding: 10px 0

    }

}



.hr-body .hr_c-body .mailto .icon {

    margin: 0 5% 0 0

}



.hr-body .hr_c-body .mailto .icon-svg {

    width: 20px;

    height: 20px;

    fill: #e67015;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.hr-body .hr_c-body .mailto:hover {

    background: #e67015;

    color: #fff

}



.hr-body .hr_c-body .mailto:hover .icon-svg {

    fill: #fff

}



.brand_idea .cy_s-box {

    width: 100%;

    max-width: 1000px;}



.brand_idea .b_idea-info {

    font-size: 14px;

    line-height: 25px;

    color: #999

}



.brand_idea .cy_s-link {

    margin: 6% 0 0

}



.brand_history {

    overflow: hidden;

    padding-bottom: 0

}



.brand_history .b_history-info {

    position: relative;

    z-index: 1

}



.brand_history .bh_line {

    position: relative;

    margin-top: -75px;

    z-index: 1

}



.brand_history .bh_line .line {

    position: relative;

    z-index: -1;

    margin: 0 -100px

}



.brand_history .bh_line .line1 {

    height: 940px;

    max-height: 2070px;

    background: url(../images/line.png) no-repeat top left

}



.brand_history .bh_line .line2 {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 0;

    background: url(../images/line-s.png) no-repeat top left

}



.brand_history .bh_line .dots {

    position: absolute;

    top: 250px;

    left: 225px;

    z-index: 1

}



.brand_history .bh_line .dots span {

    position: absolute;

    font-family: Arial, sans-serif;

    font-weight: 700;

    font-size: 20px;

    line-height: 16px;

    white-space: nowrap;

    color: #fff;

    cursor: pointer

}



.brand_history .bh_line .dots span:hover {

    color: #e67015

}



.brand_history .bh_line .dots span:nth-child(odd):before {

    display: inline-block;

    margin: 0 10px 0 0;

    border-radius: 50%;

    width: 16px;

    height: 16px;

    background: #fff;

    content: ''

}



.brand_history .bh_line .dots span:nth-child(even):after {

    display: inline-block;

    margin: 0 0 0 10px;

    border-radius: 50%;

    width: 16px;

    height: 16px;

    background: #fff;

    content: ''

}



.brand_history .bh-content {

    position: absolute;

    top: 100px;

    left: 0;

    right: 0;

    z-index: 3

}



.brand_history .bh-content.fixed {

    position: fixed

}



.brand_history .bh-content.fixed.fixed-btm {

    position: absolute;

    top: auto

}



@media (max-width: 1024px) {

    .brand_history .bh-content {

        padding: 0 30px

    }



    .brand_history .bh-content.fixed {

        margin: 0 15px

    }

}



.brand_history .bh_carousel {

    position: relative;

    z-index: 3;

    margin: 0 auto;

    max-width: 750px

}



.brand_history .carousel-item {

    overflow: hidden;

    position: relative;

    z-index: 1;

    padding: 0 50px 50px 0

}



@media (max-width: 768px) {

    .brand_history .carousel-item {

        padding: 0 30px 30px 0

    }

}



@media (max-width: 576px) {

    .brand_history .carousel-item {

        padding: 0

    }

}



.brand_history .carousel-item:before {

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 50px;

    z-index: -2;

    width: 50px;

    background: #fff;

    content: ''

}



@media (max-width: 768px) {

    .brand_history .carousel-item:before {

        top: 30px;

        bottom: 30px;

        width: 30px

    }

}



@media (max-width: 576px) {

    .brand_history .carousel-item:before {

        content: none

    }

}



.brand_history .carousel-item:after {

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    border-top: 50px solid transparent;

    border-left: 50px solid #dedede;

    content: ''

}



@media (max-width: 768px) {

    .brand_history .carousel-item:after {

        border-top-width: 30px;

        border-left-width: 30px

    }

}



@media (max-width: 576px) {

    .brand_history .carousel-item:after {

        content: none

    }

}



.brand_history .carousel-item .date {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    z-index: 1;

    float: left;

    width: 165px;

    height: 150px;

    font-family: Arial, sans-serif;

    font-size: 48px;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    background: #e67015;

    color: #fff

}



@media (max-width: 768px) {

    .brand_history .carousel-item .date {

        width: 120px;

        height: 120px;

        font-size: 30px

    }

}



@media (max-width: 576px) {

    .brand_history .carousel-item .date {

        float: none;

        width: 100%;

        height: 80px

    }

}



.brand_history .carousel-item .date:before {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: -1;

    border-top: 50px solid #a84c05;

    border-left: 50px solid transparent;

    content: ''

}



@media (max-width: 768px) {

    .brand_history .carousel-item .date:before {

        border-top-width: 30px;

        border-left-width: 30px

    }

}



@media (max-width: 576px) {

    .brand_history .carousel-item .date:before {

        content: none

    }

}



.brand_history .carousel-item .cont {

    overflow: hidden;

    padding: 20px;

    min-height: 150px;

    background: #fff

}



.brand_history .carousel-item .cont figure {

    float: left;

    margin: 0 20px 0 0

}



.brand_history .carousel-item .cont .c {

    font-size: 14px;

    line-height: 25px;

    color: #666

}



.brand_history .carousel-arrows .next, .brand_history .carousel-arrows .prev {

    display: block;

    position: absolute;

    top: 55px;

    z-index: 3;

    cursor: pointer

}



.brand_history .carousel-arrows .next:hover .icon-svg, .brand_history .carousel-arrows .prev:hover .icon-svg {

    fill: #e67015

}



.brand_history .carousel-arrows .prev {

    left: -60px

}



.brand_history .carousel-arrows .next {

    right: -60px

}



.brand_history .carousel-arrows .icon-svg {

    width: 40px;

    height: 40px;

    fill: #fff;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



@media (max-width: 1024px) {

    .brand_history .carousel-arrows .prev {

        left: -40px

    }



    .brand_history .carousel-arrows .next {

        right: -40px

    }

}



.brand_video .b_video-info {

    position: relative;

    z-index: 1;

    margin: 2% auto 0;

    max-width: 910px

}



@media (max-width: 1240px) {

    .brand_video .b_video-info {

        margin-bottom: 40px

    }

}



@media (max-width: 576px) {

    .brand_video .b_video-info {

        margin-bottom: 25px

    }

}



.brand_video .vbBox:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2);

    content: ''

}



.brand_video .vbBox img {

    display: block;

    width: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.brand_video .vbBox .cont {

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 3;

    width: 100%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.brand_video .vbBox .vico {

    position: relative;

    padding: 16px

}



.brand_video .vbBox .icon {

    width: 32px;

    height: 32px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    fill: #fff

}



.brand_video .vbBox .desc {

    font-size: 30px;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    color: #fff

}



@media (max-width: 1240px) {

    .brand_video .vbBox .desc {

        font-size: 26px

    }

}



@media (max-width: 1024px) {

    .brand_video .vbBox .desc {

        font-size: 24px

    }

}



@media (max-width: 768px) {

    .brand_video .vbBox .desc {

        font-size: 20px

    }

}



@media (max-width: 576px) {

    .brand_video .vbBox .desc {

        font-size: 16px

    }

}



.brand_video .vbBox:hover img {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.brand_video .vbBox:hover .icon {

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    fill: #e67015

}



.brand_video .carousel-arrows .next, .brand_video .carousel-arrows .prev {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 3;

    width: 50px;

    text-align: center;

    cursor: pointer

}



.brand_video .carousel-arrows .next:hover .icon-svg, .brand_video .carousel-arrows .prev:hover .icon-svg {

    fill: #e67015

}



.brand_video .carousel-arrows .prev {

    left: -90px

}



.brand_video .carousel-arrows .next {

    right: -90px

}



.brand_video .carousel-arrows .icon-svg {

    width: 30px;

    height: 30px;

    fill: #fff;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



@media (max-width: 1240px) {

    .brand_video .carousel-arrows .next, .brand_video .carousel-arrows .prev {

        background: rgba(0, 0, 0, .5)

    }



    .brand_video .carousel-arrows .prev {

        left: 0

    }



    .brand_video .carousel-arrows .next {

        right: 0

    }

}



.brand_video .carousel-dots .slick-dots {

    bottom: -40px

}



@media (max-width: 576px) {

    .brand_video .carousel-dots .slick-dots {

        bottom: -35px

    }

}



@media (max-width: 425px) {

    .brand_video .carousel-dots .slick-dots {

        bottom: -30px

    }

}



.brand_video .carousel-dots .slick-dots li {

    margin: 0 5px;

    width: 40px;

    height: 2px;

    background: rgba(255, 255, 255, .4)

}



.brand_video .carousel-dots .slick-dots li.slick-active {

    background: #fff

}



@media (max-width: 576px) {

    .brand_video .carousel-dots .slick-dots li {

        margin: 0 3px;

        width: 30px

    }

}



.brand_activity {

    background: #f2f2f2

}



.brand_activity .brand-info a {

    background: #fff

}



.product_sec {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 80vh

}



@media (max-width: 768px) {

    .product_sec .cy_s-box {

        margin: 0 auto;

        text-align: center

    }



    .product_sec .cy_s-link.s_1 {

        text-align: center

    }

}



.product_sec .p-s_content {

    overflow: hidden;

    height: 0;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 768px) {

    .product_sec .p-s_content {

        height: auto

    }

}



.product_sec .p-s_list {

    margin: 10px 0 60px

}



.product_sec .p-s_list:after {

    content: '';

    display: block;

    clear: both

}



.product_sec .p-s_list .p-s_item {

    float: left;

    overflow: hidden;

    margin: 0 0 0 25px

}



.product_sec .p-s_list .p-s_item:first-child {

    margin: 0

}



.product_sec .p-s_list .p-s_item a {

    display: block;

    position: relative;

    z-index: 1

}



.product_sec .p-s_list .p-s_item a:before {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 3;

    width: 13px;

    height: 13px;

    background: url(../images/plusw.png) no-repeat center center;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.product_sec .p-s_list .p-s_item a:after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    background: #e67015;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(.7);

    -ms-transform: scale(.7);

    transform: scale(.7);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.product_sec .p-s_list .p-s_item a:hover:before {

    opacity: 1;

    visibility: visible

}



.product_sec .p-s_list .p-s_item a:hover:after {

    opacity: .8;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.product_sec .p-s_list .p-s_item a:hover img {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.product_sec .p-s_list img {

    width: 210px;

    height: 105px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



@media (max-width: 1024px) {

    .product_sec .p-s_list {

        margin-bottom: 40px

    }

}



@media (max-width: 768px) {

    .product_sec .p-s_list {

        margin: 3vw 0 10vw

    }



    .product_sec .p-s_list .p-s_item {

        float: none;

        margin: 0 auto 15px;

        width: 90%;

        max-width: 320px

    }



    .product_sec .p-s_list .p-s_item:first-child {

        margin: 0 auto 15px

    }



    .product_sec .p-s_list img {

        width: 100%;

        height: auto

    }

}



.product_sec .bg:before {

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.product_sec:hover .p-s_content {

    height: 224px

}



@media (max-width: 1024px) {

    .product_sec:hover .p-s_content {

        height: 204px

    }

}



@media (max-width: 768px) {

    .product_sec:hover .p-s_content {

        height: auto

    }

}



.product_sec:hover .bg:before {

    opacity: .7

}



.product-more {

    background: #f2f2f2

}



.product-more .pm-nav {

    display: inline-block;

    vertical-align: top;

    margin: 0 -20px;

    font-size: 0;

    line-height: 0

}



.product-more .pm-nav a {

    display: inline-block;

    margin: 0 5px 10px;

    padding: 10px 0;

    width: 100px;

    font-size: 12px;

    line-height: 15px;

    background: #fff;

    color: #000

}



.product-more .pm-nav a.act {

    background: #e67015;

    color: #fff

}



.product-more .pm-content {

    margin: 5% 0 0

}



@media (min-width: 1800px) {

    .product-more .pm-content .container {

        max-width: 1600px

    }

}



.product-more .pm-content .pm-c_body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



@media (max-width: 1440px) {

    .product-more .pm-content .pm-c_body {

        -ms-flex-pack: distribute;

        justify-content: space-around

    }

}



.product-more .pm-content .pm-c_body > div {

    width: 31.5%;

    max-width: 390px

}



.product-more .pm-content .pm-c_body .pm-c_item {

    margin: 15px 0;

}



@media (max-width: 768px) {

    .product-more .pm-content .pm-c_body > div {

        width: 48%

    }

}



@media (max-width: 576px) {

    .product-more .pm-content .pm-c_body > div {

        width: 100%

    }

}



.product-more .pm-content .pm-c_body a {

    display: block;

    overflow: hidden;

    position: relative;

    z-index: 1;

    background: #fff

}



.product-more .pm-content .pm-c_body a:hover img {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.product-more .pm-content .pm-c_body figure {

    overflow: hidden;

    position: relative;

    padding: 0 100% 50% 0

}



.product-more .pm-content .pm-c_body figure img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.product-more .pm-content .pm-c_body .name {

    padding: 10px 5%;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    background: #fff;

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis

}



.product-spirit .cy_s-box {

    width: 760px;

    max-width: 90%

}



.product-spirit .pst-title {

    margin: 15px 0 0;

    font-size: 20px;

    font-weight: 700;

    line-height: 20px;

    color: #333

}



.product-spirit .pst-content {

    font-size: 14px;

    line-height: 30px;

    text-align: left;

    color: #666

}



.pst-sec .pst-title {

    text-align: center

}



.pst-sec .pst-title .title {

    font-size: 30px;

    font-weight: 700;

    line-height: 45px;

    color: #333

}



.pst-sec .pst-title .tran {

    margin: 10px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585

}



@media (max-width: 1240px) {

    .pst-sec .pst-title .title {

        font-size: 24px;

        line-height: 35px

    }

}



@media (max-width: 1024px) {

    .pst-sec .pst-title .title {

        font-size: 20px;

        line-height: 30px

    }

}



@media (max-width: 768px) {

    .pst-sec .pst-title .title {

        font-size: 18px

    }

}



.pst-tz {

    position: relative

}



.pst-tz .pst-title {

    position: absolute;

    top: 10%;

    left: 0;

    z-index: 5;

    margin: 0 auto;

    padding: 0 15px;

    width: 100%

}



.pst-tz .pst-title .title {

    color: #fff

}



@media (max-width: 768px) {

    .pst-tz .pst-title {

        top: 3%

    }

}



.pst-tz .pst-tz_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media (max-width: 768px) {

    .pst-tz .pst-tz_content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.pst-tz .pst-tz_content .pst-tz_c-item {

    position: relative;

    z-index: 1;

    width: 33.3334%

}



@media (max-width: 768px) {

    .pst-tz .pst-tz_content .pst-tz_c-item {

        width: 100%

    }

}



.pst-tz .pst-tz_content .pst-tz_c-item:hover {

    z-index: 3

}



.pst-tz .pst-tz_content .pst-tz_c-item:hover figure:after {

    opacity: 1;

    visibility: visible

}



.pst-tz .pst-tz_content figure {

    position: relative;

    padding: 0 100% 120% 0

}



.pst-tz .pst-tz_content figure img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.pst-tz .pst-tz_content figure:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    content: ''

}



.pst-tz .pst-tz_content figure:after {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

    width: 100%;

    height: 40%;

    background: -webkit-gradient(linear, left bottom, left top, from(#9CC92E), to(rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(bottom, #9CC92E, rgba(255, 255, 255, 0));

    background: -o-linear-gradient(bottom, #9CC92E, rgba(255, 255, 255, 0));

    background: linear-gradient(to top, #9CC92E, rgba(255, 255, 255, 0));

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    content: ''

}



@media (max-width: 768px) {

    .pst-tz .pst-tz_content figure:after {

        content: none

    }

}



.pst-tz .pst-tz_content .desc {

    position: absolute;

    top: 75%;

    left: 0;

    z-index: 3;

    padding: 0 10%;

    width: 100%;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    color: #fff

}



@media (max-width: 1240px) {

    .pst-tz .pst-tz_content .desc {

        top: 65%

    }

}



@media (max-width: 1024px) {

    .pst-tz .pst-tz_content .desc {

        top: 40%

    }

}



.pst-tz .pst-tz_content .desc .num {

    margin: 0 0 20px;

    font-family: Arial, sans-serif

}



@media (max-width: 1240px) {

    .pst-tz .pst-tz_content .desc .num {

        margin: 0 0 10px

    }

}



.pst-kh {

    background: #f7f7f7

}



.pst-kh .pst-kh_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 5% 0 0

}



@media (max-width: 768px) {

    .pst-kh .pst-kh_content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.pst-kh .pst-kh_c-item {

    width: 32.5%;

    max-width: 390px

}



@media (max-width: 768px) {

    .pst-kh .pst-kh_c-item {

        margin: 15px auto;

        width: 100%

    }

}



.pst-kh .pst-kh_c-item .name {

    padding: 30px 5%;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    background: #fff;

    color: #666

}



@media (max-width: 1024px) {

    .pst-kh .pst-kh_c-item .name {

        padding: 25px 5%

    }

}



@media (max-width: 768px) {

    .pst-kh .pst-kh_c-item .name {

        padding: 20px 5%

    }

}



.pst-kh .pst-kh_c-item figure {

    overflow: hidden;

    position: relative;

    padding: 0 100% 92.3077% 0

}



.pst-kh .pst-kh_c-item figure img {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.pst-kh .pst-kh_c-item:hover figure img {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.service_contact .contact-info .tips {

    font-size: 14px;

    line-height: 25px;

    color: #999

}



.service_contact .contact-info .c-i_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 5% 0 3%

}



.service_contact .contact-info .c-i_content .c-i_c-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    z-index: 1;

    border-left: 1px solid #d9d9d9;

    padding: 30px 5%;

    width: 25%;

    min-height: 290px;

    text-align: center;

    background: #f2f2f2;

    -webkit-transition: background .3s;

    -o-transition: background .3s;

    transition: background .3s;

    cursor: default

}



@media (max-width: 1240px) {

    .service_contact .contact-info .c-i_content .c-i_c-item {

        border-top: 1px solid #d9d9d9;

        width: 50%

    }



    .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(1), .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2) {

        border-top: 0 none

    }



    .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2n+1) {

        border-left: 0 none

    }

}



@media (max-width: 425px) {

    .service_contact .contact-info .c-i_content .c-i_c-item {

        width: 100%

    }



    .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2) {

        border-top: 1px solid #d9d9d9

    }



    .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2n+2) {

        border-left: 0 none

    }

}



.service_contact .contact-info .c-i_content .c-i_c-item:first-child {

    border-left: 0 none

}



.service_contact .contact-info .c-i_content .c-i_c-item:hover {

    z-index: 3;

    background: #e67015

}



.service_contact .contact-info .c-i_content .c-i_c-item:hover .name, .service_contact .contact-info .c-i_content .c-i_c-item:hover .phone {

    color: #fff

}



.service_contact .contact-info .c-i_content .c-i_c-item:hover .icon-svg {

    fill: #fff

}



.service_contact .contact-info .c-i_content .icon-svg {

    width: 50px;

    height: 50px;

    fill: #666;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_contact .contact-info .c-i_content figure {

    margin: 0 0 10px

}



.service_contact .contact-info .c-i_content figure img {

    border: 7px solid #fff;

    width: 110px;

    height: 110px

}



.service_contact .contact-info .c-i_content .name {

    font-size: 14px;

    line-height: 25px;

    color: #777;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_contact .contact-info .c-i_content .s1 .phone {

    margin: 30px 0 10px;

    font-family: Arial, sans-serif;

    font-size: 24px;

    font-weight: 700;

    line-height: 30px;

    color: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_adviser .adviser-info {

    margin: 2% auto 0;

    max-width: 850px

}



.service_adviser .a-i_item {

    position: relative;

    z-index: 1;

    margin: -1px 0 0

}



.service_adviser .a-i_item.act .a-i_head {

    border-color: #e67015;

    background: #e67015

}



.service_adviser .a-i_item.act .a-i_head .icon {

    opacity: 1;

    visibility: visible

}



.service_adviser .a-i_head {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border: 1px solid #666;

    padding: 10px 5%;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    cursor: pointer

}



.service_adviser .a-i_head .a-i_q {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-right: 5%;

    font-size: 14px;

    line-height: 20px;

    color: #fff

}



.service_adviser .a-i_head .icon {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_adviser .a-i_head .icon-svg {

    width: 20px;

    height: 20px;

    fill: #fff

}



.service_adviser .a-i_head:hover {

    border-color: #e67015;

    background: #e67015

}



.service_adviser .a-i_body {

    display: none;

    margin: 1px 0 0;

    padding: 25px 5%;

    font-size: 14px;

    line-height: 25px;

    background: #666;

    color: #fff

}



.service_system .system-info .tips {

    max-width: 520px;

    font-size: 14px;

    line-height: 25px;

    color: #999

}



@media (max-width: 1024px) {

    .service_system .system-info .tips {

        color: #666

    }

}



.service_system .s-i_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 10% 0 5%;

    max-width: 800px

}



.service_system .s-i_c-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    z-index: 1;

    margin: 0 0 2%;

    width: 48.5%;

    min-height: 190px;

    text-align: center;

    background: #fff;

    -webkit-transition: background .3s;

    -o-transition: background .3s;

    transition: background .3s;

    cursor: pointer

}



.service_system .s-i_content ul.formbox{

    font-size: 0;

    margin: 0 -10px;

    flex-basis: 100%;

}

.service_system .s-i_content ul.formbox li{

    display: inline-block;

    padding: 10px;

    width: 50%;

    font-size: 16px;

}

.service_system .s-i_content ul.formbox li span{

    display: block;

    height: 32px;

    padding: 0 5px;

    color: #999;

}

.service_system .s-i_content ul.formbox li input,.service_system .s-i_content ul.formbox li input:focus{

    border: 1px #EAEAEA solid;

    height: 42px;

    border-radius: 3px;

    background-color: #FFF;

    padding: 0 10px;

    width: 100%;

    font-size: 12px;

}

.service_system .s-i_content ul.formbox li textarea,.service_system .s-i_content ul.formbox li textarea:focus{

    border: 1px #EAEAEA solid;

    border-radius: 3px;

    background-color: #FFF;

    padding: 10px;

    width: 100%;

    font-size: 12px;

}

.service_system .s-i_content ul.formbox li.full{

    width: 100%;

}

.service_system .s-i_content ul.formbox li a:link,.service_system .s-i_content ul.formbox li a:visited{

    display: inline-block;

    background-color: #e67015;

    color: #FFF;

    padding: 10px 35px;

    text-align: center;

    border-radius: 5px;

}

.service_system .s-i_content ul.formbox li a:hover,.service_system .s-i_content ul.formbox li a:active{

    background-color: #529835;

}



@media (max-width: 425px) {

    .service_system .s-i_c-item {

        margin: 0 0 3.5%;

        width: 100%

    }

}



.service_system .s-i_c-item.act, .service_system .s-i_c-item:hover {

    background: #e67015

}



.service_system .s-i_c-item.act .icon-svg, .service_system .s-i_c-item:hover .icon-svg {

    fill: #fff

}



.service_system .s-i_c-item.act .name, .service_system .s-i_c-item.act .title, .service_system .s-i_c-item:hover .name, .service_system .s-i_c-item:hover .title {

    color: #fff

}



.service_system .s-i_c-item .icon-svg {

    width: 50px;

    height: 50px;

    fill: #e67015;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_system .s-i_c-item .title {

    margin: 15px 0 0;

    font-size: 15px;

    font-weight: 700;

    line-height: 20px;

    color: #000;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_system .s-i_c-item .name {

    margin: 5px 0 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #858585;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_system.show_dialog {

    z-index: 7777

}



.service_system .s-i_c-dialog {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 77777;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .8);

    overflow-x: hidden;

    overflow-y: auto

}



.service_system .s-i_c-dialog.show .content {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.service_system .s-i_c-dialog.hide .content {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(.3);

    -ms-transform: scale(.3);

    transform: scale(.3)

}



.service_system .dialog-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    min-height: 100%

}



.service_system .dialog-content::-webkit-scrollbar {

    display: none

}



.service_system .dialog-content .content {

    margin: 5% auto;

    padding: 5%;

    width: 90%;

    max-width: 930px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(1.7);

    -ms-transform: scale(1.7);

    transform: scale(1.7);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.service_system .dialog-c_item {

    display: none

}



.service_system .dialog-c_item.z {

    display: block

}



.service_system .icon-close {

    position: relative;

    top: -50px;

    right: -50px;

    display: block;

    text-align: right;

    cursor: pointer

}



@media (max-width: 1240px) {

    .service_system .icon-close {

        top: 0;

        right: 0;

        margin-bottom: 3%

    }

}



.service_system .icon-close:hover .icon-svg {

    fill: #e67015

}



.service_system .icon-close .icon-svg {

    width: 30px;

    height: 30px;

    fill: #6a6a6a;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.service_system .dialog-head {

    border-bottom: 1px solid #d2d2d2;

    padding: 0 0 4.5%;

    text-align: center;

    color: #000

}



.service_system .dialog-head .title {

    font-family: Arial, sans-serif;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase

}



.service_system .dialog-head .name {

    font-size: 18px;

    line-height: 25px

}



.service_system .dialog-body {

    padding: 3% 0 0;

    font-size: 14px;

    line-height: 30px;

    color: #666

}



.service_by .by-info {

    margin: 3.5% auto 0;

    max-width: 860px

}



.service_by .tab-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.service_by .t-b_item {

    position: relative;

    z-index: 1;

    max-width: 20%;

    padding: 0 0 30px;

    cursor: pointer

}



@media (max-width: 576px) {

    .service_by .t-b_item {

        width: 20%;

        text-align: center

    }

}



.service_by .t-b_item.act, .service_by .t-b_item:hover {

    z-index: 3

}



.service_by .t-b_item.act .icon:after, .service_by .t-b_item:hover .icon:after {

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s

}



.service_by .t-b_item.act:before {

    opacity: 1;

    visibility: visible

}



.service_by .t-b_item:before {

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -5px;

    border-top: 6px solid #fff;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .1s;

    -o-transition: all .1s;

    transition: all .1s;

    content: ''

}



.service_by .t-b_item .icon {

    position: relative;

    border-radius: 50%;

    padding: 25px;

    width: 100px;

    height: 100px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.service_by .t-b_item .icon:after, .service_by .t-b_item .icon:before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    content: ''

}



.service_by .t-b_item .icon:before {

    border: 2px solid #fff

}



@media (max-width: 576px) {

    .service_by .t-b_item .icon:before {

        border-width: 1px

    }

}



.service_by .t-b_item .icon:after {

    background: #e67015;

    visibility: hidden;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 768px) {

    .service_by .t-b_item .icon {

        width: 90px;

        height: 90px

    }

}



@media (max-width: 576px) {

    .service_by .t-b_item .icon {

        padding: 15px;

        width: 60px;

        height: 60px

    }

}



@media (max-width: 425px) {

    .service_by .t-b_item .icon {

        padding: 10px;

        width: 40px;

        height: 40px

    }

}



.service_by .t-b_item .icon-svg {

    width: 50px;

    height: 50px;

    fill: #fff

}



@media (max-width: 768px) {

    .service_by .t-b_item .icon-svg {

        width: 40px;

        height: 40px

    }

}



@media (max-width: 576px) {

    .service_by .t-b_item .icon-svg {

        width: 30px;

        height: 30px

    }

}



@media (max-width: 425px) {

    .service_by .t-b_item .icon-svg {

        width: 20px;

        height: 20px

    }

}



.service_by .t-b_item .name {

    margin: 10px 0 0;

    height: 20px;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    color: #fff

}



@media (max-width: 768px) {

    .service_by .t-b_item .name {

        font-size: 12px;

        line-height: 15px

    }

}



.service_by .tab-content {

    margin: 4% 0 0;

    padding: 4%;

    font-size: 12px;

    line-height: 30px;

    background: #666;

    color: #ccc

}



.service_by .t-c_item {

    display: none

}



.service_by .t-c_item.act {

    display: block

}



.service_store {

    padding: 4.25% 0

}



@media (max-width: 1024px) {

    .service_store .cy_s-box {

        margin: 0 auto

    }



    .service_store .cy_title {

        text-align: center

    }

}



.service_store .cy_title {

    padding: 0

}



.store_content .store-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 0 auto;

    max-width: 1000px

}



@media (max-width: 1024px) {

    .store_content .store-info {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.store_content .s-i_pic {

    width: 500px;

    max-width: 90%

}



@media (max-width: 1024px) {

    .store_content .s-i_pic {

        margin: 0 auto

    }

}



.store_content .s-i_pic figure {

    position: relative;

    z-index: 1;

    padding: 0 100% 60% 0

}



.store_content .s-i_pic img {

    position: absolute;

    width: 100%;

    height: 100%

}



.store_content .s-i_cont {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 300px;

    max-width: 90%

}



@media (max-width: 1024px) {

    .store_content .s-i_cont {

        margin: 50px auto 0

    }

}



.store_content .s-i_c-head {

    font-size: 14px;

    line-height: 25px;

    color: #fff

}



.store_content .s-i_c-head .icon {

    margin-right: 15px

}



.store_content .s-i_c-head .icon-svg {

    width: 25px;

    height: 25px;

    fill: #fff

}



.store_content .s-i_c-body {

    color: #fff

}



.store_content .s-i_c-body .dw {

    padding: 25px 0;

    font-size: 48px;

    line-height: 1

}



@media (max-width: 1024px) {

    .store_content .s-i_c-body .dw {

        font-size: 40px

    }

}



@media (max-width: 768px) {

    .store_content .s-i_c-body .dw {

        font-size: 36px

    }

}



@media (max-width: 576px) {

    .store_content .s-i_c-body .dw {

        font-size: 30px

    }

}



@media (max-width: 425px) {

    .store_content .s-i_c-body .dw {

        font-size: 24px

    }

}



.store_content .s-i_c-body .ds {

    font-size: 14px;

    line-height: 25px

}



.store_content .s-i_c-body .n {

    color: #e67015

}



.store_content .s-i_c-more {

    margin: 17% 0 0

}



.store_content .s-i_c-more a {

    display: block;

    position: relative;

    z-index: 1;

    border: 2px solid #e67015;

    padding: 10px 5px;

    width: 170px;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    color: #fff;

    -webkit-transition: background-color .3s;

    -o-transition: background-color .3s;

    transition: background-color .3s

}



@media (max-width: 1024px) {

    .store_content .s-i_c-more a {

        border-width: 1px;

        width: 150px;

        line-height: 20px

    }

}



@media (max-width: 768px) {

    .store_content .s-i_c-more a {

        font-size: 12px;

        width: 120px

    }

}



.store_content .s-i_c-more a:hover {

    background: #e67015

}



.store-header {

    padding-bottom: 3%

}



.store-header .s-h_tip {

    font-size: 14px;

    line-height: 25px;

    color: #333

}



@media (max-width: 425px) {

    .store-header .s-h_tip {

        font-size: 12px

    }

}



.store-header .s-h_tip .icon {

    margin-right: 10px

}



.store-header .s-h_tip .icon-svg {

    width: 25px;

    height: 25px;

    fill: #333

}



.store-header .s-h_tip .n {

    color: #e67015

}



.store-body {

    position: relative;

    padding: 0 100% 32.2917% 0

}



@media (max-width: 1024px) {

    .store-body {

        height: 320px

    }

}



.store-body .store-map {

    position: absolute;

    width: 100%;

    height: 100%

}



.store-body .map {

    height: 100%

}



.store-body .map .anchorBL {

    display: none !important

}



.store-content {

    background: #f3f3f3

}



.store-content .s-c_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.store-content .s-c_info > div {

    width: 100%;

    max-width: 32%;

}



.store-content .s-c_i-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-top: 4px solid #e1dada;

    margin: 0 0 30px;

    min-height: 190px;

    background: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    cursor: default

}



@media (max-width: 1024px) {

    .store-content .s-c_info > div {

        max-width: 48.5%

    }



    .store-content .s-c_i-item {

        margin: 0 0 3vw;

    }

}



@media (max-width: 576px) {

    .store-content .s-c_info > div {

        max-width: 100%

    }



    .store-content .s-c_i-item {

        margin: 0 0 5vw;

    }

}



.c_maptext {

    padding-bottom: 20px;

}



.c_selicts {

    padding-left: 20px;

    width: 22%;

    box-sizing: border-box;

    height: 40px;

    line-height: 40px;

    color: #333;

    font-size: 14px;

    border: 1px solid #999;

    background: url(../images/link_select_ico3.png) 94% center no-repeat;

    -webkit-appearance: none;

    appearance: none;

    -moz-appearance: none;

    float: left;

    margin: 0px 12px 6px 0px;

}



.c_experser {

    float: left;

    position: relative;

    margin-bottom: 6px;

    padding: 0px 55px 0 20px;

    width: 30%;

    box-sizing: border-box;

    border: 1px solid #999;

    height: 40px;

}



.epertext {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border: 0px none;

    color: #333;

    font-size: 14px;

}



.epersub {

    width: 50px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background: url(../images/btn_serach.png) no-repeat scroll center center;

    border: none;

    outline: 0;

    text-indent: 9999px;

    overflow: hidden;

    cursor: pointer;

    transition: background-color .3s;

    -webkit-transition: background-color .3s

}



.epersub:hover {

    background-color: #d4d2d2;

}





.store-content .s-c_i-item:hover {

    border-top-color: #e67015

}



.store-content .cont {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 5%

}



.store-content .cont .name {

    margin: 0 0 3%;

    font-size: 18px;

    line-height: 30px;

    color: #333

}



.store-content .cont .c-i {

    font-size: 14px;

    line-height: 25px;

    color: #666

}



.store-content .btn {

    border-top: 1px solid #ccc;

    font-size: 0;

    line-height: 0

}



.store-content .btn .btn-i {

    display: inline-block;

    vertical-align: top;

    position: relative;

    z-index: 1;

    border-left: 1px solid #ccc;

    padding: 3% 5%;

    width: 50%;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    color: #666;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.store-content .btn .btn-i:first-child {

    border-left: 0 none

}



.store-content .btn .btn-i:hover {

    background: #e67015;

    color: #fff;

    z-index: 3

}



.store-content .btn .btn-i:hover .icon.icon-a {

    background-image: url(../images/ah.png)

}



.store-content .btn .btn-i:hover .icon.icon-p {

    background-image: url(../images/ph.png)

}



.store-content .btn .icon {

    display: inline-block;

    margin-right: 10px;

    width: 25px;

    height: 25px;

    background: no-repeat center center;

    -webkit-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.store-content .btn .icon.icon-a {

    background-image: url(../images/a.png)

}



.store-content .btn .icon.icon-p {

    background-image: url(../images/p.png)

}



.store-content .s-c_more {

    margin: 10px 0 0

}



.store-content .s-c_more a {

    display: block;

    position: relative;

    z-index: 1;

    margin: 0 auto;

    border: 2px solid #e67015;

    padding: 10px 5px;

    width: 170px;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    color: #999;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (max-width: 1024px) {

    .store-content .s-c_more a {

        border-width: 1px;

        width: 150px;

        line-height: 20px

    }



    .c_selicts {

        width: 32%;

        margin-right: 2%;

    }



    .c_selicts:nth-child(3) {

        margin-right: 0;

    }



    .c_experser {

        width: 100%;

    }

}



@media (max-width: 768px) {

    .store-content .s-c_more a {

        font-size: 12px;

        width: 120px

    }



    .c_selicts, .c_experser {

        padding-left: 10px;

    }

}



.store-content .s-c_more a:hover {

    background: #e67015;

    color: #fff

}



.join-service .j-service_info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.j-service_info > div {

    width: 100%;

    max-width: 32%;

    max-width: calc(33.3334% - 13.3334px)

}



.join-service .j-s_i-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    position: relative;

    z-index: 1;

    margin: 0 0 20px;

    /*text-align: center;*/

    padding: 10px;

    background: #f2f2f2

}



@media (max-width: 768px) {

    .j-service_info > div {

        max-width: 48.5%

    }

}



@media (max-width: 425px) {

    .j-service_info > div {

        max-width: 100%

    }



    .join-service .j-s_i-item {

        margin: 0 0 15px;

    }

}



.join-service .j-s_i-item:hover {

    z-index: 3

}



.join-service .j-s_i-item:hover .cont {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.join-service .j-s_i-item .pic {

    margin: 0 auto;

    width: 73px

}



@media (max-width: 1024px) {

    .join-service .j-s_i-item .pic {

        width: 50px

    }

}



.join-service .j-s_i-item .pic figure {

    position: relative;

    padding: 0 100% 100% 0

}



.join-service .j-s_i-item .pic img {

    position: absolute;

    width: 100%;

    height: 100%

}



.join-service .j-s_i-item .name {

    margin: 10px 0 0;

    font-size: 18px;

    line-height: 20px;

    color: #333

}



@media (max-width: 1024px) {

    .join-service .j-s_i-item .name {

        font-size: 16px

    }

}



@media (max-width: 425px) {

    .join-service .j-s_i-item .name {

        font-size: 14px

    }

}



.join-service .j-s_i-item .cont {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    padding: 5%;

    width: 100%;

    height: 100%;

    font-size: 14px;

    line-height: 25px;

    text-align: left;

    background: #e67015;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translate(0, 100%);

    -ms-transform: translate(0, 100%);

    transform: translate(0, 100%);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.join-network {

    overflow: hidden

}



.join-network .cy_s-box {

    position: relative;

    z-index: 3;

    max-width: 650px

}



.join-network .j-n_desc {

    font-size: 14px;

    line-height: 30px;

    color: #FFF

}



.join-network .j-n_map {

    position: relative;

    z-index: 0;

    height: 430px

}



@media (max-width: 1240px) {

    .join-network .j-n_map {

        height: auto

    }

}



@media (max-width: 1240px) {

    .join-network .j-n_map-w {

        height: 430px

    }

}



.join-network .j-n_map-w figure {

    position: absolute;

    top: -120px;

    left: -230px;

    z-index: -1

}



.join-network .j-n_map-w figure img {

    display: block;

    width: 1920px;

    height: 1000px

}



.join-network .j-n_map-w .dots.act span {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: .7;

    -webkit-animation: dotshow2 infinite 1.7s 1.75s linear alternate;

    animation: dotshow2 infinite 1.7s 1.75s linear alternate

}



.join-network .j-n_map-w .dots span {

    display: block;

    position: absolute;

    border-radius: 50%;

    background: #bde90d;

    opacity: .1;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 2s;

    -o-transition: all 2s;

    transition: all 2s

}



.join-network .j-n_map-w .dots .d1 {

    top: 50px;

    left: -40px;

    width: 150px;

    height: 150px

}



.join-network .j-n_map-w .dots .d2 {

    top: 190px;

    left: 50px;

    width: 180px;

    height: 180px

}



.join-network .j-n_map-w .dots .d3 {

    top: 200px;

    left: 120px;

    width: 130px;

    height: 130px

}



.join-network .j-n_map-w .dots .d4 {

    top: 180px;

    left: 210px;

    width: 120px;

    height: 120px

}



.join-network .j-n_map-w .dots .d5 {

    top: 250px;

    left: 200px;

    width: 115px;

    height: 115px

}



.join-network .j-n_map-w .dots .d6 {

    top: 265px;

    left: 255px;

    width: 85px;

    height: 85px

}



.join-network .j-n_map-w .dots .d7 {

    top: 285px;

    left: 400px;

    width: 100px;

    height: 100px

}



.join-network .j-n_map-c {

    position: absolute;

    top: -100px;

    right: 0

}



.join-network .j-n_map-c figure {

    overflow: hidden;

    width: 760px;

    height: 620px

}



.join-network .j-n_map-c figure img {

    width: 100%

}



.join-network .j-n_map-c .dots span {

    display: block;

    position: absolute;

    border-radius: 50%;

    background: #ff9000;

    opacity: .8;

    -webkit-transform: scale(.9);

    -ms-transform: scale(.9);

    transform: scale(.9);

    -webkit-animation: dotshow infinite 1.7s linear;

    animation: dotshow infinite 1.7s linear

}



.join-network .j-n_map-c .dots .d1 {

    top: 356px;

    left: 365px;

    width: 32px;

    height: 32px

}



.join-network .j-n_map-c .dots .d2 {

    top: 316px;

    left: 487px;

    width: 17px;

    height: 17px

}



.join-network .j-n_map-c .dots .d3 {

    top: 332px;

    left: 554px;

    width: 17px;

    height: 17px

}



@media (max-width: 1240px) {

    .join-network .j-n_map-c {

        position: relative;

        top: auto;

        right: auto

    }

}



@media (max-width: 1024px) {

    .join-network .j-n_map-c figure {

        width: 100%;

        height: auto

    }



    .join-network .j-n_map-c figure img {

        width: auto;

        max-width: 100%

    }



    .join-network .j-n_map-c .dots {

        display: none

    }

}



.join-network .j-n_contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    position: relative;

    z-index: 3

}



@media (max-width: 1240px) {

    .join-network .j-n_contact {

        margin: 5% 0 0

    }

}



.join-network .j-n_contact .j-n_ct-i {

    margin-right: 5%;

    font-size: 14px;

    line-height: 30px;

    color: #fff

}



.join-network .j-n_contact .j-n_ct-i:last-child {

    margin-right: 0

}



@media (max-width: 576px) {

    .join-network .j-n_contact .j-n_ct-i {

        width: 50%

    }

}



@media (max-width: 425px) {

    .join-network .j-n_contact .j-n_ct-i {

        margin-right: 0;

        margin-bottom: 5%;

        width: 100%

    }

}



.join-network .j-n_contact .cont {

    font-family: Arial, sans-serif;

    font-size: 30px;

    font-weight: 700;

    line-height: 1

}



@media (max-width: 1024px) {

    .join-network .j-n_contact .cont {

        font-size: 24px

    }

}



@media (max-width: 768px) {

    .join-network .j-n_contact .cont {

        font-size: 18px

    }

}



.join-network .j-n_contact .more {

    margin: 20px 0 0

}



.join-network .bg {

    background:#4A9E12

}



.join-network .bg:before {

    content: none

}



.join-network .bg img {

    position: absolute;

    top: 50px;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0)

}



@-webkit-keyframes dotshow {

    to {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: .1

    }

}



@keyframes dotshow {

    to {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: .1

    }

}



@-webkit-keyframes dotshow2 {

    to {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

        opacity: .3

    }

}



@keyframes dotshow2 {

    to {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

        opacity: .3

    }

}



.join-quality .quality-info {

    margin: 0 auto;

    width: 90%;

    max-width: 760px

}



@media (max-width: 576px) {

    .join-quality .quality-info {

        width: 100%

    }

}



.join-quality .q-i_item {

    margin: 0 0 2px;

    padding: 20px 5%;

    font-size: 14px;

    line-height: 25px;

    text-align: justify;

    background: #ececec;

    color: #333

}



@media (max-width: 576px) {

    .join-quality .q-i_item {

        padding: 15px 5%

    }

}



.join-quality .tips {

    margin: 5% 0 0;

    font-size: 24px;

    line-height: 30px;

    text-align: center;

    color: #e67015

}



@media (max-width: 1024px) {

    .join-quality .tips {

        font-size: 20px

    }

}



@media (max-width: 576px) {

    .join-quality .tips {

        font-size: 16px

    }

}



.join-data {

    background: #ececec

}



.join-data .j-data_info {

    position: relative;

    padding: 0 0 50px

}



@media (max-width: 768px) {

    .join-data .j-data_info {

        padding: 0 0 30px

    }

}



.join-data .j-data_info .carousel-item {

    background: #fff;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    cursor: pointer

}



.join-data .j-data_info .carousel-item:nth-child(odd) .cont:before {

    top: 100%;

    border-top: 16px solid #fff

}



.join-data .j-data_info .carousel-item:nth-child(even) .cont:before {

    bottom: 100%;

    border-bottom: 16px solid #fff

}



.join-data .j-data_info .carousel-item:hover {

    background: #e67015

}



.join-data .j-data_info .carousel-item:hover:nth-child(odd) .cont:before {

    border-top-color: #e67015

}



.join-data .j-data_info .carousel-item:hover:nth-child(even) .cont:before {

    border-bottom-color: #e67015

}



.join-data .j-data_info .carousel-item:hover .cont .desc, .join-data .j-data_info .carousel-item:hover .cont .name {

    color: #fff

}



.join-data .j-data_info .carousel-item:hover .pic img {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.join-data .j-data_info .cont-b {

    position: relative;

    z-index: 3;

    padding: 0 100% 83.3334% 0

}



.join-data .j-data_info .cont {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 3;

    padding: 5%

}



.join-data .j-data_info .cont:before {

    position: absolute;

    left: 50%;

    z-index: 1;

    margin-left: -12px;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    content: ''

}



.join-data .j-data_info .cont .name {

    font-size: 16px;

    font-weight: 700;

    line-height: 25px;

    color: #e67015;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.join-data .j-data_info .cont .desc {

    margin: 2.5% 0 0;

    font-size: 14px;

    line-height: 25px;

    color: #666;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.join-data .j-data_info .pic figure {

    overflow: hidden;

    position: relative;

    padding: 0 100% 83.3334% 0

}



.join-data .j-data_info .pic img {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.join-data .j-data_info .carousel-dots .slick-dots li {

    width: 40px;

    height: 6px;

    background: #a8a8a8

}



@media (max-width: 1024px) {

    .join-data .j-data_info .carousel-dots .slick-dots li {

        width: 30px;

        height: 4px

    }

}



@media (max-width: 768px) {

    .join-data .j-data_info .carousel-dots .slick-dots li {

        width: 20px;

        height: 3px

    }

}



@media (max-width: 576px) {

    .join-data .j-data_info .carousel-dots .slick-dots li {

        width: 15px

    }

}



.join-data .j-data_info .carousel-dots .slick-dots li.slick-active {

    background: #e67015

}



.join-support .support-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.join-support .support-info .s-i_item {

    -webkit-box-flex: 33.3334%;

    -ms-flex: 33.3334%;

    flex: 33.3334%;

    max-width: 33.3334%;

    margin-top: -1px;

    margin-left: -1px;

    border: 1px solid #bfbfbf;

    padding: 30px 4%;

    font-size: 16px;

    line-height: 25px;

    background: #fff;

    color: #666

}



.join-support .support-info .s-i_item:nth-child(6n), .join-support .support-info .s-i_item:nth-child(6n-1), .join-support .support-info .s-i_item:nth-child(6n-2) {

    background: #e8e9f1

}



@media (max-width: 1240px) {

    .join-support .support-info .s-i_item {

        padding: 25px 4%

    }

}



@media (max-width: 768px) {

    .join-support .support-info .s-i_item {

        -webkit-box-flex: 50%;

        -ms-flex: 50%;

        flex: 50%;

        padding: 20px 4%;

        max-width: 50%;

        font-size: 14px;

        line-height: 20px

    }



    .join-support .support-info .s-i_item:nth-child(6n), .join-support .support-info .s-i_item:nth-child(6n-1), .join-support .support-info .s-i_item:nth-child(6n-2) {

        background: #fff

    }



    .join-support .support-info .s-i_item:nth-child(4n), .join-support .support-info .s-i_item:nth-child(4n-1) {

        background: #e8e9f1

    }

}



@media (max-width: 425px) {

    .join-support .support-info .s-i_item {

        -webkit-box-flex: 100%;

        -ms-flex: 100%;

        flex: 100%;

        padding: 15px 4%;

        max-width: 100%

    }



    .join-support .support-info .s-i_item:nth-child(4n), .join-support .support-info .s-i_item:nth-child(4n-1) {

        background: #fff

    }



    .join-support .support-info .s-i_item:nth-child(2n) {

        background: #e8e9f1

    }

}



.service-conditions .conditions-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.service-conditions .c-i_item {

    width: 590px;

    max-width: 49.5%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background: #fff

}



@media (max-width: 576px) {

    .service-conditions .c-i_item {

        margin: 0 0 3%;

        width: 100%;

        max-width: 100%

    }

}



.service-conditions .c-i_item.s1 .c-i_head {

    background-color: #e67015;

    background-image: url(../images/jm1.png)

}



.service-conditions .c-i_item.s2 .c-i_head {

    background-color: #9CC92E;

    background-image: url(../images/jm2.png)

}



.service-conditions .c-i_item .c-i_head {

    padding: 70px 60px 35px;

    font-size: 24px;

    line-height: 30px;

    background: no-repeat 70% center;

    color: #fff

}



.service-conditions .c-i_item .c-i_body {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 35px 60px;

    font-size: 14px;

    line-height: 30px;

    color: #666

}



@media (max-width: 1024px) {

    .service-conditions .c-i_item .c-i_head {

        padding: 60px 50px 30px

    }



    .service-conditions .c-i_item .c-i_body {

        padding: 30px 50px

    }

}



@media (max-width: 768px) {

    .service-conditions .c-i_item .c-i_head {

        padding: 50px 5% 25px;

        font-size: 20px;

        line-height: 25px;

        background-size: contain

    }



    .service-conditions .c-i_item .c-i_body {

        padding: 25px 5%;

        line-height: 25px

    }

}



@media (max-width: 576px) {

    .service-conditions .c-i_item .c-i_head {

        padding: 40px 5% 20px

    }



    .service-conditions .c-i_item .c-i_body {

        padding: 20px 5%

    }

}





.banner-pic a.links{

    display: block;

    width: 200px;

    height: 48px;

    position: absolute;

    top: 62.85%;

    left: 48.7%;

    border-radius: 24px;

    z-index: 99;

}

.banner-pic a.links.android{

    top: 73.29%;

}