@charset "UTF-8";

.fl, .gsdt-list li, .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.comm-content .con, .index-gsys-list li a, .menuBtn, .swiper-container-vertical > .swiper-wrapper {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.swiper-wrapper, hr {
    -webkit-box-sizing: content-box
}

.swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

progress, sub, sup {
    vertical-align: baseline
}

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

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

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform,-o-transform;
    transition-property: transform,-webkit-transform;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-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;
    -moz-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;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform,-o-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;
        -moz-box-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        -o-transition-property: height,-o-transform;
        -moz-transition-property: transform,height,-moz-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform,-moz-transform,-o-transform;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-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;
        -moz-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: -moz-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: -moz-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: -moz-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: -moz-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 {
    margin-top: -22px;
    -moz-background-size: 27px 44px;
    background-size: 27px 44px
}

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%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 {
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    -moz-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .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-container-cube, .swiper-container-flip, button, hr, input {
    overflow: visible
}

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

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

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

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

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

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

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

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

.chat-fixed, .header-btns .dropDown .xl-menu, .swiper-scrollbar-drag {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

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

.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
    cursor: move
}

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

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-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%);
        -moz-transform: translateY(-50%);
        -o-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 transform,.2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top,.2s -webkit-transform;
            -moz-transition: .2s transform,.2s top,.2s -webkit-transform;
            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%);
    -moz-transform: translateX(-50%);
    -o-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 transform,.2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left,.2s -webkit-transform;
        -moz-transition: .2s transform,.2s left,.2s -webkit-transform;
        transition: .2s transform,.2s left,.2s -webkit-transform
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right,.2s -webkit-transform;
    -moz-transition: .2s transform,.2s right,.2s -webkit-transform;
    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);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -moz-transform-origin: left top;
        -o-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;
    -moz-transform-origin: right top;
    -o-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 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-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-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%;
    -moz-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-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%;
        -moz-background-size: 100%;
        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)
    }
}

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

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-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;
    -moz-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;
    -moz-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 .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-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;
    -moz-transform-origin: 100% 0;
    -o-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;
    -moz-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 .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-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;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    /*font-family: monospace,monospace;*/
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

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

#swiper-container2 .swiper-slide, * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

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

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

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

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

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

@-moz-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        -moz-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        -moz-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

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

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        -moz-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        -moz-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

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

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

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0%,100% {
        -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)
    }
}

@-moz-keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

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

@-webkit-keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

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

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

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

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

@-moz-keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

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

@-webkit-keyframes shake {
    0%,100% {
        -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)
    }
}

@-moz-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

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

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

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

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

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

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

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

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

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

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

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

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

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

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

@-webkit-keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.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)
    }
}

@-moz-keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -moz-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);
        -moz-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)
    }
}

@keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -moz-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);
        -moz-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)
    }
}

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

@-webkit-keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }

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

@-moz-keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

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

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

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

@-moz-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

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

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

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

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

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

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

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

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

.bounceOut, .flipOutX {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.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)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.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)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.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)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@-moz-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

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

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-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)
    }

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

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

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

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

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

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) 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) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) 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(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }

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

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

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

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }

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

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

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

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipOutX {
    0% {
        -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
    }

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

@-moz-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

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

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

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

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

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

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

@-webkit-keyframes flipOutY {
    0% {
        -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
    }

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

@-moz-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

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

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

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

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

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@-moz-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -moz-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -moz-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -moz-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -moz-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -moz-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -moz-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-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
    }

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

@-moz-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -moz-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -moz-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -moz-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -moz-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -moz-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -moz-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;
    -moz-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

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

@-moz-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

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

@-moz-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

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

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

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

@-moz-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

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

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

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

@-moz-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

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

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

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

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

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

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

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

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

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

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

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

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 50px;
    height: 50px;
    background-color: #fff;
    opacity: 1;
    outline: 0;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s;
    transition: .3s ease-out 0s;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next::before, .swiper-button-prev::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: -webkit-linear-gradient(45deg,#003A9E,#0294E7);
        background: -moz-linear-gradient(45deg,#003A9E,#0294E7);
        background: -o-linear-gradient(45deg,#003A9E,#0294E7);
        background: linear-gradient(45deg,#003A9E,#0294E7);
        opacity: 0;
        z-index: -1
    }

.swiper-button-prev {
    background-image: url(../images/icon-arr-left.png)
}

.swiper-button-next {
    background-image: url(../images/icon-arr-right.png)
}

.swiper-pagination {
    position: absolute;
    z-index: 2;
    font-size: 0;
    bottom: 40px;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .swiper-pagination .swiper-pagination-bullet {
        display: block;
        width: 10px;
        height: 10px;
        opacity: 1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 3px;
        background: 0 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        border: 1px solid #fff;
        cursor: pointer
    }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, body, html {
            background: #fff
        }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

li {
    list-style: none
}

img, input {
    vertical-align: middle;
    font-family: "Microsoft Yahei";
    outline: 0
}

button, dd, dl, dt, h1, h2, h3, h4, h5, h6, img, input, li, p, ul {
    margin: 0;
    padding: 0;
    border: none
}

.clear {
    clear: both;
    display: none
}

.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    zoom: 1
}

.fullpage, body, html {
    height: 100%
}

.fr {
    float: right
}

.wid {
    width: 1420px;
    margin: 0 auto
}

button {
    outline: 0;
    font-family: "Microsoft Yahei";
    -moz-appearance: none;
    appearance: none
}

input, textarea {
    -webkit-appearance: none
}

.swiper-pagination-bullet:focus, button:active {
    outline: 0
}

select {
    outline: 0;
    font-family: "Microsoft Yahei";
    background: 0 0
}

input::-ms-clear {
    display: none
}

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

body, html {
    min-width: 240px;
    font-family: "Microsoft Yahei",Arial,sans-serif;
    font-size: 14px;
    position: relative;
    color: #000;
    line-height: 1.15
}

.iconfont, .social-share {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input::-webkit-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888;
    font-family: "Microsoft Yahei"
}

textarea:-moz-placeholder {
    color: #888
}

textarea::-webkit-textarea-placeholder {
    color: #888
}

textarea:-ms-input-placeholder {
    color: #888
}

textarea::-webkit-input-placeholder {
    color: #888
}

textarea {
    overflow: auto;
    font-family: "Microsoft Yahei"
}

button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
    -webkit-appearance: button
}

.hyyy-swiper .bt-info, .hyyy-swiper .img img, a {
    -webkit-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s
}

a {
    text-decoration: none;
    color: #000;
    transition: .3s ease-out 0s;
    border: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

body {
    opacity: 0
}

    body.show {
        opacity: 1;
        -webkit-transition: opacity .5s ease;
        -o-transition: opacity .5s ease;
        -moz-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Light.otf)
}

@font-face {
    font-family: DINAlternate;
    src: url("../fonts/DIN Alternate Bold.ttf")
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1607521526855);
    src: url(iconfont.eot?t=1607521526855#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAxMAAsAAAAAFfQAAAv+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGJgqZYJRTATYCJANcCzAABCAFhG0HghkbbBIzknJWCrL/ywE3ZEgfar1KjaIopbvmDF0Yu+6dsqtvx+RsDHCPtOuNG/zL4x+LEjM0ujciHmF+4eC8Dwxatsy264VehERojHwkRqLACKxELz/Rtv7tzC4tC2JUYwVWY3TjBYJ5mfziIqo+8M//qTcTJ4VzQgGKjo5pU9dmLWi5BK8Le/wXQMD9dH5dhoXpbzVdv82+E4pF7vLgSNpCtY0uRkuKInO7YlJ42/8/B/58el/BMbNQfr6rBatTBxfNAihPyrSZNvj2wkomr7/zaeeLBOGPIoqy96k26Xy+uxksBwi2D8dSC4ASU0Jvkudr7uGKQKp13VgYdnMFQEVqSBbUlJnxZiBgG0nKiQ8T+bHjISDn1DO1OqMJLBxKkmh3Oe6XsEIpuBx3kRpCyrbuoB8oUvvLPg3wbf95/fCagsE7KCd637U3SATP147CKCh0hljdXhbwth1Y4Bk4MEGqENK68GzLPK2r4w/g3rn4t5LKyquXlZzkr3AlKFmZylW1mrVO+2P8P7w+fWGCSKmxK48q7r2q/4EHCQWDiaOTUtFqGBlmvZKcDOGx1ASQD21LAKVy7YyIHoUEohWFAqIdhQHRIaZf9CAcmEB0YAaRggVEBZYQLVhBNOAAYgTHEAacoBwXLkiiD9xBlOANIgfvEBn4gBAoouDh/0BYG/9kUXNXVChvXw4souoVvL22egJ+iuL0C7jvro5AgkG6wpS6QdLYMoQVb53S/Pp8L8tWC7PYLcvGhYaqyvN9HcqtVC5yXBZldpOlp22pPL+qq/rq3vr+0VknvTJb3UgULN7CJlSr01S29nKrqI0BGyEl42kSkiG9ZfbR7osOFfA2KRp3G1ykbmvJWHyhUo44nOw8eLVYZ+HG7r99Nn9t442iJCncJBnC7/dIQe0dUqDcJFeuPM/VpuGGsMavVyAu2bB+XiEpivyzHdGasgXdrRnUuN/VLAtFRJYzWfKvWuLwp7qhHerP+L5lLkQaINMvGwSRQAoJKNwABJwCe+mmr4iVlE0vNCSVjepVxwD4Rr+Qokk+IaRgujdmAApAWzPd0QekVSmYuxyFqJJy3MllQqoZOvv8mMa9q7gW/4ea/GdhhUFV1tdg60kNtKvkoNaiu4RwY2NkxTe5uOzNlLfIMlSQxItlH3cEMeFMcrrWslq96GQlgOLcLH6dVH1YI3kdb2bKJfy41oXffm/Wh/CE2qktN0koDX8s/7pY3xBrMhkHE8KGr26kwHwR3KwqHE6FN9GK/tLsFWNm2h1n+yR+BWGleZG0cqN5NEwJCQLxYgk+CfIpZxKlSTo/nnbnfhbFVuAqKI4u82sTKlFqc+6v1g0gRXb0wGgTbnwccUOzISaUDw7LQlmZyLNDg0ZYVkJVI0NR4LIaD/9sbrzL3GGloQGqiGaoUvrj6XojJrWhc71C0/q+HU+bMX6YBVYcOgCvDxOwO70B/HSslefFNsx3C/uhwuUjiYCSZkjfzdO8uSsrwUyYysLgDj+9fgzyD13vguXLTjGjM1PMlsqojxYMSnO0PPdsRTI/WRPIBB2SnlrYOPxKbkThSK1cMciGmR2oqUBM/BxOrQhL1YMJD+tcrgLUcV8I0C43AMhppEB/R6FBdNWi+L6joaqSyslB2b18gt6UkmwBIZxB6Wgurau4Q5EOVOo5fI4eAXMI3WJ9KKBqLldGE1P7KKGeQ+bU8JBWSSbiFvNBqzyTa16gr6vISs9Kq2IxZ0TLk6kxjtValVMRwROuJ/gA2GiKRXrOA8MEh95etHAh6nU+Htwwd0vIv1aoeKy8mFCz5HLCArm/oPmxgwW9Rw/l2Y9CC0pxmZv7jzp9/625+dv779/SZi9snbdu9LGw50mlFw7odiYmV3eAOY4/bk+4NEBUdz4JfMR+Yl+xmtvf/CB2mbh0qUs9WGDnzeT7k4ZusxAM8hv9VBHbthHoVLIghdguC3E+2U35bIOgzTzQoHEC3pLrimQvsMBZR0kWkzymcuDoq2T6XNwFb2B00xvobwVPwNbL00vZu9jZuqk0PfCGAHtW6zhM5b0YgoOOnGl6nUdmTkQqfHYjHoaEWPmtQse8Bs/SUKlSIlxkj0bvWeJX7zHfQU3nFLrnnemOOzeqhpA/X5ThS+RZJydkhzSBBHVsVA2jIWTWTNKDaivxur8LhNXW2VbZ1tXwQOGJl3Hi3VD20VGBOX4CNRQdW3GF5LAuncRSdsmIy0yv0Qr21kpuDpmzYEDBV7K2VPjXqR5UagUmRPNSSybuqguLYUdrpRSP2VUfFs2h71RF7Kg4lb4ioyopa/3/+ho+amrt2zcmumdzH1IhpfczOeWuLc/pCtPkFUfKmVxuglw0ftlbq4eMJOl9vTH/pK1ZcSWdqTYK3M+JKTwUab0EwsDm1auaSWZxiq7B1ni2XCaTs+NbB7sVsWaTalJNmmfiLoJC47ZuHYe42RSPw+O3bhn3yjkPWIuc+vqjlzOGlSOWnt60tkivy0jbWzity5B5QewJFjhpH/kHaej2ipR9pK/bkDnzgU0Wf9sHCcS+bw69sCjUWX6aomnyFHnahNOvwhdwzm/2JGr3tSL+GH7Blug9y4whRLlxtZqeZD9F5z+1+Lb9dgFXFbnGfqJg6VKLiXxPCL4QP1lR4plvOLlVyxGDZnjBo4+E/eW1S7TKzfktbnx8NjOKyM8lIohIyRQFCN89kohocvt8T1BPsD4vpPb9p37v/F5IO9MOV8T0ay1zTe35WXHmZ/6n5lugXYC7PyOIL2yJi9uzR1Ij2bkzNs7XV9VI+BE1tVQthC47mlQPUZDZIStAmYSsA+VDZGpZlN448xUniKlaFt3JJtt0W9/v0E0xOWpajaYuPwHZ5QcmEluMcYQIj2zbPB4fmIC3bsYjIhyx0/j9yUY0fQpqUE3Tp1LchKZNfTdNm8JLBrGHFkesPqMWc5Yln26nqqXeVA9lnzL5kx2lLRVLLRl2n4RZllnC9qUmGT02Jmc2pKZwl3UIsiyy6Kd7LZNApWdaRtNmlyrBZkEWraITFXHo+ahW0ZkWmYH1BBCq5Gnz3925I9PryR7RN+ZwwsWQYVfrbP6My5HpjctKu8KbN9+fF0LwgUOyEeFB8UFhz8jekvx+G4mfGylJDldLWAWGfYYFLIk6PLgfytVfotOfnwpTZgq1hUKYM7dT1V3W5vXxWrCzeWc/tWod7se0aq17fbgZb8Jv3pIbyU1v3oBwkwIdkXpEWEb5iSg4hPVsrRDq9JAcptLi5/bVRSQJR0mRrbUGNp4SD8wV78vYN7NqxgzN1/70fYrddAVonM4z97v2pe+fcWEGG8yEHs1PAjSZ+CYm7YArVmHngJWu4uyDXYzEAs0v00cCHgLQ7HcQh0gBRxzGSQE7PMDyJgoafUAxySS2UYwPonFpJQFWYMkI2GcMlgSo/IMr6vpII6wsa76pyVRvcRsoZWgBmlVXr3zkLQdKD5sdJXTwFxb4X7D81tcvX20xPo9MakY1sACBkksAPOCImp5j9lv7q5FT9cnvkfTZml9hwExmMJnrT2NYL5WajrKnIH3oB1YVAgCOOgPg4VagDXfHo9ctrXrG6nV9hoAJpgwDC2zMSWsXRgEXvBkDWBDGOOAMsTtzQQTtgIEg2QDgBEMSI0AA6xgCPuxjGARwxpy0vsMo0IM3jAECgZb1Kv/n++xXXn70Xp3kJG8sejArEJSWTj2n/bfUIeUuqLH9/6Xztpxtluto/acE6drYwBd6S6SYcpixD+lkMk2R5Q5jKWhpiPLraqXSNlwKzCq9yitH4sgMf8NEHoktAQF1e9KL/f5vkhakOJcz7E/if5Lj2ednNpbWJcw/JZQadixdvYK2RSJLYXpfB2WYD5ElpWoNYvL0pWKSQJZMjarc1UpMp8rKZf/67DpIDt+IykteGlk5eQUlSpUpV6FSlWo1anf7w/F0vlwNSIK+ByiljbCtNVMc9La/ZV28pPX+vGmlltwtNDOP3fIYfMDxA0NsORCGhcD80aqjrtp0Uz9wbCyM/bUfHGILuqUDh8i27pY/uRX1gaBNaGdtOp+5kPiTei3S/F6YniaBvGmNhBlg8sg3lMYxG1rdLGaCbXpjKVQqAA==") format("woff2"),url(iconfont.woff?t=1607521526855) format("woff"),url(iconfont.ttf?t=1607521526855) format("truetype"),url(iconfont.svg?t=1607521526855#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important
}

.social-share, .social-share * {
    font-family: socialshare !important
}

.icon-tengxunweibo:before {
    content: "\e6c0"
}

.icon-bofang2:before {
    content: "\e64d"
}

.icon-iconset0481:before {
    content: "\e768"
}

.icon-weixin:before {
    content: "\e605"
}

.icon-weibo1:before {
    content: "\e6e6"
}

.icon-sousuo:before {
    content: "\e863"
}

.icon-youjiantou-copy:before {
    content: "\e600"
}

.icon-bofang:before {
    content: "\e622"
}

.icon-bofang1:before {
    content: "\e6af"
}

.icon-hao:before {
    /*content: "\e66e"*/
}

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

.icon-yanjing:before {
    content: "\e666"
}

.icon-guanbi:before {
    content: "\e62a"
}

.icon-xiazai:before {
    content: "\e7f3"
}

.icon-yonghu:before {
    content: "\e641"
}

.icon-yonghu1:before {
    content: "\e638"
}

.icon-qingkong:before {
    content: "\e612"
}

.icon-youjiantou:before {
    content: "\e658"
}

.icon-xuanzhongshangcheng:before {
    content: "\e602"
}

.icon-sanjiaojiantou:before {
    content: "\e64a"
}

.icon-fanhui:before {
    content: "\e603"
}

.icon-shitu:before {
    content: "\e654"
}

@font-face {
    font-family: socialshare;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot?#iefix) format("embedded-opentype"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.svg#iconfont) format("svg")
}

.social-share {
    -webkit-text-stroke-width: .2px
}

    .social-share .icon-tencent:before {
        content: "\f07a"
    }

    .social-share .icon-qq:before {
        content: "\f11a"
    }
    .social-share .icon-weibo1:before {
        content: "\f12a"
    }

    .social-share .icon-wechat1:before {
        content: "\f09a"
    }

    .social-share .icon-douban:before {
        content: "\f10a"
    }

    .social-share .icon-heart:before {
        content: "\f20a"
    }

    .social-share .icon-like:before {
        content: "\f00a"
    }

    .social-share .icon-qzone:before {
        content: "\f08a"
    }

    .social-share .icon-linkedin:before {
        content: "\f01a"
    }

    .social-share .icon-diandian:before {
        content: "\f05a"
    }

    .social-share .icon-facebook:before {
        content: "\f03a"
    }

    .social-share .icon-google:before {
        content: "\f04a"
    }

    .social-share .icon-twitter:before {
        content: "\f06a"
    }

    .social-share a {
        position: relative;
        text-decoration: none;
        margin: 4px;
        display: inline-block;
        outline: 0
    }

    .social-share .social-share-icon {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        font-size: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        line-height: 32px;
        border: 1px solid #666;
        color: #666;
        text-align: center;
        vertical-align: middle;
        -webkit-transition: background .6s ease-out 0s;
        -o-transition: background .6s ease-out 0s;
        -moz-transition: background .6s ease-out 0s;
        transition: background .6s ease-out 0s
    }

        .social-share .social-share-icon:hover {
            background: #666;
            color: #fff
        }

    .social-share .icon-weibo1 {
        color: #ff763b;
        /*border-color: #ff763b*/
    }

    .social-share .icon-qq, .social-share .icon-tencent {
        color: #56b6e7;
        border-color: #56b6e7
    }

    .social-share .icon-weibo1:hover {
        /*background: #ff763b*/
    }

    .social-share .icon-qq:hover, .social-share .icon-tencent:hover {
        background: #56b6e7
    }

    .social-share .icon-qzone {
        color: #FDBE3D;
        border-color: #FDBE3D
    }

        .social-share .icon-qzone:hover {
            background: #FDBE3D
        }

    .social-share .icon-douban {
        color: #33b045;
        border-color: #33b045
    }

        .social-share .icon-douban:hover {
            background: #33b045
        }

    .social-share .icon-linkedin {
        color: #0077B5;
        border-color: #0077B5
    }

        .social-share .icon-linkedin:hover {
            background: #0077B5
        }

    .social-share .icon-facebook {
        color: #44619D;
        border-color: #44619D
    }

        .social-share .icon-facebook:hover {
            background: #44619D
        }

    .social-share .icon-google {
        color: #db4437;
        border-color: #db4437
    }

        .social-share .icon-google:hover {
            background: #db4437
        }

    .social-share .icon-twitter {
        color: #55acee;
        border-color: #55acee
    }

        .social-share .icon-twitter:hover {
            background: #55acee
        }

    .social-share .icon-diandian {
        color: #307DCA;
        border-color: #307DCA
    }

        .social-share .icon-diandian:hover {
            background: #307DCA
        }

    .social-share .icon-wechat {
        position: relative;
        color: #7bc549;
        border-color: #7bc549
    }

        .social-share .icon-wechat:hover {
            background: #7bc549
        }

        .social-share .icon-wechat .wechat-qrcode {
            display: none;
            border: 1px solid #eee;
            position: absolute;
            z-index: 9;
            top: -205px;
            left: -84px;
            width: 200px;
            height: 192px;
            color: #666;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            -webkit-box-shadow: 0 2px 10px #aaa;
            -moz-box-shadow: 0 2px 10px #aaa;
            box-shadow: 0 2px 10px #aaa;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            -webkit-tansition: all 350ms;
            -moz-transition: all 350ms
        }

            .social-share .icon-wechat .wechat-qrcode.bottom {
                top: 40px;
                left: -84px
            }

                .social-share .icon-wechat .wechat-qrcode.bottom:after {
                    display: none
                }

            .social-share .icon-wechat .wechat-qrcode h4 {
                font-weight: 400;
                height: 26px;
                line-height: 26px;
                font-size: 12px;
                background-color: #f3f3f3;
                margin: 0;
                padding: 0;
                color: #777
            }

            .social-share .icon-wechat .wechat-qrcode .qrcode {
                width: 105px;
                margin: 10px auto
            }

                .social-share .icon-wechat .wechat-qrcode .qrcode table {
                    margin: 0 !important
                }

            .social-share .icon-wechat .wechat-qrcode .help p {
                font-weight: 400;
                line-height: 16px;
                padding: 0;
                margin: 0
            }

            .social-share .icon-wechat .wechat-qrcode:after {
                content: '';
                position: absolute;
                left: 50%;
                margin-left: -6px;
                bottom: -13px;
                width: 0;
                height: 0;
                border-width: 8px 6px 6px;
                border-style: solid;
                border-color: #fff transparent transparent
            }

        .social-share .icon-wechat:hover .wechat-qrcode {
            display: block
        }

.header, .header .wid2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .4s ease all;
    -o-transition: .4s ease all;
    -moz-transition: .4s ease all;
    transition: .4s ease all;
    height: 140px
}

    .header .logo img, .qyjj-video .play-btn {
        -webkit-transition: .3s ease all;
        -o-transition: .3s ease all
    }

    .header .logo, .header .wid2 {
        height: 100%;
        -webkit-box-align: center
    }

    .header .wid2 {
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header .logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .header .logo img {
            max-width: 500px;
            -moz-transition: .3s ease all;
            transition: .3s ease all
        }

    .header nav ul li .arr, .header-btns .dropDown .xl-menu {
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s
    }

    .header .logo .hover {
        display: none
    }

    .header .header-rt, .header nav ul {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .header .header-rt {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header nav {
        height: 100%
    }

        .header nav ul {
            font-size: 0;
            display: flex
        }

            .header nav ul li {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center;
                margin-left: 50px
            }

                .header nav ul li .arr {
                    width: 50px;
                    height: 50px;
                    background: url(../images/icon-arr-bottom.png) center no-repeat;
                    display: none;
                    position: absolute;
                    top: 0;
                    right: 0;
                    z-index: 2;
                    transition: .3s
                }

                .header nav ul li > a, .header-btns {
                    -webkit-box-align: center;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox
                }

                .header nav ul li > a {
                    font-size: 16px;
                    height: 100%;
                    color: #fff;
                    display: -webkit-box;
                    display: flex;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    position: relative
                }

                .header nav ul li.active > a {
                    color: #4783B9
                }

    .header.scrolled {
        height: 80px;
        background-color: rgba(255,255,255,.9)
    }

        .header.scrolled .logo .hover {
            display: block
        }

        .header.scrolled .logo .default {
            display: none
        }

        .header.scrolled .header-btns .btn-item > a, .header.scrolled nav ul li > a {
            color: #323232
        }

        .header.scrolled .header-btns .dropDown .arr {
            background: url(../images/icon-arr-bottom-black.png) center no-repeat
        }

        .header.scrolled .menuBtn b {
            background-color: #323232
        }

.m-box {
    height: 100%
}

.header-btns {
    height: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

    .header-btns .btn-item {
        margin-left: 40px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .header-btns .btn-item .iconfont {
            font-size: 22px;
            position: relative;
            z-index: -1
        }

        .header-btns .btn-item a {
            color: #fff;
            height: auto;
            line-height: normal;
            padding-left: 0;
            display: block;
            float: none;
            margin: 0
        }
        .header-btns .btn-item .icon-sousuo{width:20px;height:20px;display:block;overflow:hidden;background:url("../images/t_01.png") center no-repeat;background-size:100%;}
        .header-btns .btn-item .icon-sousuo:before{content:"";}
        .header-btns .btn-item .icon-weibo1{width:24px;height:22px;display:block;overflow:hidden;border:0px !important;border-radius:0px !important;background:url("../images/t_02.png") center no-repeat !important;background-size:100% !important;}
        .header-btns .btn-item .icon-weibo1:before{content:"";}
        .header-btns .btn-item .icon-weixin1{width:25px;height:21px;display:block;overflow:hidden;border:0px !important;border-radius:0px !important;background:url("../images/t_03.png") center no-repeat;background-size:100%;}
        .header-btns .btn-item .icon-weixin1:before{content:"";}
        .header-btns .btn-item .icon-yonghu1{width:18px;height:20px;display:block;overflow:hidden;background:url("../images/t_04.png") center no-repeat;background-size:100%;}
        .header-btns .btn-item .icon-yonghu1:before{content:"";}
        .header-btns .btn-item .icon-wechat{border:0px !important;border-radius:0px !important;}

        .header.scrolled .header-btns .btn-item .icon-sousuo{background:url("../images/t_01_on.png") center no-repeat;background-size:100%;}
        .header.scrolled .header-btns .btn-item .icon-weibo1{background:url("../images/t_02_on.png") center no-repeat !important;background-size:100% !important;}
        .header.scrolled .header-btns .btn-item .icon-weixin1{background:url("../images/t_03_on.png") center no-repeat;background-size:100%;}
        .header.scrolled .header-btns .btn-item .icon-yonghu1{background:url("../images/t_04_on.png") center no-repeat;background-size:100%;}

        .header .btn-item .icon-wechat:before{content:"" !important;}
        .header .btn-item .icon-wechat:hover{background:none;}
        .header .social-share .icon-wechat .wechat-qrcode{top:50px}
        .header .social-share .icon-wechat .wechat-qrcode:after{bottom:191px;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}


        .header-btns .btn-item .bds_tsina, .header-btns .btn-item .bds_weixin {
            padding-left: 0;
            margin: 0
        }

    .header-btns .dropDown {
        position: relative;
        margin-left: 18px
    }

        .header-btns .dropDown .arr {
            width: 26px;
            height: 100%;
            display: block;
            background: url(../images/icon-arr-bottom.png) center no-repeat
        }

        .header-btns .dropDown .xl-menu {
            position: absolute;
            top: 100%;
            left: 50%;
            width: 90px;
            -webkit-transform: translate(-50%,10px);
            -moz-transform: translate(-50%,10px);
            -ms-transform: translate(-50%,10px);
            -o-transform: translate(-50%,10px);
            transform: translate(-50%,10px);
            background: -webkit-linear-gradient(45deg,#3363B2,#35A7E9);
            background: -moz-linear-gradient(45deg,#3363B2,#35A7E9);
            background: -o-linear-gradient(45deg,#3363B2,#35A7E9);
            background: linear-gradient(45deg,#3363B2,#35A7E9);
            border-radius: 10px;
            z-index: 10;
            padding: 10px;
            opacity: 0;
            visibility: hidden;
            transition: .3s
        }

            .header-btns .dropDown .xl-menu.active {
                opacity: 1;
                -webkit-transform: translate(-50%,0);
                -moz-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                -o-transform: translate(-50%,0);
                transform: translate(-50%,0);
                visibility: visible
            }

.navMenu, .search-popup {
    -webkit-transform: translateY(10px)
}

.header-btns .dropDown .xl-menu a {
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    position: relative
}

    .header-btns .dropDown .xl-menu a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,.2)
    }

    .header-btns .dropDown .xl-menu a:last-child::after {
        display: none
    }

.header-btns .login-btn-item .login-part .l-tabs, .navMenu .menu-con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.header-btns .login-btn-item {
    position: static;
    margin-left: 20px
}

    .header-btns .login-btn-item .navMenu .menu-con {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-btns .login-btn-item .login-part .l-tabs {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .header-btns .login-btn-item .login-part .l-tabs span {
            cursor: pointer;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
            position: relative;
            margin-right: 40px;
            display: inline-block;
            font-size: 16px;
            padding: 10px 0;
            color: rgba(255,255,255,.5);
            min-width: 120px
        }

.menuBtn b, .navMenu {
    -webkit-transition: .3s
}

.menuBtn b, .navMenu, .search-popup {
    -moz-transition: .3s
}

.header-btns .login-btn-item .login-part .l-tabs span:last-child {
    margin-right: 0
}

.header-btns .login-btn-item .login-part .l-tabs span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.1)
}

.header-btns .login-btn-item .login-part .l-tabs span.active {
    color: #fff
}

.header-btns .login-btn-item .login-part .l-sec {
    padding-top: 14px;
    height: 74px
}

    .header-btns .login-btn-item .login-part .l-sec .l-item {
        width: 495px;
        display: none;
        font-size: 0
    }

        .header-btns .login-btn-item .login-part .l-sec .l-item:first-child {
            display: block
        }

        .header-btns .login-btn-item .login-part .l-sec .l-item a {
            font-size: 16px;
            /*font-family: PingFangSC;*/
            font-weight: 400;
            color: #FFF;
            line-height: 30px;
            opacity: .8;
            display: inline-block;
            width: 33.3333%
        }

.comm-content .index-comm-hd, .navMenu .menu-con .tit .en {
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase
}

.header-btns .login-btn-item .login-part .l-sec .l-item a:hover {
    opacity: 1
}

.navMenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 200px;
    background: -webkit-linear-gradient(45deg,rgba(0,58,158,1),rgba(2,148,231,1));
    background: -moz-linear-gradient(45deg,rgba(0,58,158,1),rgba(2,148,231,1));
    background: -o-linear-gradient(45deg,rgba(0,58,158,1),rgba(2,148,231,1));
    background: linear-gradient(45deg,rgba(0,58,158,1),rgba(2,148,231,1));
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -o-transition: .3s;
    transition: .3s
}

    .navMenu.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .navMenu .menu-con {
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex;
        max-width: 1000px;
        margin: 0 auto
    }

        .navMenu .menu-con .tit {
            color: #fff;
            text-align: left;
            position: relative;padding-bottom:30px;margin-top:-30px;min-width:200px;
        }

            .navMenu .menu-con .tit .en {
                font-size: 20px;
                /*font-family: Gotham,Microsoft Yahei;*/
                color: #FFF;
                opacity: .15
            }

            .navMenu .menu-con .tit .cn {
                font-size: 30px;
                /*font-family: PingFangSC;*/
                font-weight: 600;
                color: #FFF;
                position: absolute;
                bottom: 0px;
                left: 0
            }

.mask, .menuBtn {
    position: fixed
}

.navMenu .menu-con .sub-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 460px;
    text-align: left;
    margin-left: 148px
}

    .navMenu .menu-con .sub-list .item {
        margin: 20px 40px
    }

        .navMenu .menu-con .sub-list .item a {
            font-size: 16px;
            /*font-family: PingFangSC;*/
            font-weight: 400;
            color: #FFF
        }

.menuBtn {
    z-index: 1000;
    width: 24px;
    top: 0;
    height: 50px;
    right: 3%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

    .menuBtn b {
        background-color: #fff;
        width: 100%;
        display: block;
        height: 2px;
        margin: 3px 0;
        -o-transition: .3s;
        transition: .3s
    }

.fixme .menuBtn b:nth-child(2), .mask {
    display: none
}

.next-page, .search-popup, .search-popup .s-btn {
    -webkit-transition: .3s
}

.fixme .menuBtn {
    top: -4px
}

    .fixme .menuBtn b {
        position: absolute;
        top: 50%;
        left: 0;
        background-color: #fff
    }

        .fixme .menuBtn b:first-child {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .fixme .menuBtn b:last-child {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .fixme .menuBtn b .fixme .menuBtn b .fixme {
            height: 100%;
            overflow: hidden
        }

.mask {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.3);
    z-index: 200
}

.pg-footer .top-con, .pg-footer .top-con .rt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

img, video {
    max-width: 100%
}

.pg-footer {
    padding-top: 5.72917%;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
    background: -webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(to right,rgba(0,58,158,.8),rgba(2,148,231,.8));
    position: relative;
    color: #fff
}

    .pg-footer .top-con .info, .pg-footer .top-con .wechat-box .tips {
        color: #F6F6F6;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }

    .pg-footer .top-con {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 30px
    }

        .pg-footer .top-con .wechat-box {
            width: 160px
        }

            .pg-footer .top-con .wechat-box img {
                width: 100%;
                background: #FFF;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px
            }

            .pg-footer .top-con .wechat-box .tips {
                opacity: .5
            }

        .pg-footer .top-con .rt {
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 59.15493%;
            padding-top: 30px
        }

    .pg-footer .copyRight, .pg-footer .copyRight .lt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        -webkit-flex-wrap: wrap
    }

    .pg-footer .top-con .rt dl dt {
        padding-bottom: 16px
    }

    .pg-footer .top-con .rt dl dd {
        line-height: 32px
    }

        .pg-footer .top-con .rt dl dd a {
            color: #fff;
            opacity: .4
        }

            .pg-footer .top-con .rt dl dd a:hover {
                opacity: 1
            }

    .pg-footer .copyRight {
        border-top: 1px solid rgba(255,255,255,.1);
        padding: 2.60417% 0;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 400
    }

        .pg-footer .copyRight .lt {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .pg-footer .copyRight .lt p {
                padding-right: 80px;
                opacity: .5
            }

                .pg-footer .copyRight .lt p:last-child {
                    padding-right: 0
                }

        .pg-footer .copyRight a {
            color: #fff
        }

            .pg-footer .copyRight a:hover {
                opacity: 1
            }

        .pg-footer .copyRight .rt {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .pg-footer .copyRight .rt a {
                position: relative;
                padding-right: 30px;
                margin-right: 30px;
                display: inline-block;
                color: rgba(255,255,255,.5)
            }

                .chat-fixed .list, .pg-footer .copyRight .rt a:last-child::after {
                    display: none
                }

                .pg-footer .copyRight .rt a:last-child {
                    padding-right: 0;
                    margin-right: 0
                }

                .pg-footer .copyRight .rt a::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 4px;
                    height: 4px;
                    background: #FFF;
                    opacity: .3;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

@media screen and (min-width:1000px) {
    .header nav ul li:hover > a {
        opacity: .9
    }

    .header nav ul li:hover .navMenu, .header-btns .login-btn-item:hover .navMenu {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: visible
    }

    .header-btns .dropDown:hover .xl-menu {
        opacity: 1;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        visibility: visible
    }

    .copyRight a:hover, .header-btns .dropDown a:hover, .pg-footer .ft-con .item a:hover {
        opacity: .9
    }

    .paging a:hover {
        background-color: #37A1D1;
        color: #fff;
        border-color: #37A1D1
    }

    .pg-footer .copyRight a:hover:hover {
        color: #fff;
        opacity: 1
    }

    ::-webkit-scrollbar {
        width: 6px
    }

    ::-webkit-scrollbar-track {
        background: #f3f3f3
    }

    ::-webkit-scrollbar-thumb {
        background: #5d5d5d
    }

    .menu .menu-con .sub-list .item a:hover {
        opacity: .9
    }
}

.search-popup, .zzfw-tabs li .icon .hover {
    opacity: 0;
    visibility: hidden
}

.search-popup {
    position: absolute;
    top: 100%;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    right: -20px;
    z-index: 20;
    width: 360px;
    -o-transition: .3s;
    transition: .3s
}

    .search-popup.active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .om-box .cont .sub-btn:hover, .search-popup .s-btn:hover {
        opacity: .8
    }

    .search-popup .form-txt {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 50px 0 20px;
        color: #fff;
        background-color: rgba(0,0,0,.5);
        font-size: 16px
    }

        .search-popup .form-txt::-webkit-input-placeholder {
            color: rgba(255,255,255,.8)
        }

        .search-popup .form-txt:-moz-placeholder {
            color: rgba(255,255,255,.8)
        }

        .search-popup .form-txt::-moz-placeholder {
            color: rgba(255,255,255,.8)
        }

        .search-popup .form-txt:-ms-input-placeholder {
            color: rgba(255,255,255,.8)
        }

        .search-popup .form-txt::-ms-input-placeholder {
            color: rgba(255,255,255,.8)
        }

        .search-popup .form-txt::placeholder {
            color: rgba(255,255,255,.8)
        }

    .search-popup .s-btn {
        width: 50px;
        text-align: center;
        position: absolute;
        top: 50%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        color: #fff;
        font-size: 15px;
        background-color: transparent;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

.chat-fixed {
    position: fixed;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 30;
    padding: 14px 42px 14px 14px;
    background: -webkit-linear-gradient(45deg,#3363B2,#35A7E9);
    background: -moz-linear-gradient(45deg,#3363B2,#35A7E9);
    background: -o-linear-gradient(45deg,#3363B2,#35A7E9);
    background: linear-gradient(45deg,#3363B2,#35A7E9);
    border-radius: 10px;
    max-width: 227px;
    min-height: 50px
}

.banner .swiper-pagination-box, .in-banner .crumbs-box {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.chat-fixed .chat-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    cursor: pointer
}

    .chat-fixed .chat-btn img {
        width: 26px
    }

.chat-fixed .list li {
    margin-bottom: 14px
}

    .chat-fixed .list li:last-child {
        margin-bottom: 0
    }

    .chat-fixed .list li a {
        color: #fff;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

.banner .swiper-container .banner-item, .banner .swiper-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.chat-fixed .list li .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 20px
}

    .chat-fixed .list li .icon img {
        max-width: 100%
    }

.chat-fixed .list li .con {
    padding-left: 10px
}

    .chat-fixed .list li .con .tit {
        font-size: 16px
    }

    .chat-fixed .list li .con .txt {
        font-size: 14px;
        opacity: .3;
        padding-top: 6px
    }

.wid2 {
    width: 1522px;
    max-width: 94%;
    margin: 0 auto
}

.swiper-container {
    height: 100%
}

    .swiper-container .swiper-slide {
        height: 100%;
        overflow: hidden
    }

        .swiper-container .swiper-slide .banner-item {
            height: 100%;
            -moz-background-size: cover;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

.banner {
    position: relative;
    overflow: hidden;
    height: 100%
}

    .banner .swiper-container .banner-item {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        color: #fff;
        text-align: center
    }

        .banner .swiper-container .banner-item .cn {
            font-size: 60px;
            /*font-family: Kozuka Gothic Pr6N;*/
            font-weight: 400
        }

        .banner .swiper-container .banner-item .en {
            font-size: 24px;
            /*font-family: Myriad Pro;*/
            font-weight: 400;
            color: #FFF;
            opacity: .7;
            margin-top: 30px;
            text-transform: uppercase
        }

    .banner .swiper-pagination-box {
        position: absolute;
        z-index: 2;
        bottom: 9.25926%;
        left: 50%;
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .banner .swiper-num {
        display: flex;
        padding-bottom: 16px
    }

    .banner .swiper-pagination, .comm-content .con {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .banner .swiper-num .num {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 24px;
        font-weight: 400;
        color: #F6F6F6;
        opacity: .5;
        cursor: pointer
    }

        .banner .swiper-num .num.active {
            opacity: 1
        }

    .banner .swiper-pagination {
        position: relative;
        bottom: 0;
        display: flex;
        background-color: #868386;
        height: 1px
    }

        .banner .swiper-pagination .swiper-pagination-bullet {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            margin: -1px 0 0;
            height: 3px;
            background: 0 0;
            border: 0
        }

        .banner .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #4c99cc
        }

        .banner .swiper-pagination .swiper-pagination-progressbar-fill {
            background-color: #4c99cc;
            height: 3px;
            margin-top: -1px
        }

.next-page {
    position: fixed;
    z-index: 2;
    left: 50%;
    bottom: 16.66667%;
    background: url(../images/icon-arr-bottom.png) center no-repeat;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -25px;
    outline: 0;
    cursor: pointer;
    -webkit-animation: bounce-down 1.6s linear infinite;
    -moz-animation: bounce-down 1.6s linear infinite;
    animation: bounce-down 1.6s linear infinite;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

    .next-page:hover {
        border-color: #1568FF;
        background: url(../images/icon-arr-bottom-blue.png) center no-repeat
    }

    .next-page.active {
        bottom: 3.7037%
    }

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-4px)
    }

    100%,50% {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(4px)
    }
}

@-moz-keyframes bounce-down {
    25% {
        -moz-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100%,50% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100%,50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.p-banner {
    height: 100%
}

    .p-banner .swiper-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1
    }

    .p-banner .pro-arr-box {
        position: absolute;
        top: 30%;
        right: 7.8125%;
        z-index: 4
    }

        .p-banner .pro-arr-box > div {
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            margin: 20px auto;
            width: 50px;
            height: 50px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: 0s;
            -o-transition: 0s;
            -moz-transition: 0s;
            transition: 0s
        }

            .p-banner .pro-arr-box > div::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                background-position: center;
                background-repeat: no-repeat;
                -moz-background-size: 6px;
                background-size: 6px;
                opacity: 1
            }

.comm-content, .index-news-list {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    z-index: 2
}

.p-banner .pro-arr-box .swiper-button-next::before {
    background-image: url(../images/icon-arr-right-red.png)
}

.p-banner .pro-arr-box .swiper-button-prev::before {
    background-image: url(../images/icon-arr-left-red.png)
}

.comm-content {
    position: absolute;
    left: 3%;
    transform: translateY(-50%)
}

    .comm-content .con {
        height: 100%;
        max-width: 464px;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 9.25926% 0
    }

        .comm-content .con.news-con {
            max-width: 210px
        }

    .comm-content .index-comm-hd {
        font-size: 60px;
        /*font-family: Gotham, Microsoft Yahei;*/
        color: rgba(50,50,50,.15)
    }

    .comm-content .index-comm-bd .tit {
        font-size: 30px;
        font-weight: 600;
        color: #323232;
        position: relative;
        margin-top: 20px;
        padding-top: 25px
    }

        .comm-content .index-comm-bd .tit::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: url(../images/tit_bg.png) left center no-repeat
        }

    .comm-content .index-comm-bd .txt {
        font-size: 16px;
        font-weight: 400;
        color: rgba(50,50,50,.7);
        line-height: 30px;
        margin-top: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .comm-content .index-comm-bd .tabs {
        margin-top: 7.40741%
    }

        .comm-content .index-comm-bd .tabs li {
            margin-bottom: 1.85185%
        }

            .comm-content .index-comm-bd .tabs li.active a {
                color: #369
            }

                .comm-content .index-comm-bd .tabs li.active a:after {
                    width: 100%
                }

            .comm-content .index-comm-bd .tabs li:last-child {
                margin-bottom: 0
            }

            .comm-content .index-comm-bd .tabs li a {
                display: inline-block;
                font-size: 18px;
                color: rgba(50,50,50,.7);
                padding: 14px 0;
                position: relative;
                font-weight: 700
            }

                .comm-content .index-comm-bd .tabs li a::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 0;
                    height: 3px;
                    background-color: #369;
                    -webkit-transition: .3s;
                    -o-transition: .3s;
                    -moz-transition: .3s;
                    transition: .3s
                }

    .comm-content .more-btn, .index-gsys-list li .plus {
        height: 60px;
        -moz-border-radius: 50%;
        text-align: center;
    }

    .comm-content .more-btn {
        display: block;
        width: 60px;
        line-height: 60px;
        background-color: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #1568FF;
        background-repeat: no-repeat;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-top: 10%;
        font-size:16px;
    }

.qyjj-wrap, .zhsz-wrap {
    -webkit-box-align: end
}

.zhsz-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    width: 46.875%;
    padding: 5.20833%;
    color: #fff;
    background: -webkit-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
    background: -moz-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
    background: -o-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
    background: linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
    -webkit-border-radius: 45px 0 0 0;
    -moz-border-radius: 45px 0 0;
    border-radius: 45px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.det-more-btn, .logo-swiper .logo-item a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.zhsz-wrap .con .tit {
    font-size: 24px;
    /*font-family: PingFangSC;*/
    font-weight: 400;
    color: #FFF
}

.zhsz-wrap .con .tabs {
    margin-top: 50px
}

    .zhsz-wrap .con .tabs li {
        margin-bottom: 26px
    }

        .zhsz-wrap .con .tabs li a {
            font-size: 16px;
            font-weight: 400;
            color: #FFF;
            opacity: .5
        }

        .zhsz-wrap .con .tabs li:last-child {
            margin-bottom: 0
        }

.zhsz-wrap .det-more-btn {
    margin-left: 21.83406%
}

.det-more-btn {
    min-width: 160px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background: #FFF;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #369;
    text-align: center
}

.c-banner {
    height: 100%;
    overflow: hidden
}

    .c-banner .comm-content .index-comm-hd {
        color: rgba(50,50,50,.2)
    }

    .c-banner .comm-content .index-comm-bd .sub-tit {
        font-size: 18px;
        font-weight: 500;
        color: #323232;
        margin-top: 20px
    }

    .c-banner .comm-content .index-comm-bd .txt {
        color: #323232
    }

    .c-banner .swiper-pagination {
        position: relative;
        width: 15px;
        bottom: 0;
        display: block;
        margin-top: 40px
    }

        .c-banner .swiper-pagination .swiper-pagination-bullet {
            width: 15px;
            height: 15px;
            border: none;
            background-color: #fff;
            margin: 15px 0;
            opacity: .3
        }

        .c-banner .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #003A9E
        }

.index-gsys-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .index-gsys-list li {
        width: 23.02632%;
        margin-right: 2.63158%;
        margin-bottom: 2.63158%;
        position: relative;
        overflow: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

        .index-gsys-list li::before {
            content: '';
            display: block;
            padding-top: 62.85714%
        }

        .index-gsys-list li:nth-child(4n) {
            margin-right: 0
        }

        .index-gsys-list li a {
            background: rgba(255,255,255,.7);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 11.42857%
        }

        .index-gsys-list li .tit {
            font-size: 24px;
            /*font-family: PingFangSC;*/
            font-weight: 400;
            color: #000;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s
        }

        .index-gsys-list li .num, .index-gsys-list li .txt {
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s
        }

        .index-gsys-list li .txt {
            font-size: 14px;
            /*font-family: NotoSansCJKsc;*/
            font-weight: 400;
            color: rgba(0,0,0,.6);
            line-height: 24px;
            height: 48px;
            margin-top: 10px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            transition: .3s
        }

        .index-gsys-list li .num {
            position: absolute;
            right: -20px;
            bottom: -32px;
            font-size: 120px;
            /*font-family: DINAlternate, Microsoft Yahei;*/
            font-weight: 700;
            color: rgba(0,0,0,.3);
            transition: .3s
        }

        .index-gsys-list li .plus, .logo-swiper .logo-item a img, .om-box .cont .form-wrap .form-row .form-txt {
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s
        }

        .index-gsys-list li .plus {
            width: 60px;
            line-height: 60px;
            background: -webkit-linear-gradient(30deg,#FFF,#FFF);
            background: -moz-linear-gradient(30deg,#FFF,#FFF);
            background: -o-linear-gradient(30deg,#FFF,#FFF);
            background: linear-gradient(60deg,#FFF,#FFF);
            opacity: .7;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            display: none;
            transition: .3s;
            color: #000;
            margin-top: 5px
        }

.index-news-box > .item {
    display: none
}

    .index-news-box > .item:first-child {
        display: block
    }

.index-news-list {
    position: absolute;
    transform: translateY(-50%);
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 78.61842%
}

.logo-swiper-box, .subMenu li::after {
    right: 0;
    -webkit-transform: translateY(-50%)
}

.index-news-list li, .pn-pageing, .xxfb-list li, .zhcq-form {
    -webkit-box-pack: justify
}

.index-news-list li {
    width: 48.53556%;
    margin-right: 2.92887%;
    margin-bottom: 4.1841%;
    background-color: rgba(255,255,255,.8);
    padding: 70px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .index-news-list li:nth-child(2n) {
        margin-right: 0
    }

    .index-news-list li:nth-last-child(1), .index-news-list li:nth-last-child(2) {
        margin-bottom: 0
    }

    .index-news-list li .date {
        width: 80px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-top: 8px;
        position: relative
    }

        .index-news-list li .date::before {
            content: '';
            position: absolute;
            bottom: 20px;
            width: 76px;
            height: 1px;
            background: #323232;
            opacity: .5
        }

        .index-news-list li .date .day {
            font-size: 26px;
            /*font-family: Gotham, Microsoft Yahei;*/
            font-weight: 300;
            color: #323232
        }

        .index-news-list li .date .year {
            font-size: 14px;
            /*font-family: Gotham, Microsoft Yahei;*/
            font-weight: 300;
            color: #323232;
            opacity: .5
        }

    .index-news-list li .cont {
        width: 100%;
        padding-left: 30px
    }

        .index-news-list li .cont .tit {
            font-size: 16px;
            color: #323232;
            line-height: 30px;
            height: 60px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-weight: 700
        }

            .index-news-list li .cont .tit:hover {
                color: #0294E7
            }

        .index-news-list li .cont .txt {
            font-size: 14px;
            font-weight: 400;
            color: #323232;
            line-height: 24px;
            height: 48px;
            opacity: .5;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin-top: 20px
        }

.logo-swiper-box {
    width: 62.5%;
    position: absolute;
    z-index: 2;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.logo-swiper .swiper-container {
    width: 100%
}

.logo-swiper .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.in-banner::before, .logo-swiper .logo-item::before {
    display: block;
    content: ''
}

.logo-swiper .logo-item {
    width: 16.66667%;
    position: relative
}

    .logo-swiper .logo-item::before {
        padding-top: 100%
    }

.logo-swiper .swiper-buttons, .om-box {
    display: -ms-flexbox;
    display: -moz-box
}

.logo-swiper .logo-item a {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

    .logo-swiper .logo-item a img {
        max-width: 100%;
        max-height: 100%;
        transition: .3s;
        width:100%;
    }

.logo-swiper .swiper-buttons {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 40px
}

.logo-swiper .swiper-button {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-size: 6px;
    background-size: 6px
}

.logo-swiper .swiper-button-prev {
    background-image: url(../images/icon-arr-left-blue.png)
}

    .logo-swiper .swiper-button-prev:hover {
        background: url(../images/icon-arr-left.png) center no-repeat,-webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
        background: url(../images/icon-arr-left.png) center no-repeat,-webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-left.png) center no-repeat,-moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-left.png) center no-repeat,-o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-left.png) center no-repeat,linear-gradient(to right,rgba(0,58,158,.8),rgba(2,148,231,.8))
    }

.logo-swiper .swiper-button-next {
    background-image: url(../images/icon-arr-right-blue.png)
}

    .logo-swiper .swiper-button-next:hover {
        background: url(../images/icon-arr-right.png) center no-repeat,-webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
        background: url(../images/icon-arr-right.png) center no-repeat,-webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-right.png) center no-repeat,-moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-right.png) center no-repeat,-o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: url(../images/icon-arr-right.png) center no-repeat,linear-gradient(to right,rgba(0,58,158,.8),rgba(2,148,231,.8))
    }

#swiper-container2 .swiper-slide {
    height: auto;
    box-sizing: border-box
}

.online-message {
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
    background: -webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(to right,rgba(0,58,158,.8),rgba(2,148,231,.8))
}

    .online-message .pg-footer {
        background: 0 0
    }

.om-box, .om-box .img {
    background-position: center;
    background-repeat: no-repeat
}

.om-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 89.63542%;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0 0 100px 0;
    -moz-border-radius: 0 0 100px;
    border-radius: 0 0 100px
}

    .in-banner .crumbs-box, .om-box .cont .form-wrap .form-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .om-box .img {
        width: 38.05927%;
        -moz-background-size: cover;
        background-size: cover
    }

    .om-box .cont {
        width: 61.94073%;
        padding: 50px 100px
    }

        .om-box .cont section {
            background-color: #fff;
            padding: 60px 70px
        }

        .hz-tabs a.active, .om-box .cont .sub-btn {
            background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

        .om-box .cont .tit {
            font-size: 30px;
            /*font-family: Adobe Heiti Std;*/
            font-weight: 400;
            color: #369
        }

        .om-box .cont .subTit {
            font-size: 14px;
            font-weight: 300;
            color: #888;
            margin-top: 20px
        }

        .om-box .cont .form-wrap {
            margin-top: 20px
        }

            .om-box .cont .form-wrap .form-row {
                display: flex
            }

                .om-box .cont .form-wrap .form-row .form-item {
                    margin-bottom: 36px;
                    margin-right: 19px;
                    width: 100%
                }

.w-180, .w-240 {
    margin-right: 18px
}

.om-box .cont .form-wrap .form-row .form-txt {
    height: 48px;
    line-height: 48px;
    padding: 0 17px;
    border: 1px solid #D0D1D2;
    transition: .3s;
    width: 100%
}

.hzhb-list li .blue-bg, .om-box .cont .sub-btn, .subMenu a::after {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.om-box .cont .form-wrap .form-row .form-txt:focus {
    border-color: #369
}

.om-box .cont .sub-btn {
    width: 225px;
    height: 48px;
    background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    -moz-transition: .3s;
    transition: .3s;
    color: #fff;
    font-size: 18px
}

.w-180 {
    width: 27.35562%
}

.w-240 {
    width: 36.47416%
}

.w-200 {
    width: 30.39514%;
    margin-right: 0
}

@media screen and (min-width:1000px) {
    .logo-swiper .flex-row .logo-item a:hover img {
        -webkit-transform: scale(1.04,1.04);
        -moz-transform: scale(1.04,1.04);
        -ms-transform: scale(1.04,1.04);
        -o-transform: scale(1.04,1.04);
        transform: scale(1.04,1.04)
    }

    .p-banner .pro-arr-box > div:hover {
        background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
    }

    .p-banner .pro-arr-box .swiper-button-next:hover::before {
        background-image: url(../images/icon-arr-right.png)
    }

    .p-banner .pro-arr-box .swiper-button-prev:hover::before {
        background-image: url(../images/icon-arr-left.png)
    }

    .zhsz-wrap .con .tabs a:hover {
        opacity: 1
    }

    .comm-content .index-comm-bd .tabs a:hover {
        color: #369
    }

        .comm-content .index-comm-bd .tabs a:hover::after {
            width: 100%
        }

    .index-gsys-list li a:hover {
        -webkit-border-radius: 0 98px 0 0;
        -moz-border-radius: 0 98px 0 0;
        border-radius: 0 98px 0 0;
        background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.7)),to(rgba(2,148,231,.7)));
        background: -webkit-linear-gradient(left,rgba(0,58,158,.7),rgba(2,148,231,.7));
        background: -moz-linear-gradient(left,rgba(0,58,158,.7),rgba(2,148,231,.7));
        background: -o-linear-gradient(left,rgba(0,58,158,.7),rgba(2,148,231,.7));
        background: linear-gradient(to right,rgba(0,58,158,.7),rgba(2,148,231,.7))
    }

        .index-gsys-list li a:hover::before {
            opacity: 1;
            visibility: visible
        }

        .index-gsys-list li a:hover .tit {
            color: #fff
        }

        .index-gsys-list li a:hover .txt {
            color: rgba(255,255,255,.6)
        }

        .index-gsys-list li a:hover .num {
            color: rgba(255,255,255,.3)
        }

        .index-gsys-list li a:hover .plus {
            display: block
        }

    .comm-content .more-btn:hover {
        background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        color: #fff
    }

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

    ::-webkit-scrollbar-track {
        background-color: #E8E8E8;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background-color: #4783B9
    }
}

.in-banner .in-title, .qyjj-video .play-btn {
    top: 50%;
    -ms-transform: translate(-50%,-50%)
}

.in-banner, .jjfa-list .gl .img, .yyal-wrap {
    -moz-background-size: cover
}

    .in-banner .in-title .cn, .in-banner .in-title .en {
        font-weight: 500;
        color: #FFF;
        /*font-family: SourceHanSansCN*/
    }

.in-banner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

    .in-banner::before {
        padding-top: 41.14583%
    }

    .in-banner .in-title {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 2
    }

        .in-banner .in-title .cn {
            font-size: 60px
        }

        .in-banner .in-title .en {
            font-size: 48px;
            margin-top: 20px;
            text-transform: uppercase
        }

    .in-banner .crumbs-box {
        position: absolute;
        bottom: 30px;
        left: 50%;
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
        color: #fff;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.qyjj-wrap, .subMenu {
    display: -ms-flexbox
}

.in-banner .crumbs-box .iconfont {
    font-size: 18px
}

.in-banner .crumbs-box a {
    color: #fff
}

.in-banner .crumbs-box .icon-xuanzhongshangcheng {
    margin-right: 10px;
    font-size: 14px
}

.subMenu {
    background: #EEF1F8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .subMenu li {
        position: relative;
        padding: 0 100px
    }

        .subMenu li::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 1px;
            height: 24px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: rgba(34,34,34,.3)
        }

        .subMenu li:last-child::after {
            display: none
        }

    .subMenu a {
        position: relative;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        color: rgba(34,34,34,.8);
        padding: 30px 0
    }

.hz-tabs, .qyjj-wrap {
    display: -webkit-flex
}

    .hz-tabs, .hz-tabs a, .qyjj-wrap {
        display: -moz-box
    }

.main-hd .cn, .subMenu a.active, .subMenu a:hover {
    color: #4783B9
}

.subMenu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: -webkit-gradient(linear,left top,right top,from(#003A9E),to(#0294E7));
    background: -webkit-linear-gradient(left,#003A9E,#0294E7);
    background: -moz-linear-gradient(left,#003A9E,#0294E7);
    background: -o-linear-gradient(left,#003A9E,#0294E7);
    background: linear-gradient(90deg,#003A9E,#0294E7);
    -moz-transition: .3s;
    transition: .3s
}

.subMenu a.active::after {
    width: 100%;
    left: 0
}

.main-hd {
    text-align: center;
    padding: 50px 0 30px;
    position: relative
}

    .main-hd::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 58px;
        height: 2px;
        background: #4783B9;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .main-hd .cn {
        font-size: 34px;
        font-weight: 700
    }

    .main-hd .en {
        font-size: 18px;
        font-family: Arial;
        font-weight: 400;
        color: #666;
        opacity: .5;
        text-transform: uppercase;
        padding-top: 4px
    }

.qyjj-video .play-btn:hover, .zhcq-form .s-btn:hover {
    opacity: .8
}

.qyjj-wrap {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hz-tabs, .hz-tabs a {
    display: -ms-flexbox
}

    .hz-tabs, .hz-tabs a, .jjfa-list .gl {
        -webkit-box-align: center
    }

.qyjj-wrap .img {
    width: 45%
}

    .qyjj-wrap .img img {
        width: 100%
    }

.qyjj-wrap .cont {
    width: 55%;
    background-color: #F4F4F4;
    padding: 60px 40px;
    position: relative;
    overflow: hidden
}

    .qyjj-wrap .cont::after {
        content: '';
        position: absolute;
        z-index: 1;
        bottom: -60px;
        right: -100px;
        width: 320px;
        height: 320px;
        background: url(../images/yuan.png) center no-repeat
    }

    .qyjj-wrap .cont .qy-tit {
        position: relative;
        z-index: 2
    }

        .qyjj-wrap .cont .qy-tit .tit1 {
            font-size: 30px;
            font-weight: 700;
            color: #4C4C4C
        }

        .qyjj-wrap .cont .qy-tit .tit2 {
            font-size: 20px;
            margin-top: 30px
        }

    .qyjj-wrap .cont .txt {
        font-size: 16px;
        font-weight: 400;
        color: #4C4C4C;
        line-height: 30px;
        margin-top: 50px;
        position: relative;
        z-index: 2
    }

.qyjj-video {
    width: 100%;
    position: relative;
    margin-top: 58px
}

    .qyjj-video video {
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        max-height: 600px
    }

    .qyjj-video .play-btn {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 114px;
        color: #fff;
        cursor: pointer;
        -moz-transition: .3s ease all;
        transition: .3s ease all
    }

.s-more, .video-info {
    font-size: 16px;
    font-weight: 400
}

.video-info {
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 0;
    color: #4C4C4C;
    line-height: 36px
}

.pd-70 {
    padding-bottom: 70px
}

.hz-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px
}

    .hz-tabs a {
        text-align: center;
        font-size: 20px;
        color: #666;
        width: 160px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #FFF;
        border: 1px solid #DDD;
        margin-left: -1px
    }

        .hz-tabs a.active, .s-more:hover {
            background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

        .hz-tabs a:hover {
            color: #4783B9
        }

        .hz-tabs a.active {
            color: #fff;
            background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

.hzhb-list {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

    .hzhb-list li {
        width: 20%;
        padding: 13px
    }

        .hzhb-list li .blue-bg {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #0294E7;
            -moz-transition: .3s;
            transition: .3s
        }

        .hzhb-list li a, .hzhb-list li a img {
            -o-transition: .3s;
            -moz-transition: .3s
        }

        .hzhb-list li a {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-transition: .3s;
            transition: .3s;
            position: relative;
            top: 0;
            left: 0;
            z-index: 2
        }

            .hzhb-list li a::before {
                content: '';
                display: block;
                padding-top: 60.76923%;
                background: #fff;
                position: relative;
                z-index: 2
            }

.s-more:hover, .zhcq-form .s-btn {
    background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
}

.hzhb-list li a img, .zhcq-list li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transition: .3s
}

.hzhb-list li a img {
    z-index: 3;
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;
    transition: .3s
}

.s-more {
    width: 160px;
    height: 40px;
    border: 1px solid #4783B9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*font-family: SourceHanSansCN;*/
    color: #4783B9;
    display: block;
    text-align: center;
    line-height: 38px;
    margin: 50px auto
}

.zhcq-form, .zhcq-form .lt {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.s-more:hover {
    background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    color: #fff
}

.pd-20 {
    padding-bottom: 20px
}

.zhcq-form {
    width: 646px;
    margin: 60px auto;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .zhcq-form .lt {
        display: -webkit-box;
        display: flex
    }

.szhgl-wrap, .zhcq-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.zhcq-form .lt .form-txt {
    height: 50px;
    width: 308px;
    padding: 0 15px;
    border: 1px solid #C1C6CF;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin-left: -1px
}

.zhcq-form .lt .form-select {
    border: 1px solid #C1C6CF;
    height: 50px;
    width: 180px;
    padding: 0 15px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.zhcq-form .s-btn {
    width: 140px;
    height: 50px;
    background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*font-family: NotoSansCJKsc;*/
    font-weight: 400;
    color: #FFF
}

.zhcq-list {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .zhcq-list li {
        text-align: center;
        width: 21.83099%;
        margin-right: 4.22535%;
        margin-bottom: 14px
    }

        .zhcq-list li:nth-child(4n) {
            margin-right: 0
        }

        .zhcq-list li .img {
            position: relative;
            -webkit-box-shadow: 0 0 8px 1px rgba(0,58,158,.41);
            -moz-box-shadow: 0 0 8px 1px rgba(0,58,158,.41);
            box-shadow: 0 0 8px 1px rgba(0,58,158,.41);
            overflow: hidden
        }

            .zhcq-list li .img::before {
                content: '';
                display: block;
                padding-top: 137.0607%
            }

            .zhcq-list li .img img {
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                z-index: 2;
                width: 100%;
                height: 100%;
                -o-transition: .3s;
                -moz-transition: .3s;
                transition: .3s
            }

        .zhcq-list li .tit {
            font-size: 20px;
            font-weight: 500;
            color: #403D3D;
            line-height: 30px;
            padding: 10px 0
        }

.szhgl-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 9.89583%
}

    .jjfa-list .gl, .szhgl-wrap .szhgl-content {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        position: relative
    }

    .szhgl-wrap .szhgl-content {
        width: 90.19737%;
        background: #EFEFEF;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 134px 63px
    }

        .szhgl-wrap .szhgl-content .con {
            width: 466px;
            height: 299px;
            background: #FFF;
            padding: 36px;
            position: relative;
            z-index: 2
        }

            .jjfa-list li .con .tit, .szhgl-wrap .szhgl-content .con .tit, .zzfw-info .con .tit {
                padding-bottom: 20px;
                -o-text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                /*font-family: Source Han Sans CN*/
            }

            .szhgl-wrap .szhgl-content .con .tit {
                font-size: 24px;
                font-weight: 500;
                color: #000;
                text-overflow: ellipsis;
                display: block;
                position: relative
            }

            .jjfa-info, .szhgl-wrap .szhgl-content .con .txt {
                font-size: 16px;
                color: #666;
                font-weight: 400;
                line-height: 30px
            }

            .szhgl-wrap .szhgl-content .con .tit::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 65px;
                height: 4px;
                background: #4783B9
            }

            .szhgl-wrap .szhgl-content .con .txt {
                /*font-family: Source Han Sans CN;*/
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                margin-top: 20px
            }

            .szhgl-wrap .szhgl-content .con .s-more {
                margin-left: 0;
                margin-top: 30px;
                margin-bottom: 0
            }

        .szhgl-wrap .szhgl-content .img {
            width: 78.94737%;
            position: absolute;
            top: -116px;
            left: -102px;
            z-index: 1
        }

.jjfa-list .gl {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .jjfa-list .gl .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 50%;
        left: 53%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        z-index: 2;
        width: 72.39583%
    }

    .jjfa-list .gl .img {
        width: 37.5%;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

        .jjfa-list .gl .img::before {
            content: '';
            display: block;
            padding-top: 116.66667%
        }

.jjfa-wrap, .xxfb-list li {
    padding: 40px 0
}

.jjfa-list .gl .img .in-img {
    width: 37.5%
}

    .jjfa-list .gl .img .in-img img {
        width: 100%
    }

.jjfa-list .gl .con {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    background-color: transparent;
    left: auto;
    height: auto;
    right: 0;
    top: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

@media screen and (min-width:1000px) {
    .hzhb-list li a:hover {
        -webkit-transform: translate(-16px,-16px);
        -moz-transform: translate(-16px,-16px);
        -ms-transform: translate(-16px,-16px);
        -o-transform: translate(-16px,-16px);
        transform: translate(-16px,-16px)
    }

        .hzhb-list li a:hover .blue-bg {
            -webkit-transform: translate(16px,16px);
            -moz-transform: translate(16px,16px);
            -ms-transform: translate(16px,16px);
            -o-transform: translate(16px,16px);
            transform: translate(16px,16px)
        }

        .hzhb-list li a:hover img, .zhcq-list li:hover img {
            -webkit-transform: translate(-50%,-50%) scale(1.04,1.04);
            -moz-transform: translate(-50%,-50%) scale(1.04,1.04);
            -ms-transform: translate(-50%,-50%) scale(1.04,1.04);
            -o-transform: translate(-50%,-50%) scale(1.04,1.04);
            transform: translate(-50%,-50%) scale(1.04,1.04)
        }
}

.jjfa-info {
    max-width: 1030px;
    margin: 0 auto
}

.jjfa-list li .con .s-more, .zzfw-info .con .s-more {
    margin-left: 0
}

.jjfa-list {
    margin-top: 60px
}

    .jjfa-list li {
        margin-bottom: 4.16667%
    }

        .jjfa-list li .con {
            position: absolute;
            top: 50%;
            left: -315px;
            width: 630px;
            height: 436px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #EEF1F8;
            -webkit-box-shadow: 0 3px 46px 0 rgba(71,71,71,.33);
            -moz-box-shadow: 0 3px 46px 0 rgba(71,71,71,.33);
            box-shadow: 0 3px 46px 0 rgba(71,71,71,.33);
            z-index: 2;
            padding: 60px 55px
        }

            .jjfa-list li .con .tit {
                font-size: 24px;
                font-weight: 500;
                color: #000;
                position: relative;
                display: inline-block;
                text-overflow: ellipsis
            }

                .jjfa-list li .con .tit::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 65px;
                    height: 4px;
                    background: #4783B9;
                    -webkit-border-radius: 1px;
                    -moz-border-radius: 1px;
                    border-radius: 1px
                }

            .jjfa-list li .con .txt {
                font-size: 16px;
                font-weight: 400;
                color: #666;
                line-height: 30px;
                margin-top: 30px;
                height: 126px;
                overflow: hidden
            }

    .hyyy-swiper .img img, .jjfa-list .odd .img img {
        -ms-transform: translate(-50%,-50%);
        height: 100%;
        left: 50%
    }

    .jjfa-list .odd {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .hyyy-swiper .img::before, .jjfa-list .odd .img::before {
            display: block;
            content: ''
        }

        .jjfa-list .odd .img {
            width: 65.625%;
            position: relative
        }

            .jjfa-list .odd .img::before {
                padding-top: 59.33333%
            }

            .jjfa-list .odd .img img {
                position: absolute;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                z-index: 2;
                width: 100%
            }

    .jjfa-list .even {
        width: 100%;
        position: relative
    }

        .jjfa-list .even .img {
            width: 78.125%;
            position: relative
        }

        .jjfa-list .even .con {
            right: 0;
            left: auto;
            top: 0;
            background-color: transparent;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none
        }

.gsdt-swiper .swiper-button, .hyyy-swiper .arr-box > div {
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 1px rgba(12,32,70,.1);
    -moz-box-shadow: 0 5px 10px 1px rgba(12,32,70,.1);
    -webkit-border-radius: 50%
}

.hyyy-swiper .img img, .zzfw-tabs li .icon img {
    -webkit-transform: translate(-50%,-50%);
    z-index: 2
}

.jjfa-list .even .bt-img {
    width: 56.25%;
    margin: -9.89583% auto 0;
    z-index: 2;
    position: relative
}

.hyyy-wrap {
    background: #FAFAFA
}

.hyyy-swiper {
    margin-top: 60px
}

    .hyyy-swiper .img {
        position: relative;
        overflow: hidden
    }

        .hyyy-swiper .img::before {
            padding-top: 82.19178%
        }

    .hyyy-swiper .arr-box, .zzfw-tabs {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .hyyy-swiper .img img {
        position: absolute;
        top: 50%;
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transition: .3s ease-out 0s;
        width: 100%
    }

.gsdt-swiper .dt-box img, .zzfw-tabs li .icon img {
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.gsdt-list li .img img, .gsdt-swiper .dt-box img, .zzfw-tabs li .icon img {
    top: 50%;
    -o-transform: translate(-50%,-50%)
}

.hyyy-swiper .bt-info {
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    /*font-family: Source Han Sans CN;*/
    font-weight: 400;
    color: #333;
    background: #E8EBEF;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .3s ease-out 0s
}

.lx-from-wrap .wid .lx-from .item .form-txt, .zzfw-tabs li .icon img {
    -webkit-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s
}

.hyyy-swiper .arr-box {
    position: relative;
    padding: 4.6875% 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .hyyy-swiper .arr-box > div {
        position: relative;
        margin: 0 17px;
        box-shadow: 0 5px 10px 1px rgba(12,32,70,.1);
        border-radius: 50%;
        -moz-background-size: 6px;
        background-size: 6px;
        cursor: pointer
    }

    .hyyy-swiper .arr-box .swiper-button-prev {
        background-image: url(../images/icon-arr-left-blue.png)
    }

        .hyyy-swiper .arr-box .swiper-button-prev:hover {
            background: url(../images/icon-arr-left.png) center no-repeat,-webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,-moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,-o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

    .hyyy-swiper .arr-box .swiper-button-next {
        background-image: url(../images/icon-arr-right-blue.png)
    }

        .hyyy-swiper .arr-box .swiper-button-next:hover {
            background: url(../images/icon-arr-right.png) center no-repeat,-webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,-moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,-o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

.zzfw-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px
}

    .zzfw-tabs li {
        margin: 0 30px;
        text-align: center
    }

        .zzfw-tabs li .icon {
            width: 80px;
            height: 80px;
            border: 1px solid #0158B6;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
            margin: 0 auto
        }

            .zzfw-tabs li .icon img {
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
                transition: .3s ease-out 0s
            }

        .zzfw-tabs li .name {
            padding: 30px 0;
            font-size: 16px;
            font-weight: 500;
            color: #666
        }

.zzfw-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #F7F7F7;
    margin-top: 30px
}

    .zzfw-info .img {
        width: 56.83099%
    }

        .zzfw-info .img img {
            width: 100%
        }

    .zzfw-info .con {
        width: 42.60563%;
        padding: 56px 56px 0
    }

        .zzfw-info .con .tit {
            font-size: 24px;
            font-weight: 500;
            color: #000;
            position: relative;
            display: inline-block;
            text-overflow: ellipsis
        }

.fold-wrap .fold-item .hd, .jrfw-wrap .wid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.zzfw-info .con .tit::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 4px;
    background: #4783B9;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.zzfw-info .con .txt {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 30px;
    margin-top: 30px;
    height: 126px;
    overflow: hidden
}

.fold-wrap, .paging-wrap {
    margin-top: 80px
}

    .fold-wrap .fold-item {
        margin-bottom: 12px
    }

        .fold-wrap .fold-item .hd {
            height: 98px;
            background: #005AB8;
            display: flex;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 50px;
            color: #FFF;
            cursor: pointer
        }

            .fold-wrap .fold-item .hd .tit {
                font-size: 24px
            }

            .fold-wrap .fold-item .hd .btn {
                width: 16px;
                height: 2px;
                background: #FFF;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                border-radius: 1px;
                position: relative
            }

                .fold-wrap .fold-item .hd .btn::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 2px;
                    height: 16px;
                    margin-top: -7px;
                    margin-left: -1px;
                    background-color: #fff;
                    display: none
                }

            .fold-wrap .fold-item .hd.active .btn::before {
                display: block
            }

        .fold-wrap .fold-item .bd {
            background: #F7F7F7;
            padding: 36px 46px;
            font-size: 16px;
            font-weight: 400;
            color: #666;
            line-height: 30px
        }

.zzfw-tabs li.active .icon {
    background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
}

    .zzfw-tabs li.active .icon .hover {
        opacity: 1;
        visibility: visible
    }

    .zzfw-tabs li.active .icon .default {
        opacity: 0;
        visibility: hidden
    }

.mt-0 {
    margin-top: 0
}

.jrfw-wrap {
    margin-top: 30px;
    padding-bottom: 100px;
    position: relative
}

    .jrfw-wrap .wid .con .tit::after, .jrfw-wrap::before {
        position: absolute;
        bottom: 0;
        content: ''
    }

    .jrfw-wrap::before {
        z-index: 1;
        width: 100%;
        padding-top: 29.6875%;
        background-color: #f9f8f8
    }

    .gsdt-swiper .dt-box, .jrfw-wrap .wid, .jrfw-wrap .wid .con .tit, .lx-from-wrap .wid .lx-from .item label span {
        position: relative
    }

    .jrfw-wrap .wid {
        z-index: 2;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.ywzx-wrap, .yyal-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.jrfw-wrap .wid .img {
    width: 56.83099%
}

.jrfw-wrap .wid .con {
    width: 49.64789%;
    background: #FFF;
    -webkit-box-shadow: 0 5px 20px 0 rgba(38,38,38,.15);
    -moz-box-shadow: 0 5px 20px 0 rgba(38,38,38,.15);
    box-shadow: 0 5px 20px 0 rgba(38,38,38,.15);
    padding: 78px;
    margin-left: -100px;
    z-index: 3
}

    .jrfw-wrap .wid .con .tit {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        padding-bottom: 20px
    }

        .jrfw-wrap .wid .con .tit::after {
            left: 0;
            width: 65px;
            height: 4px;
            background: #4783B9;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px
        }

.ywzx-wrap, .yyal-wrap {
    background-repeat: no-repeat
}

.jrfw-wrap .wid .con .txt {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 30px;
    margin-top: 30px
}

.yyal-wrap {
    background-position: top center;
    background-size: cover
}

.yyal-list {
    margin-top: 6.77083%
}

    .yyal-list li {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 4.16667%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .yyal-list li:nth-child(2n) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            -moz-box-orient: horizontal;
            -moz-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

.xxfb-list li .date, .ywzx-wrap .yw-info {
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.yyal-list li .img {
    width: 50%
}

    .yyal-list li .img img {
        width: 100%
    }

.yyal-list li .con {
    width: 41.12676%;
    padding: 40px
}

    .yyal-list li .con .tit {
        font-size: 24px;
        font-weight: 500;
        color: #000
    }

    .yyal-list li .con .txt {
        font-size: 16px;
        font-weight: 400;
        color: #666;
        line-height: 30px;
        margin-top: 60px
    }

.ywzx-wrap {
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 150px 0;
    margin: 60px auto
}

    .ywzx-wrap .yw-info, .ywzx-wrap .yw-info > div {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

        .tooltip .con, .tooltip .ver-item, .ywzx-wrap .yw-info > div {
            margin-bottom: 20px
        }

    .ywzx-wrap .yw-info {
        padding: 56px 200px 56px 230px;
        background: #FFF;
        -webkit-box-shadow: 0 2px 46px 0 rgba(78,78,78,.17);
        -moz-box-shadow: 0 2px 46px 0 rgba(78,78,78,.17);
        box-shadow: 0 2px 46px 0 rgba(78,78,78,.17);
        opacity: .6;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        font-size: 48px;
        font-weight: 700;
        color: #4783B9;
        line-height: 30px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .ywzx-wrap .yw-info > div {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: left
        }

.lx-from-wrap .wid, .lx-from-wrap .wid .lx-from .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.ywzx-wrap .yw-info > div:last-child {
    margin-bottom: 0
}

.ywzx-wrap .yw-info > div img {
    margin-right: 30px
}

.lx-from-wrap {
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    padding: 50px 0 190px
}

    .lx-from-wrap .wid {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .lx-from-wrap .wid .form-img {
            width: 47.74648%
        }

            .lx-from-wrap .wid .form-img img {
                width: 100%
            }

        .lx-from-wrap .wid .lx-from {
            width: 45.56338%;
            margin-top: 12px
        }

            .lx-from-wrap .wid .lx-from .item {
                display: flex;
                margin-top: 18px
            }

                .lx-from-wrap .wid .lx-from .item label {
                    width: 100px;
                    font-size: 16px;
                    height: 49px;
                    white-space: nowrap;
                    font-weight: 400;
                    line-height: 50px;
                    color: #666;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-right: 19px
                }

                    .lx-from-wrap .wid .lx-from .item label .red {
                        color: #ED3113;
                        display: inline-block;
                        width: 7px
                    }

                    .lx-from-wrap .wid .lx-from .item label span:nth-child(2) {
                        text-align: justify;
                        display: inline-block;
                        width: 100%
                    }

                        .lx-from-wrap .wid .lx-from .item label span:nth-child(2)::after {
                            display: inline-block;
                            width: 100%;
                            content: '';
                            height: 0
                        }

                .lx-from-wrap .wid .lx-from .item .form-txt {
                    width: 480px;
                    height: 49px;
                    line-height: 49px;
                    background: #FFF;
                    border: 1px solid #D2D2D2;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    transition: .3s ease-out 0s;
                    padding: 18px 30px
                }

                    .lx-from-wrap .wid .lx-from .item .form-txt:focus {
                        border-color: #4783B9
                    }

                .lx-from-wrap .wid .lx-from .item .form-area {
                    height: 177px;
                    outline: 0
                }

    .lx-from-wrap .tj-btn {
        width: 256px;
        height: 60px;
        background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
        background: -webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: linear-gradient(90deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        line-height: 60px;
        font-size: 18px;
        font-weight: 500;
        color: #FFF;
        margin: 80px auto 0;
        display: block
    }

.investor-fold-wrap .fold-item .go-btn, .investor-fold-wrap .fold-item .hd, .recruit-wrap .search-box .search-form .ss-btn {
    background: -webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8))
}

.lx-from-wrap .tj-btn:hover {
    opacity: .8
}

.investor-fold-wrap .fold-item .go-btn:hover, .job-wrap .job-item .jb-bd .job-ft .yxtd-btn:hover, .recruit-wrap .search-box .search-form .ss-btn:hover {
    opacity: .9
}

.investor-fold-wrap {
    margin-top: 20px
}

    .investor-fold-wrap .fold-item {
        margin-bottom: 19px
    }

        .investor-fold-wrap .fold-item .hd {
            background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
            background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: linear-gradient(90deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

            .investor-fold-wrap .fold-item .hd .btn {
                width: 9px;
                height: 6px;
                background: url(../images/icon-arr-bottom.png) center no-repeat;
                -moz-background-size: contain;
                background-size: contain;
                -webkit-transition: .3s;
                -o-transition: .3s;
                -moz-transition: .3s;
                transition: .3s
            }

.gsdt-list li .time, .xxfb-list li .date {
    -webkit-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s
}

.investor-fold-wrap .fold-item .hd .btn::before {
    display: none !important
}

.investor-fold-wrap .fold-item .hd.active .btn {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.investor-fold-wrap .fold-item .bd {
    background: #fff
}

.investor-fold-wrap .fold-item .go-btn {
    display: block;
    width: 256px;
    height: 60px;
    line-height: 60px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
    background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
    background: linear-gradient(90deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
    text-align: center;
    margin-top: 30px;
    color: #fff
}

.xxfb-wrap {
    padding: 70px 0
}

.xxfb-list li {
    border-bottom: 1px solid #CCC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .xxfb-list li .date {
        width: 81px;
        height: 102px;
        background: #FFF;
        border: 1px solid #4783B9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #4783B9;
        transition: .3s ease-out 0s
    }

.paging-wrap, .zyft-info {
    -webkit-box-align: center
}

.xxfb-list li .date .day {
    font-size: 46px;
    font-family: Arial
}

.xxfb-list li .date .year {
    font-size: 18px;
    font-family: Arial
}

.xxfb-list li .con {
    width: 100%;
    padding-left: 40px
}

    .xxfb-list li .con .tit {
        font-size: 20px;
        font-weight: 700;
        color: #222;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .xxfb-list li .con .txt {
        font-size: 16px;
        color: #7A7777;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 16px
    }

.paging-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #666
}

    .paging-wrap .paging-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 9px
    }

        .paging-wrap .paging-list li {
            margin: 0 5px
        }

            .paging-wrap .paging-list li a {
                display: inline-block;
                width: 30px;
                text-align: center;
                line-height: 28px;
                height: 30px;
                border: 1px solid #A8A8A8;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                font-weight: 400;
                color: #666
            }

                .paging-wrap .paging-list li a:hover {
                    color: #4783B9;
                    border: 1px solid #4783B9
                }

            .paging-wrap .paging-list li.active a {
                color: #fff;
                border-color: #4783B9;
                background: #4783B9
            }

.comm-pd {
    padding: 60px 0
}

.gsdt-swiper {
    background-color: #EEF1F8
}

    .gsdt-swiper .dt-box::before {
        content: '';
        display: block;
        padding-top: 46.19758%
    }

    .gsdt-swiper .dt-box img {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 2;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .gsdt-swiper .dt-box .bt-info {
        position: absolute;
        bottom: 35px;
        left: 0;
        right: 0;
        z-index: 2;
        color: #fff;
        padding: 0 64px
    }

        .gsdt-swiper .dt-box .bt-info .time span {
            background: #FFF;
            padding: 5px 20px;
            font-size: 16px;
            font-weight: 400;
            color: #323232;
            line-height: 32px
        }

        .gsdt-swiper .dt-box .bt-info .tit, .gsdt-swiper .dt-box .bt-info .txt {
            color: #FFF;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .gsdt-swiper .dt-box .bt-info .tit {
            font-size: 24px;
            font-weight: 500;
            margin-top: 16px
        }

        .gsdt-swiper .dt-box .bt-info .txt {
            font-size: 16px;
            font-weight: 400;
            margin-top: 12px
        }

    .gsdt-swiper .swiper-button {
        border-radius: 50%;
        box-shadow: 0 5px 10px 1px rgba(12,32,70,.1);
        -moz-background-size: 6px;
        background-size: 6px
    }

    .gsdt-swiper .swiper-button-prev {
        background-image: url(../images/icon-arr-left-blue.png)
    }

        .gsdt-swiper .swiper-button-prev:hover {
            background: url(../images/icon-arr-left.png) center no-repeat,-webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,-moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,-o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-left.png) center no-repeat,linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

    .gsdt-swiper .swiper-button-next {
        background-image: url(../images/icon-arr-right-blue.png)
    }

        .gsdt-swiper .swiper-button-next:hover {
            background: url(../images/icon-arr-right.png) center no-repeat,-webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,-moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,-o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
            background: url(../images/icon-arr-right.png) center no-repeat,linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
        }

.gsdt-list {
    padding: 50px 0
}

    .gsdt-list li {
        width: 31.33803%;
        margin-right: 2.8169%;
        margin-bottom: 5px
    }

        .gsdt-list li:nth-child(3n) {
            margin-right: 0
        }

        .gsdt-list li .time {
            font-size: 16px;
            font-weight: 400;
            color: #323232;
            height: 34px;
            line-height: 34px;
            transition: .3s ease-out 0s
        }

        .gsdt-list li .con, .gsdt-list li .img img {
            -webkit-transition: .3s ease-out 0s;
            -moz-transition: .3s ease-out 0s
        }

        .gsdt-list li .img {
            position: relative;
            overflow: hidden
        }

            .gsdt-list li .img::before {
                content: '';
                display: block;
                padding-top: 68.18182%
            }

            .gsdt-list li .img img {
                position: absolute;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                z-index: 2;
                width: 100%;
                height: 100%;
                -o-transition: .3s ease-out 0s;
                transition: .3s ease-out 0s
            }

        .gsdt-list li .con {
            padding: 22px 20px;
            -o-transition: .3s ease-out 0s;
            transition: .3s ease-out 0s
        }

            .gsdt-list li .con .tit, .job-wrap .job-item .jb-hd .arr-btn, .recruit-wrap .search-box .search-form .form-txt, .share-box .bdsharebuttonbox a .iconfont {
                -moz-transition: .3s ease-out 0s;
                -webkit-transition: .3s ease-out 0s
            }

            .gsdt-list li .con .tit {
                font-size: 20px;
                font-weight: 700;
                color: #323232;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                -o-transition: .3s ease-out 0s;
                transition: .3s ease-out 0s;
                height: 23px
            }

            .gsdt-list li .con .txt {
                font-size: 16px;
                font-weight: 400;
                color: #323232;
                line-height: 30px;
                opacity: .7;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                margin-top: 20px;
                height: 90px
            }

.det-wrap .det-hd {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 15px
}

    .det-wrap .det-hd .title {
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        color: #333
    }
.det-wrap .det-hd .ly{width:100%;overflow:hidden;text-align:center;font-size:16px;color:#999;line-height:30px;padding-top:40px;}
    .det-wrap .det-hd .marks {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0px;
        line-height: 20px;
        font-size: 16px;
        color: #999;
        position: relative
    }

        .det-wrap .det-hd .marks .lt, .pn-pageing {
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox
        }

        .det-wrap .det-hd .marks .imp {
            color: #485ECB
        }

        .det-wrap .det-hd .marks .lt {
            display: -webkit-box;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .det-wrap .det-hd .marks .lt .item {
                padding: 0 30px
            }

        .det-wrap .det-hd .marks .rt {
            padding-left: 140px
        }

        .det-wrap .det-hd .marks .fh-btn {
            color: #4783B9;
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 14px
        }

            .det-wrap .det-hd .marks .fh-btn .iconfont {
                font-size: 14px;
                margin-right: 8px
            }

.det-wrap .det-txt {
    padding: 60px 0;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    border-bottom: 1px solid #E5E5E5
}

.pn-pageing {
    padding-top: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .pn-pageing .lt .item, .zygx-list li {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .pn-pageing .lt {
        width: 100%
    }

        .pn-pageing .lt .item {
            display: -webkit-box;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .pn-pageing .lt .item span {
                font-weight: 700;
                color: #000;
                padding: 5px 0
            }

            .pn-pageing .lt .item a {
                color: #666;
                padding: 5px 0;
                border-bottom: 1px solid #fff
            }

    .pn-pageing .rt a {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        color: #666;
        white-space: nowrap
    }

        .pn-pageing .rt a .iconfont {
            margin-right: 8px
        }

        .pn-pageing .rt a:hover {
            color: #4783B9
        }

.resource-wrap {
    background-color: #fff;
    padding: 0 30px 40px;
    margin-top: 50px
}

    .resource-wrap .paging-wrap {
        margin-top: 40px
    }

.pd-bt-60 {
    padding-bottom: 60px
}

.zy-det-wrap .det-hd {
    padding-bottom: 30px
}

    .zy-det-wrap .det-hd .marks {
        padding-top: 50px
    }

        .zy-det-wrap .det-hd .marks .lt .item {
            padding: 0 8px
        }

        .zy-det-wrap .det-hd .marks .rt {
            padding-left: 50px
        }

.wid-1000 {
    width: 1000px;
    margin: 0 auto
}

.zygx-wrap {
    padding: 40px 0
}

.zygx-list li {
    border: 1px solid #E6E6E6;
    display: -webkit-box;
    display: flex;
    margin-bottom: -1px
}

.zyft-info, .zyft-info .btns {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.zygx-list li .label {
    width: 160px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: #4783B9;
    color: #fff;
    font-size: 16px;
    padding: 16px 18px
}

.zygx-list li .con {
    width: 100%;
    background: #F7F7F7;
    padding: 16px 28px;
    font-size: 16px;
    font-weight: 400;
    color: #999
}

    .zygx-list li .con b {
        font-weight: 700;
        color: #797979;
        font-size: 18px
    }

.zyft-info {
    margin-top: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .zyft-info .tit {
        font-size: 18px;
        font-weight: 700;
        color: #222;
        line-height: 20px;
        width: 80%
    }

    .zyft-info .btns {
        display: -webkit-box;
        display: flex
    }

        .zyft-info .btns .btn {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 120px;
            height: 32px;
            line-height: 30px;
            border: 1px solid #A8A8A8;
            font-size: 16px;
            font-weight: 400;
            color: #999;
            margin-left: 30px
        }

            .zyft-info .btns .btn .iconfont {
                margin-right: 7px
            }

            .zyft-info .btns .btn .icon-yanjing {
                font-size: 20px
            }

            .zyft-info .btns .btn:hover {
                color: #4783B9;
                border-color: #4783B9
            }

.recruit-wrap {
    padding-bottom: 100px
}

    .recruit-wrap .search-box {
        padding: 60px 0
    }

        .recruit-wrap .search-box .search-form {
            width: 587px;
            margin: 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex
        }

            .recruit-wrap .search-box .search-form .form-txt {
                width: 100%;
                height: 42px;
                line-height: 42px;
                background: #FAFAFA;
                border: 1px solid #999;
                padding: 0 20px;
                -o-transition: .3s ease-out 0s;
                transition: .3s ease-out 0s
            }

                .recruit-wrap .search-box .search-form .form-txt:focus {
                    -webkit-box-shadow: 0 0 10px rgba(71,131,185,.6);
                    -moz-box-shadow: 0 0 10px rgba(71,131,185,.6);
                    box-shadow: 0 0 10px rgba(71,131,185,.6);
                    border: 1px solid #4783B9
                }

            .recruit-wrap .search-box .search-form .ss-btn {
                width: 98px;
                height: 42px;
                background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
                background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
                background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
                background: linear-gradient(90deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
                -webkit-box-flex: 0;
                -webkit-flex: none;
                -moz-box-flex: 0;
                -ms-flex: none;
                flex: none;
                font-size: 16px;
                color: #fff
            }

    .recruit-wrap .screen-box {
        border: 1px solid #E6E6E6
    }

        .recruit-wrap .screen-box .condition-box {
            border-bottom: 1px solid #E6E6E6;
            padding: 25px 30px
        }

            .recruit-wrap .screen-box .condition-box:last-child {
                border: none
            }

            .recruit-wrap .screen-box .condition-box .cond-item {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 10px
            }

                .recruit-wrap .screen-box .condition-box .cond-item:last-child {
                    margin-bottom: 0
                }

                .recruit-wrap .screen-box .condition-box .cond-item .sel-tip {
                    -webkit-box-flex: 0;
                    -webkit-flex: none;
                    -moz-box-flex: 0;
                    -ms-flex: none;
                    flex: none;
                    font-size: 16px;
                    font-weight: 700;
                    color: #2C2C2C;
                    width: 110px;
                    line-height: 24px;
                    padding: 5px 0
                }

                .recruit-wrap .screen-box .condition-box .cond-item .sel-con {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    padding-left: 10px
                }

                    .recruit-wrap .screen-box .condition-box .cond-item .sel-con a {
                        display: inline-block;
                        margin: 5px 38px 5px 0;
                        border: 1px solid #E6E6E6;
                        padding: 3px 9px;
                        font-size: 14px;
                        font-weight: 400;
                        color: #2C2C2C
                    }

                        .recruit-wrap .screen-box .condition-box .cond-item .sel-con a:hover {
                            color: #4783B9
                        }

                        .recruit-wrap .screen-box .condition-box .cond-item .sel-con a.active {
                            color: #fff;
                            background-color: #4783B9;
                            border-color: #4783B9
                        }

        .recruit-wrap .screen-box .flex-row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .recruit-wrap .screen-box .empty-btn {
            width: 87px;
            height: 24px;
            border: 1px solid #E6E6E6;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            color: #2C2C2C;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 10px;
            -webkit-box-flex: 0;
            -webkit-flex: none;
            -moz-box-flex: 0;
            -ms-flex: none;
            flex: none
        }

            .recruit-wrap .screen-box .empty-btn .iconfont {
                color: #999;
                margin-right: 6px
            }

            .recruit-wrap .screen-box .empty-btn:hover {
                color: #4783B9;
                border-color: #4783B9
            }

                .recruit-wrap .screen-box .empty-btn:hover .iconfont {
                    color: #4783B9
                }

.job-wrap {
    margin-top: 40px
}

    .job-wrap .job-item {
        border: 1px solid #E6E6E6;
        padding: 0 30px
    }

        .job-wrap .job-item:first-child .jb-bd {
            display: block
        }

        .job-wrap .job-item .jb-hd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid #E6E6E6;
            padding: 20px 0;
            cursor: pointer
        }

            .job-wrap .job-item .jb-hd .lt .job-name {
                font-size: 20px;
                font-weight: 700;
                color: #4783B9
            }

            .job-wrap .job-item .jb-hd .lt .job-limit {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-top: 15px;
                color: #4C4C4C;
                line-height: 24px
            }

                .job-wrap .job-item .jb-hd .lt .job-limit span {
                    padding-right: 40px
                }

                    .job-wrap .job-item .jb-hd .lt .job-limit span:last-child {
                        padding-right: 0
                    }

            .job-wrap .job-item .jb-hd .arr-btn {
                width: 9px;
                height: 6px;
                background: url(../images/icon-arr-bottom-blue.png) center no-repeat;
                -moz-background-size: contain;
                background-size: contain;
                margin-right: 20px;
                -o-transition: .3s ease-out 0s;
                transition: .3s ease-out 0s
            }

            .job-wrap .job-item .jb-hd.active .arr-btn {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .job-wrap .job-item .jb-bd {
            display: none
        }

            .job-wrap .job-item .jb-bd .txt {
                padding: 30px 0;
                font-size: 16px;
                color: #4C4C4C;
                line-height: 30px
            }

            .job-wrap .job-item .jb-bd .job-ft .yxtd-btn {
                width: 256px;
                height: 60px;
                background: -webkit-gradient(linear,left top,right top,from(rgba(0,58,158,.8)),to(rgba(2,148,231,.8)));
                background: -webkit-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
                background: -moz-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
                background: -o-linear-gradient(left,rgba(0,58,158,.8),rgba(2,148,231,.8));
                background: linear-gradient(90deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
                font-size: 18px;
                font-weight: 500;
                color: #FFF;
                line-height: 60px;
                display: block;
                text-align: center
            }

            .job-wrap .job-item .jb-bd .job-ft .imp {
                font-size: 16px;
                /*font-family: Source Han Sans CN;*/
                font-weight: 400;
                color: #4C4C4C;
                line-height: 30px;
                opacity: .7;
                padding-top: 20px
            }

.share-box .bdsharebuttonbox a {
    display: inline-block;
    width: 30px;
    height: 30px !important;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-left: 0;
    display:flex;display:-webkit-flex;align-items:center;justify-content:center;
}

.tooltip, .tooltip::before {
    display: none;
    position: absolute
}

.share-box .bdsharebuttonbox a:hover {
    background-color: #4783B9;
    border-color: #4783B9
}

    .share-box .bdsharebuttonbox a:hover .iconfont {
        color: #fff
    }

/*.share-box .bdsharebuttonbox a .iconfont {
    color: #898989;
    position: relative;
    z-index: -1;
    -o-transition: .3s ease-out 0s;
    transition: .3s ease-out 0s
}*/

.bdshare-button-style1-24 .bds_more, .bdshare-button-style1-24 a {
    background-image: none !important
}

.bdshare-button-style1-24 .bds_more, .bdshare-button-style1-24 .bds_tsina, .bdshare-button-style1-24 .bds_weixin {
    background: 0 0
}

.tooltip {
    width: 400px;
    -webkit-box-shadow: 0 5px 32px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 32px 3px rgba(0,0,0,.15);
    box-shadow: 0 5px 32px 3px rgba(0,0,0,.15);
    background: rgba(255,255,255,.8);
    padding: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 300px;
    overflow-y: auto
}

    .tooltip .close-btn {
        position: absolute;
        top: 14px;
        right: 14px;
        color: #d1d1d1;
        -webkit-transition: .3s ease-out 0s;
        -o-transition: .3s ease-out 0s;
        -moz-transition: .3s ease-out 0s;
        transition: .3s ease-out 0s;
        cursor: pointer
    }

        .tooltip .close-btn:hover {
            color: #485ECB
        }

    .tooltip::before {
        content: '';
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid rgba(255,255,255,.8);
        top: 15px;
        left: -8px
    }

.map-box, .map-box .map-content-box {
    position: relative
}

.tooltip .tit {
    font-size: 18px;
    font-weight: 700;
    color: #2D2D2D;
    background: -webkit-gradient(linear,left bottom,left top,from(#003A9E),to(#0294E7));
    background: -webkit-linear-gradient(bottom,#003A9E 0,#0294E7 100%);
    background: -moz-linear-gradient(bottom,#003A9E 0,#0294E7 100%);
    background: -o-linear-gradient(bottom,#003A9E 0,#0294E7 100%);
    background: linear-gradient(0deg,#003A9E 0,#0294E7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tooltip .con {
    margin-top: 20px;
    line-height: 24px;
    color: #999
}

    .tooltip .con .flex-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tooltip .con .item .tips {
        font-weight: 700;
        color: #666464
    }

.tooltip .ver-item:last-child {
    margin-bottom: 0
}

.map-box {
    width: 1199px;
    margin: 40px auto 160px
}

    .map-box .map-dot {
        position: absolute;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        color: #2d2d2d
    }

        .map-box .map-dot::before {
            content: "";
            display: block;
            width: 16px;
            height: 20px;
            margin: 0 auto 8px;
            background: url(../images/s-zuobiao.png) center no-repeat;
            -moz-background-size: contain;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-size: contain
        }

        .map-box .map-dot.beijing span {
            display: inline-block;
            -webkit-transform: translate(-34px,-28px);
            -moz-transform: translate(-34px,-28px);
            -ms-transform: translate(-34px,-28px);
            -o-transform: translate(-34px,-28px);
            transform: translate(-34px,-28px)
        }

        .map-box .map-dot.active::before {
            background: url(../images/zuobiao.png) no-repeat;
            -moz-background-size: contain;
            background-size: contain
        }

.beijing {
    right: 29.02419%;
    top: 34.04255%
}

.tianjin {
    right: 26.68891%;
    top: 37.97872%
}

.hebei {
    right: 30.19183%;
    top: 39.25532%
}

.shandong {
    right: 20.26689%;
    top: 44.04255%
}

.henan {
    right: 31.52627%;
    top: 50.85106%
}

.hubei {
    right: 29.5246%;
    bottom: 31.91489%
}

.zhejiang {
    right: 19.18265%;
    bottom: 27.65957%
}

.sichuan {
    right: 48.62385%;
    top: 62.87234%
}

.fujian {
    right: 22.51877%;
    bottom: 20.6383%
}

.guangdong {
    right: 29.19099%;
    bottom: 13.40426%
}

.guangxi {
    right: 40.45038%;
    bottom: 10.6383%
}

.shanghai {
    right: 18.59883%;
    bottom: 34.04255%
}

#company_hebei, #company_shandong, #company_tianjin {
    top: 28%
}

#company_henan {
    top: 38%
}

#company_hubei, #company_shanghai, #company_sichuan {
    top: 48%
}

#company_fujian, #company_guangdong, #company_guangxi, #company_zhejiang {
    top: 58%
}

@media screen and (min-width:1000px) {
    .hyyy-swiper .swiper-slide:hover .bt-info, .jjfa-list li .con .tit:hover {
        color: #4783B9
    }

    .hyyy-swiper .swiper-slide:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1.04,1.04);
        -moz-transform: translate(-50%,-50%) scale(1.04,1.04);
        -ms-transform: translate(-50%,-50%) scale(1.04,1.04);
        -o-transform: translate(-50%,-50%) scale(1.04,1.04);
        transform: translate(-50%,-50%) scale(1.04,1.04)
    }

    .zzfw-tabs li:hover .icon {
        background: -webkit-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -moz-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: -o-linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8));
        background: linear-gradient(45deg,rgba(0,58,158,.8),rgba(2,148,231,.8))
    }

        .zzfw-tabs li:hover .icon .hover {
            opacity: 1;
            visibility: visible
        }

        .zzfw-tabs li:hover .icon .default {
            opacity: 0;
            visibility: hidden
        }

    .xxfb-list li:hover .date {
        background: #4783B9;
        color: #fff
    }

    .gsdt-list li:hover .con .tit, .gsdt-list li:hover .time, .xxfb-list li:hover .con .tit a {
        color: #4783B9
    }

    .gsdt-list li:hover .img img {
        -webkit-transform: translate(-50%,-50%) scale(1.04,1.04);
        -moz-transform: translate(-50%,-50%) scale(1.04,1.04);
        -ms-transform: translate(-50%,-50%) scale(1.04,1.04);
        -o-transform: translate(-50%,-50%) scale(1.04,1.04);
        transform: translate(-50%,-50%) scale(1.04,1.04)
    }

    .gsdt-list li:hover .con {
        background-color: #f1f4f9
    }

    .pn-pageing .lt .item a:hover {
        color: #2E518D;
        border-bottom: 1px solid #2E518D
    }
}

.video-popup {
    width: 800px;
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-60%);
    -moz-transform: translate(-50%,-60%);
    -ms-transform: translate(-50%,-60%);
    -o-transform: translate(-50%,-60%);
    transform: translate(-50%,-60%);
    -webkit-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    -moz-transition: .3s ease-out 0s;
    transition: .3s ease-out 0s;
    min-height: 400px;
    opacity: 0;
    visibility: hidden;
    background-color: #000
}

    .video-popup.active {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1;
        visibility: visible
    }

    .video-popup .icon-guanbi {
        position: absolute;
        top: 0;
        right: -55px;
        background-color: #cb0000;
        color: #fff;
        display: block;
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 55px;
        font-size: 20px;
        font-weight: lighter;
        cursor: pointer;
        -webkit-transition: .3s ease-out 0s;
        -o-transition: .3s ease-out 0s;
        -moz-transition: .3s ease-out 0s;
        transition: .3s ease-out 0s
    }

.mb-logo-swiper-box {
    display: none
}

    .mb-logo-swiper-box .logo-swiper .logo-item {
        width: 100%
    }

.gsys-content {
    width: 94%;
    right: 3%
}

    .gsys-content .con {
        max-width: none
    }

        .gsys-content .con .top {
            max-width: 464px
        }

.bdshare-button-style1-24 a:hover:hover {
    opacity: .9 !important;
    color: #fff
}

@media screen and (max-width:1680px) {
    .banner .swiper-container .banner-item .cn, .comm-content .index-comm-hd {
        font-size: 50px
    }

    .comm-content .index-comm-hd {
        line-height: 50px
    }

    .banner .swiper-container .banner-item .en {
        font-size: 20px;
        margin-top: 20px
    }

    .comm-content .index-comm-bd .tit {
        font-size: 24px
    }

    .comm-content .index-comm-bd .tabs {
        margin-top: 7%
    }

    .comm-content .index-comm-bd .txt {
        font-size: 15px;
        margin-top: 10px
    }

    .index-gsys-list li::before {
        padding-top: 60%
    }

    .index-gsys-list li a {
        padding: 0 10%
    }

    .subMenu a {
        font-size: 20px
    }

    .main-hd .cn {
        font-size: 30px
    }

    .main-hd .en {
        font-size: 16px
    }

    .subMenu li {
        padding: 0 90px;
        text-align: center
    }

    .map-box {
        width: 950px
    }
}

@media screen and (max-width:1600px) {
    .header {
        height: 120px
    }

        .header nav ul li {
            margin-left: 40px
        }

    .comm-content .index-comm-bd .tabs li {
        margin-bottom: 1.5%
    }

        .comm-content .index-comm-bd .tabs li a {
            padding: 10px 0
        }

    .subMenu li {
        padding: 0 80px
    }

    .ywzx-wrap {
        padding: 100px 0
    }

    .map-box {
        width: 900px
    }
}

@media screen and (max-width:1440px) {
    .header {
        height: 100px
    }

    .wid {
        width: 94%
    }

    .header nav ul li > a {
        font-size: 14px
    }

    .banner .swiper-num .num, .header-btns .btn-item .iconfont, .index-gsys-list li .tit, .zhsz-wrap .con .tit {
        font-size: 20px
    }

    .zhsz-wrap {
        padding: 4%
    }

        .zhsz-wrap .con .tabs li {
            margin-bottom: 20px
        }

    .det-more-btn {
        min-width: 150px
    }

    .index-gsys-list li .num {
        font-size: 100px
    }

    .index-gsys-list li .plus {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .c-banner .swiper-pagination .swiper-pagination-bullet {
        margin: 10px 0;
        width: 10px;
        height: 10px
    }

    .index-news-list li {
        padding: 60px 50px
    }

    .comm-content .more-btn {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .comm-content .con {
        max-width: 35%
    }

    .gsys-content .con {
        max-width: none
    }

    .om-box .cont section {
        padding: 40px
    }

    .jjfa-list li .con {
        width: 530px;
        height: auto;
        padding: 40px
    }

        .jjfa-list li .con .s-more {
            margin-bottom: 0;
            margin-top: 20px
        }

    .szhgl-wrap .szhgl-content {
        padding: 70px 40px
    }

        .szhgl-wrap .szhgl-content .img {
            top: -40px;
            left: -40px
        }

    .subMenu li {
        padding: 0 70px
    }

    .in-banner .in-title .cn {
        font-size: 50px
    }

    .in-banner .in-title .en, .ywzx-wrap .yw-info {
        font-size: 40px
    }

    .map-box {
        width: 800px
    }
}

@media screen and (max-width:1366px) {
    .om-box .cont {
        padding: 50px 70px
    }

    .index-news-list li .cont .txt {
        margin-top: 10px
    }

    .pg-footer .top-con .wechat-box {
        width: 140px
    }

        .pg-footer .copyRight, .pg-footer .copyRight .rt a, .pg-footer .top-con .info, .pg-footer .top-con .wechat-box .tips {
            font-size: 14px
        }

    .om-box .cont section {
        padding: 30px
    }

    .in-banner .in-title .cn {
        font-size: 40px
    }

    .in-banner .in-title .en {
        font-size: 30px
    }

    .lx-from-wrap {
        padding: 60px 0
    }

        .lx-from-wrap .wid .lx-from .item label {
            width: 135px
        }

    .map-box {
        width: 700px
    }
}

@media screen and (max-width:1280px) {
    .header {
        height: 90px
    }

    .pg-footer .top-con .rt dl dd {
        line-height: 28px
    }

    .header nav ul li, .header-btns .btn-item {
        margin-left: 30px
    }

    .subMenu a {
        font-size: 18px
    }

    .map-box {
        width: 500px
    }
}

@media screen and (max-width:1200px) {
    .gsdt-list li, .gsdt-list li:nth-child(3n) {
        margin-right: 2%
    }

    .header nav ul li, .header-btns .btn-item {
        margin-left: 20px
    }

    .jjfa-info {
        max-width: 94%
    }

    .gsdt-list li {
        width: 49%
    }

        .gsdt-list li:nth-child(2n) {
            margin-right: 0
        }

    .map-box .map-dot {
        font-size: 12px
    }

        .map-box .map-dot::before {
            width: 14px;
            height: 12px;
            margin-bottom: 3px
        }

        .map-box .map-dot.beijing::before {
            width: 18px;
            height: 23px
        }
}

@media screen and (max-width:1024px) {
    .wid-1000 {
        width: 94%
    }

    .fullpage > .swiper-wrapper {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .fullpage > .swiper-wrapper > .swiper-slide {
            height: auto
        }

            .fullpage > .swiper-wrapper > .swiper-slide:first-child {
                height: 100%
            }

    .header.scrolled {
        height: 50px
    }

    .in-banner .in-title .cn {
        font-size: 30px
    }

    .in-banner .in-title .en {
        font-size: 20px
    }

    .subMenu li {
        padding: 0 30px
    }

    .header nav ul li {
        margin: 0 6px;
        position: relative
    }

        .header nav ul li .iconfont {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            height: 60px;
            width: 60px;
            font-size: 16px;
            text-align: center;
            display: inline-block;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s
        }

            .header nav ul li .iconfont.active {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .header nav ul li > a {
            padding: 6px
        }

        .header nav ul li.active > a {
            color: #fff;
            opacity: .9
        }

    .header nav ul > li > a {
        font-size: 16px
    }

    .navMenu .menu-con .sub-list .item a {
        font-size: 14px;
        padding-left: 10px
    }

    .header nav ul li .arr {
        display: block;
        height: 50px
    }

    .comm-pd {
        padding: 50px 0 40px
    }

    .menuBtn {
        opacity: 1;
        visibility: visible
    }

    .header {
        height: 50px;
        line-height: 50px
    }

        .header .wid2 {
            padding: 0
        }

        .header .logo img {
            height: 40px
        }

        .header .m-box {
            position: fixed;
            background: rgba(0,0,0,.7);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-transition: .5s ease all;
            -o-transition: .5s ease all;
            -moz-transition: .5s ease all;
            transition: .5s ease all;
            opacity: 0;
            visibility: hidden;
            z-index: 101
        }

            .header .m-box.active {
                left: 0;
                opacity: 1;
                visibility: visible
            }

        .header nav {
            position: fixed;
            top: 0;
            bottom: 0;
            left: -100%;
            z-index: 9999;
            background: -webkit-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
            background: -moz-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
            background: -o-linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
            background: linear-gradient(45deg,rgba(0,58,158,.7),rgba(2,148,231,.7));
            width: 60%;
            max-height: 100%;
            padding: 50px 20px 20px;
            -webkit-box-shadow: 0 0 5px rgba(0,0,0,.24);
            -moz-box-shadow: 0 0 5px rgba(0,0,0,.24);
            box-shadow: 0 0 5px rgba(0,0,0,.24);
            -webkit-transition: .5s ease all;
            -o-transition: .5s ease all;
            -moz-transition: .5s ease all;
            transition: .5s ease all;
            opacity: 0;
            visibility: hidden;
            overflow-x: hidden;
            overflow-y: auto
        }

    .navMenu {
        width: 100%;
        opacity: 1;
        position: relative;
        background: 0 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        height: auto;
        display: none
    }

        .navMenu.active {
            display: block
        }

        .navMenu .menu-con {
            width: 100%
        }

            .navMenu .menu-con .sub-list {
                width: 100%;
                margin-left: 0;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .navMenu .menu-con .sub-list .item {
                    margin: 0;
                    width: 100%
                }

                    .navMenu .menu-con .sub-list .item a {
                        display: block;
                        line-height: 40px;
                        color: #fff
                    }

    .header nav ul li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navMenu .menu-con .tit {
        display: none
    }

    .header .m-box nav.active {
        left: 0;
        opacity: 1;
        visibility: visible
    }

    .header nav ul li > a i.active {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .header nav ul {
        display: block
    }

        .header nav ul > li {
            min-width: auto;
            width: 100%;
            text-align: left;
            margin: 0;
            float: none;
            height: auto;
            padding: 0
        }

            .header nav ul > li a {
                -webkit-box-pack: left;
                -webkit-justify-content: left;
                -moz-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                color: #fff
            }

        .header nav ul li.active a::before {
            display: none
        }

    .header nav.active {
        opacity: 1;
        visibility: visible;
        left: 0
    }

    .header nav ul li .menu {
        line-height: 40px;
        position: relative;
        display: none;
        padding-top: 0;
        opacity: 1;
        visibility: visible
    }

        .header nav ul li .menu .list {
            margin-top: 0;
            padding-left: 15px;
            display: block
        }

            .header nav ul li .menu .list .item {
                margin-bottom: 0
            }

                .header nav ul li .menu .list .item a {
                    color: #302918;
                    font-weight: lighter
                }

        .header nav ul li .menu .title {
            display: none;
            height: 0
        }

        .header nav ul li .menu .item a {
            font-size: 14px
        }

            .header nav ul li .menu .item a .list {
                padding-left: 10px
            }

    .header nav ul > li a {
        padding: 0
    }

    .header-btns {
        padding-right: 40px
    }

    .ywzx-wrap .yw-info {
        padding: 10%;
        font-size: 30px
    }

    .lx-from-wrap .wid .form-img {
        width: 100%;
        display: none
    }

    .lx-from-wrap .wid .lx-from, .lx-from-wrap .wid .lx-from .item .form-txt {
        width: 100%
    }

    .map-box {
        width: 100%;
        margin-bottom: 40px
    }

        .map-box .tooltip {
            position: relative;
            width: 94%;
            margin: 0 auto;
            padding: 10% 6%
        }

            .map-box .tooltip::before {
                display: none
            }

    .tooltip .close-btn {
        top: 3%;
        right: 3%
    }

    .video-popup {
        width: 94%;
        min-height: auto
    }

        .video-popup .icon-guanbi {
            top: -40px;
            right: 0;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 12px
        }

    .jrfw-wrap .wid {
        display: block
    }

        .jrfw-wrap .wid .img {
            width: 100%
        }

        .jrfw-wrap .wid .con {
            width: 100%;
            margin-left: 0;
            padding: 6%
        }
}

@media screen and (max-width:768px) {
    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 40px;
        -moz-background-size: 10px;
        background-size: 10px
    }

        .swiper-button-next .iconfont, .swiper-button-prev .iconfont {
            font-size: 12px
        }

    .header .logo {
        left: 3%
    }

        .header .logo img {
            max-width: 100px;
            height: auto;
            max-height: 100%
        }

    .swiper-pagination .swiper-pagination-bullet {
        width: 20px
    }

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

    .lxwm-wrap {
        padding: 40px 0
    }

        .lxwm-wrap .lxwm-con {
            margin-top: 30px
        }

            .lxwm-wrap .lxwm-con .lxwm-info dt {
                margin-bottom: 30px
            }

            .lxwm-wrap .lxwm-con .lxwm-wechat {
                margin-top: 20px
            }

        .lxwm-wrap .item {
            margin-bottom: 50px
        }

    .form-box .form-row {
        width: 100%;
        margin-bottom: 20px
    }

        .form-box .form-row .form-area {
            height: 140px
        }

        .form-box .form-row .btns .tj-btn {
            min-width: 120px;
            padding: 10px;
            font-size: 14px
        }

    .header-btns .btn-item {
        margin-left: 10px;
        display: none
    }

        .header-btns .btn-item:first-child {
            display: block
        }

    .header-btns .dropDown a {
        font-size: 12px
    }

    .header-btns .btn-item .iconfont, .qyjj-wrap .cont .qy-tit .tit1 {
        font-size: 22px
    }

    .menuBtn {
        width: 20px
    }

    .in-banner::before {
        padding-top: 60%
    }

    .in-banner .in-title {
        margin-top: 25px
    }

        .in-banner .in-title .en {
            margin-top: 10px
        }

    .zzfw-info .con .txt, .zzfw-tabs {
        margin-top: 20px
    }

    .in-banner .crumbs-box {
        bottom: 10px;
        font-size: 12px
    }

        .in-banner .crumbs-box .icon-xuanzhongshangcheng {
            font-size: 12px;
            margin-right: 5px
        }

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

        .subMenu li {
            padding: 0;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .subMenu a {
            font-size: 14px;
            padding: 14px 10px;
            text-align: center
        }

    .main-hd .cn {
        font-size: 24px
    }

    .main-hd {
        padding: 25px 0 15px
    }

    .jjfa-wrap, .xxfb-list li {
        padding: 20px 0
    }

    .zzfw-tabs li .name {
        padding: 15px 0
    }

    .zzfw-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .zzfw-info .img {
            width: 100%
        }

        .zzfw-info .con {
            width: 100%;
            padding: 8% 3%
        }

            .zzfw-info .con .tit {
                font-size: 20px;
                padding-bottom: 10px
            }

                .zzfw-info .con .tit::after {
                    width: 40px;
                    height: 2px
                }

            .zzfw-info .con .s-more {
                margin: 20px 0 0
            }

    .s-more {
        font-size: 15px;
        width: 120px;
        height: 34px;
        line-height: 34px
    }

    .fold-wrap, .paging-wrap {
        margin-top: 40px
    }

        .fold-wrap .fold-item .hd {
            height: 50px;
            padding: 0 3%
        }

            .fold-wrap .fold-item .hd .tit {
                font-size: 16px
            }

        .fold-wrap .fold-item .bd {
            padding: 6% 3%
        }

    .pg-footer .top-con .wechat-box {
        width: auto;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .pg-footer .top-con .wechat-box img {
            width: 90px
        }

        .pg-footer .top-con .wechat-box .tips {
            font-size: 12px;
            margin-top: 0;
            margin-left: 20px;
            width: 50px
        }

    .pg-footer .top-con .info {
        font-size: 14px;
        line-height: 20px;
        margin-top: 25px
    }

    .pg-footer .top-con .rt {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pg-footer .copyRight {
        text-align: center;
        line-height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none
    }

        .pg-footer .copyRight .lt p {
            padding-right: 0;
            display: inline
        }

        .pg-footer .copyRight .lt {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 14px 0;
            border-top: 1px solid rgba(255,255,255,.24);
            margin-top: 20px;
            font-size: 12px;
            opacity: .4
        }

        .pg-footer .copyRight .rt {
            width: 100%
        }

            .pg-footer .copyRight .rt a::after {
                width: 3px;
                height: 3px
            }

            .pg-footer .copyRight .rt a {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-right: 0;
                padding-right: 0
            }

    .szhgl-wrap .szhgl-content {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 3%
    }

        .szhgl-wrap .szhgl-content .img {
            top: 0;
            left: 0;
            position: relative;
            width: 100%
        }

        .jjfa-list li .con, .szhgl-wrap .szhgl-content .con {
            width: 100%;
            height: auto;
            padding: 6%
        }

            .jjfa-list li .con .tit, .szhgl-wrap .szhgl-content .con .tit {
                padding-bottom: 10px;
                font-size: 20px
            }

                .jjfa-list li .con .tit::after, .szhgl-wrap .szhgl-content .con .tit::after {
                    width: 40px;
                    height: 2px
                }

    .jjfa-list .gl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .jjfa-list li .con .txt {
        margin-top: 20px;
        height: auto
    }

    .jjfa-list {
        margin-top: 30px
    }

        .jjfa-list .gl .img {
            width: 100%;
            display: none
        }

        .det-wrap .det-hd .marks .fh-btn, .jjfa-list .odd {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox
        }

        .jjfa-list .gl .content, .jjfa-list li .con {
            position: relative;
            width: 100%;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            top: 0;
            left: 0;
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -ms-transform: translate(0);
            -o-transform: translate(0);
            transform: translate(0);
            padding: 3%
        }

        .index-news-list, .jjfa-list .odd .img img {
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -ms-transform: translate(0);
            -o-transform: translate(0)
        }

        .jjfa-list .gl .con {
            width: 100%;
            padding: 6% 3%
        }

        .jjfa-list .odd {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

    .qyjj-wrap, .zyft-info {
        -webkit-flex-wrap: wrap
    }

    .jjfa-list .odd .img {
        width: 100%;
        padding: 3%
    }

    .jjfa-list li .con {
        position: relative;
        padding: 6% 3%
    }

    .jjfa-list .odd .img img {
        position: relative;
        left: 0;
        transform: translate(0);
        top: 0;
        height: auto
    }

    .jjfa-list .odd .img::before {
        display: none
    }

    .jjfa-list .even .img {
        width: 100%;
        padding: 0 3%
    }

    .jjfa-list .even .bt-img {
        width: 100%;
        margin: 0;
        padding: 0 3%
    }

    .qyjj-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .qyjj-wrap .img {
            width: 100%
        }

        .qyjj-wrap .cont {
            width: 100%;
            padding: 6% 3%
        }

            .qyjj-wrap .cont .qy-tit .tit2 {
                font-size: 16px;
                margin-top: 15px
            }

            .qyjj-video, .qyjj-wrap .cont .txt {
                margin-top: 20px
            }

    .qyjj-video {
        padding: 0 3%
    }

        .qyjj-video .play-btn {
            font-size: 40px
        }

            .qyjj-video .play-btn img {
                width: 50px
            }

    .zhcq-form, .zhcq-form .lt {
        width: 100%
    }

    .video-info {
        padding: 6% 3%
    }

    .zhcq-form {
        margin: 30px 0
    }

    .zhcq-list li, .zhcq-list li:nth-child(4n) {
        margin-right: 2%
    }

    .zhcq-form .lt .form-select {
        width: 140px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }

    .zhcq-form .lt .form-txt {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }

    .zhcq-form .s-btn {
        height: 40px;
        line-height: 40px;
        width: 100px;
        margin-left: 10px
    }

    .zhcq-list li {
        width: 49%
    }

        .zhcq-list li:nth-child(2n) {
            margin-right: 0
        }

        .zhcq-list li .tit {
            font-size: 14px;
            line-height: 24px;
            height: 68px
        }

    .s-more {
        margin: 20px auto
    }

    .hz-tabs a {
        font-size: 14px;
        width: 33.3333%;
        height: 40px;
        line-height: 40px
    }

    .hzhb-list li {
        width: 33.3333%;
        padding: 1%
    }

    .comm-pd {
        padding: 6% 0
    }

    .gsdt-swiper .dt-box .bt-info {
        bottom: 10px;
        padding: 0 3%
    }

        .gsdt-swiper .dt-box .bt-info .time span {
            font-size: 12px;
            padding: 3px 10px
        }

        .gsdt-swiper .dt-box .bt-info .tit {
            font-size: 16px;
            margin-top: 2px
        }

        .gsdt-swiper .dt-box .bt-info .txt {
            font-size: 12px;
            margin-top: 6px;
            display: none
        }

    .gsdt-list li {
        width: 100%;
        margin-right: 0
    }

        .gsdt-list li .con {
            padding: 6% 0
        }

            .gsdt-list li .con .tit {
                font-size: 16px
            }

            .gsdt-list li .con .txt {
                font-size: 14px;
                margin-top: 10px;
                height: 48px;
                line-height: 24px
            }

    .gsdt-list {
        padding: 20px 0
    }

    .recruit-wrap .search-box {
        padding: 30px 0
    }

        .recruit-wrap .search-box .search-form {
            width: 100%
        }

    .recruit-wrap .screen-box .condition-box {
        padding: 3%
    }

        .recruit-wrap .screen-box .condition-box .cond-item .sel-tip {
            width: 65px;
            font-size: 14px
        }

        .recruit-wrap .screen-box .condition-box .cond-item .sel-con a {
            margin: 4px 10px 4px 0
        }

    .recruit-wrap .screen-box .empty-btn {
        margin-top: 4px
    }

    .job-wrap .job-item {
        padding: 0 3%
    }

        .job-wrap .job-item .jb-hd {
            padding: 3% 0
        }

            .job-wrap .job-item .jb-hd .lt .job-name {
                font-size: 18px
            }

        .job-wrap .job-item .jb-bd .job-ft {
            padding-bottom: 4%
        }

            .job-wrap .job-item .jb-bd .job-ft .yxtd-btn {
                width: 120px;
                height: 34px;
                line-height: 34px;
                font-size: 14px
            }

            .job-wrap .job-item .jb-bd .job-ft .imp {
                font-size: 13px;
                line-height: 20px
            }

        .job-wrap .job-item .jb-bd .txt {
            padding: 6% 0;
            font-size: 14px;
            line-height: 24px
        }

    .recruit-wrap {
        padding-bottom: 6%
    }

    .resource-wrap {
        padding: 0 3% 6%;
        margin-top: 20px
    }

    .xxfb-list li {
        padding: 14px 0;
        position: relative
    }

        .xxfb-list li .date {
            position: absolute;
            top: 14px;
            left: 0;
            height: 78px;
            width: 64px
        }

            .xxfb-list li .date .day {
                font-size: 36px
            }

            .xxfb-list li .date .year {
                font-size: 14px
            }

        .xxfb-list li .con {
            padding-left: 74px
        }

    .index-news-list li .cont, .zy-det-wrap .det-hd .marks .rt {
        padding-left: 10px
    }

    .xxfb-list li .con .tit {
        font-size: 16px
    }

    .xxfb-list li .con .txt {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px
    }

    .paging-wrap .paging-list li {
        margin: 2px
    }

    .resource-wrap .paging-wrap, .zyft-info {
        margin-top: 20px
    }

    .paging-wrap .paging-list li a {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        width: 24px
    }

    .pd-bt-60 {
        padding-bottom: 30px
    }

    .zy-det-wrap .det-hd {
        padding-bottom: 15px
    }

    .det-wrap .det-hd .title {
        font-size: 18px
    }

    .zy-det-wrap .det-hd .marks {
        padding-top: 20px;
        font-size: 12px
    }

    .det-wrap .det-hd .marks .lt {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .zygx-list li .con, .zygx-list li .label {
        padding: 3%;
        line-height: 22px;
        font-size: 14px
    }

    .det-wrap .det-hd .marks .fh-btn {
        display: -webkit-flex;
        display: flex;
        position: relative;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .zygx-list li .label {
        width: 120px
    }

    .zygx-list li .con b {
        font-size: 14px
    }

    .zyft-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .zyft-info .tit {
            width: 100%;
            font-size: 14px
        }

        .zyft-info .btns {
            width: 100%
        }

            .zyft-info .btns .btn {
                font-size: 14px;
                margin: 10px 10px 0 0
            }

    .zygx-wrap {
        padding: 20px 0
    }

    .det-wrap .det-hd .marks {
        font-size: 14px;
        padding-top: 20px
    }

        .det-wrap .det-hd .marks .rt {
            padding-left: 0
        }

    .det-wrap .det-txt {
        font-size: 14px;
        padding: 30px 0
    }

    .pn-pageing {
        padding-top: 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .pn-pageing .rt {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            width: 100%
        }

    .investor-fold-wrap {
        margin-top: 0
    }

    .fold-wrap .fold-item .bd {
        font-size: 14px
    }

    .investor-fold-wrap .fold-item .go-btn {
        font-size: 14px;
        width: 120px;
        height: 34px;
        line-height: 34px
    }

    .xxfb-wrap {
        padding: 30px 0
    }

    .paging-wrap {
        margin-top: 30px
    }

    .ywzx-wrap {
        padding: 30px 0 0
    }

        .ywzx-wrap .yw-info {
            font-size: 24px
        }

            .ywzx-wrap .yw-info img {
                width: 30px
            }

            .ywzx-wrap .yw-info > div {
                margin-bottom: 10px
            }

    .lx-from-wrap {
        padding-top: 0;
        padding-bottom: 20px
    }

        .lx-from-wrap .wid .lx-from .item .form-txt {
            height: 40px;
            line-height: 40px;
            padding: 0 15px
        }

        .lx-from-wrap .wid .lx-from .item label {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            width: 100px;
            overflow: hidden
        }

        .lx-from-wrap .wid .lx-from .item .form-area {
            height: 100px
        }

        .lx-from-wrap .wid .lx-from .item {
            margin-top: 10px
        }

        .lx-from-wrap .tj-btn {
            width: 120px;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            margin: 20px auto 0
        }

    .det-more-btn, .next-page {
        height: 30px;
        line-height: 30px
    }

    .banner .swiper-container .banner-item {
        padding: 0 3%
    }

    .c-banner .comm-content .index-comm-bd .txt, .comm-content .index-comm-bd .txt {
        display: none
    }

    .comm-content .index-comm-hd {
        font-size: 24px;
        line-height: 30px
    }

    .comm-content .index-comm-bd .tit, .zhsz-wrap .con .tit {
        font-size: 18px
    }

    .comm-content .index-comm-bd .tabs li a {
        font-size: 14px;
        padding: 5px 0
    }

    .comm-content .con {
        width: 100%;
        max-width: 100%
    }

    .zhsz-wrap {
        width: 97%;
        margin-left: 3%;
        display: block;
        padding: 20px 30px
    }

        .zhsz-wrap .con .tabs {
            margin-top: 20px
        }

            .zhsz-wrap .con .tabs li {
                margin-bottom: 10px
            }

                .zhsz-wrap .con .tabs li a {
                    font-size: 14px
                }

    .det-more-btn {
        width: 90px;
        font-size: 12px;
        display: inline-block;
        padding: 0;
        min-width: auto
    }

    .comm-content, .index-gsys-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox
    }

    .zhsz-wrap .det-more-btn {
        margin-left: 0;
        margin-top: 20px
    }

    .next-page {
        bottom: 20px;
        width: 30px;
        margin-left: -15px;
        -moz-background-size: 6px;
        background-size: 6px
    }

    .comm-content {
        padding-top: 50px;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .index-gsys-list li:nth-child(2n) {
        margin-right: 0
    }

    .index-gsys-list li .tit {
        font-size: 14px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .index-gsys-list li .num {
        font-size: 50px;
        bottom: -13px;
        right: -7px
    }

    .comm-content .index-comm-bd .tit {
        padding-top: 12px;
        margin-top: 10px
    }

        .comm-content .index-comm-bd .tit::before {
            height: 2px
        }

    .index-news-list li {
        width: 100%;
        margin-right: 0
    }

    .comm-content .con {
        height: auto
    }

    .gsys-content .con {
        height: 100%
    }

    .index-news-list {
        width: 100%;
        position: relative;
        transform: translate(0)
    }

        .index-news-list li .cont .tit {
            font-size: 14px;
            line-height: 18px;
            height: 36px
        }

        .index-news-list li .cont .txt {
            margin-top: 6px;
            font-size: 12px;
            line-height: 20px;
            height: 40px
        }

        .index-news-list li .date .day {
            font-size: 16px
        }

        .index-news-list li .date .year {
            font-size: 12px
        }

        .index-news-list li .date {
            width: 42px
        }

            .index-news-list li .date::before {
                width: 20px;
                bottom: 0
            }

    .comm-content .more-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        display: none
    }

    .logo-swiper-box {
        width: 97%;
        top: auto;
        left: 3%;
        bottom: 50px;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .logo-swiper .swiper-button, .p-banner .pro-arr-box > div {
        width: 40px;
        line-height: 40px;
        height: 40px
    }

    .om-box {
        width: 100%;
        padding-top: 50px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .om-box .img {
            display: none
        }

        .om-box .cont {
            width: 100%;
            padding: 10% 4%
        }

            .om-box .cont section {
                padding: 30px
            }

            .om-box .cont .tit {
                font-size: 16px
            }

            .om-box .cont .subTit {
                margin-top: 10px;
                font-size: 14px
            }

            .om-box .cont .form-wrap .form-row {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .om-box .cont .form-wrap .form-row .form-item {
                    margin-right: 0;
                    margin-bottom: 10px
                }

                .om-box .cont .form-wrap .form-row .form-txt {
                    height: 30px;
                    line-height: 30px;
                    padding: 0 10px;
                    font-size: 12px
                }

            .om-box .cont .sub-btn {
                width: 100%;
                height: 30px;
                line-height: 30px;
                font-size: 14px
            }

    .index-gsys-list {
        bottom: 2%;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .index-gsys-list li {
            margin-right: 0;
            width: 48%
        }

            .index-gsys-list li::before {
                padding-top: 110px
            }

            .index-gsys-list li .txt {
                margin-top: 5px;
                font-size: 14px;
                line-height: 20px;
                height: 40px
            }

            .index-gsys-list li a {
                padding: 14px 10px
            }

    .comm-content .con.news-con {
        max-width: 100%
    }

    .logo-swiper .swiper-buttons {
        margin-top: 10px
    }

    .c-banner .swiper-pagination {
        width: 100%;
        margin-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .banner .swiper-num .num, .index-news-list li:nth-child(3), .index-news-list li:nth-child(4), .jrfw-wrap::before, .logo-swiper .swiper-buttons, .p-banner .pro-arr-box, .xl-box {
        display: none
    }

    .c-banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 3px
    }

    .comm-content .index-comm-bd .tabs {
        width: 97%
    }

        .comm-content .index-comm-bd .tabs li {
            margin-right: 10px
        }

    .xl-box {
        padding-bottom: 3%
    }

    .pg-footer .top-con .rt dl {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255,255,255,.24)
    }

        .pg-footer .top-con .rt dl dt {
            position: relative;
            height: 40px;
            line-height: 40px;
            padding-bottom: 0
        }

            .pg-footer .top-con .rt dl dt .arr {
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                height: 40px;
                background: url(../images/icon-jia.png) center no-repeat;
                z-index: 3;
                -moz-background-size: 10px;
                background-size: 10px
            }

            .pg-footer .top-con .rt dl dt.active .arr {
                background: url(../images/icon-jian.png) center no-repeat;
                -moz-background-size: 10px;
                background-size: 10px
            }

    .header-btns .dropDown .xl-menu {
        padding: 0;
        width: 80px
    }

    .banner .swiper-num {
        padding-bottom: 0
    }

    .banner .swiper-pagination-box {
        bottom: 0;
        width: 100%;
        max-width: none
    }

    .banner .swiper-container .banner-item .cn {
        font-size: 22px
    }

    .banner .swiper-container .banner-item .en {
        font-size: 12px;
        opacity: .8
    }

    .comm-content .index-comm-bd .tit::before {
        -moz-background-size: 30px;
        background-size: 30px
    }

    .index-news-list li {
        margin-bottom: 20px;
        padding: 20px 30px
    }

    .comm-content .index-comm-bd .tabs li a::after {
        height: 2px
    }

    .index-news-list {
        top: auto;
        bottom: 60px
    }

    .comm-content {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

        .comm-content.wid2 {
            height: 100%
        }

    .jrfw-wrap .wid .con .tit {
        font-size: 20px;
        padding-bottom: 10px
    }

        .jrfw-wrap .wid .con .tit::after {
            width: 30px;
            height: 2px
        }

    .jrfw-wrap .wid .con .txt {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px
    }

    .jrfw-wrap {
        padding-bottom: 30px;
        margin-top: 15px
    }

    .yyal-list li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .yyal-list li .con {
            width: 100%;
            padding: 3%
        }

        .yyal-list li .img {
            width: 100%
        }

        .yyal-list li .con .tit {
            font-size: 20px
        }

        .yyal-list li .con .txt {
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px
        }

    .header-btns .btn-item {
        position: static
    }
    
    .header-btns .btn-lan {
        position: relative;
        display: flex;
    }

        .header-btns .btn-item .search-btn {
            line-height: 50px
        }
        .header-btns .btn-item .icon-sousuo{margin-top:15px;}

    .search-popup {
        width: 100%;
        right: 0
    }

        .search-popup form {
            height: 40px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex
        }

        .search-popup .form-txt {
            height: 40px;
            line-height: 40px;
            font-size: 14px
        }

    .hyyy-swiper .bt-info {
        height: 46px;
        line-height: 46px;
        font-size: 16px
    }

    .pc-logo-swiper-box {
        display: none
    }

    .mb-logo-swiper-box {
        display: block
    }

    .zzfw-tabs {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .zzfw-tabs li {
            margin: 0
        }

            .zzfw-tabs li .icon {
                width: 50px;
                height: 50px
            }

            .zzfw-tabs li .name {
                font-size: 12px
            }

            .zzfw-tabs li .icon img {
                width: 24px
            }

    .chat-fixed {
        top: 50%
    }
}