@charset "utf-8";

.fv-has-feedback {
    position: relative
}

.fv-control-feedback {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    text-align: center
}

.fv-help-block {
    display: block
}

.fv-form [placeholder]::-ms-clear {
    display: none
}

.fv-form-bootstrap .help-block {
    margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
    text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
    z-index: 100
}

.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top
}

.fv-form-bootstrap4 .fv-control-feedback {
    line-height: 38px;
    width: 38px;
    height: 38px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
    right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4.form-inline .form-group {
    vertical-align: top
}

.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
    top: 32px
}

.fv-form-bootstrap4:not(.form-inline) label.sr-only ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
    top: 25px
}

.fv-form-bootstrap4 .has-success .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-success .form-control-label {
    color: #5cb85c
}

.fv-form-bootstrap4 .has-danger .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-danger label {
    color: #f0ad4e
}

form .form-group.required:before {
   /* content: '*';*/
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -6px;
    font-size: 18px;
    line-height: 1;
    color: #f00
}

@media (max-width:767px) {
    form .form-group.required:before {
        left: -10px
    }
}

.webui-popover-content {
    display: none
}

.webui-popover-rtl {
    direction: rtl;
    text-align: right
}

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .webui-popover.top, .webui-popover.top-left, .webui-popover.top-right {
        margin-top: -10px
    }

    .webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom {
        margin-left: 10px
    }

    .webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right {
        margin-top: 10px
    }

    .webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom {
        margin-left: -10px
    }

    .webui-popover.pop {
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: transform .15s cubic-bezier(0.3,0,0,1.5);
        -o-transition: transform .15s cubic-bezier(0.3,0,0,1.5);
        transition: transform .15s cubic-bezier(0.3,0,0,1.5);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .webui-popover.pop-out {
        -webkit-transition-property: "opacity,transform";
        -o-transition-property: "opacity,transform";
        transition-property: "opacity,transform";
        -webkit-transition: .15s linear;
        -o-transition: .15s linear;
        transition: .15s linear;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .webui-popover.fade, .webui-popover.fade-out {
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .webui-popover.out {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .webui-popover.in {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .webui-popover .webui-popover-content {
        padding: 9px 14px;
        overflow: auto;
        display: block
    }

        .webui-popover .webui-popover-content > div:first-child {
            width: 99%
        }

.webui-popover-inner .close {
    font-family: arial;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    text-decoration: none
}

    .webui-popover-inner .close:hover, .webui-popover-inner .close:focus {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .webui-popover-inner .close:after {
        content: "\00D7";
        width: .8em;
        height: .8em;
        padding: 4px;
        position: relative
    }

.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0
}

.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none
}

.webui-popover-inverse {
    background-color: #333;
    color: #eee
}

    .webui-popover-inverse .webui-popover-title {
        background: #333;
        border-bottom: 1px solid #3b3b3b;
        color: #eee
    }

.webui-no-padding .webui-popover-content {
    padding: 0
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none
}

    .webui-no-padding .list-group-item:first-child {
        border-top: 0
    }

    .webui-no-padding .list-group-item:last-child {
        border-bottom: 0
    }

.webui-popover > .webui-arrow, .webui-popover > .webui-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.webui-popover > .webui-arrow {
    border-width: 11px
}

    .webui-popover > .webui-arrow:after {
        border-width: 10px;
        content: ""
    }

.webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0
}

    .webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0
    }

.webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-top-width: 0
}

    .webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-top-width: 0
    }

.webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.webui-popover-inverse.top > .webui-arrow, .webui-popover-inverse.top-left > .webui-arrow, .webui-popover-inverse.top-right > .webui-arrow, .webui-popover-inverse.top > .webui-arrow:after, .webui-popover-inverse.top-left > .webui-arrow:after, .webui-popover-inverse.top-right > .webui-arrow:after {
    border-top-color: #333
}

.webui-popover-inverse.right > .webui-arrow, .webui-popover-inverse.right-top > .webui-arrow, .webui-popover-inverse.right-bottom > .webui-arrow, .webui-popover-inverse.right > .webui-arrow:after, .webui-popover-inverse.right-top > .webui-arrow:after, .webui-popover-inverse.right-bottom > .webui-arrow:after {
    border-right-color: #333
}

.webui-popover-inverse.bottom > .webui-arrow, .webui-popover-inverse.bottom-left > .webui-arrow, .webui-popover-inverse.bottom-right > .webui-arrow, .webui-popover-inverse.bottom > .webui-arrow:after, .webui-popover-inverse.bottom-left > .webui-arrow:after, .webui-popover-inverse.bottom-right > .webui-arrow:after {
    border-bottom-color: #333
}

.webui-popover-inverse.left > .webui-arrow, .webui-popover-inverse.left-top > .webui-arrow, .webui-popover-inverse.left-bottom > .webui-arrow, .webui-popover-inverse.left > .webui-arrow:after, .webui-popover-inverse.left-top > .webui-arrow:after, .webui-popover-inverse.left-bottom > .webui-arrow:after {
    border-left-color: #333
}

.webui-popover i.icon-refresh:before {
    content: ""
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url('../../../public/plugins/webui-popover/../img/loading.gif') no-repeat
}

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

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

.webui-popover-backdrop {
    background-color: rgba(0,0,0,.65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998
}

.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none
}

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

#lg-counter, .lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block
}

@font-face {
    font-family: lg;
    src: url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?n1z373');
    src: url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?#iefixn1z373') format("embedded-opentype"),url('../../../public/plugins/lightGallery/css/../fonts/lg.woff?n1z373') format("woff"),url('../../../public/plugins/lightGallery/css/../fonts/lg.ttf?n1z373') format("truetype"),url('../../../public/plugins/lightGallery/css/../fonts/lg.svg?n1z373#lg') format("svg");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

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

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

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

@-webkit-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

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

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

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

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

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

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

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

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

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

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

#lg-counter {
    color: #999;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

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

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

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

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url('../../../public/plugins/lightGallery/css/../img/vimeo-play.png') no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url('../../../public/plugins/lightGallery/css/../img/vimeo-play.png') 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url('../../../public/plugins/lightGallery/css/../img/video-play.png') no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

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

.lg-outer .lg-has-youtube .lg-video-play {
    background: url('../../../public/plugins/lightGallery/css/../img/youtube-play.png') no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url('../../../public/plugins/lightGallery/css/../img/youtube-play.png') 0 -60px no-repeat
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg-outer .lg-item {
        background: url('../../../public/plugins/lightGallery/css/../img/loading.gif') center center no-repeat;
        display: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .lg-backdrop.in {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1800;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

    .pswp * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pswp img {
        max-width: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1);
    transition: opacity 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1);
    transition: transform 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp__bg {
    will-change: opacity;
    for open/close transition-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);
    transition: opacity 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #777
}

    .pswp__error-msg a {
        color: #333;
        text-decoration: underline
    }

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

    .pswp__button:focus, .pswp__button:hover {
        opacity: 1
    }

    .pswp__button:active {
        outline: none;
        opacity: 0.9
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

[class*=pswp__button--rotate] {
    background: none !important;
    outline: none !important
}

    [class*=pswp__button--rotate] .icon {
        top: 1px;
        font-size: 17px;
        font-weight: 400;
        color: #555
    }

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url('../../../public/plugins/PhotoSwipe/default-skin/default-skin.png') 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url('../../../public/plugins/PhotoSwipe/default-skin/default-skin.svg')
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }

    [class*=pswp__button--rotate] {
        opacity: .75
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

    .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
        content: '';
        top: 35px;
        background-color: rgba(0,0,0,0.1);
        height: 30px;
        width: 32px;
        position: absolute
    }

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

    .pswp__share-tooltip a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px
    }

        .pswp__share-tooltip a:hover {
            text-decoration: none;
            color: #000
        }

        .pswp__share-tooltip a:first-child {
            border-radius: 2px 2px 0 0
        }

        .pswp__share-tooltip a:last-child {
            border-radius: 0 0 2px 2px
        }

.pswp__share-modal--fade-in {
    opacity: 1
}

    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

    a.pswp__share--facebook:hover:before {
        border-bottom-color: #3E5C9A
    }

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #555;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

    .pswp__caption small {
        font-size: 11px;
        color: #777
    }

.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #333
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

    .pswp__preloader--active .pswp__preloader__icn {
        background: url('../../../public/plugins/PhotoSwipe/default-skin/preloader.gif') 0 0 no-repeat
    }

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise 500ms linear infinite;
        animation: clockwise 500ms linear infinite
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;
        animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite
    }

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

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

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

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

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

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

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

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

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

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

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

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1);
    transition: opacity 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar, .pswp__caption {
    background-color: rgba(255,255,255,0.8)
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(255,255,255,0.8)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1497855280632');
    src: url('../fonts/iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1497855280632') format('woff'), url('../fonts/iconfont.ttf?t=1497855280632') format('truetype'), url('../fonts/iconfont.svg?t=1497855280632#iconfont') format('svg')
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-next:before {
    content: "\e601"
}

.icon-next2:before {
    content: "\e636"
}

.icon-prev2:before {
    content: "\e637"
}

.icon-prev1:before {
    content: "\e648"
}

.icon-next1:before {
    content: "\e655"
}

.icon-prev:before {
    content: "\e606"
}

.slick-slider {
    position: relative;
    display: block;
    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
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

    .slick-slide:not(:first-child) {
        display: none
    }

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.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-loading .slick-list {
    background: #fff url('../../../public/plugins/slick/./ajax-loader.gif') center center no-repeat
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../../../public/plugins/slick/./fonts/slick.eot');
    src: url('../../../public/plugins/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'),url('../../../public/plugins/slick/./fonts/slick.woff') format('woff'),url('../../../public/plugins/slick/./fonts/slick.ttf') format('truetype'),url('../../../public/plugins/slick/./fonts/slick.svg#slick') format('svg')
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to

{
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)
}

70% {
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)
}

90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)
}

}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

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

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1)
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1)
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

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

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

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

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9,0.9,0.9);
        transform: scale3d(0.9,0.9,0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97,0.97,0.97);
        transform: scale3d(0.97,0.97,0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9,0.9,0.9);
        transform: scale3d(0.9,0.9,0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97,0.97,0.97);
        transform: scale3d(0.97,0.97,0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
        animation-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9,0.9,0.9);
        transform: scale3d(0.9,0.9,0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9,0.9,0.9);
        transform: scale3d(0.9,0.9,0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3,0.3,0.3);
        transform: scale3d(0.3,0.3,0.3)
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes fadeInUp3 {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInUp3 {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fadeHeight {
    from {
        height: 0
    }

    to {
        height: 30px
    }
}

@keyframes fadeHeight {
    from {
        height: 0
    }

    to {
        height: 30px
    }
}

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

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

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

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px,0,0);
        transform: scale(0.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px,0,0);
        transform: scale(0.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px,0,0);
        transform: scale(0.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px,0,0);
        transform: scale(0.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
        transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

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

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

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

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

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

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms
    }

    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms
    }

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

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s
    }

@media (print),(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

.fadeInUp2 {
    -webkit-animation: fadeInUp2 1s forwards normal;
    animation: fadeInUp2 1s forwards normal
}

@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInLeft2 {
    -webkit-animation: fadeInLeft2 1s forwards cubic-bezier(.645,.045,.355,1);
    animation: fadeInLeft2 1s forwards cubic-bezier(.645,.045,.355,1)
}

@-webkit-keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate(30px,0);
        transform: translate(30px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate(30px,0);
        transform: translate(30px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.rotateLeft {
    animation: 1s rotateLeft forwards cubic-bezier(.645,.045,.355,1);
    -webkit-animation: 1s rotateLeft forwards cubic-bezier(.645,.045,.355,1);
    transform-origin: right center;
    -webkit-transform-origin: right center
}

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

    100% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        background: #fff
    }
}

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

    100% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        background: #fff
    }
}

.rotateUp {
    animation: 1s rotateUp forwards cubic-bezier(.645,.045,.355,1);
    -webkit-animation: 1s rotateUp forwards cubic-bezier(.645,.045,.355,1);
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom
}

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

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        background: #d5061a
    }
}

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

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        background: #d5061a
    }
}

.rotateRight {
    animation: 1s rotateRight forwards cubic-bezier(.645,.045,.355,1);
    -webkit-animation: 1s rotateRight forwards cubic-bezier(.645,.045,.355,1);
    transform-origin: right center;
    -webkit-transform-origin: right center
}

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

    100% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        background: #fff;
        width: 100%
    }
}

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

    100% {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        background: #fff;
        width: 100%
    }
}

.rotateDown {
    animation: 1s rotateDown forwards cubic-bezier(.645,.045,.355,1);
    -webkit-animation: 1s rotateDown forwards cubic-bezier(.645,.045,.355,1);
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom
}

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

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        background: #d5061a;
        width: 50%
    }
}

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

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        background: #d5061a;
        width: 50%
    }
}

.bannerUp {
    -webkit-animation: bannerUp 1s forwards cubic-bezier(.645,.045,.355,1);
    animation: bannerUp 1s forwards cubic-bezier(.645,.045,.355,1)
}

@-webkit-keyframes bannerUp {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@keyframes bannerUp {
    0% {
        top: 100%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes fadeInScale {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }

    25% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: .5
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }

    75% {
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        opacity: 0
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }
}

@keyframes fadeInScale {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }

    25% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: .5
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }

    75% {
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        opacity: 0
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes fadeInScale2 {
    0% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 0
    }

    25% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .5
    }

    50% {
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        opacity: 1
    }

    75% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }

    100% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 0
    }
}

@keyframes fadeInScale2 {
    0% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 0
    }

    25% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: .5
    }

    50% {
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        opacity: 1
    }

    75% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }

    100% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 0
    }
}

@keyframes buttonLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
}

@-webkit-keyframes buttonLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
}

@keyframes buttonTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@-webkit-keyframes buttonTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

.x1 {
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms
}

.x2 {
    animation-delay: 300ms;
    -webkit-animation-delay: 300ms
}

.x3 {
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms
}

.x4 {
    animation-delay: 700ms;
    -webkit-animation-delay: 700ms
}

.x5 {
    animation-delay: 900ms;
    -webkit-animation-delay: 900ms
}

.x6 {
    animation-delay: 1100ms;
    -webkit-animation-delay: 1100ms
}

.x7 {
    animation-delay: 1300ms;
    -webkit-animation-delay: 1300ms
}

.x8 {
    animation-delay: 1500ms;
    -webkit-animation-delay: 1500ms
}

.x9 {
    animation-delay: 1700ms;
    -webkit-animation-delay: 1700ms
}

.x10 {
    animation-delay: 1900ms;
    -webkit-animation-delay: 1900ms
}

.x11 {
    animation-delay: 2100ms;
    -webkit-animation-delay: 2100ms
}

.x12 {
    animation-delay: 2300ms;
    -webkit-animation-delay: 2300ms
}

.x13 {
    animation-delay: 2500ms;
    -webkit-animation-delay: 2500ms
}

.x14 {
    animation-delay: 2700ms;
    -webkit-animation-delay: 2700ms
}

.x15 {
    animation-delay: 2900ms;
    -webkit-animation-delay: 2900ms
}

.x16 {
    animation-delay: 3100ms;
    -webkit-animation-delay: 3100ms
}

.x17 {
    animation-delay: 3300ms;
    -webkit-animation-delay: 3300ms
}

.d1 {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms
}

.d2 {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms
}

.d3 {
    animation-delay: 600ms;
    -webkit-animation-delay: 600ms
}

.d4 {
    animation-delay: 800ms;
    -webkit-animation-delay: 800ms
}

.d5 {
    animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms
}

.d6 {
    animation-delay: 1200ms;
    -webkit-animation-delay: 1200ms
}

.d7 {
    animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms
}

.d8 {
    animation-delay: 1600ms;
    -webkit-animation-delay: 1600ms
}

.d9 {
    animation-delay: 1800ms;
    -webkit-animation-delay: 1800ms
}

.d10 {
    animation-delay: 2000ms;
    -webkit-animation-delay: 2000ms
}

.d11 {
    animation-delay: 2200ms;
    -webkit-animation-delay: 2200ms
}

.d12 {
    animation-delay: 2400ms;
    -webkit-animation-delay: 2400ms
}

.d13 {
    animation-delay: 2600ms;
    -webkit-animation-delay: 2600ms
}

.d14 {
    animation-delay: 2800ms;
    -webkit-animation-delay: 2800ms
}

.d15 {
    animation-delay: 3000ms;
    -webkit-animation-delay: 3000ms
}

html {
    overflow-x: inherit !important
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Arial,"Microsoft YaHei","微软雅黑",Helvetica,sans-serif;
    font-size: 14px;
    color: #1a1a1a;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

div, p, span {
    margin: 0;
    padding: 0
}

img {
    border: none
}

div {
    display: block
}

table {
    border-collapse: collapse
}

a {
    text-decoration: none;
    color: #1a1a1a;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    -moz-outline-style: none;
    -webkit-outline-style: none
}

    a:link {
        text-decoration: none
    }

    a:focus {
        outline: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

li {
    list-style: none
}

input, select, button, textarea {
    vertical-align: middle;
    font-family: "Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;
    border-radius: 0;
    outline: none;
    background: none;
    border: none
}

textarea {
    resize: vertical
}

.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block
}

.salient-input {
    border: 1px solid #ccc;
    padding: 7px 0 7px 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .salient-input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

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

.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3
}

.page-lable-wrap {
    font-size: 0
}

    .page-lable-wrap span {
        display: inline-block;
        font-size: 14px;
        margin-right: 10px;
        position: relative
    }

        .page-lable-wrap span a {
            padding: 10px 15px;
            display: block;
            text-align: center;
            background: #fff;
            border: 1px solid #dedede;
            transition: all .7s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .7s cubic-bezier(.645,.045,.355,1)
        }

    .page-lable-wrap .page-hover a {
        background: #1a96d5;
        color: #fff;
        border: 1px solid #1a96d5
    }

    .page-lable-wrap span a:hover {
        background: #1a96d5;
        color: #fff;
        border: 1px solid #1a96d5
    }

.met-editor * {
    max-width: none !important
}

.met_pager {
    padding-top: 50px;
    text-align: center;
    display: table;
    margin: auto
}

    .met_pager * {
        display: inline-block;
        float: left;
        line-height: 30px;
        transition: color 0.5s;
        -moz-transition: color 0.5s;
        -webkit-transition: color 0.5s;
        -o-transition: color 0.5s
    }

    .met_pager a {
        width: auto;
        padding: 5px 15px;
        color: #5e7387;
        border: 1px solid #eee;
        text-decoration: none;
        background: #fff;
        font-size: 14px;
        font-weight: 300;
        margin: 0 5px;
        transition: all ease .3s
    }

        .met_pager a:active, .met_pager a:focus, .met_pager a:hover {
            background: #e20215;
            border: 1px solid #e20215;
            color: #fff
        }

        .met_pager a:not(.Ahover).NextA:hover, .met_pager a:not(.Ahover).PreA:hover {
            background: #000;
            color: #fff
        }

        .met_pager a.Ahover {
            background: #e20215;
            border: 1px solid #e20215;
            color: #fff;
            cursor: default
        }

        .met_pager .PreSpan, .met_pager .NextSpan, .met_pager a.NextA, .met_pager a.PreA {
            width: auto;
            padding: 5px 25px;
            border: 1px solid #eee;
            background: #fff;
            color: #999;
            margin: 0 5px;
            font-size: 14px;
            font-weight: 300;
            transition: all ease .3s
        }

    .met_pager .PreSpan, .met_pager .NextSpan {
        cursor: default
    }

    .met_pager .firstPage, .met_pager .lastPage {
        min-width: 40px
    }

    .met_pager .PageText {
        margin-left: 10px;
        color: #aaa;
        display: none
    }

    .met_pager input {
        display: none
    }

.head_wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    transition: all ease .5s;
    background:#fff;
}

    .head_wrap .head {
        background-color: transparent;
        transition: background-color .8s
    }

.head_nav .met-head-user {
    margin-left: 15px;
    line-height: initial
}

.head_nav .no-login {
    height: 60px
}

.met-nav.navbar-shadow {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.met-nav.navbar-fixed-top .navbar-right {
    margin-right: 0
}

.head_nav .logo_wrap {
    height: 80px;
    margin: 0;
    padding: 0;
    display: table;
    max-width: 180px;
    width: 100%
}

.head_nav .logo_box {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: url(../picture/1599877561.png) no-repeat left center;
    background-size: 100%;
    transition: all ease .8s
}

    .head_nav .logo_box img {
        display: none
    }

.head_nav .navbar-logo img {
    max-height: 50px
}

.head_nav .navlist {
    height: 80px
}

.head {
    border-top: 5px solid #e20215;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

.head_on {
    background-color: #fff;
    box-shadow: 0 0 10px #00000030
}

    .head_on .head_nav .logo_box {
        background: url(../picture/1599877561.png) no-repeat left center;
        background-size: 100%
    }

.head_nav .nav-item .nav-link {
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #333
}

.head_on .nav-item .nav-link {
    color: #111
}

.head_lang a {
    color: #e20215;font-size:20px;
    text-transform: uppercase
}

.head_lang i {
    font-size: 20px
}

.head_on .head_lang {
    border-left-color: #ddd
}

    .head_on .head_lang a {
        color: #333
    }

.ny_biao_dianzui {
    width: 44px;
    height: 2px;
    background: #e20215;
    display: block;
    margin: 10px auto
}

.about_box_2 .ny_biao_dianzui {
    background: #fff
}

.contact_info .ny_biao_dianzui {
    display: inline-block
}

.product_list_box a:hover .img::after {
    opacity: 0;
    visibility: visible
}

.product_list_box a .img::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/upload/video/pro_on.png) center;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all ease .4s
}

.ansli_h {
    position: relative;
    width: 100%;
    overflow: hidden
}

.head_on .head {
    background-color: #fff;
    border-bottom: 0 solid rgba(255,255,255,1)
}

.video_play {
    width: 100%;
    position: relative;
    line-height: 0;
    height: 370px;
    overflow: hidden;
    background: #1a1a1a
}

    .video_play video {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        object-fit: cover
    }

.video.news_list_box .item {
    margin-bottom: 30px;
    background: #eee;
    padding-bottom: 20px;
    transition: all ease .3s;
    border-bottom: 1px solid rgb(24 170 233 / 0%)
}

    .video.news_list_box .item .txt {
        padding: 0 20px
    }

        .video.news_list_box .item .txt h3 {
            margin: 0;
            font-size: 22px;
            line-height: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
            margin-bottom: 20px;
            color: #333;
            margin-top: 20px;
            transition: all ease .3s
        }

        .video.news_list_box .item .txt p {
            margin: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            font-size: 15px;
            color: #9e9da6;
            line-height: 30px;
            margin-bottom: 20px
        }

    .video.news_list_box .item:hover {
        background: #eaeaea;
        border-bottom: 1px solid rgb(24 170 233 / 36%)
    }

        .video.news_list_box .item:hover h3 {
            color: #e20215
        }

.video_play::after {
    content: '';
    background: url(/upload/video/videoico.png) no-repeat center rgb(0 0 0 / 34%);
    background-size: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease .3s;
    opacity: 0;
    pointer-events: none
}

.video.news_list_box .item:hover .video_play::after {
    opacity: 0
}

.met-product-showvideo-btn {
    z-index: 1
}

    .met-product-showvideo-btn i {
        background: none;
        border-radius: 0%;
        transform: translate(20px,-12px)
    }

.fa-play-circle-o:before {
    content: "";
    background: url(/upload/video/bofanhg.png) no-repeat center;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: block
}

#thumbs {
    margin-top: 10px
}

    #thumbs .swiper-slide {
        opacity: .2;
        text-align: center;
        font-size: 18px;
        background: #fff;
        border: 1px solid #ddd;
        padding: 3px
    }

    #thumbs .active {
        opacity: 1;
        transition: all ease .3s
    }

    #thumbs .swiper-slide img {
        width: 100%
    }

.ansli_h .swiper-button-white {
    background-color: rgb(0 0 0 / .5);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-size: 13px;
    top: 40%
}

.prolistsmall .item {
    width: auto;
    display: inline-block;
    background: #f3f3f3;
    padding: 5px 0px;
    margin-right: 10px;
    margin-bottom: 50px;
    border-radius: 2px;
    border: 1px solid #eee;
    transition: all ease .3s;
    text-align: center
}

    .prolistsmall .item a {
        color: #666;
        transition: all ease .3s
    }

    .prolistsmall .item:hover a {
        color: #e20215
    }

    .prolistsmall .item:hover {
        border: 1px solid #e20215
    }

    .prolistsmall .item a span {
        display: block;
        font-size: 14px;
        line-height: 40px;
        border-top: 1px solid #ddd
    }

    .prolistsmall .item a img {
        transform: scale(0.9)
    }

.anniu {float: left;margin-right: 20px}
.anniu a {color: #fff;background: #e20215;display: inline-block;font-size: 14px;width: 110px;height: 40px;line-height: 40px;text-align: center;transition: all ease .4s}
.anniu a:hover {background: #000}

.anniu2 {float: left;margin-right: 20px}
.anniu2 a {color: #fff;background: #000;display: inline-block;font-size: 14px;width: 110px;height: 40px;line-height: 40px;text-align: center;transition: all ease .4s}
.anniu2 a:hover {background: #e20215}

.bshare-custom {
    margin-top: 0;
    display: inline-block
}

    .bshare-custom a {
        width: 40px;
        height: 40px !important;
        display: inline-block;
        margin-right: 5px
    }

        .bshare-custom a.bshare-weixin {
            background: url(/upload/202010/wx.png) no-repeat center !important;
            background-size: 100% !important
        }

        .bshare-custom a.bshare-sinaminiblog {
            background: url(/upload/202010/xl.png) no-repeat center !important;
            background-size: 100% !important
        }

        .bshare-custom a.bshare-qqim {
            background: url(/upload/202010/qq.png) no-repeat center !important;
            background-size: 100% !important
        }

        .bshare-custom a.bshare-facebook {
            background: url(/upload/202010/facebook.png) no-repeat center !important;
            background-size: 100% !important
        }

    .bshare-custom span.bshare-share-count {
        height: 40px;
        background: #f5f5f5;
        margin: 0 0 0 10px;
        vertical-align: middle;
        padding: 0;
        border: 1px solid #eee;
        font-size: 14px;
        line-height: 40px !important
    }

.footer_box {
    transform: translateY(0px)
}

.en_show_songthing #show-12, .en_show_songthing #show-13 {
    display: none
}

.en_show_songthing.hidden_nav .navigation_wrap {
    display: none
}

.en_show_songthing .sitemap_list .first:nth-child(1) .second, .en_show_songthing .sitemap_list .first:nth-child(5) .second:nth-child(1) {
    display: none
}

.en_show_songthing .sitemap_list h3 {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 60px
}

.en_show_songthing .sitemap_list .second {
    border-bottom: 0px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 60px
}

.footer_nav .col-lg-2:nth-child(3) .footer_li:nth-child(1) {
    display: none
}

.en_show_songthing .nav .nav-item:nth-child(2) a::after, .en_show_songthing .nav .nav-item:nth-child(6) a::after {
    display: none
}

.en_show_songthing .footer_nav {
    display: none
}

.en_show_songthing .page_feedback {
    min-height: 100vh
}

.detail_tag {
}

    .detail_tag span {
        font-size: 14px;
        margin-right: 5px
    }

    .detail_tag a, .met-relevant a {
        background: #f5f5f5;
        padding: 10px;
        color: #666;
        margin: 0 5px 5px 0;
        transition: all ease .3s;
        display: inline-block;
        font-size: 14px;
        line-height: 1
    }

        .detail_tag a:hover, .met-relevant a:hover {
            background: #000;
            color: #fff
        }

.met-relevant {
    margin-top: 5px
}

    .met-relevant li {
        margin-bottom: 0
    }

@media (max-width:1340px) {
    .met-search-toggler {
        display: none
    }
}

@media (max-width:1340px) {
    .navbar-nav .nav-item .nav-link {
        padding: 0 16px
    }
}

@media (max-width:1200px) {
    .head_wrap .head {
        padding: 0 15px
    }

    .met-search-toggler {
        padding: 0 0 0 15px
    }

    .head_nav .logo_wrap {
        max-width: 180px
    }

    .navbar-nav > .nav-item:nth-child(1) {
        display: none
    }

    .banner_title {
        font-size: 30px
    }

    .banner_desc {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .head_nav .mblogo {
        display: none
    }

    .head_wrap .head {
        background-color: transparent;
        transition: background-color .8s;
        padding: 5px 20px;
        border-bottom: 1px solid rgb(255 255 255 / 0.2)
    }

    .navbar-nav > .nav-item {
        padding: 0
    }

    .navbar-nav .nav-item .nav-link {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px
    }

        .navbar-nav .nav-item .nav-link:before {
            content: '';
            width: 0;
            height: 2px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transition: all .8s
        }

        .navbar-nav .nav-item .nav-link:hover:before {
            width: 100%;
            left: 0;
            background-color: #e20215
        }

        .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:hover {
            background-color: transparent;
            color: #e20215
        }

    .is_static {
        position: static !important
    }

    .dropdown-menu-full {
        padding: 0;
        border: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        background-color: #f5f5f5;
        transition: all ease 0.7s;
        display: block;
        padding: 0
    }

    .en_show_songthing .dropdown-menu-full {
        display: none !important
    }

    .head_nav .navlist .is_static:hover .dropdown-menu {
        height: 450px;
        padding: 40px 0 40px
    }

    .head_nav .navlist .is_static:nth-child(2):hover .dropdown-menu {
        height: 340px;
        padding: 40px 0 40px
    }

    .head_nav .navlist .is_static:nth-child(6):hover .dropdown-menu, .head_nav .navlist .is_static:nth-child(7):hover .dropdown-menu, .head_nav .navlist .is_static:nth-child(9):hover .dropdown-menu {
        height: 280px;
        padding: 40px 0 40px
    }

    .dropdown-menu-full .wide-part {
        position: relative
    }

        .dropdown-menu-full .wide-part:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: -50px;
            bottom: 0;
            width: 1px;
            background-color: #ddd
        }

    .dropdown-menu-full .one h2 {
        font-size: 18px;
        margin: 0 0 20px;
        font-weight: bold
    }

    .dropdown-menu-full .one p {
        text-align: justify;
        font-weight: 300
    }

        .dropdown-menu-full .one p b {
            display: block;
            margin-top: 20px;
            font-size: 18px;
            font-weight: bold;
            color: #e20215
        }

    .dropdown-menu-full .one img {
        margin-top: 20px
    }

    .dropdown-menu-full .one .txt_list {
        margin: 0;
        padding: 0
    }

        .dropdown-menu-full .one .txt_list li {
            padding: 8px 0;
            border-bottom: 1px solid #e1e2e3;
            text-align: right
        }

            .dropdown-menu-full .one .txt_list li a {
                float: left;
                font-weight: 300;
                color: #9e9da6
            }

            .dropdown-menu-full .one .txt_list li span a {
                float: none;
                color: #15aaea
            }

    .dropdown-menu-full .two {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        min-width: 196px;
        margin-right: 30px;
        margin-left: 10px
    }

        .dropdown-menu-full .two a {
            display: block;
            margin: 5px 50px;
            padding: 10px 0;
            color: #333;
            border: 1px solid #ddd;
            text-align: center
        }

            .dropdown-menu-full .two a:hover {
                background: #e20215;
                color: #fff
            }

    .dropdown-menu-full .lit h4 {
        font-size: 14px;
        text-align: center
    }

    .met-search-toggler {
        display: block;
        color: #e20215;
        border-left-color: rgb(0 0 0 / .5);
        padding: 0 0 0 20px;
        height: 17px;
        transform: translateY(31px)
    }

    .head_on .met-search-toggler {
        color: #e20215;
        border-left: 1px solid #ccc
    }

    .met-search-toggler i {
        transform: translateY(-5px)
    }

    #met-search-collapse {
        overflow: hidden !important;
        padding-bottom: 0;
        left: 0;
        background: hsl(0 0% 0% / .2);
        position: absolute;
        right: 0;
        top: 95px;
        z-index: 10;
        height: 0;
        transition: all ease .5s
    }

        #met-search-collapse .input-search-btn i::before {
            content: 'Search';
            padding: 0 25px;
            background: #e20215;
            color: #fff;
            font-size: 16px;
            height: 45px;
            display: block;
            line-height: 45px;
            cursor: pointer
        }

        #met-search-collapse .input-search-btn {
            padding: 0;
            outline: 0;
            right: 25%
        }

            #met-search-collapse .input-search-btn i {
                margin: 0
            }

        #met-search-collapse.collapsing, #met-search-collapse.in {
            height: 85px;
            border-bottom: 1px solid rgb(255 255 255 / 0.2)
        }

    .head_on #met-search-collapse.navbar-collapse.collapse {
        /*background: #fff;*/
        border-top: 1px solid #eee
    }

    #met-search-collapse input {
        outline: none;
        background: #fff;
        border: 0;
        width: 40%;
        margin: 0 auto;
        height: 45px;
        padding: 0 15px;
        color: #1a1a1a;
        font-size: 14px
    }

    .head_lang {
        margin-top: 28px;
        padding: 0 20px;
        border-left: 1px solid #ddd;
        height: 14px
    }

        .head_lang a {
            color: #e20215;
            text-transform: uppercase;
            transform: translateY(-3px);
            display: block
        }

    .head_on .head_lang {
        border-left-color: #ccc
    }

        .head_on .head_lang a:hover, .head_lang a:hover {
            color: #e20215
        }
}

@media (max-width:991px) {
    .met-nav .navbar-logo img {
        max-height: 30px
    }

    .head_nav .logo_wrap {
        max-width: 180px
    }

    .met-nav .nav > li > a > i {
        float: right
    }

    .met-nav .dropdown-menu .dropdown-submenu > a:after {
        display: none
    }

    .met-nav .dropdown-menu .dropdown-submenu > a > i {
        float: right
    }
}

@media (max-width:767px) {
    .head_nav .pclogo {
        display: none
    }

    .head_nav .logo_wrap {
        padding-left: 15px;
        height: 55px
    }

    .logo_box img {
        height: 40px
    }

    .met-nav-btn:after {
        display: table;
        clear: both;
        content: ''
    }

    .met-nav .nav > li {
        margin-left: 0 !important
    }

        .met-nav .nav > li > a {
            padding: 10px 15px;
            line-height: 25px
        }

    .met-nav .nav li .link.active:after {
        height: 1px;
        bottom: 0;
        top: auto;
        left: 15px
    }

    .met-nav .nav > li > .link:after {
        height: 1px;
        bottom: 0;
        top: auto;
        left: 15px
    }

    .met-nav .nav > li > .link:hover:after {
        height: 1px;
        bottom: 0;
        top: auto;
        left: 15px
    }

    .met-nav .dropdown-menu > li > .dropdown-menu > li > a {
        padding-left: 40px
    }

    .met-nav .dropdown-menu.bullet:before, .met-nav .dropdown-menu.bullet:after {
        display: none
    }

    .met-nav .navbar-collapse.in {
        -webkit-box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2);
        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2)
    }

    .met-nav .navbar-logo {
        float: none;
        max-width: 90px;
        margin: 0 auto
    }

    .met-nav .navbar-collapse {
        width: 100%
    }

    .met-nav .navlist {
        margin-left: 0;
        margin-right: 0
    }

    .met-nav .met-head-user {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .navbar-collapse {
        background-color: #fff;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .navbar-collapse .navbar-nav {
            margin: 0 15px 15px;
            height: auto;
            background-color: #f3f2f1;
            border: 1px solid #e1e2e3;
            border-radius: 10px
        }

    .head_nav .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #333;
        line-height: 60px;
        padding: 0 15px;
        border-bottom: 1px solid #eee
    }

    .head_lang {
       display:none;
    }

    .dropdown-menu-full .two a {
        display: block;
        margin: 0 14px;
        color: #333;
        line-height: 2
    }

    .navbar-collapse {
        background-color: #fff;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-top: 1px solid rgba(0,0,0,.1)
    }

        .navbar-collapse .navbar-nav {
            margin: 0px;
            height: calc(100vh - 55px);
            background: none;
            border: 0px solid #e1e2e3;
            border-radius: 0
        }

    .head_nav .nav-item .nav-link {
        font-size: 14px;
        padding: 15px 4px
    }

    .navbar-collapse .nav-item .dropdown-menu .container {
        padding: 0
    }

        .navbar-collapse .nav-item .dropdown-menu .container .hidden-xs-down {
            display: none
        }

    .head_on .navbar-toggler {
        border-left: 1px solid rgba(0,0,0,.1)
    }

    .navbar-toggler .hamburger-bar {
        margin: 5px 0
    }
}

.navbar-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}

.header_wrap {
    position: fixed;
    width: 100%;
    z-index: 19;
    height: 100px;
    padding: 0 0 0 258px;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .header_wrap:hover {
        background: rgba(255,255,255,1)
    }

.header_wrap2 {
    background: rgba(255,255,255,1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    height: 80px
}

    .header_wrap2:hover {
        background: rgba(255,255,255,1)
    }

    .header_wrap2 .header_li {
        line-height: 80px
    }

        .header_wrap2 .header_li .pc_show a, .header_wrap:hover .header_li .pc_show a {
            color: #333
        }

    .header_wrap2 .pc_show .header_jt, .header_wrap:hover .pc_show .header_jt {
        color: #333
    }

.header_wrap.header_wrap_22 {
    background: rgba(255,255,255,1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    height: 80px
}

    .header_wrap.header_wrap_22:hover {
        background: rgba(255,255,255,1)
    }

    .header_wrap.header_wrap_22 .header_li {
        line-height: 80px
    }

        .header_wrap.header_wrap_22 .header_li .pc_show a, .header_wrap.header_wrap_22:hover .header_li .pc_show a {
            color: #333
        }

    .header_wrap.header_wrap_22 .pc_show .header_jt, .header_wrap.header_wrap_22:hover .pc_show .header_jt {
        color: #333
    }

.header_wrap .header_li .pc_show a:hover {
    color: #e20215
}

.header_wrap2 .header_li .pc_show a:hover {
    color: #e20215
}

.header_wrap2 .header_logo {
    padding: 15px 0;
    width: 188px
}

.header_wrap2 .header_language_icon, .header_wrap:hover .header_language_icon {
    color: #333
}

.header_wrap2 .header_language_text, .header_wrap:hover .header_language_text {
    color: #333
}

.header_wrap2 .header_language_bottom, .header_wrap:hover .header_language_bottom {
    color: #333
}

.header_wrap2 .header_language_box:after, .header_wrap:hover .header_language_box:after {
    background: #dedede;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_wrap2 .header_language_box:before, .header_wrap:hover .header_language_box:before {
    background: #dedede;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_wrap2 .header_search_icon, .header_wrap:hover .header_search_icon {
    color: #333
}

.header_wrap2 .pc_show:hover .header_jt {
    color: #e20215
}

.header_wrap.header_wrap_22 .header_li .pc_show a:hover {
    color: #e20215
}

.header_wrap.header_wrap_22 .header_logo {
    padding: 15px 0;
    width: 188px
}

.header_wrap.header_wrap_22 .header_language_icon {
    color: #333
}

.header_wrap.header_wrap_22 .header_language_text {
    color: #333
}

.header_wrap.header_wrap_22 .header_language_bottom {
    color: #333
}

.header_wrap.header_wrap_22 .header_language_box:after {
    background: #dedede;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_wrap.header_wrap_22 .header_language_box:before {
    background: #dedede;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_wrap.header_wrap_22 .header_search_icon {
    color: #333
}

.header_wrap.header_wrap_22 .pc_show:hover .header_jt {
    color: #e20215
}

.header_wrap .pc_show:hover .header_jt {
    color: #e20215
}

.header_wrap2 .header_language_li {
    line-height: 40px
}

.header_wrap.header_wrap_22 .header_language_li {
    line-height: 40px
}

.header_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: rgba(235,235,235,.2)
}

.header_language_li:hover {
    background: #fff
}

.header_logo {
    width: 228px;
    padding: 20px 0;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 30px;
    top: 0;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .header_logo .code_text {
        position: absolute;
        left: -webkit-calc(100% + 30px);
        left: calc(100% + 30px);
        bottom: 20px;
        white-space: nowrap;
        color: #fff;
        line-height: 34px
    }

        .header_logo .code_text .span1 {
            font-size: 14px;
            margin-right: 10px
        }

        .header_logo .code_text .span2 {
            font-size: 16px
        }

.header_wrap.header_wrap2 .header_logo .code_text {
    color: #e20215;
    bottom: 12px
}

.header_wrap.header_wrap_22 .header_logo .code_text {
    color: #e20215;
    bottom: 12px
}

.header_wrap:hover .header_logo .code_text {
    color: #e20215
}

.is_search_box_wrap {
    padding-top: 100px
}

.width-auto {
    width: 100%;
    padding: 0 200px;
    position: relative
}

.header_img {
    padding-bottom: 26.5%
}

.header_nav {
    height: 100%;
    font-size: 0;
    text-align: right
}

.header_box {
    display: inline-block;
    position: relative
}

.black-box {
    height: 100%
}

.header_search_input {
    width: 300px;
    height: 50px;
    padding: 5px 90px 5px 0;
    margin: 25px -300px 25px 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.header_search_click {
    margin: 25px 0 25px 0 !important
}

.header_search_input input::placeholder {
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.header_wrap .header_search_input input::placeholder {
    color: #fff
}

.header_wrap:hover .header_search_input input::placeholder {
    color: #999 !important
}

.header_wrap2 .header_search_input input::placeholder {
    color: #999 !important
}

.header_wrap2 .header_search_input {
    margin: 15px -300px 15px 0
}

.header_wrap2 .header_search_click {
    margin: 15px 0 15px 0 !important
}

.header_wrap.header_wrap_22 .header_search_input input::placeholder {
    color: #999 !important
}

.header_wrap.header_wrap_22 .header_search_input {
    margin: 15px -300px 15px 0
}

.header_wrap.header_wrap_22 .header_search_click {
    margin: 15px 0 15px 0 !important
}

.header_search_input input {
    padding: 0;
    width: 100%;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.header_wrap:hover .header_search_input input {
    color: #333
}

.header_wrap2 .header_search_input input {
    color: #333
}

.header_wrap.header_wrap_22 .header_search_input input {
    color: #333
}

.header_search_submit {
    height: 30px;
    line-height: 28px;
    width: 50px;
    position: absolute;
    right: 20px;
    top: 10px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    cursor: pointer
}

.header_wrap:hover .header_search_submit {
    background: #e20215;
    border: 1px solid #e20215;
    color: #fff
}

.header_wrap2 .header_search_submit {
    background: #e20215;
    border: 1px solid #e20215;
    color: #fff
}

.header_wrap.header_wrap_22 .header_search_submit {
    background: #e20215;
    border: 1px solid #e20215;
    color: #fff
}

.pc_show {
    display: block;
    position: relative
}

    .pc_show .header_jt {
        font-size: 14px;
        height: auto;
        line-height: initial !important;
        color: #fff;
        position: absolute;
        right: -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .pc_show:hover .header_jt {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

.m_show {
    display: none
}

@media (max-width:767px) {
    .navbar-toggler {
        margin-right: 0 !important;
        width: 45px;
        height: 55px;
        padding: 0 10px;
        border-left: 1px solid rgba(255,255,255,.2);
        border-radius: 0;
        color: #e20215;
        line-height: 55px;
        font-size: 16px
    }

    .hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
        background-color: #e20215;
        width: 22px
    }

    .hamburger.collapsed .hamburger-bar, .hamburger.collapsed:after, .hamburger.collapsed:before {
        width: 22px;
        height: 2px;
        margin-left: 2px
    }

    .head_on .hamburger .hamburger-bar, .head_on .hamburger:after, .head_on .hamburger:before {
        background-color: #e20215;
        width: 22px
    }
}

.banner_wrap {
    width: 100%;
    height: 100vh
}

.banner_box {
    width: 100%;
    height: 100%;
    background: #e20215;
    overflow: hidden
}

.banner_bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10
}

    .banner_bg img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.banner_content_wp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    display: table
}

.banner_content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.banner_title {
    font-size: 42px; letter-spacing:5px;
    color: #fff;
    font-weight: bold
}

    .banner_title span {
        display: block;
        font-size: 28px;
        line-height: 1;
        color: #fff;
        text-transform: uppercase
    }

.banner_desc {
    padding-top: 30px;
    font-size: 16px;
    line-height: 2;
    color: #fff
}
.banner_key {
   letter-spacing:7px;
    font-size: 16px;
    line-height: 2;
    color: #fff
}
    .banner_desc b {
        margin-right: 10px;
        font-weight: 300
    }

        .banner_desc b:before {
            content: '√';
            border: 1px solid #fff;
            display: inline-block;
            margin-right: 10px;
            width: 15px;
            height: 15px;
            line-height: 12px;
            font-size: 18px;
            text-align: center;
            font-weight: 300
        }

    .banner_desc i {
        font-style: normal;
        margin-right: 10px
    }

        .banner_desc i:before {
            content: '';
            display: inline-block;
            margin-right: 10px;
            width: 8px;
            height: 8px;
            background-color: #e20215;
            border-radius: 100%;
            vertical-align: 3px
        }

.banner_btns {
    display: inline-block;
    margin-top: 60px
}

    .banner_btns a {
        display: inline-block;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        background: #fff
    }

        .banner_btns a .txt {
            display: inline-block;
            padding: 0 25px;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
            color: #111;
            vertical-align: middle;
            text-transform: uppercase
        }

        .banner_btns a .ico {
            display: inline-block;
            width: 50px;
            height: 40px;
            font-size: 18px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            background-color: #e20215;
            vertical-align: middle
        }

@media (max-width:767px) {
    .banner_wrap {
        width: 100%;
        height: 50vh
    }
    .banner_box {
        position: relative
    }

    .banner_content {
        padding-top: 21vh;
        vertical-align: top;
        text-align: center
    }

    .banner_title {
        font-size: 24px
    }

        .banner_title span {
            font-size: 14px
        }

    .banner_desc {
        padding-top: 15px;
        font-size: 12px
    }

        .banner_desc b:before {
            width: 16px;
            height: 16px;
            font-size: 22px;
            line-height: 7px
        }

    .banner_btns {
        margin-top: 20px
    }

        .banner_btns a .txt {
            padding: 0 15px;
            height: 30px;
            font-size: 12px;
            line-height: 30px
        }

        .banner_btns a .ico {
            width: 30px;
            height: 30px;
            font-size: 14px;
            line-height: 30px
        }
}

.banner_box .swiper-pagination-bullet-active {
    background: none !important;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    opacity: 1 !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

    .banner_box .swiper-pagination-bullet-active:after {
        background: rgba(0,0,0,.1) !important;
        border: 1px solid #fff !important;
        width: 11px !important;
        height: 11px !important;
        -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
        transition: all .3s cubic-bezier(.645,.045,.355,1)
    }

.banner_box .swiper-pagination {
    bottom: 20px !important
}

.banner_box .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 7px !important;
    width: 17px;
    height: 17px;
    background: rgba(0,0,0,.1);
    opacity: 1 !important;
    position: relative;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

    .banner_box .swiper-pagination-clickable .swiper-pagination-bullet:first-child:before {
        display: none;
        -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
        transition: all .3s cubic-bezier(.645,.045,.355,1)
    }

    .banner_box .swiper-pagination-clickable .swiper-pagination-bullet:before {
        width: 50px;
        content: "";
        position: absolute;
        height: 1px;
        /*background: rgba(255,255,255,.2);*/
        right: 20px;
        top: 7px
    }

    .banner_box .swiper-pagination-clickable .swiper-pagination-bullet:after {
        border: 1px solid #fff !important;
        background: #fff;
        content: "";
        top: 2px;
        left: 2px;
        width: 11px;
        height: 11px;
        position: absolute;
        border-radius: 0% !important;
        -webkit-border-radius: 0% !important;
        -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
        transition: all .3s cubic-bezier(.645,.045,.355,1)
    }

.banner_box .swiper-pagination {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

@media (min-width:767px ) {
    .banner_bg .mobile_img {
        display: none
    }
}

@media (max-width:767px) {
    .banner_bg .pc_img {
        display: none
    }

    .banner_box .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 15px !important
    }
}

.index_title_box {
    text-align: center;
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 60px;
    display: none
}

.inhome {
    display: block;
    margin-bottom: 20px
}

.index_title_box .index_title_span {
    position: absolute;
    bottom: 0;
    width: 44px;
    height: 2px;
    background: #e20215;
    left: 50%;
    margin-left: -22px
}

.index_title_en {
    line-height: 1.5;
    font-size: 58px;
    text-transform: uppercase;
    display: none
}

.index_title_cn {
    font-size: 32px;
    line-height: 1.2
}

@media (max-width:767px) {
    .index_title_box {
        padding-bottom: 10px
    }
}

.business_index_wrap {
    background-color: #eee
}

.business_index_list {
    font-size: 0;
    z-index: 9;
    position: relative;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.15);
    box-shadow: 0 1px 15px rgba(0,0,0,.15);
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    background-color: #fff
}

.business_index_box {
    text-align: center;
    position: relative;
    padding: 1px 2px 0px 1px
}

    .business_index_box:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: #e6e6e6
    }

    .business_index_box a {
        display: block;
        position: relative;
        padding: 20px 0 0px 0
    }

        .business_index_box a:before {
            content: "";
            position: absolute;
            bottom: 0;
            height: 3px;
            width: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background: #e20215;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

.business_index_icon {
    margin: 0 auto;
    width: 190px;
    height: 100px;
    background: no-repeat 50%/cover;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.business_index_title {
    font-size: 20px;
    color: #333;
    padding-top: 0px;
    line-height: 60px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.business_index_text {
    color: #999;
    font-size: 13px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    padding: 0 10px
}

.top_transform {
    -webkit-transform: translateY(-133px) !important;
    transform: translateY(-133px) !important;
    animation-delay: 500ms !important;
    -webkit-animation-delay: 500ms !important
}

@media (min-width:768px) {
    .business_index_box:hover .business_index_icon {
        color: #e20215
    }

    .business_index_box:hover .business_index_title {
        color: #e20215
    }

    .business_index_box:hover .business_index_text {
        color: #666
    }

    .business_index_box:hover a:before {
        width: 100%
    }
}

@media (max-width:767px) {
    .business_index_box:nth-child(1), .business_index_box:nth-child(2) {
        border-bottom: 1px solid #e6e6e6
    }

    .business_index_box a {
        padding: 15px 15px
    }

    .business_index_icon {
        width: 85px;
        height: 65px
    }

    .business_index_title {
        margin-top: 10px;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 4px
    }

    .top_transform {
        -webkit-transform: translateY(-60px) !important;
        transform: translateY(-60px) !important;
        animation-delay: 500ms !important;
        -webkit-animation-delay: 500ms !important
    }

    .business_index_text {
        font-size: 12px; height: 84px;
        line-height: 1.5
    }
}

.product_index_wrap {
    background-color: #eee;
    padding-bottom: 80px
}

.pro_index_tabs {
    padding: 50px 0;
    text-align: center
}

    .pro_index_tabs a {
        display: inline-block;
        margin: 0 1px;   font-size: 18px;
        padding:10px 20px; background:#fff;
        border: 1px solid #aaa;
        font-weight: 500
    }

        .pro_index_tabs a:hover, .pro_index_tabs a.active {
            background-color: #e20215;
            color: #fff
        }

.pro_item {
    padding: 0 15px
}

    .pro_item a {
        display: block;
        position: relative;
        background-color: #fff;
        overflow: hidden
    }

        .pro_item a .p {
            padding: 0;
            text-align: center
        }

            .pro_item a .p h4 {
                margin: 0;
                padding: 25px 30px 15px;
               /* background: #e20215;*/
                text-align: left;
                color: #333
            }

            .pro_item a .p img {
                transition: all 1s;
                transform: scale(0.9) translateY(0)
            }

        .pro_item a .h {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 40px;
            opacity: 0;
            transition: all ease-in-out .5s;
            background-color: #e20215;
            color: #fff
        }

            .pro_item a .h h4 {
                color: #fff;
                margin-bottom: 20px;
                font-size: 19px;
                border-bottom: 1px solid #fff;
                padding-bottom: 15px;
                line-height: 1.5
            }

    .pro_item .h .desc {
        text-align: justify;
        margin-bottom: 20px;
        color: rgba(255,255,255,0.6);
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 400
    }

    .pro_item a .h .meta span {
        display: inline-block;
        width: 100%;
        line-height: 1.8;
        font-weight: 300
    }

        .pro_item a .h .meta span b {
            font-style: inherit;
            width: auto;
            display: inline-block;
            text-align: justify;
            margin-right: 5px;
            line-height: 0;
            font-weight: 500;
            margin-left: 5px
        }

            .pro_item a .h .meta span b::after {
                content: '';
                display: inline-block;
                width: 100%
            }

@media (min-width:768px) {
    .pro_item a:hover .p img {
        transform: scale(0.50) translateY(-170px)
    }

    .pro_item a .p::after {
        content: ''; 
        display: block;
        height: 0px;
        background: #e10215
    }

    .pro_item a .p h4::after {
        /* content: '';
        display: block;
        height: 1px;
        border-bottom: 3px solid #e10215;
        margin: 15px 0 0*/
        height: 3px;
        margin: 15px 0 0;
        width: 100%;
        background-color: #31302f;
        border-left: 30px solid #e10215;
        display: block;
        content: "";
    }

    .pro_item a .p p {
        text-align: justify; display:none;
        color: #333;
        word-break: break-all;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 400;
        padding: 0 30px 0px;
        /*background: #e10215*/
    }

    .pro_item a:hover .h {
        opacity: 1;
        transition: all ease-in-out 1s;
        top: 42%;
        padding: 20px 40px
    }

    .en_show_songthing .pro_item a:hover .h {
        padding: 20px 30px
    }
}

@media (max-width:767px) {
    .product_index_wrap {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pro_index_tabs {
        padding: 30px 0;
        overflow-x: auto
    }

        .pro_index_tabs a {
            margin: 0 0 5px 0;
            padding: 5px 10px;
            font-size: 12px
        }

    .pro_lists {
        padding: 0 10px
    }

    .pro_index_slides .pro_item {
        padding: 0 5px 0 5px;
        margin-bottom: 10px
    }

    .pro_item a .p h4 {
        padding: 10px;
        text-align: center;
        font-size: 12px;
        line-height: 1.5
    }

    .pro_item a .p p {
        display: none
    }

    .pro_item a .p .img {
        position: relative;
        width: 100%;
        height: 230px;
        overflow: hidden
    }

        .pro_item a .p .img img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            height: auto
        }
}

.faq_index_wrap {
    padding: 100px 0
}

.faq_tab_wrap {
    padding: 60px 0 0
}

.faq_tab_li {
    font-size: 0
}

.faq_tab_span {
    width: 14.2857142%;
    background: #616466;
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-size: 0;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    position: relative;
    cursor: pointer
}

.faq_hover {
    background: #e20215
}

.faq_tab_span:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    border-top: 7px solid #616466;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.faq_hover:before {
    bottom: -7px;
    border-top: 7px solid #e20215
}

.faq_tab_span:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px dashed #818385
}

.faq_tab_span:first-child:after {
    display: none
}

.faq_tab_icon {
    color: #fff;
    font-size: 30px
}

.faq_tab_title {
    font-size: 15px;
    color: #fff;
    font-weight: 300
}

.faq_index_pc {
    padding-top: 50px
}

.faq_read_img {
    overflow: hidden
}

    .faq_read_img a {
        display: block
    }

        .faq_read_img a img {
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

    .faq_read_img:hover a img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.faq_tab_box {
    position: relative;
    margin-top: 60px
}

.faq_read_li:nth-child(1) {
    position: relative
}

.faq_read_li {
    display: none;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.faq_current {
    display: block
}

.faq_tab_span {
    display: inline-block
}

.faq_read_title {
    font-size: 30px;
    line-height: 35px;
    height: 35px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 20px;
    padding-left: 21px;
    position: relative
}

    .faq_read_title:after {
        content: "";
        position: absolute;
        left: 0;
        background: #333;
        width: 5px;
        height: 25px;
        top: 5px
    }

.faq_read_text {
    font-size: 16px;
    line-height: 36px;
    color: #666;
    margin: 15px 0 30px 0
}

.faq_lable {
    font-size: 0;
    padding-right: 10px
}

    .faq_lable span {
        font-size: 16px
    }

    .faq_lable .iconduigou {
        color: #f39910;
        padding-right: 5px;
        font-size: 22px
    }

.faq_read_box {
    padding-top: 40px;
    font-size: 16px;
    line-height: 30px;
    color: #999;
    overflow: hidden;
    font-weight: 300
}

.faq_read_button {
    padding-top: 60px
}

    .faq_read_button span {
        display: inline-block;
        width: 150px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        position: relative;
        text-align: center
    }

    .faq_read_button a {
        font-size: 16px;
        display: block;
        line-height: 50px;
        position: relative
    }

.faq_button_white a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #4d4d4d
}

.faq_button_white a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #4d4d4d
}

.faq_button_white:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #4d4d4d;
    z-index: 2;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.faq_button_white:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #4d4d4d
}

.faq_button_white a {
    position: relative;
    z-index: 3;
    color: #4d4d4d;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.faq_button_white:hover:after {
    width: 100%
}

.faq_button_white:hover a {
    color: #fff
}

.faq_button_black {
    margin-left: 20px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .faq_button_black a {
        color: #fff;
        position: relative;
        z-index: 1;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .faq_button_black:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #e20215;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .faq_button_black:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4d4d4d;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .faq_button_black a span {
        padding-left: 8px;
        line-height: 52px;
        position: relative;
        top: -50%;
        font-size: 12px
    }

        .faq_button_black a span:after {
            content: "\e685";
            position: absolute;
            opacity: 1;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

        .faq_button_black a span:before {
            content: "\e685";
            position: absolute;
            -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
            opacity: 0;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

    .faq_button_black:hover:after {
        width: 100%
    }

    .faq_button_black:hover a span:before {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .faq_button_black:hover a span:after {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
        opacity: 0
    }

@media (max-width:767px) {
    .faq_tab_wrap {
        padding: 30px 0
    }

    .faq_index_wrap {
        padding: 40px 0
    }

    .faq_index_pc {
        padding-top: 20px
    }

    .index_title_en {
        font-size: 26px
    }

    .index_title_cn {
        font-size: 18px
    }

    .faq_read_title {
        font-size: 20px;
        padding-left: 15px
    }

        .faq_read_title:after {
            width: 3px;
            height: 20px;
            top: 6px
        }

    .faq_read_box {
        padding-top: 5px;
        font-size: 12px;
        text-align: justify;
        line-height: 1.5
    }

    .faq_read_button {
        padding-top: 30px
    }

        .faq_read_button span {
            display: inline-block;
            width: 100px;
            height: 40px;
            overflow: hidden;
            line-height: 40px;
            position: relative;
            text-align: center
        }

        .faq_read_button a {
            font-size: 12px;
            display: block;
            line-height: 40px;
            position: relative
        }
}

/* 关于 */
.fl { float: left;}
.fr {float: right;}
.bgImg {
   /* background-position: center*/;
    background-size: cover;
    position: relative;
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 100%;
}
.about{background:#f2f2f2;overflow:hidden;}
.aboutL{width:50%;overflow:hidden;font-size:.875rem;}
.aboutTie{height:250px;background:#e20215;padding:60px 16% 0 18%;text-align: center;}
.aboutTie span{display:block;font-size:1.486em;color:#fff;margin-top:10px;letter-spacing:3px;}
.aboutL .font{padding:50px 12% 0 13%;line-height:1.9;max-height:440px;}
.aboutL .txt{min-height:180px;margin-bottom:15px;font-size:16px;color:#555;}
.aboutR{width:50%;height:700px;}
.about .more {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: -webkit-linear-gradient(right bottom, #ba000f,#df0214);
    background: -o-linear-gradient(right bottom, #ba000f, #df0214);
    background: -moz-linear-gradient(right bottom,#ba000f,#df0214);
    background: linear-gradient(right bottom, #ba000f,#df0214);
    color: #fff;
}

.about_kr_wrap {
    position: relative;
    overflow: hidden
}

.bout_kr_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center
}

.about_kr_box {
    position: relative;
    z-index: 2;
    padding: 80px 0 80px
}

.index_title_white {
    color: #fff
}

    .index_title_white .index_title_span {
        background: #fff !important
    }

.about_kr_read {
    text-align: center
}

.about_kr_text {
    padding-top: 40px;
    color: #fff;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    font-weight: 300
}

.ScaleInfinite {
    -webkit-animation: ScaleInfinite 16s linear infinite normal both;
    animation: ScaleInfinite 16s linear infinite normal both
}

@-webkit-keyframes ScaleInfinite {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

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

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

@keyframes ScaleInfinite {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

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

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

.about_kr_button {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-top: 20px
}

    .about_kr_button:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background: rgba(255,255,255,.2)
    }

    .about_kr_button:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: rgba(255,255,255,.2)
    }

.about_kr_a {
    width: auto;
    height: 42px;
    position: relative;
    padding: 1px
}

    .about_kr_a:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(255,255,255,.2)
    }

    .about_kr_a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(255,255,255,.2)
    }

    .about_kr_a a {
        display: block;
        line-height: 40px;
        background: rgba(0,0,0,.2);
        font-size: 14px;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        color: #fff;
        width: 100%;
        padding: 0 35px
    }

        .about_kr_a a:hover {
            -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2);
            box-shadow: 0 1px 10px rgba(0,0,0,.2);
            background: rgba(0,0,0,.4)
        }

        .about_kr_a a span {
            display: inline-block;
            padding-left: 5px;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

        .about_kr_a a:hover span {
            -webkit-transform: translateX(5px);
            transform: translateX(5px)
        }

.bout_kr_number {
    font-size: 0;
    color: #fff;
    margin-top: 60px
}

.about_number_li {
    width: 33.33%;
    position: relative
}

    .about_number_li:after {
        content: "";
        width: 1px;
        height: 60%;
        background: rgba(255,255,255,.2);
        position: absolute;
        right: 0;
        top: 20%
    }

    .about_number_li:nth-child(3):after {
        display: none
    }

.about_number_span {
    font-size: 100px;
    font-family: Impact,"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif
}

.about_number_icon {
    font-size: 30px;
    position: relative;
    top: 5px
}

.about_number_read {
    font-size: 18px
}

.index_pd {
    padding: 100px 0
}

.about_kr_slide {
    position: relative;
    margin-top: 50px;
    padding: 0 5%
}

    .about_kr_slide .swiper-container {
        overflow: hidden;
        position: relative;
        z-index: 10
    }

    .about_kr_slide .swiper-slide {
        overflow: hidden
    }

        .about_kr_slide .swiper-slide img {
            height: 100%;
            border: 1px solid #e3e3e3;
            padding: 10%;
            width: 100%;
        }

    .about_kr_slide .button-prev, .about_kr_slide .button-next {
        position: absolute;
        top: 50%;
        z-index: 20;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background-color: #00000020;
        color: #fff;
        border-radius: 100%;
        text-align: center;
        line-height: 40px;
        outline: none
    }

    .about_kr_slide .button-prev {
        left: 0
    }

    .about_kr_slide .button-next {
        right: 0
    }

@media (max-width:767px) {
    .aboutL,.aboutR { width: 100%;}
    .aboutL .font { padding: 5%; max-height: 290px;}
    .aboutR {height: 250px;}
    .aboutTie { padding: 30px 5% 0 5%; height: 180px; }
    .about_kr_box {position: relative; z-index: 2; padding: 30px 0 30px; }
    .about_kr_text {padding-top: 30px; color: #fff;font-size: 12px;line-height: 2;text-align: center;font-weight: 300 }
    .about_kr_a a {
        display: block;
        line-height: 38px;
        background: rgba(0,0,0,.2);
        font-size: 12px;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        color: #fff
    }

    .about_kr_a {
        width: 130px;
        height: 40px;
        position: relative;
        padding: 1px
    }

    .about_kr_read .container {
        padding: 0
    }

    .about_kr_slide {
        padding: 0 15%
    }

    .about_number_span {
        font-size: 26px
    }

    .about_number_icon {
        font-size: 12px;
        top: 0
    }

    .about_number_read {
        font-size: 12px
    }

    .index_pd {
        padding: 50px 0
    }
}

.banner_index_wrap {
    position: relative
}

.banner_index_img {
}

    .banner_index_img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      /*  background: rgba(0,97,174,.4)*/
    }

.banner_index_read {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff
}

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

.banner_index_in {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.banner_index_title {
    font-size: 32px;letter-spacing:2px;
}

.banner_index_text {
    font-size: 16px; padding-top:5px;letter-spacing:2px;
    font-family: PingFang SC,STXihei,华文细黑,Microsoft YaHei,微软雅黑,SimSun,宋体,Heiti,黑体,sans-serif;
}

@media (max-width:767px) {
    .banner_index_img {
    }

    .banner_index_title {
        font-size: 16px;padding-top: 10px
    }

    .banner_index_read {
        padding: 0 20px
    }

    .banner_index_text {
        font-size: 15px;
        padding-top: 10px
    }
}

.core_index_box {
    position: relative;
    margin: 60px 0 0 0
}

.core_index_after {
    position: absolute;
    z-index: 2;
    left: 0;
    top: -5px;
    background: #e20215;
    width: 20%;
    height: 100%;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.core_index_ul {
    position: relative;
    z-index: 3
}

.hide_button {
    display: none
}

.core_index_li {
    width: 20%;
    text-align: center;
    padding: 10px;
    position: relative;
    outline: none
}

.core_index_light {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

    .core_index_light .core_index_span {
        display: inline-block;
        vertical-align: top;
        position: relative;
        height: 100%;
        width: calc(20% - 4px)
    }

        .core_index_light .core_index_span span {
            display: block;
            height: 100%;
            position: relative
        }

            .core_index_light .core_index_span span:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                background: #ebebeb;
                height: 1px;
                width: 100%;
                z-index: 1;
                transition: all .6s .3s cubic-bezier(.645,.045,.355,1);
                -webkit-transition: all .6s .3s cubic-bezier(.645,.045,.355,1)
            }

            .core_index_light .core_index_span span:before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                background: #ebebeb;
                height: 1px;
                width: 100%;
                z-index: 1;
                transition: all .6s .3s cubic-bezier(.645,.045,.355,1);
                -webkit-transition: all .6s .3s cubic-bezier(.645,.045,.355,1)
            }

        .core_index_light .core_index_span:after {
            content: "";
            background: #ebebeb;
            top: 0;
            left: 0;
            position: absolute;
            width: 1px;
            height: 100%;
            transition: all .6s .3s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s .3s cubic-bezier(.645,.045,.355,1)
        }

        .core_index_light .core_index_span:last-child:before {
            content: "";
            background: #ebebeb;
            top: 0;
            right: 0;
            position: absolute;
            width: 1px;
            height: 100%;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

.core_index_icon {
    margin: 0 auto;
   /* width: 100px;
    height: 100px;*/
    background: no-repeat 0 0/100% auto;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.core_index_hover .core_index_icon {
    background-position: 0 -100px
}

.core_index_title {
    position: relative;
    font-size: 22px;
    padding: 20px 0;
    color: #1a1a1a;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .core_index_title:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 20px;
        height: 2px;
        background: #e20215;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

.core_index_text {
    padding: 18px;
    font-size: 15px;
    line-height: 2;
    color: #777;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    font-weight: 300
}

.core_index_hover .core_index_icon, .core_index_hover .core_index_title, .core_index_hover .core_index_text {
    color: #fff
}

    .core_index_hover .core_index_title:after {
        background: #fff
    }

.span_index_hover:after {
    opacity: 0
}

.span_index_hover span:after {
    opacity: 0
}

.span_index_hover span:before {
    opacity: 0
}

.core_index_ul .button-prev, .core_index_ul .button-next {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-color: #00000020;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    outline: none
}

.core_index_ul .button-prev { left: 0}
.core_index_ul .button-next { right: 0}

@media screen and (max-width:1200px) {
    .core_index_light, .core_index_after {display: none}
    .core_index_li { padding: 20px 0}
}

@media (max-width:767px) {
    .core_index_title { position: relative; font-size: 18px; padding: 20px 0;color: #1a1a1a;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }
    .core_index_text {padding: 10px;font-size: 16px; line-height: 1.6; color: #999;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        font-weight: 300
    }
    .core_index_box { margin: 30px 0 0 0}
    .core_index_li { padding: 20px 10%;width: 100%}
}

.case_index_wrap {background-color: #eee}
.case_index_box { padding-top: 60px}
.case_index_box figure a {display: block; overflow: hidden}
.case_index_box figure a img { transition: all .6s cubic-bezier(.645,.045,.355,1); -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1) }

.case_index_box {overflow: hidden}
.case_index_box .swiper-slide:hover .case_index_img a img {-webkit-transform: scale(1.1); transform: scale(1.1)}
.case_index_box .swiper-slide:hover .case_index_title a { color: #e20215}
.case_index_box h4 { margin: 30px 0 20px 0; border-bottom: 1px solid #ddd;padding-bottom: 20px}
.case_index_box h4 a { display: block; font-size: 22px; line-height: 32px; color: #333;transition: all .6s cubic-bezier(.645,.045,.355,1);-webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)}
.case_index_box p { font-size: 15px; line-height: 26px; height: 52px; overflow: hidden; color: #9e9da6 }
.case_index_box .item:hover figure a {}
.case_index _box .item:hover figure a img {transform: scale(1.1)}
.case_index_box .item:hover h4 a { color: #e20215}
.case_index_box .more { margin-top: 20px}
.case_index_box .more a {display: inline-block;padding: 5px 20px;  background-color: #fff; color: #333;transition: all ease .5s}
.case_index_box .item:hover .more a {background: #e20215;color: #fff}

@media (max-width:767px) {
    .case_index_box {padding-top: 60px}
    .case_index_box figure a { display: block; overflow: hidden; position: relative; height: 190px}
    .case_index_box figure a img { position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);width: 100% !important;height: auto}
    .case_index_box h4 a {font-size: 14px;line-height: 32px}
    .case_index_box h4 {margin: 15px 0 5px 0;border-bottom: 1px solid #ddd;padding-bottom: 5px}
    .case_index_box p { font-size: 12px; line-height: 25px; height: 55px;overflow: hidden; color: #9e9da6}
}

.index-info{padding:50px 0 5px;}
.index-info .list{}
.index-info .list .box{width: 31.9444%;-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;margin-right: 2%;margin-bottom: 1.5%;}
.index-info .list .box:nth-child(3n){margin-right: 0%;}
.index-info .list .box .txt{margin-bottom: 20px;box-sizing: border-box;padding: 25px 6.5% 0;}
.index-info .list .box .txt .sta{width: 46px;line-height: 24px;margin-bottom: 5px;background: #e20215;font-size: 14px;color: #fff;text-align: center;}
.index-info .list .box .txt .name{max-height: 55px;font-size: 18px;color: #555;font-family: "OpenSans-Bold";}
.index-info .list .box .txt .time{padding-top: 7px;font-size: 14px;color: #555;font-family: "OpenSans-Regular";}
.index-info .list .box .img{}

@media screen and (max-width: 768px) {
    .index-info .list .box{width: 100%;margin-bottom: 15px;}
    .index-info .list .box + .box{margin-left: 0;}
}


.news_index_box { padding-top: 60px}
.news_index_img a {display: block; height: 0;padding-bottom: 49.3%;border: 1px solid #eee;overflow: hidden; background: #fff;position: relative}
.news_index_img a img {transition: all .6s cubic-bezier(.645,.045,.355,1); -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 100%;height: auto}
.news_index_box {overflow: hidden}
.news_index_box .swiper-slide { background: #eee;padding-bottom: 35px}
.news_index_title { padding: 30px 20px 20px}.news_index_title a {
        display: block;font-size: 22px; line-height: 32px;color: #333;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px
    }
.news_index_text { padding: 0 20px; font-size: 15px;line-height: 26px;height: 52px;overflow: hidden; color: #9e9da6}
.news_index_button {
    width: 150px;
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    margin: 50px auto 0
}
    .news_index_button button { position: relative; z-index: 2; font-size: 18px;line-height: 34px;color: #fff }
    .news_index_button a { font-size: 16px;display: block; position: relative; color: #fff;
        z-index: 2;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        line-height: 50px
    }
    .news_index_button span {position: relative; font-size: 12px; padding-left: 18px}
    .news_index_button:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 0;
        height: 100%;
        background: #e20215;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .news_index_button:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: #4d4d4d;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

@media (min-width:768px) {
    .news_index_box .swiper-slide:hover .news_index_img a img {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1)
    }

    .news_index_box .swiper-slide:hover .news_index_title a {
        color: #e20215
    }

    .news_index_button:hover {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

        .news_index_button:hover:after {
            width: 100%
        }

        .news_index_button:hover span:after {
            -webkit-transform: translateX(8px);
            transform: translateX(8px);
            opacity: 0
        }

        .news_index_button:hover span:before {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
}

@media (max-width:767px) {
    .news_index_box {
        padding-top: 30px
    }

    .news_index_title {
        padding: 15px 10px 5px
    }

        .news_index_title a {
            font-size: 14px;
            line-height: 32px;
            padding-bottom: 5px
        }

    .news_index_text {
        padding: 0 10px;
        font-size: 12px;
        line-height: 25px;
        height: 50px
    }

    .case_index_box .more a {
        padding: 9px 20px;
        font-size: 12px
    }

    .news_index_button a {
        font-size: 12px;
        line-height: 40px
    }

    .news_index_button {
        width: 100px;
        height: 40px;
        margin: 30px auto 0
    }
}

.footer_nav {
    background: #f2f2f2;
    padding: 70px 0 70px 0;
    font-size: 0
}

.footer_list {
    width: 16.8%;
    display: inline-block;
    vertical-align: top;
    margin: 0 4% 30px 0
}

    .footer_list:nth-child(5n) {
        margin-right: 0
    }

.footer_double_list {
    width: 37.6%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0
}

.footer_title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 36px
}

    .footer_title span {
        padding-left: 10px
    }

.footer_ul {
    padding-top: 10px
}

.footer_list {
    float: left;
    width: 16.8%
}

.footer_li a {
    font-size: 16px;
    line-height: 35px;
    color: #666;
    display: block;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    font-weight: 300
}

    .footer_li a:hover {
        color: #e20215
    }

.footer_share {
    line-height: 40px;
    font-size: 30px;
    margin-right: 40px;
    color: #484848;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .footer_share:hover {
        color: #e20215
    }

    .footer_share:last-child {
        margin-right: 0
    }

.footer_ul .icontw {
    font-size: 25px
}

.footer_ul .iconyoutube {
    font-size: 26px
}

.footer_black {
    height: 82px;
    line-height: 82px;
    background: #202426
}

.footer_bq {
    color: #777c80;
    font-size: 0
}

.footer_left {
    width: 80%;
    font-size: 14px
}

    .footer_left a {
        color: #777c80;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

        .footer_left a:hover {
            color: #fff
        }

.footer_right {
    width: 20%;
    text-align: right;
    font-size: 14px
}

    .footer_right a {
        color: #777c80;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

        .footer_right a:hover {
            color: #fff
        }

.footer_list:nth-child(5n+1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.footer_list:nth-child(5n+2) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.footer_list:nth-child(5n+3) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.footer_list:nth-child(5n+4) {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms
}

.footer_list:nth-child(5n) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms
}

.footer_double_list {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms
}

.foot_copy {
    background: #110d0e;
    color: #777c80
}

    .foot_copy .col-lg-3:nth-child(2) {
        text-align: right
    }

    .foot_copy .col-lg-9 a, .foot_copy .col-lg-3 a {
        color: #777c80
    }

.foot_copy {
    padding: 20px 0
}

.powered_by_metinfo {
    background: #000;
    color: #777c80;
    text-align: center;
    line-height: 2
}

    .powered_by_metinfo a {
        color: #eee
    }

@media (min-width:768px) {
}

@media (max-width:767px) {
    .footer_title {
        color: #fff
    }

    .footer_share {
        margin-right: 20px
    }

    .foot_copy .col-lg-6 {
        text-align: center !important
    }

    .foot_copy {
        font-size: 12px;
        text-align: center
    }

        .foot_copy .col-lg-4:nth-child(2) {
            text-align: center;
            margin-top: 10px
        }
}

.wechat_link {
    position: relative
}

.wechat_img {
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    display: none
}

    .wechat_img img {
        width: 100%
    }

.return_top {
    position: fixed;
    right: 20px;
    bottom: -180px;
    z-index: 9;
    background: #202426;
    width: 60px;
    height: 180px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .return_top:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: #e20215;
        width: 100%;
        height: 60px;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .return_top:hover:after {
        height: 100%
    }

    .return_top span {
        position: relative;
        z-index: 1;
        height: 60px;
        line-height: 60px;
        opacity: 0;
        color: #fff;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        width: 60px;
        display: inline-block;
        float: left
    }

        .return_top span i {
            position: absolute;
            right: 100px;
            background: #202526;
            font-size: 16px;
            font-style: inherit;
            padding: 0 15px;
            width: 150px;
            text-align: left;
            border-right: 1px solid #3c4444;
            transition: all ease .6s;
            z-index: -1;
            opacity: 0;
            visibility: hidden
        }

        .return_top span:hover i {
            right: 60px;
            opacity: 1;
            visibility: visible
        }

        .return_top span a {
            width: 100%;
            height: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0
        }

.top_show {
    bottom: 20px
}

    .top_show span {
        opacity: 1;
        font-size: 32px
    }

.return_top .fa-map {
    font-size: 22px
}

.return_top .fa-phone {
    font-size: 26px
}

@media (max-width:767px) {
    .return_top {
        width: 40px;
        height: 40px;
        line-height: 40px;
        overflow: hidden
    }

        .return_top .fa-map, .return_top .fa-phone {
            display: none
        }

    .top_show span {
        opacity: 1;
        font-size: 26px;
        line-height: 40px;
        vertical-align: top;
        width: 40px;
        height: 40px
    }
}

.page_banner_wrap {
    position: relative
}

.page_banner_bg {
}

.page_banner_title {
    margin-top: 50px;
    font-size: 44px;
    color: #fff
}

.page_banner_text {
    width:100%; font-size: 14px;line-height:30px; border-bottom:2px solid #fff;
    color: #fff;
    text-transform: uppercase;
}

.page_banner_content_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.page_banner_content_inner {
    /* display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle*/
    padding-top: 12%;
    margin-left: 12.5%;
    color: #fff;
    position: absolute;
}

.none_banner_wrap {
    height: 80px;
    background: #e20215
}

.none_banner_box h2, .none_banner_box h3 {
    color: #fff
}

@media (min-width:768px) {
    .page_banner_bg .mobile_img {
        display: none
    }
}

@media (max-width:767px) {
    .page_banner_wrap {
        margin-top: 40px;
    }
    .page_banner_bg .pc_img {
        display: none
    }
    .page_banner_content_inner {
        display:none;
    }
    .page_banner_title {
        margin-top: 0px;
        font-size: 24px;
        color: #fff;
        text-align: center
    }

    .page_banner_text {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        text-align: center
    }
}

.navigation_wrap {
    /*height: 80px*/
}

.navigation_list {
    position: static;
    background: #fafafa;
    border-bottom: 1px solid #eee
}

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

.navigation_bottom {
    top: 80px !important
}

.navigation_ul {
    text-align: center;
    font-size: 0
}

.navigation_li {
    line-height: 4.5;
    height: 100%;
    position: relative;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .navigation_li:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -6px;
        width: 4px;
        height: 4px;
        background: #e20215;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .navigation_li:last-child:after {
        display: none
    }

    .navigation_li a {
        font-size: 17px;
        color: #4c4c4c;
        font-weight: 300;
        margin: 0 30px;
        display: inline-block;
        position: relative;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

        .navigation_li a:after {
            content: "";
            position: absolute;
            bottom: 0;
            background: #e20215;
            width: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 2px;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
        }

.navigation_hover a {
    color: #e20215
}

    .navigation_hover a:after {
        width: 100%
    }

@media screen and (min-width:1201px) {
    .navigation_li:hover a {
        color: #e20215
    }

        .navigation_li:hover a:after {
            width: 100%
        }

    .faq_index_wap {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .navigation_wrap {
       /* height: 60px*/
    }

    .navigation_ul {
        white-space: nowrap;
        display: block;
        width: 100%;
        height: 50px;
        overflow: auto;
        overflow-y: hidden
    }

        .navigation_ul::-webkit-scrollbar {
            display: none
        }

    .navigation_fixed {
        position: static !important
    }

    .navigation_li {
        line-height: 50px;
        height: 50px
    }

        .navigation_li a {
            margin: 0 20px;
            font-size: 14px
        }

            .navigation_li a:after {
                height: 1px
            }

    .dropdown-toggle::after {
        margin-top: 25px;
        float: right
    }

    .navigation_li:after {
        margin-top: -4px;
        width: 3px;
        height: 3px
    }
}

@media screen and (max-width:768px) {
    .navigation_li a {
        font-size: 16px;margin: 0 10px;
    }
}

.product_subnav {
    padding-top: 80px
}

.product_subnav_item {
    margin: 0 20px 0 0;
    padding: 0 30px;
    height: 44px;
    line-height: 44px;
    background: #f7f7f7;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    outline: none;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    position: relative;
    cursor: pointer
}

    .product_subnav_item a {
        display: inline-block;
        color: #666;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .product_subnav_item:hover {
        background: #e20215
    }

        .product_subnav_item:hover a {
            color: #fff
        }

    .product_subnav_item.current {
        background: #e20215
    }

        .product_subnav_item.current a {
            color: #fff
        }

@media screen and (max-width:1200px) {
    .product_subnav {
        padding: 20px 0
    }

    .product_subnav_list {
        white-space: nowrap;
        display: block;
        width: 100%;
        padding-bottom: 10px;
        overflow: auto;
        overflow-y: hidden
    }

    .product_subnav_item {
        margin: 0 10px 0 0
    }
}

.page_about {
    padding-top: 100px;
    padding-bottom: 100px
}

.about_title_wrap {
    text-align: center;  color: #fff;
}

.about_en_title {
    margin: 0;
    font-size: 58px;
    color: #1a1a1a;
    line-height: 1.5;
    text-transform: uppercase
}

.about_cn_title {
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
    color: #1a1a1a
}

.en_show_songthing .about_cn_title {
    display: none
}

.about_box_index1 {
    padding: 150px 0 0 0
}

@media (max-width:767px) {
    .page_about {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .about_en_title {
        font-size: 26px
    }

    .about_cn_title {
        font-size: 18px
    }
}

.about_box_0 {
}

.about_read_wrap {
    font-size: 16px;
    line-height: 34px;
    overflow: hidden;
    margin: 55px 0 0 0;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.about_button_wrap {
    text-align: center
}

.about_button_box {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    color: #808080;
    position: relative;
    cursor: pointer;
    margin: 50px 0 0 0
}

    .about_button_box:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background: #ccc
    }

    .about_button_box:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #ccc
    }

.about_button_bottom {
    display: block;
    position: relative;
    height: 100%
}

    .about_button_bottom:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #e20215;
        z-index: 1;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

.about_button_read {
    display: block;
    height: 100%;
    position: relative;
    z-index: 3;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .about_button_read:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background: #ccc;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .about_button_read:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 1px;
        background: #ccc;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

.about_button_box:hover .about_button_bottom:after {
    height: 100%
}

.about_button_box:hover .about_button_read:after {
    background: #e20215
}

.about_button_box:hover .about_button_read:before {
    background: #e20215
}

.about_button_box:hover .about_button_read {
    color: #fff
}

.about_button_icon {
    font-size: 14px;
    padding-left: 5px
}

.about_video_wrap {
    position: relative
}

    .about_video_wrap:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(0,91,174,.7)
    }

.about_video_box {
    height: 0;
    position: relative;
    z-index: 2
}

    .about_video_box video {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.about_video_read {
    text-align: center;
    z-index: 30
}

.about_video_title {
    font-size: 40px;
    color: #fff
}

.about_video_text {
    color: #fff;
    font-size: 30px;
    padding: 20px 0
}

.about_video_button {
    display: inline-block;
    font-size: 67px;
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

    .about_video_button:hover {
    }

.about_video_wrap {
    position: relative
}

.about_video_img img {
    width: 100%;
    vertical-align: middle
}

.about_video_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,97,174,.4)
}

.about_video_read {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff
}

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

.about_video_in {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

@media (max-width:767px) {
    .page_about {
        padding-top: 50px
    }

    .about_video_title {
        font-size: 24px
    }

    .about_video_text {
        margin: 0 5%;
        padding: 0;
        font-size: 14px
    }

    .pc_hide {
        display: none
    }

    .m_show {
        display: block
    }
}

.about_box_1 {
    background-color:
}

.about_culture_wrap {
   /* padding-bottom: 70px*/
}

.about_culture_list {
    text-align: center; color: #333; 
}
.about_culture_list h3 {
    text-align: center;
    color: #333;
    background: #fff;
    margin: 10px;
    padding: 30px 0;
}
    .about_culture_list:nth-child(1) {
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms
    }

    .about_culture_list:nth-child(2) {
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms
    }

    .about_culture_list:nth-child(3n) {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms
    }

.about_culture_icon {
    font-size: 130px;
    color: #666;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.about_culture_title {
    margin: 40px 0 20px 0;
    color: #333;
    font-size: 28px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.about_culture_text {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.about_culture_list:hover .about_culture_title {
    color: #e20215
}

.about_culture_list:hover .about_culture_text {
    color: #333
}

.about_culture_list:hover .about_culture_icon {
    color: #e20215
}

@media (max-width:767px) {
    .about_culture_wrap {
        padding-bottom: 30px
    }

    .about_culture_list {
        margin-bottom: 0px;
        padding: 0px 0
    }
    .about_culture_list:last-child {
       width:100%;
    }
        .about_culture_list h3 {
            font-size: 18px;
            margin-bottom: 0
        }

        .about_culture_list div {
            font-size: 14px
        }
}

.about_box_2 {
    background: #e20215 url(../static/milstone.png)
}

.about_swiper_img {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.about_box_2 {
    position: relative;
    overflow: hidden
}

    .about_box_2 .about_en_title, .about_box_2 .about_cn_title {
        color: #fff
    }

.about_swiper_wrap {
    z-index: 3
}

.about_title_white .about_en_title {
    color: #fff !important
}

.about_title_white .about_cn_title {
    color: #fff !important
}

.about_swiper_read .swiper-slide {
    padding: 0 25px
}

.about_swiper_time {
    font-size: 38px;
    color: #fff;
    font-family: Impact,"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif
}

.about_swiper_text {
    line-height: 30px;
    font-size: 17px;
    color: #fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.about_swiper_icon {
    padding: 5px;
    background: rgba(255,255,255,.2);
    width: 23px;
    height: 23px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 20px auto;
    position: relative
}

.about_swiper_read .swiper-slide:hover .about_swiper_icon:after {
    -webkit-animation: about_scale 2.4s linear 0s infinite normal both;
    animation: about_scale 2.4s linear 0s infinite normal both
}

.about_swiper_read .swiper-slide:hover .about_swiper_icon:before {
    -webkit-animation: about_scale 2.4s linear .6s infinite normal both;
    animation: about_scale 2.4s linear .6s infinite normal both
}

.about_swiper_read .swiper-slide:hover .about_swiper_light:after {
    -webkit-animation: about_scale 2.4s linear 1.5s infinite normal both;
    animation: about_scale 2.4s linear 1.5s infinite normal both
}

@-webkit-keyframes about_scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: .1
    }

    75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }

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

@keyframes about_scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: .1
    }

    75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }

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

.about_swiper_light:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.2);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0
}

.about_swiper_icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.2);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0
}

.about_swiper_icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.2);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0
}

.about_swiper_light {
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.about_swiper_box {
    position: relative;
    margin: 90px 0
}

    .about_swiper_box:after {
        position: absolute;
        content: "";
        height: 1px;
        background: rgba(255,255,255,.2);
        width: 100%;
        top: 74px
    }

.about_swiper_list {
    position: relative;
    padding: 0 50px
}

.swiper_icon_prev {
    display: inline-block;
    font-size: 38px;
    color: #fff;
    position: absolute;
    left: -8px;
    top: 56px;
    z-index: 9;
    cursor: pointer;
    outline: none;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.swiper_icon_next {
    display: inline-block;
    font-size: 38px;
    color: #fff;
    position: absolute;
    right: -8px;
    top: 56px;
    z-index: 9;
    cursor: pointer;
    outline: none;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.about_swiper_list .swiper-button-disabled {
    opacity: .5
}

.about_box_3 {
}

.about_img_list {
    font-size: 0;
    padding-top: 20px
}

.about_img_li {
}

.about_img_box {
    overflow: hidden
}

    .about_img_box img {
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

.about_img_li:hover .about_img_box img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about_img_read {
    padding: 30px 0;
    background: #fff;
    text-align: left
}

.about_img_title {
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 10px
}

.about_img_text {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    color: #999
}

@media (max-width:767px) {
    .about_img_list {
        padding: 0
    }
}

.page_img_wrap {
    padding: 100px 0;
    background-color: #ffffff
}

.honor_list .item {
    margin: 15px 0;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #eee
}

    .honor_list .item img {
        border: 0px solid #e1e2e3;
        padding: 0px
    }

    .honor_list .item h4 {
        font-size: 14px;
        text-align: center;
        font-weight: 300;
        margin-top: 20px;
        height: 47px;
        line-height: 1.7;
        color: #76838f
    }

.page_solution {
    padding: 100px 0
}

    .page_solution .solution_item {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e1e2e3
    }

        .page_solution .solution_item .title {
            font-size: 22px;
            padding-right: 10px;
            vertical-align: top;
            display: inline-block;
            margin-top: 30px
        }

        .page_solution .solution_item .text {
            padding-top: 20px;
            font-size: 16px;
            line-height: 30px;
            color: #999;
            height: 270px
        }

        .page_solution .solution_item .more {
            margin-bottom: 30px;
            display: inline-block;
            position: relative
        }

            .page_solution .solution_item .more a {
                display: inline-block;
                position: relative;
                z-index: 2;
                padding: 10px 15px;
                font-size: 18px;
                color: #4d4d4d;
                transition: all .6s cubic-bezier(.645,.045,.355,1);
                border: 1px solid #4d4d4d
            }

            .page_solution .solution_item .more:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 1;
                width: 0;
                background: #4d4d4d;
                transition: width .5s
            }

            .page_solution .solution_item .more:hover a {
                color: #fff
            }

            .page_solution .solution_item .more:hover:before {
                width: 100%
            }

.nytitle .index_title_cn {
    font-size: 30px;
    line-height: 1;
    color: #333;
    padding-right: 50px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    text-align: left
}

.solution_view {
    padding: 100px 0
}

    .solution_view .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 40px
    }

        .solution_view .title h1 {
            margin: 0;
            font-weight: bold
        }

        .solution_view .title:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            height: 1px;
            width: 100%;
            border-bottom: 1px dashed #dedede
        }

    .solution_view .content {
        font-size: 18px;
        font-weight: 300
    }

@media (max-width:767px) {
    .solution_view {
        padding: 20px 0
    }

        .solution_view .title {
            margin-bottom: 15px;
            padding-bottom: 15px
        }

            .solution_view .title h1 {
                font-size: 24px
            }

        .solution_view .content {
            font-size: 14px
        }
}

.page_contact {margin: 100px 0}
.contact_info { margin-bottom: 100px;padding-top: 0px}
.contact_info .title h2 { margin: 0;font-size: 32px;color: #1a1a1a;line-height: 1 }
.contact_info .title h3 { margin: 0;font-size: 19px; color: #ccc; letter-spacing:5px;padding-top: 10px }
.contact_info .content {padding: 30px 0 0 0}
.contact_info .content p { margin-bottom: 0;color: #666;font-size: 16px;line-height: 2}
.contact_info .bdmap {width: 100%; height: 400px;border: 1px solid #ccc}
.contact_list {margin-left: -15px;margin-right: -15px}
.contact_list .item { position: relative; margin-bottom: 30px; overflow: hidden; transition: all .6s cubic-bezier(.645,.045,.355,1) }
.contact_list .img {float: left; position: relative; z-index: 2; width: 33%;border: 1px solid #f7f7f7}
.contact_list .img img {width: 100% }
.contact_list .text {float: right;position: relative;z-index: 2; width: 67%}
.contact_list .box { padding: 0 10px 0 15px}
.contact_list .title {position: relative;color: #333}
.contact_list .title:after { content: "";position: absolute;left: 0; bottom: 0; height: 2px; width: 40px;background: #e20215}
.contact_list .content {overflow: hidden;font-size: 14px; line-height: 1.7; color: #999; font-weight: 300}
.contact_list .content p {  margin: 0}
.contact_list .content a {color: #666}

@media (min-width:768px) {
    .contact_list .item {background-color: #f7f7f7}
    .contact_list .item:hover { box-shadow: 0 0 10px rgba(0,0,0,.1); transform: translateY(-5px)}
        .contact_list .item:before {
            content: "";
            position: absolute;
            width: 0;
            height: 100%;
            background: #fff;
            left: 0;
            top: 0;
            z-index: 1;
            transition: all .6s cubic-bezier(.645,.045,.355,1)
        }
    .contact_list .item:hover:before { width: 100%}
    .contact_list .box { padding-top: 20px}
    .contact_list .title {  font-size: 24px; padding-bottom: 8px}
    .contact_list .content {padding: 20px 25px 0 0}
}

@media (max-width:767px) {
    .page_contact { margin: 20px 0}
    .contact_info { margin-bottom: 20px}
    .contact_info .title { padding: 0; font-size: 18px }
    .contact_info .content {padding: 20px 0; font-size: 12px}
    .contact_info .content p { font-size: 14px; line-height: 1.8 }
    .contact_info .title h2 { font-size: 20px }
    .contact_info .title h3 {font-size: 14px; padding-top: 5px }
    .contact_info .bdmap {height: 300px }
    .contact_list .title { font-size: 14px; padding-bottom: 5px}
    .contact_list .content { margin-top: 5px;font-size: 12px; line-height: 1.4}
}
/*产品导航*/
.prodMenu-main{border: 5px solid #efefef;margin: 30px auto ;padding: 15px;}
.prodMenu-main dl{overflow: hidden;margin: 20px 0;}
.prodMenu-main dl dt{display:block;font-size: 18px;color: #000000;float: left;margin-top: 3px;margin-bottom: 3px;}
.prodMenu-main dl dd{display:block;font-size: 16px;float: left;margin:2px 15px;}
.prodMenu-main dl dd span{display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prodMenu-main dl .dd1{width: 80px;margin-left: -80px;}
.prodMenu-main dl .dd1 span{width: 40px;}
.prodMenu-main dl dd i{display: inline-block;width: 16px;height: 16px;border: 1px solid #dbdbdb;vertical-align: middle;margin-right: 10px;position: relative;}
.prodMenu-main dl dd i:after{position: absolute;width: 10px;height: 10px;left: 50%;margin-left: -5px;top: 50%;margin-top: -5px;background-color: #ec1c25;content: "";display: none;}
.prodMenu-main dl dd:hover i:after,.prodMenu-main dl dd.current i:after{display: block;}


.page_pro_wrap {
    padding-bottom: 50px
}

.product_list_box {
    padding-top: 0px
}

    .product_list_box .item a {
        display: block;
        background: #f3f2f1;
        border: 1px solid #f3f2f1;
        text-align: left;
        margin-bottom: 20px;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    }

    .product_list_box .item:nth-child(3n+1) {
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms
    }

    .product_list_box .item:nth-child(3n+2) {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms
    }

    .product_list_box .item:nth-child(3n) {
        -webkit-animation-delay: 600ms;
        animation-delay: 600ms
    }

    .product_list_box .img {
        overflow: hidden
    }

    .product_list_box a .img {
        display: block;
        position: relative;
        background: url(../static/pro_bg.jpg) no-repeat 50%/cover
    }

        .product_list_box a .img img {
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
            transform: scale(0.8);
            height: 320px;
        }

    .product_list_box .title {
        text-align: left;
        font-size: 16px;
        line-height: 36px;
        margin: 0 25px;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .product_list_box .item a .title {
        display: block;
        color: #333;
        padding-bottom: 20px
    }

    .product_list_box .text {
        margin: 0 25px 15px;
        font-size: 15px;
        line-height: 24px;
        color: #999;
        overflow: hidden;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

    .product_list_box .meta {
        border-top: 1px solid #e1e2e3;
        margin: 0 25px;
        padding: 20px 0 25px;
        height: auto;
        color: #999;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
    }

        .product_list_box .meta span {
            display: inline-block;
            width: 100%;
            line-height: 1.5;
            font-size: 13px
        }

            .product_list_box .meta span i, .product_list_box .meta span b {
                font-style: inherit;
                width: auto;
                display: inline-block;
                text-align: justify;
                margin-right: 5px;
                line-height: 0
            }

                .product_list_box .meta span i::after, .product_list_box .meta span b::after {
                    content: '';
                    display: inline-block;
                    width: 100%
                }

.pro_read_top {
    background: #fff
}

.pro_read_nav {
    line-height: 74px;
    border-bottom: 1px solid #eee;
    color: #808080;
    font-size: 16px
}

.pro_read_nav a { color: #808080;font-size: 16px;margin: 0 5px}
.pro_read_nav a:first-child { margin: 0 5px 0 0 }


.location { background: #f7f7f7; width:100%;  }
.location .container {  padding-top: 100px; }
.location .loc { font-size: 14px; color: #999; padding-top: 25px;}
.location .loc a { font-size: 14px; color: #e20215; }
.location .loc a:last-child { color: #e20215; }
.location h1 { font-size: 28px; color: #3f4348; }
.location .loc span { font-size: 14px; color: #999; }
.location .back {padding: 26px 0;}
.location .back a { font-size: 14px; color: #666; }
/*  产品详情*/
.prodPic{width:;}
.prodPic .big{width:100%;height:;position:relative;z-index:1;float:left;border:1px solid #e3e3e3;text-align:center}
.prodPic .big a{width:100%;height:100%;background:#e9e9e9;}
.prodPic .big a img{/*display: block;width: 100%;*/height: 450px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;margin-top:-230px;margin-left:20px;width:300px;height:300px;background:#fff;border:5px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../Picture/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:436px;overflow:hidden;position:relative;float:right;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../Images/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:112px;height:370px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:95px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#ec1c25;}
.prodPic .list .thumb ul li a.selected em{background:url(../Images/jt.png) no-repeat}
/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden;margin-bottom:50px; }
.gr-tab-list .hd{height:50px;line-height:50px;border-bottom:1px solid #ddd;font-size:16px;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#e20215;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#e20215;}
.gr-tab-list img{display: block;margin:0 auto;}


 /* 上一个 */

.pro_read_content {padding: 100px 0}
.pro_read_box {font-size: 0}
.pro_read_img {cursor: pointer; background: #f5f5f5}
.met-product-showvideo {display: none; background: #000;z-index: 1}
.met-product-showvideo .vertical-align-middle { background: none }
.met-product-showvideo .video-close {line-height: 40px}
.pro_video_icon {
    position: absolute;
    z-index: 1;
    left: 30px;
    bottom: 25px;
    color: #c7c7c7;
    font-size: 40px;
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}
.pro_read_title {font-size: 30px;line-height: 1;color: #333; padding-right: 50px;border-bottom: 1px solid #eee;padding-bottom: 30px}
.pro_read_label {padding: 5px; position: relative}
.pro_read_border {height: 1px; background: #e6e6e6}
.pro_read_label span { display: inline-block;
    width: 50%;
    font-size: 14px;
    color: #bfbfbf;
    font-weight: 300;
    line-height: 2
}
.pro_read_label span:last-child { margin: 0}
.en_show_songthing .pro_read_label span {width: 60%}
.en_show_songthing .pro_read_label span:nth-child(2n+0) { width: 40%}
.pro_read_text { font-size: 16px;line-height: 30px; color: #8c8c8c; margin: 35px 0; font-weight: 300}
.pro_read_sort {font-size: 0; padding-top: 15px}
.pro_sort_list {font-size: 0; line-height: 32px; padding-right: 30px}
.pro_sort_list span:nth-child(1) { font-size: 20px;padding-right: 5px; color: #e20215 }
.pro_sort_list span {font-size: 16px; color: #666}
.pro_content_box { background: #f2f2f2; padding: 60px 0}
.pro_bjq_title {background: #f2f2f2;}
.pro_bjq_title .biaoti {padding: 0 25px;float: left;font-size:18px;color: #fff;line-height:45px;background:#e20215;}
.pro_bjq_title_dev {display: block; font-size: 22px;height: 50px; line-height: 50px; text-align: center}
.pro_bjq_box {padding: 30px; background: #fff}
.pro_bjq_content img {max-width: 100%; display: inline-block;vertical-align: top;width: auto;margin: 20px 0}
.pro_bjq_content table { width: 100%; margin-bottom: 10px}
.pro_bjq_content:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.pro_bjq_content p { font-size: 15px; line-height: 2;  color: #717171;font-weight: 300}
.pro_list_foot .product_list_read { background: #fff}
.pro_list_foot .product_list_read img { transform: scale(0.9)}
.pro_list_foot .product_list_img { position: relative; border: 1px solid #eaeaea; border-bottom: 0}
.pro_list_foot .product_list_img::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/upload/thumb_src/470_340/pro_on.png) center;
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        transition: all ease .4s;
        pointer-events: none
    }

.pro_list_foot .product_list_read:hover .product_list_img::after {opacity: 1; visibility: visible}
.pro_list_foot .product_list_read:hover .product_list_title { background: #e20215}
.pro_list_foot .product_list_read:hover .product_list_title a {color: #fff}
.pro_list_foot .product_list_read:hover .product_list_text {background: #e20215;color: #fff}
.pro_list_foot .product_list_read:hover::after {background: #e20215}
.pro_list_foot { background: #f2f2f2; padding-bottom: 80px; border-bottom: 1px solid #ddd}
.pro_list_foot .product_list_box {  padding: 0 }

.product_list_title {
    margin: 0;
    padding: 25px 30px 15px;
    background: #eaeaea;
    text-align: left;
    transition: all ease .3s
}

    .product_list_title a {
        color: #e20215;
        font-size: 1.286rem;
        transition: all ease .3s
    }

.product_list_text {
    text-align: justify;
    color: rgba(109,109,109,0.6);
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    padding: 0 30px 0px;
    background: #eaeaea;
    transition: all ease .3s;
    height: 63px
}

.product_list_title::after {
    content: '';
    display: block;
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin: 15px 0 0
}

.product_list_read::after {
    content: '';
    display: block;
    height: 25px;
    background: #eaeaea;
    transition: all ease .3s
}
 
/*搜索产品列表 statr  */

.pro_information .tab2{}
.pro_information .tab2{padding-top:5px;}
.pro_information .tab2 dt{border-bottom: 1px solid #ddd;}
.pro_information .tab2 dt a{padding:32px;padding-top:0px;font-size: 22px;color: #333;display: inline-block;}
.pro_information .tab2 dt a:hover{border-bottom: 2px solid #0b4da2;}
.pro_information .tab2 dt a.on{border-bottom: 2px solid #0b4da2;}
.pro_information .tab2 dd{padding-top: 24px;padding-bottom: 24px;}
.pro_information .tab2 dd ul li{float: none;padding-bottom: 30px; overflow:hidden;display: -ms-flexbox;display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.pro_information .tab2 dd ul li:after{content:"";display: block;clear: both;}
.pro_information .tab2 dd ul li .scale_a {overflow:hidden;width:30%;border:1px solid #f0f0f0;text-align:center;}
.pro_information .tab2 dd ul li img{ height:180px;}
.pro_information .tab2 dd ul li .li_r{width:60%;margin-left:5%;}
.pro_information .tab2 dd ul li .li_r .li_r_up{  padding: 20px 0; border-bottom: 1px solid #ddd;}
.pro_information .tab2 dd ul li .li_r .li_r_up:after{content:"";display: block;clear: both;}
.pro_information .tab2 dd ul li .li_r .li_r_up h5{float: left;font-size: 18px;color:#333;font-weight: 600;}
.pro_information .tab2 dd ul li .li_r .li_r_up .time{float: right;font-size: 14px;}
.pro_information .tab2 dd ul li .li_r .li_r_down{margin-top: 20px;line-height: 26px;font-size: 16px;clear:both;}
.pro_information .tab2 dd ul li .imore:hover{ background-color: #edc01d; border: 1px solid #edc01d; color: #fff;}
.pro_information .tab2 dd ul li .imore{ margin-left: 30px; width:100px; padding-left:20px; height:32px; line-height:32px; background:url(../images/pic.png) #fff 90px center no-repeat; display:block; font-size:14px; color:#666; border:1px solid #ccc;border-radius:30px; cursor:pointer; margin-top:15px;}
@media (min-width:768px) {
    .product_list_box .text {
        margin: 0 25px 15px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .product_list_box .item a:hover {
        background-color: #e20215;
        border-color: #e20215
    }

    .product_list_box .item:hover a .img img {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    .product_list_box .item a:hover .title {
        color: #fff
    }

    .product_list_box .item a:hover .text {
        color: #fff
    }

    .product_list_box .item a:hover .meta {
        border-color: #fff;
        color: #fff
    }
}

@media (max-width:767px) {
    .location .container {padding-top: 65px;}
    .page_pro_wrap { padding: 20px 0}
    .prodMenu-main dl {margin: 0px 0;}
    .prodMenu-main dl dt { width: 100%;}
    .prodMenu-main dl dd{margin:2px 5px; width: 45%;}
    .prodMenu-main {padding: 15px 5px;}
    .pro_read_label span {  width: 100%; margin-bottom: 0px}
    .pro_read_content { padding: 20px 0}
    .pro_content_box {padding: 15px 0}
    .pro_bjq_box { padding: 15px}
    .pro_list_foot { padding: 0;  background: #f3f2f1}
    .product_list_read { margin-bottom: 15px;  padding: 0px;background-color: #fff}
    .prodPic .big a img {  height: 350px; }
    .met-product-showvideo .video-close {line-height: 30px}
   
}

.news_list_wrap {}
.news_list {  padding-bottom: 100px}
.news_list_box {padding: 0px 0 0 0}
.news_list_box .item { margin-bottom: 30px}
.news_list_box .item a { display: block;border: 0px solid #f3f2f1}
.news_list_box .item a .img { overflow: hidden; position: relative;padding-bottom: 49.3%; background: #000}
.news_list_box .item a .img::after {
                    content: '查看详情';
                    position: absolute;
                    bottom: -60px;
                    left: 0;
                    right: 0;
                    line-height: 60px;
                    color: #fff;
                    background: rgb(226 2 21 / .5);
                    text-align: center;
                    font-size: 15px;
                    transition: all ease .4s
}
.news_list_box .item:hover a .img::after { bottom: 0px}
.news_list_box .item:hover a .img img {-webkit-transform: translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);opacity: .7}
 .news_list_box .item a .img img {
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            height: auto
}
.news_list_box .item a .txt {
            background-color: #f3f3f3;
            padding: 30px 20px 20px;
            border: 1px solid #eee;
            border-top: 0;
            transition: all ease .4s
}
.news_list_box .item:hover a .txt {background: #e8e8e8;border: 1px solid rgb(226 2 21 / 23%);border-top: 0}
.news_list_box .item a h3 {
            margin: 0;
            font-size: 22px;
            line-height: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
            margin-bottom: 20px;
            color: #333;
            transition: all ease .3s
}
.news_list_box .item:hover a h3 {color: #e20215;border-bottom: 1px solid #e20215}
.news_list_box .item a p {
            margin: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-size: 15px;
            color: #9e9da6;
            line-height: 30px;
            margin-bottom: 20px;
            min-height: 60px
}
.case_list_box { padding: 0px 0 0 0}
.case_list_box .item {
        margin-bottom: 50px;
        overflow: hidden;
        border: 1px solid #f3f2f1;
       /* background-color: #f3f2f1;*/
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        transition: all .6s cubic-bezier(.645,.045,.355,1)
}
.case_list_box .item figure {margin: 0; padding: 0; line-height: 0}
.case_list_box .item a {display: inline-block; position: relative;width: 100%}
.case_list_box .item .txt h3::after {content: ''; display: block;width: 100%; height: 1px;background: #f5f5f5;margin-top: 5px}
.case_list_box .item .txt {padding: 15px 25px}
.case_list_box .item .txt h3 {margin: 0;padding: 0px 0 0px;color: #333;line-height: 1.4;transition: all ease .3s}
.case_list_box .item .txt .time {display: block;margin: 5px 0 10px; font-size: 14px;color: #bdbdbd}
.case_list_box .item .txt p {
                color: #999;
                line-height: 2;
                word-break: break-all;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden
}
.case_list_box .item:hover h3 { color: #e20215}
.case_list_box .item figure a::after {
            content: '查看详情';
            position: absolute;
            bottom: -50px;
            left: 0;
            right: 0;
            line-height: 50px;
            color: #fff;
            background: rgb(226 2 21 / .5);
            text-align: center;
            font-size: 15px;
            transition: all ease .4s
}
.case_list_box .item:hover figure a::after { bottom: 0px}
.case_list_box .item figure a { overflow: hidden;padding-bottom: 55%;width: 100%; background: #000}
.case_list_box .item figure a img {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 100%;
                height: auto;
                transform: translate(-50%,-50%)scale(1);
                transition: all ease .5s
}
.case_list_box .item:hover figure a img {transform: translate(-50%,-50%)scale(1.1);opacity: .7}

.date span {
    color: #666;
    text-align: center;
    background: #f2f2f2;
    float: left;
    width: 5.25rem;
    height: 5.55rem;
    padding-top: 1rem; position: relative;
}

.date span:before {
    height: 5px;
    width: 100%;
    background-color: #231816;
    border-left: 12px solid #e20215;
    position: absolute;
    display: block;
    top: 0px;
    content: "";
    z-index: inherit;
}
.date span strong {
    font-size: 1.9rem;color: #e20215;
}


@media (min-width:767px) {
    .case_list_box .item:hover {
        border-color: rgb(0 97 174 / 23%);
        background-color: #f5f5f5
    }
}
.case_slide {width: 100%;overflow: hidden;position: relative}
.news_page {padding: 100px 0}
.news_read_content { padding: 120px 0 150px 0}
.news_read_content { font-size: 0}
.news_read_left { width: 68%; padding-right: 81px; position: relative}
.news_read_left:after { content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%; background: #e6e6e6}
.news_read_title {font-size: 30px; line-height: 1;color: #333;padding-right: 50px;border-bottom: 1px solid #eee;padding-bottom: 30px}
.news_read_label {padding: 20px 0 20px 0; font-size: 0}
.news_label_left span {font-size: 14px;line-height: 1;color: #ccc; padding-right: 30px}
.news_label_left span:last-child { padding: 0}
.news_label_left { width: 70%}
.news_label_right {font-size: 0;width: 30%;text-align: right;line-height: 30px}
.news_label_right span {font-size: 22px;color: #ccc;padding-left: 26px}
.news_label_right span a {display: block;font-size: 22px;color: #ccc;
            transition: all .6s cubic-bezier(.645,.045,.355,1);
            -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1)
}
.news_label_right span a:hover { color: #e20215}
.news_label_right span:nth-child(1) {font-size: 16px}
.news_label_right span a.iconsina { font-size: 24px }
.news_label_right span a.iconwchart { font-size: 24px }
.news_bjq_wrap { font-size: 0}
.news_read_bjq {
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 0 0 80px 0
}

    .news_read_bjq h3 {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        background: #e20215;
        padding: 10px 20px;
        font-weight: 300
    }

    .news_read_bjq p {
        font-size: 15px;
        line-height: 2;
        color: #717171;
        font-weight: 300
    }

        .news_read_bjq p img {
            display: inline-block;
            vertical-align: top;
            width: auto;
            max-width: 100%;
            margin: 30px 0
        }

.news_read_right {
    width: 32%;
    padding-left: 80px
}

.news_right_title {
    font-size: 24px;background:#f5f5f5;
    color: #1a1a1a;
    line-height: 1;
    padding: 15px
}

.news_right_border {
    height: 1px;
    width: 100%;
    background: #eee
}

.news_right_list {
    padding: 30px 0
}

    .news_right_list .item1 {
        display: inline-block;
        margin: 0 15px 15px 0
    }

    .news_right_list .item2 {
        display: block;
        border-bottom: 1px solid #f3f2f1;
        padding-bottom: 0px;
        margin-bottom: 20px
    }

    .news_right_list h3 {
        font-size: 16px;
        line-height: 1;
        color: #333;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .news_right_list p {
        font-size: 14px;
        line-height: 2;
        color: #ccc;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

.news_read_page { padding: 40px 0}
.news_read_prev { padding: 10px;text-align: left; border: 1px solid #f3f2f1;margin-bottom: 10px}
.news_read_prev a {font-size: 14px; line-height: 32px;color: #808080;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        font-weight: 300
    }
.news_read_prev a:hover {color: #e20215}
.news_read_list { padding: 10px; text-align: left; background: whitesmoke; margin-bottom: 10px}
.news_read_list a {display: block;line-height: 1.5;font-size: 20px; color: #808080;
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        transform: translateY(1px)
    }
.news_read_list a:hover {color: #e20215}
.news_read_next { padding: 10px; text-align: left; border: 1px solid #f3f2f1}
.news_read_next a { font-size: 14px;line-height: 32px;color: #808080;
       /* display: block;*/
        transition: all .6s cubic-bezier(.645,.045,.355,1);
        -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
        font-weight: 300
    }
.news_read_next a:hover { color: #e20215}
.news_read_next span:nth-child(2) {font-size: 26px }

@media (max-width:767px) {
  .news_list {padding: 0px 0}
  .news_list_box .item a:hover .img img { -webkit-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1) }
  .news_list_box .item a:hover h3 {color: #e20215}
  .news_list_box .item a:hover p {color: #666}
  .gr-tab-list img{width:100%;}
}

.page_feedback { padding: 100px 0}
.feedback_form {padding: 0px 0%}
.feedback_form .form-control {
        font-size: 1rem;
        line-height: 1.571429;
        display: block;
        width: 100%;
        padding: .429rem .929rem;
        color: #76838f;
        border: 1px solid #e4eaec;
        border-radius: .215rem;
        background-color: #fff;
        background-image: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 4rem;
        -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        -webkit-appearance: none;
        -moz-appearance: none
    }
  .feedback_form .form-control2 { 
      font-size: 1rem;
        line-height: 1.571429;
        display: block;
        width: 100%;
        padding: .429rem .929rem;
        color: #76838f;
        border: 1px solid #e4eaec;
        border-radius: .215rem;
        background-color: #fff;
        background-image: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
       height: 8rem;
        -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
        -webkit-appearance: none;
        -moz-appearance: none  }

@media (max-width:767px) {
    .page_feedback { padding: 20px 0 }
    .feedback_form { padding: 0 5% }
}

.page_search { padding: 60px 0 150px}
.search_list .page-search-form div { overflow: hidden; margin-bottom: 10px}
.search_list_item { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6}
.search_list_item h4 {margin-bottom: 20px}
.search_list_item h4 a { font-size: 24px; color: #e20215;font-weight: 300}
.search_list_item p {margin-bottom: 22px; font-size: 16px;line-height: 2;max-height: 60px;color: #808080;overflow: hidden; font-weight: 300}
.search_list_item p em { color: #f00}
.search_list_item .more a {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 8px 30px;
        background: #e20215;
        color: #fff;
        font-size: 14px;
        font-weight: 300
    }

@media (max-width:768px) {
    .page_search {
        padding: 20px 0
    }
}

@media (min-width:768px) {
    .search_list .page-search-form {
        padding: 10px;
        border: 1px solid #e7e8e9;
        background-color: #fcfcfc;
        display: none
    }

    .search_list div .form-control {
        float: left;
        width: 20%
    }

    .search_list .advanced_search_type, .search_list .input-search {
        width: 80%
    }

        .search_list .advanced_search_type .form-control {
            float: none;
            width: 100%
        }

        .search_list .input-search .form-control {
            float: none;
            width: 100%
        }
}

.page_sitemap {
    padding: 80px 0 150px
}

.sitemap_list_wrap {
}

.sitemap_list h3 {
    font-size: 24px;
    font-weight: 300
}

    .sitemap_list h3 a {
        color: #e20215
    }

.sitemap_list .second {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 60px
}

.sitemap_list .sub-item {
    display: inline-block;
    width: 18%;
    line-height: 2;
    max-height: 60px;
    color: #808080;
    overflow: hidden;
    font-weight: 300;
    background: #f1f1f1;
    padding: 10px 10px;
    margin-right: 1%
}

    .sitemap_list .sub-item a {
        font-size: 16px
    }

    .sitemap_list .sub-item i {
        margin-right: 10px;
        display: none
    }

@media (max-width:767px) {
    .page_sitemap {
        padding: 20px 0
    }

    .sitemap_list h3 {
        margin: 10px 0 30px;
        font-size: 20px;
        text-align: center
    }

    .sitemap_list {
        margin: 0 15px
    }

        .sitemap_list .sub-item {
            width: 48%;
            text-align: center;
            line-height: 1.5;
            padding: 7px;
            font-size: 14px;
            margin-bottom: 5px
        }

    .head_wrap .head {
        padding: 0px
    }

    .met-editor {
        font-size: 14px
    }

    .about_swiper_time {
        font-size: 30px
    }

    .about_swiper_icon {
        width: 13px;
        height: 13px;
        margin: 10px auto
    }

    .about_swiper_text {
        line-height: 1.5;
        font-size: 14px
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-size: 15px
    }

    .about_img_read {
        padding: 10px 20px 15px;
        background: #f5f5f5;
        text-align: left;
        margin-bottom: 20px
    }

    .about_img_title {
        font-size: 18px;
        line-height: 40px;
        padding-bottom: 5px
    }

    .about_img_text {
        height: auto
    }

    .page_img_wrap {
        padding: 50px 0
    }

    .honor_list .col-xs-6 {
        padding: 0 5px
    }

    .honor_list {
        padding: 0 5px
    }

        .honor_list .item h4 {
            margin-top: 10px;
            height: 70px;
            line-height: 1.5
        }

    .nytitle .index_title_cn {
        font-size: 20px;
        padding-right: 0;
        padding-bottom: 15px
    }

    .solution_view .index_title_box {
        padding-bottom: 0px
    }

    .product_list_box a .img img {
        transform: scale(0.8);height:180px;
    }

    .product_list_box .title {
        font-size: 16px;
        line-height: 2;
        margin: 0 20px
    }

    .product_list_box .text {
        margin: 0 20px 15px;
        font-size: 14px;
        line-height: 1.5
    }

    .product_list_box .meta {
        margin: 0 20px;
        padding: 15px 0 15px
    }

        .product_list_box .meta span i, .product_list_box .meta span b {
            width: auto;
            margin-right: 1px
        }

    .pro_read_img img {
        transform: scale(0.8)
    }

    .pro_read_title {
        font-size: 20px;
        padding-right: 0;
        padding-bottom: 20px;
        margin-top: 30px
    }

    .pro_read_label {
        padding: 5px 0 ;display:none;
    }

    .met-product-showvideo-btn i {
        transform: translate(0px,3px)
    }

    .pro_read_text,.pro_read_niu {
        font-size: 14px;
        display: none;
        line-height: 1.5;
        margin: 20px 0
    }

    .pro_bjq_box .container {
        padding: 0
    }

    .pro_bjq_content p {
        font-size: 14px;
        line-height: 1.5
    }

    .product_list_title {
        padding: 15px 15px 15px
    }

        .product_list_title a {
            font-size: 16px
        }

    .product_list_text {
        padding: 0 15px 0px;
        line-height: 1.5
    }

    .case_list_box .item .txt {
        padding: 15px
    }

        .case_list_box .item .txt h3 {
            padding: 10px 0 0 0;
            line-height: 1.4;
            font-size: 16px
        }

            .case_list_box .item .txt h3::after {
                margin-top: 15px
            }

        .case_list_box .item .txt .time {
            margin: 10px 0 10px
        }

        .case_list_box .item .txt p {
            line-height: 1.5;
            font-size: 14px
        }





    .news_page {
        padding: 50px 0
    }

    .news_read_title {
        font-size: 20px;
        line-height: 1.5;
        padding-right: 0;
        padding-bottom: 15px
    }

    .news_read_label {
        padding: 10px 0 10px 0;
        margin-bottom: 20px
    }

    .ansli_h .swiper-button-white, #thumbs {
        display: none
    }

    .news_read_bjq p {
        font-size: 14px;
        line-height: 1.5
    }

    .news_read_bjq h3 {
        font-size: 14px;
        padding: 8px 15px
    }

    .news_read_bjq {
        font-size: 14px;
        line-height: 1.5;
        padding: 0 0 30px 0
    }

    .news_read_page {
        padding: 0px 15px 50px
    }

    .news_right_title {
        font-size: 20px;
        padding-bottom: 15px
    }

    .news_right_list {
        padding: 15px 0 35px
    }

    .news_list_box .item a .txt {
        padding: 15px
    }

    .news_list_box .item a h3 {
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .news_list_box .item a p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 0px
    }

    .case_list_box .item figure a::after {
        line-height: 40px;
        font-size: 13px
    }

    .news_list_box .item a .img::after {
        line-height: 40px;
        font-size: 13px
    }

    .video.news_list_box .item .txt {
        padding: 0 15px
    }

        .video.news_list_box .item .txt h3 {
            font-size: 16px;
            line-height: 1.5;
            padding-bottom: 10px;
            margin-bottom: 10px;
            margin-top: 20px
        }

        .video.news_list_box .item .txt p {
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 0px
        }

    .contact_info .ny_biao_dianzui {
        margin-bottom: 0
    }

    .none_banner_wrap {
        height: 55px
    }

    .product_list_box .item a {
        height: auto
    }

    .page_banner_content_box {
        height: auto;
        background: rgb(0 0 0 / 0.3);
        position: absolute;
        bottom: 0;
        padding: 10px 0 15px;    display: none;
    }

    .video_play {
        height: 200px
    }
}

.page404 {
    background: #fff;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0
}

.box404 {
    margin-top: 10px;
    min-height: 600px;
    background: url(../static/404.jpg) no-repeat 50%/cover;
    position: relative
}

    .box404 .met-editor {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

        .box404 .met-editor ul {
            padding: 0
        }

        .box404 .met-editor li {
            display: inline-block
        }

        .box404 .met-editor a {
            background: #e20215;
            padding: 10px 20px;
            color: #fff;
            margin: 0 10px;
            display: inline-block;
            text-align: center
        }

.breadcrumb-item a {
    width: 100%;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 30px;
    transition: all ease .5s
}

.breadcrumb-item div {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden
}

.breadcrumb-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.breadcrumb-item span:hover {
    color: #054d8a
}

.breadcrumb-item span {
    background: #f5f5f5;
    display: block;
    padding: 10px;
    transition: all ease .5s
}

.breadcrumb-item + .breadcrumb-item::before {
    display: none
}

.breadcrumb-item a:hover {
    border: 1px solid rgb(5 77 138 / 28%)
}

.met_none_content {
    padding: 20px;
    text-align: center;
    background: #d4de83
}

    .met_none_content h2 {
        margin: 0;
        padding: 0;
        font-size: 24px
    }

    .met_none_content:after {
        content: '本内容仅后台可见！前台不可见！';
        font-size: 18px;
        font-weight: bold
    }

.en_show_songthing .button-prev.swiper-button-disabled, .en_show_songthing .button-next.swiper-button-disabled {
    display: none
}