body, html {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "微软雅黑",sans-serif;
    font-size: 14px;
    position: relative
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

h1, h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
    padding: 0
}

pre {
    white-space: pre-wrap
}

a {
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none
}

div {
    box-sizing: border-box
}

li {
    list-style: none
}

.bold {
    font-weight: 700
}

.hide {
    display: none
}

.content {
    margin: 0 auto;
    width: 1200px
}

.link {
    color: #337ab7;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.primary-link {
    color: #0076f6;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .primary-link:hover {
        color: #439dff;
        cursor: pointer
    }

    .primary-link[disabled] {
        color: #aaa;
        cursor: not-allowed;
        pointer-events: none
    }

.danger-link {
    color: #f01203;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s
}

    .danger-link:hover {
        color: #fd4e42;
        cursor: pointer
    }

    .danger-link[disabled] {
        color: #aaa;
        cursor: not-allowed;
        pointer-events: none
    }

.success-link {
    color: #07c110;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s
}

    .success-link:hover {
        color: #1ef728;
        cursor: pointer
    }

    .success-link[disabled] {
        color: #aaa;
        cursor: not-allowed;
        pointer-events: none
    }

.warn-link {
    color: #fab120;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s
}

    .warn-link:hover {
        color: #fccb6b;
        cursor: pointer
    }

    .warn-link[disabled] {
        color: #aaa;
        cursor: not-allowed;
        pointer-events: none
    }

.gray-link {
    color: #666;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s
}

    .gray-link:hover {
        color: #0076f6;
        cursor: pointer
    }

    .gray-link[disabled] {
        color: #aaa;
        cursor: not-allowed;
        pointer-events: none
    }

.danger-text {
    color: #f01203
}

.primary-text {
    color: #0076f6
}

.success-text {
    color: #07c110
}

.warn-text {
    color: #fab120
}

.gray-text {
    color: #888
}

.textover {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.textover-2, .textover2 {
    -webkit-line-clamp: 2
}

.textover-2, .textover-3, .textover2, .textover3 {
    display: -webkit-box;
    width: 100%;
    word-break: break-all;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.textover-3, .textover3 {
    -webkit-line-clamp: 3
}

.text-center {
    text-align: center
}

.no-break {
    white-space: nowrap
}

.block {
    display: block
}

.flex-center {
    align-items: center;
    display: flex
}

    .flex-center .label, .flex-center .t {
        flex-shrink: 0
    }

.flex-center-between {
    align-items: center;
    display: flex;
    justify-content: space-between
}

    .flex-center-between .label, .flex-center-between .t {
        flex-shrink: 0
    }

.flex-center-around {
    align-items: center;
    display: flex;
    justify-content: space-around
}

    .flex-center-around .label, .flex-center-around .t {
        flex-shrink: 0
    }

.flex-between {
    display: flex;
    justify-content: space-between
}

    .flex-between .label, .flex-between .t {
        flex-shrink: 0
    }

.flex-baseline {
    align-items: baseline;
    display: flex
}

.flex-top {
    align-items: flex-start;
    display: flex
}

    .flex-top .label, .flex-top .t {
        flex-shrink: 0
    }

.flex {
    display: flex
}

    .flex .label, .flex .t {
        flex-shrink: 0
    }

.flex-column {
    display: flex;
    flex-direction: column
}

    .flex-column .label, .flex-column .t {
        flex-shrink: 0
    }

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .flex-column-center .label, .flex-column-center .t {
        flex-shrink: 0
    }

.flex-baseline-center {
    align-items: baseline;
    display: flex;
    justify-content: center
}

    .flex-baseline-center .label, .flex-baseline-center .t {
        flex-shrink: 0
    }

.flex-center-center {
    align-items: center;
    display: flex;
    justify-content: center
}

    .flex-center-center .label, .flex-center-center .t {
        flex-shrink: 0
    }

.flex-wrap {
    flex-wrap: wrap;
    overflow: hidden
}

.flex-1 {
    flex: 1
}

.flex-0 {
    flex-shrink: 0
}

.flex-mean > * {
    flex: 1 1 0
}

.grid {
    display: grid
}

    .grid.columns-12 {
        grid-template-columns: repeat(12,1fr)
    }

    .grid.columns-11 {
        grid-template-columns: repeat(11,1fr)
    }

    .grid.columns-10 {
        grid-template-columns: repeat(10,1fr)
    }

    .grid.columns-9 {
        grid-template-columns: repeat(9,1fr)
    }

    .grid.columns-8 {
        grid-template-columns: repeat(8,1fr)
    }

    .grid.columns-7 {
        grid-template-columns: repeat(7,1fr)
    }

    .grid.columns-6 {
        grid-template-columns: repeat(6,1fr)
    }

    .grid.columns-5 {
        grid-template-columns: repeat(5,1fr)
    }

    .grid.columns-4 {
        grid-template-columns: repeat(4,1fr)
    }

    .grid.columns-3 {
        grid-template-columns: repeat(3,1fr)
    }

    .grid.columns-2 {
        grid-template-columns: repeat(2,1fr)
    }

    .grid.columns-1 {
        grid-template-columns: repeat(1,1fr)
    }

    .grid.rows-12 {
        grid-template-rows: repeat(12,1fr)
    }

    .grid.rows-11 {
        grid-template-rows: repeat(11,1fr)
    }

    .grid.rows-10 {
        grid-template-rows: repeat(10,1fr)
    }

    .grid.rows-9 {
        grid-template-rows: repeat(9,1fr)
    }

    .grid.rows-8 {
        grid-template-rows: repeat(8,1fr)
    }

    .grid.rows-7 {
        grid-template-rows: repeat(7,1fr)
    }

    .grid.rows-6 {
        grid-template-rows: repeat(6,1fr)
    }

    .grid.rows-5 {
        grid-template-rows: repeat(5,1fr)
    }

    .grid.rows-4 {
        grid-template-rows: repeat(4,1fr)
    }

    .grid.rows-3 {
        grid-template-rows: repeat(3,1fr)
    }

    .grid.rows-2 {
        grid-template-rows: repeat(2,1fr)
    }

    .grid.rows-1 {
        grid-template-rows: repeat(1,1fr)
    }

.overflow-hidden {
    overflow: hidden
}

.mt-15 {
    margin-top: 15px
}

.mtb-15 {
    margin: 15px 0
}

.ml-15 {
    margin-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.w100 {
    width: 100%
}

.font-normal {
    font-weight: 400
}

.page-container {
    padding-top: 15px;
    text-align: right
}

.fixed-page-container {
    box-sizing: border-box;
    padding: 10px 15px;
    text-align: right
}

.bread-title {
    color: #777;
    font-size: 14px
}

.hr {
    border-bottom: thin dashed #aaa;
    margin: 30px 0
}

.hr-line {
    border-bottom: thin solid #ddd;
    margin: 15px 0
}

.blue-beige-title {
    background-color: #faebd7;
    color: #333;
    font-size: 14px;
    margin: 15px 0;
    padding: 7px 0
}

    .blue-beige-title:before {
        background-color: #1e90ff;
        content: " ";
        display: inline-block;
        height: 12px;
        margin-right: 7px;
        width: 6px
    }

.blue-title {
    color: #777;
    font-size: 14px;
    padding: 10px 0
}

    .blue-title:before {
        background-color: #1e90ff;
        content: " ";
        display: inline-block;
        height: 12px;
        margin-right: 7px;
        width: 6px
    }

.page-title {
    border-bottom: thin solid #eee;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 11px
}

.page-title2 {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    position: relative
}

    .page-title2:before {
        margin-right: 10px
    }

    .page-title2:after, .page-title2:before {
        border-bottom: thin solid #eee;
        content: " ";
        display: block;
        flex-grow: 1;
        height: 1px
    }

    .page-title2:after {
        margin-left: 10px
    }

.row-box {
    flex: 1;
    overflow: hidden
}

    .row-box .row {
        align-items: baseline;
        display: flex;
        font-size: 14px;
        line-height: 1.8;
        margin: 6px 0
    }

        .row-box .row .label, .row-box .row .t, .row-box .row label {
            background: linear-gradient(180deg,#eee,#f1f1f1);
            border-radius: 5px;
            color: #606266;
            flex-shrink: 0;
            margin-right: 7px;
            min-width: 100px;
            padding: 3px;
            text-align: right
        }

        .row-box .row.flex-top {
            align-items: flex-start
        }

            .row-box .row.flex-top > * {
                padding-top: 3px
            }

        .row-box .row.flex-wrap {
            flex-wrap: wrap
        }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.round-text {
    border: thin solid red;
    border-radius: 2px;
    color: red;
    display: inline-block;
    line-height: .98;
    padding: 1px;
    position: relative;
    top: -1px
}

    .round-text.blue {
        border: thin solid #0084ff;
        color: #0084ff
    }

.hd {
    display: inline-block
}

.w-1200 {
    margin: 0 auto;
    width: 1200px
}

.opacity-enter-active, .opacity-leave-active {
    transition: opacity .3s
}

.opacity-enter, .opacity-leave-active {
    opacity: 0
}

@font-face {
    font-family: "swiper-icons";
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

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

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

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

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

.swiper-container-multirow-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

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

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

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

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

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

.swiper-container-3d {
    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 {
        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 {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: #007aff;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    position: absolute;
    top: 50%;
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

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

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 44px;
        font-size: var(--swiper-navigation-size);
        font-variant: normal;
        letter-spacing: 0;
        line-height: 1;
        text-transform: none !important;
        text-transform: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: "next"
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #fff
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000
    }

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
    background: #007aff;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        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 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 0
    }

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

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: none;
        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 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 0
    }

.nuxt-progress {
    background-color: #000;
    height: 2px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s,opacity .4s;
    width: 0;
    z-index: 999999
}

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

.nuxt-progress-failed {
    background-color: red
}

.app {
    margin: 0 auto;
    min-width: 1200px;
    position: relative
}

@media (max-width:1200px) {
    .app div.Content {
        padding-left: 0;
        padding-right: 0
    }
}

#logo {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 9999
}

    #logo .icon-logo {
        color: #d43f36;
        font-size: 36px
    }

    #logo .title {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 2px;
        margin: 0 10px
    }

    #logo .note {
        left: -1000px;
        position: absolute;
        top: -1000px
    }

    #logo .official {
        background: #d43f36;
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        margin-top: -4px;
        padding: 2px 8px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.Header {
    background: linear-gradient(180deg,rgba(30,60,114,.157),rgba(35,68,128,.157) 50%,rgba(46,91,168,.157));
    box-sizing: border-box;
    height: 72px;
    white-space: nowrap;
    width: 100%;
    z-index: 2000
}

    .Header.relative {
        position: relative
    }

    .Header.fixed {
        left: 0;
        position: fixed;
        top: 0
    }

    .Header.absolute {
        left: 0;
        position: absolute;
        top: 0
    }

    .Header .nav .item span, .Header .title {
        color: #fff;
        transition: color .3s,opacity .3s
    }

    .Header.whiteBg {
        background: linear-gradient(180deg,rgba(30,60,114,.8),rgba(35,68,128,.8) 50%,rgba(46,91,168,.8))
    }

    .Header .HeaderBox {
        height: 100%;
        margin: 0 auto;
        width: 1200px
    }

    .Header .HeaderBox, .Header .nav {
        align-items: stretch;
        display: flex;
        justify-content: space-evenly
    }

    .Header .nav {
        font-size: 18px
    }

        .Header .nav .nav_text {
            position: relative;
            z-index: 99999
        }

        .Header .nav .item {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            margin: 0 5px;
            position: relative;
            white-space: nowrap
        }

            .Header .nav .item span {
                opacity: .8
            }

            .Header .nav .item .navsub-box {
                height: 0;
                left: 50%;
                overflow: hidden;
                padding-top: 15px;
                position: absolute;
                top: 70px;
                transform: translateX(-50%)
            }

            .Header .nav .item:first-child {
                margin-left: 0
            }

            .Header .nav .item:last-child {
                margin-right: 0
            }

            .Header .nav .item.nuxt-link-exact-active, .Header .nav .item:hover {
                opacity: 1
            }

                .Header .nav .item:hover .navchildlist {
                    height: 267px;
                    padding-top: 72px
                }

                .Header .nav .item:hover .navsub-box {
                    height: 200px
                }

        .Header .nav .navchild {
            position: relative
        }

            .Header .nav .navchild span {
                align-items: center;
                display: flex;
                height: 100%;
                justify-content: center
            }

            .Header .nav .navchild .navchildlist {
                align-items: flex-start;
                color: #aaa;
                display: flex;
                font-size: 16px;
                height: 0;
                justify-content: center;
                left: 50%;
                overflow: hidden;
                position: absolute;
                top: calc(100% - 72px);
                transform: translateX(-50%)
            }

                .Header .nav .navchild .navchildlist .navchild_cols {
                    align-items: center;
                    display: flex;
                    height: 100%;
                    justify-content: center
                }

                    .Header .nav .navchild .navchildlist .navchild_cols:last-child .navchild_names {
                        border-right: none
                    }

                    .Header .nav .navchild .navchildlist .navchild_cols:nth-child(2n) {
                        flex-direction: row-reverse
                    }

                        .Header .nav .navchild .navchildlist .navchild_cols:nth-child(2n) .navchild_name {
                            justify-content: flex-start
                        }

                    .Header .nav .navchild .navchildlist .navchild_cols:nth-child(odd) {
                        flex-direction: row
                    }

                        .Header .nav .navchild .navchildlist .navchild_cols:nth-child(odd) .navchild_name {
                            justify-content: flex-end
                        }

                .Header .nav .navchild .navchildlist .navchild_col {
                    height: 267px
                }

                .Header .nav .navchild .navchildlist .navchild_img {
                    width: 150px
                }

                .Header .nav .navchild .navchildlist .navchild_type {
                    color: #fff;
                    font-size: 18px;
                    padding-top: 24px;
                    text-align: center
                }

                .Header .nav .navchild .navchildlist .navchild_names {
                    border-right: 1px solid #fff;
                    margin-top: 10px
                }

                .Header .nav .navchild .navchildlist .navchild_name {
                    cursor: pointer;
                    padding: 8px 28px
                }

                    .Header .nav .navchild .navchildlist .navchild_name:hover {
                        opacity: 1
                    }

    .Header .navchildbg {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        background: linear-gradient(0deg,rgba(46,91,168,0) 0,rgba(30,60,115,.7) 85.74%);
        box-sizing: border-box;
        height: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all .1s;
        width: 100%
    }

        .Header .navchildbg.show {
            height: 339px;
            opacity: 1
        }

    .Header .navsub-box {
        display: flex
    }

        .Header .navsub-box .navsub-item {
            align-items: center;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 0 30px 0 20px;
            position: relative;
            text-align: center;
            -webkit-text-decoration: none;
            text-decoration: none
        }

            .Header .navsub-box .navsub-item:hover {
                cursor: pointer
            }

                .Header .navsub-box .navsub-item:hover .p2 {
                    transform: scale(1.1)
                }

        .Header .navsub-box .p1 {
            color: #fff;
            margin-bottom: 28px
        }

        .Header .navsub-box .p2 {
            transition: all .2s;
            width: 85px
        }

        .Header .navsub-box .p3 {
            background: #fff;
            height: 119px;
            position: absolute;
            right: 0;
            top: 35px;
            width: 1px
        }

@media (min-width:1500px) {
    .Header .nav .item {
        margin: 0 10px
    }
}

@media (max-width:1350px) {
    #logo .official {
        display: none
    }

    .Header .nav {
        font-size: 18px
    }

        .Header .nav .item {
            margin: 0 6px
        }
}

.news_page .l1 .title, .news_page .l2 .title {
    color: #fff;
    font-size: 36px
}

.news_page .l1 .subtitle, .news_page .l2 .subtitle {
    color: #fff;
    font-size: 17px;
    margin-top: 24px
}

.news_page .l1 {
    height: 540px
}

    .news_page .l1 .title {
        margin-top: 148px
    }

.Content {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px;
    position: relative
}

    .Content.full {
        background-position: 50%;
        background-size: cover;
        height: 100vh;
        justify-content: center;
        min-height: 500px;
        overflow: hidden
    }

    .Content .line, .Content .subtitle, .Content .title {
        position: relative;
        z-index: 10
    }

    .Content .subtitle, .Content .title {
        font-weight: inherit;
        text-align: center
    }

    .Content .title {
        color: #333;
        font-size: 36px
    }

    .Content .line {
        height: 2px;
        margin: 8px auto 0;
        width: 0;
        width: 72px
    }

        .Content .line.blue {
            background: #2a4fa3
        }

        .Content .line.red {
            background: #d43f36
        }

    .Content .subtitle {
        color: #555;
        font-size: 16px;
        margin-top: 10px;
        padding-bottom: 20px
    }

@media (max-width:1200px) {
    .Content {
        padding-left: 0;
        padding-right: 0
    }
}

.news_detail {
    margin: 0 auto !important;
    width: 1200px !important
}

    .news_detail .detail_body {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }

    .news_detail .detail_info, .news_detail .detail_sidebar {
        flex: 0 0 auto
    }

.detail_info {
    background: #f0f4f4;
    padding: 60px;
    width: 885px
}

    .detail_info .title {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 4px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .detail_info .info {
        color: #777;
        font-size: 15px;
        letter-spacing: 1px;
        position: relative
    }

        .detail_info .info:before {
            background: #ff3535;
            content: "";
            height: 5px;
            left: 0;
            position: absolute;
            top: 200%;
            width: 60px
        }

        .detail_info .info span {
            margin-right: 20px
        }

    .detail_info .detail {
        color: #222;
        letter-spacing: 1px;
        line-height: 30px;
        margin-top: 40px;
        padding: 15px
    }

        .detail_info .detail p {
            margin-bottom: 10px;
            padding-bottom: 15px
        }

        .detail_info .detail img {
            height: auto;
            max-width: 735px
        }

    .detail_info .to-sq-call {
        border: 1px solid #ccc;
        border-left: none;
        border-right: none;
        padding: 20px
    }

    .detail_info .prevnext {
        align-items: center;
        color: #3e82b0;
        display: flex;
        justify-content: space-between;
        padding: 20px 0
    }

        .detail_info .prevnext .item {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 50%
        }

            .detail_info .prevnext .item:hover {
                color: #23527c
            }

                .detail_info .prevnext .item:hover .item_link {
                    color: #23527c;
                    -webkit-text-decoration: underline;
                    text-decoration: underline
                }

        .detail_info .prevnext .item_link {
            color: #3e82b0
        }

    .detail_info .relevant_news .relevant_news_title {
        color: #333;
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 10px
    }

        .detail_info .relevant_news .relevant_news_title .iconfont {
            font-size: 16px
        }

    .detail_info .relevant_news .relevant_news_list {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: space-between;
        line-height: 32px
    }

        .detail_info .relevant_news .relevant_news_list .item {
            align-items: center;
            box-sizing: border-box;
            color: #777;
            display: flex;
            justify-content: space-between;
            padding-right: 30px;
            width: 50%
        }

            .detail_info .relevant_news .relevant_news_list .item:before {
                background: #3e82b0;
                border-radius: 3px;
                content: "";
                height: 6px;
                width: 6px
            }

            .detail_info .relevant_news .relevant_news_list .item:hover, .detail_info .relevant_news .relevant_news_list .item:hover .item_link {
                color: #000
            }

        .detail_info .relevant_news .relevant_news_list .item_link {
            color: #777;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 70%
        }

    .detail_info .guess_understand {
        margin-top: 20px
    }

        .detail_info .guess_understand .guess_understand_title {
            color: #333;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            margin-bottom: 40px
        }

            .detail_info .guess_understand .guess_understand_title:after {
                background: #d43f36;
                content: "";
                display: block;
                height: 4px;
                margin-top: 20px;
                width: 60px
            }

        .detail_info .guess_understand .guess_understand_List {
            position: relative
        }

            .detail_info .guess_understand .guess_understand_List .productlist_prevnext {
                cursor: pointer;
                padding: 20px 0;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 500
            }

                .detail_info .guess_understand .guess_understand_List .productlist_prevnext .iconfont {
                    color: #007aff;
                    font-size: 44px
                }

                .detail_info .guess_understand .guess_understand_List .productlist_prevnext.prev {
                    left: 0
                }

                .detail_info .guess_understand .guess_understand_List .productlist_prevnext.next {
                    right: 0
                }

            .detail_info .guess_understand .guess_understand_List .item {
                background: #fff;
                height: 100%
            }

            .detail_info .guess_understand .guess_understand_List .item_link {
                color: #777
            }

                .detail_info .guess_understand .guess_understand_List .item_link:hover {
                    color: #23527c
                }

            .detail_info .guess_understand .guess_understand_List .item_banner {
                height: 220px;
                padding: 20px 10px 0
            }

                .detail_info .guess_understand .guess_understand_List .item_banner .img {
                    max-width: 100%
                }

            .detail_info .guess_understand .guess_understand_List .item_title {
                font-size: 14px;
                letter-spacing: 1px;
                padding: 10px;
                text-align: center
            }

.detail_sidebar {
    min-height: 300px;
    width: 295px
}

    .detail_sidebar .hot_search {
        margin-top: 20px
    }

        .detail_sidebar .hot_search .title {
            color: #333;
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 10px
        }

            .detail_sidebar .hot_search .title:before {
                background: #ff5454;
                content: "";
                display: inline-block;
                height: 20px;
                margin-right: 8px;
                vertical-align: text-bottom;
                width: 4px
            }

        .detail_sidebar .hot_search .item {
            color: #3e82b0;
            display: inline-block;
            margin: 5px 6px;
            padding: 6 10px;
            white-space: nowrap
        }

    .detail_sidebar .news_list {
        margin-top: 20px;
        width: 100%
    }

        .detail_sidebar .news_list .swiper {
            padding-bottom: 30px
        }

        .detail_sidebar .news_list .news_list_pagination {
            bottom: 10px;
            left: 0;
            position: absolute;
            width: 100%
        }

        .detail_sidebar .news_list .news_list_item {
            position: relative
        }

        .detail_sidebar .news_list .news_banner {
            align-items: center;
            display: flex;
            justify-content: center;
            width: 100%
        }

            .detail_sidebar .news_list .news_banner .img {
                width: 100%
            }

        .detail_sidebar .news_list .news_title {
            color: #444;
            line-height: 20px;
            margin-top: 4px
        }

.Crumbs {
    font-size: 14px;
    height: 60px;
    padding: 20px 0
}

    .Crumbs .item {
        display: inline-block
    }

        .Crumbs .item:after {
            color: #ccc;
            content: "/";
            padding: 0 8px
        }

        .Crumbs .item:last-child:after {
            content: ""
        }

    .Crumbs .item_link {
        color: #337ab7
    }

    .Crumbs .item_text {
        color: #666
    }

.Tabs.__radius .Tabs__items {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.Tabs.__radius .Tabs__body {
    border-radius: 0 0 4px 4px
}

.Tabs .__active {
    border-bottom-color: #ff5454
}

.Tabs .Tabs__nav {
    height: 40px;
    justify-content: space-between
}

    .Tabs .Tabs__nav, .Tabs .Tabs__nav .Tabs__end, .Tabs .Tabs__nav .Tabs__items, .Tabs .Tabs__nav .Tabs__start {
        align-items: stretch;
        display: flex
    }

        .Tabs .Tabs__nav.__between .Tabs__items {
            justify-content: space-between;
            width: 100%
        }

        .Tabs .Tabs__nav.__between .Tabs__item {
            border-bottom: 1px solid #ddd;
            flex: 1
        }

        .Tabs .Tabs__nav.__start .Tabs__items {
            justify-content: flex-start
        }

        .Tabs .Tabs__nav.__start .Tabs__item {
            padding: 0 20px
        }

        .Tabs .Tabs__nav.__end .Tabs__items {
            justify-content: flex-end
        }

        .Tabs .Tabs__nav.__end .Tabs__item {
            padding: 0 20px
        }

.Tabs .Tabs__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .Tabs .Tabs__item.__active {
        background: #ff5454;
        color: #fff
    }

.Tabs .Tabs__body {
    padding-top: 10px
}

    .Tabs .Tabs__body.__border {
        border: 1px solid #ddd
    }

.NumList .NumList_item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 6px 0
}

.NumList .__top .NumList_num {
    background: #555
}

.NumList .__hot .NumList_num {
    background: #d43f36
}

.NumList .NumList_num {
    background: #999;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px
}

.NumList .NumList_title {
    color: #222;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 25px)
}

    .NumList .NumList_title .__link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.Footer_model {
    background-image: url(static/image/bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative
}

    .Footer_model .body {
        display: flex;
        margin: 0 auto;
        width: 1160px
    }

    .Footer_model .footer_left, .Footer_model .footer_right {
        flex: 1
    }

    .Footer_model .qrcode {
        align-items: center;
        color: #383838;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        justify-content: center;
        margin-right: 40px
    }

        .Footer_model .qrcode img {
            height: 108px;
            width: 108px
        }

        .Footer_model .qrcode .qrcode_name {
            margin: 10px 0
        }

    .Footer_model .footer_left {
        border-right: 1px solid #383838;
        padding-left: 40px
    }

        .Footer_model .footer_left .title {
            color: #383838;
            font-size: 40px
        }

            .Footer_model .footer_left .title span {
                margin-right: 20px
            }

        .Footer_model .footer_left .link {
            color: #383838;
            font-size: 30px;
            margin-top: 15px
        }

        .Footer_model .footer_left .qrcodes {
            align-items: center;
            display: flex;
            justify-content: flex-start;
            margin-top: 40px
        }

    .Footer_model .footer_right {
        color: #161616;
        padding-left: 80px;
        position: relative
    }

        .Footer_model .footer_right .contact_us {
            font-size: 18px
        }

        .Footer_model .footer_right .phone1 {
            font-size: 28px;
            margin-top: 10px
        }

            .Footer_model .footer_right .phone1 .small {
                font-size: 15px
            }

        .Footer_model .footer_right .qrcode {
            left: 300px;
            position: absolute;
            top: 15px
        }

        .Footer_model .footer_right .phone2 {
            font-size: 17px;
            margin-top: 10px
        }

        .Footer_model .footer_right .zxkf {
            margin-top: 20px
        }

            .Footer_model .footer_right .zxkf .sq_call_btn {
                background: #777;
                border-radius: 15px;
                color: #fff;
                display: block;
                font-size: 16px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                width: 108px
            }

        .Footer_model .footer_right .address {
            font-size: 15px;
            line-height: 30px;
            margin-top: 20px
        }

    .Footer_model .links {
        margin: 40px auto 0;
        width: 1160px
    }

        .Footer_model .links .title {
            font-size: 18px
        }

        .Footer_model .links .linkbox {
            color: #666;
            line-height: 30px;
            margin-top: 10px
        }

            .Footer_model .links .linkbox p {
                cursor: pointer;
                display: inline-block;
                margin-right: 4px;
                white-space: nowrap
            }

            .Footer_model .links .linkbox a:hover {
                -webkit-text-decoration: underline;
                text-decoration: underline
            }

        .Footer_model .links.original .linkbox {
            color: #333
        }

    .Footer_model .last-version {
        margin: 40px 0 20px;
        text-align: center
    }

        .Footer_model .last-version p {
            margin: 4px 0
        }

        .Footer_model .last-version .ipc {
            align-items: center;
            display: flex;
            justify-content: center
        }

            .Footer_model .last-version .ipc a {
                color: #337ab7;
                font-size: 14px
            }

                .Footer_model .last-version .ipc a:hover {
                    color: #23527c;
                    -webkit-text-decoration: underline;
                    text-decoration: underline
                }

.FixedBox {
    position: relative;
    z-index: 2000
}

    .FixedBox .FixedList {
        background: hsla(0,0%,100%,.7);
        border: 1px solid #ccc;
        bottom: 120px;
        color: #333;
        padding: 10px;
        position: fixed
    }

        .FixedBox .FixedList.right {
            border-right: none;
            right: 0
        }

        .FixedBox .FixedList.left {
            border-left: none;
            left: 0
        }

        .FixedBox .FixedList .item {
            border-bottom: 1px solid #ccc;
            cursor: pointer;
            font-size: 12px;
            padding: 8px 0;
            text-align: center
        }

            .FixedBox .FixedList .item:hover {
                color: #3e82b0
            }

            .FixedBox .FixedList .item:last-child {
                border: none
            }

            .FixedBox .FixedList .item .icon {
                display: block;
                font-size: 40px;
                height: 50px;
                width: 60px
            }

.OT_B-enter-active, .OT_B-leave-active {
    transition: all .6s
}

.OT_B-enter, .OT_B-leave-to {
    opacity: 0;
    transform: translateY(500px)
}

.LeftBottomImg {
    bottom: 10px;
    height: 366px;
    left: 10px;
    position: fixed;
    width: 256px;
    z-index: 2000
}

    .LeftBottomImg .close {
        align-items: center;
        background: rgba(233,38,44,.8);
        color: #000;
        color: #fff;
        cursor: pointer;
        display: flex;
        height: 16px;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 6px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 16px;
        z-index: 10
    }

        .LeftBottomImg .close .iconfont {
            font-size: 12px
        }

    .LeftBottomImg .icon {
        left: 0;
        position: absolute;
        top: -20px;
        width: 100%
    }

        .LeftBottomImg .icon img {
            display: block;
            width: 100%
        }

    .LeftBottomImg .card {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(0,0,0,.15);
        height: 306px;
        margin-top: 60px;
        padding: 80px 24px 0
    }

        .LeftBottomImg .card .title {
            color: #555;
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            margin-top: 8px
        }

        .LeftBottomImg .card .subtext {
            color: #999;
            font-size: 12px;
            margin-top: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

            .LeftBottomImg .card .subtext .iconfont {
                font-size: 14px
            }

        .LeftBottomImg .card .lbi_btn {
            align-items: center;
            border: 1px solid #2599f7;
            border-radius: 37px;
            cursor: pointer;
            display: flex;
            height: 37px;
            justify-content: center;
            margin-top: 8px;
            width: 208px;
            width: 100%
        }

            .LeftBottomImg .card .lbi_btn .iconfont {
                margin-right: 6px
            }

            .LeftBottomImg .card .lbi_btn.btn {
                background: #2599f7;
                color: #fff
            }

            .LeftBottomImg .card .lbi_btn.phone {
                background: #fff;
                color: #2599f7
            }

.BackTop {
    bottom: 60px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: background .4s,bottom .4s,border-radius .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 50px;
    z-index: 9999999999
}

    .BackTop.Bottomhide {
        bottom: -60px
    }

    .BackTop:hover {
        background: #444
    }

    .BackTop.circle {
        border-radius: 100px
    }

    .BackTop.square {
        border-radius: 3px
    }

    .BackTop.white {
        background: #fff;
        box-shadow: 0 0 6px rgba(0,0,0,.2);
        color: #333
    }

    .BackTop.black {
        background: #333;
        box-shadow: 0 0 6px hsla(0,0%,100%,.2);
        color: #fff
    }

    .BackTop .icon {
        font-size: 18px
    }