@font-face {
  font-family: "iconfont"; /* Project id 4332294 */
  src: url('../fonts/iconfont_7.woff2') format('woff2'),
       url('../fonts/iconfont_7.woff') format('woff'),
       url('../fonts/iconfont_7.ttf') format('truetype');
}
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-between
    }

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

@keyframes prodictShowMove {
    0% {
        display: block;
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.product_page .l1 {
    height: 540px;
    position: relative
}

    .product_page .l1 .subtitle, .product_page .l1 .title {
        color: #fff;
        left: 50%;
        position: absolute;
        top: 50%
    }

    .product_page .l1 .title {
        font-size: 36px;
        font-weight: 700;
        line-height: 36px;
        transform: translate(-50%,-50%)
    }

    .product_page .l1 .subtitle {
        font-size: 18px;
        font-weight: 400;
        opacity: .84;
        padding: 24px;
        transform: translate(-50%)
    }

.product_page .contentBox {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 1200px
}

.product_page .l2 {
    margin: 30px 0
}

    .product_page .l2 .l2_title {
        color: #333;
        font-size: 30px;
        padding-bottom: 10px;
        text-align: center
    }

    .product_page .l2 .l2_topic {
        align-items: stretch;
        display: flex;
        height: 150px;
        justify-content: space-between;
        margin: 30px 0
    }

        .product_page .l2 .l2_topic .item {
            flex: 1
        }

.product_page .l3 {
    margin: 30px 0
}

    .product_page .l3 .l3_title {
        color: #333;
        font-size: 30px;
        padding-bottom: 10px;
        text-align: center
    }

    .product_page .l3 .ShowAll {
        background: #ff3636;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        margin: 10px auto 30px;
        padding: 10px;
        text-align: center;
        width: 40%
    }

        .product_page .l3 .ShowAll .icon {
            padding-left: 10px
        }

    .product_page .l3 .l3_product_title {
        color: #333;
        margin-bottom: 10px;
        padding: 50px 10px 10px
    }

        .product_page .l3 .l3_product_title:after {
            border-bottom: 4px solid #ff3636;
            content: "";
            display: block;
            margin-top: .4rem;
            width: 2rem
        }

    .product_page .l3 .NavMenu .CType {
        cursor: pointer;
        line-height: 40px
    }

    .product_page .l3 .tabs_default {
        border: 1px solid #ddd;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        margin-right: 10px
    }

    .product_page .l3 .tabs_active {
        background: #ff3636;
        border: 1px solid #ff3636;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        color: #fff;
        margin-right: 10px
    }

    .product_page .l3 .ProductBox {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 20px
    }

        .product_page .l3 .ProductBox .move_box {
            padding: 0;
            transition: all 1s;
            width: 25%
        }

            .product_page .l3 .ProductBox .move_box.__show {
                padding: 20px
            }

        .product_page .l3 .ProductBox .ProductCard {
            height: 300px
        }

            .product_page .l3 .ProductBox .ProductCard.__hide {
                display: none;
                margin: 0
            }

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

.Divider {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

    .Divider .text {
        padding: 0 15px
    }

    .Divider .after, .Divider .before {
        height: 1px
    }

    .Divider.left .before {
        width: 20px
    }

    .Divider.left .after {
        width: 100%
    }

    .Divider.center .after, .Divider.center .before {
        width: 50%
    }

    .Divider.right .before {
        width: 100%
    }

    .Divider.right .after {
        width: 20px
    }

.TopicCard {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    margin: 0 10px;
    padding: 15px
}

    .TopicCard:hover .imgBox .img {
        transform: scale(1.2)
    }

    .TopicCard .imgBox, .TopicCard .info {
        flex: 1
    }

    .TopicCard .info {
        font-size: 16px
    }

        .TopicCard .info .info_title {
            color: #333;
            font-size: inherit;
            font-weight: 400
        }

        .TopicCard .info .info_subtitle {
            color: #666;
            font-size: smaller;
            margin: 6px 0
        }

        .TopicCard .info .info_link {
            color: #3e82b0;
            font-size: smaller
        }

    .TopicCard .imgBox {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center
    }

        .TopicCard .imgBox .img {
            display: block;
            max-height: 90%;
            max-width: 90%;
            transition: transform .3s
        }

.ProductCard {
    box-sizing: border-box
}

    .ProductCard .card_link {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        display: block;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding: 20px
    }

        .ProductCard .card_link.__border {
            border: 1px solid #ddd
        }

        .ProductCard .card_link.__radius {
            border-radius: 4px
        }

        .ProductCard .card_link.__shadow {
            box-shadow: 0 2px 4px rgba(0,0,0,.1)
        }

    .ProductCard .card_img {
        display: block;
        height: 150px;
        margin: 0 auto
    }

    .ProductCard .card_info {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 20%;
        justify-content: center;
        margin-top: 20px
    }

    .ProductCard .card_desc, .ProductCard .card_subtitle, .ProductCard .card_title {
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }

    .ProductCard .card_title {
        color: #333;
        font-size: 14px;
        margin: 5px
    }

    .ProductCard .card_subtitle {
        color: #666;
        font-size: 13px;
        margin: 5px
    }

    .ProductCard .card_desc {
        color: #999;
        font-size: 13px;
        margin: 5px 0
    }

.Footer_model {
    background-image: url(images/bg_7.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
    }
   
.iconfont {
  font-family: "iconfont" !important;
  
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-start-full:before {
  content: "\ea8e";
}

.icon-yifahuo:before {
  content: "\e687";
}

.icon-arrowright:before {
  content: "\e6fc";
}

.icon-hy_arrow_right:before {
  content: "\e686";
}

.icon-zuanshi1:before {
  content: "\e684";
}

.icon-zhizaohangye:before {
  content: "\e6e3";
}

.icon-shengchanqiye:before {
  content: "\e682";
}

.icon-you:before {
  content: "\e683";
}

.icon-you-01:before {
  content: "\e681";
}

.icon-liubianxing2:before {
  content: "\e680";
}

.icon-didian:before {
  content: "\e67d";
}

.icon-youjian1:before {
  content: "\e67e";
}

.icon-dianhua3:before {
  content: "\e67f";
}

.icon-suoding:before {
  content: "\e8d4";
}

.icon-feiji:before {
  content: "\e94b";
}

.icon-cunchuka_sd-card:before {
  content: "\e67a";
}

.icon-chenggongwenjian_file-success:before {
  content: "\e67c";
}

.icon-gongzuotai_workbench:before {
  content: "\e679";
}

.icon-anquanzengjia_shield-add:before {
  content: "\e66e";
}

.icon-qushixiajiang_trending-down:before {
  content: "\e674";
}

.icon-jiangpaipaiming:before {
  content: "\e66d";
}

.icon-chilun1:before {
  content: "\e66b";
}

.icon-tuandui1:before {
  content: "\e67b";
}

.icon-zhinengjuece:before {
  content: "\e66c";
}

.icon-ai-profit:before {
  content: "\e673";
}

.icon-lirun2:before {
  content: "\e65f";
}

.icon-bank:before {
  content: "\e936";
}

.icon-zhibao:before {
  content: "\e660";
}

.icon-design-preparat:before {
  content: "\e65d";
}

.icon-shituceliang:before {
  content: "\e65e";
}

.icon-anzhuang-xian:before {
  content: "\e899";
}

.icon-guizi:before {
  content: "\e65c";
}

.icon-tuihuobaozhang:before {
  content: "\e65a";
}

.icon-zuocecaidan-kongjian:before {
  content: "\e65b";
}

.icon-KJ_012:before {
  content: "\e672";
}

.icon-gongxu:before {
  content: "\e685";
}

.icon-zhanting:before {
  content: "\e659";
}

.icon-chanpin:before {
  content: "\e658";
}

.icon-a-zu167:before {
  content: "\e657";
}

.icon-shouhou2:before {
  content: "\e655";
}

.icon-tixing:before {
  content: "\e653";
}

.icon-tuandui:before {
  content: "\e650";
}

.icon-wenben-tongyong:before {
  content: "\e651";
}

.icon-rongyu:before {
  content: "\e652";
}

.icon-chilun:before {
  content: "\e699";
}

.icon-setting:before {
  content: "\e66a";
}

.icon-success:before {
  content: "\e746";
}

.icon-baojiadan:before {
  content: "\e6de";
}

.icon-gouwuche:before {
  content: "\e64c";
}

.icon-xiugai:before {
  content: "\e8cf";
}

.icon-gonghaiguanli:before {
  content: "\e697";
}

.icon-lingshou:before {
  content: "\e749";
}

.icon-xiangmu_xiangmuguanli:before {
  content: "\e797";
}

.icon-duihua:before {
  content: "\e64b";
}

.icon-a-zhinenglianjie-01:before {
  content: "\e8a1";
}

.icon-huidaodingbu:before {
  content: "\e6a4";
}

.icon-huidaodingbu1:before {
  content: "\e64f";
}

.icon-diqiu1:before {
  content: "\e689";
}

.icon-shouye1:before {
  content: "\e644";
}

.icon-changongxiao_gongchangshuju:before {
  content: "\e645";
}

.icon-a-Factoryoverview:before {
  content: "\e649";
}

.icon-reload:before {
  content: "\e788";
}

.icon-dianzan2:before {
  content: "\e639";
}

.icon-anquan1:before {
  content: "\e63c";
}

.icon-dangan2:before {
  content: "\e6a6";
}

.icon-Bomdanganguanli:before {
  content: "\e648";
}

.icon-guanli1:before {
  content: "\e63d";
}

.icon-duihuaxiaoxi:before {
  content: "\e63f";
}

.icon-zhipuguanli:before {
  content: "\e642";
}

.icon-cbox-full:before {
  content: "\e898";
}

.icon-policeman-full:before {
  content: "\e8f1";
}

.icon-zhiding:before {
  content: "\e677";
}

.icon-yunhangjiankong:before {
  content: "\e643";
}

.icon-a-ziyuan550:before {
  content: "\e790";
}

.icon-zimupaixu:before {
  content: "\ee19";
}

.icon-dianzan1:before {
  content: "\ec7f";
}

.icon-dianzan:before {
  content: "\ec8c";
}

.icon-play:before {
  content: "\e635";
}

.icon-play-filling:before {
  content: "\e87e";
}

.icon-dian:before {
  content: "\ec1e";
}

.icon-yanjing:before {
  content: "\e661";
}

.icon-guanbi:before {
  content: "\e634";
}

.icon-weixin2:before {
  content: "\e857";
}

.icon-address:before {
  content: "\e675";
}

.icon-email:before {
  content: "\e676";
}

.icon-phone:before {
  content: "\e633";
}

.icon-banquan-xian:before {
  content: "\e897";
}

.icon-line-buildingjianzhu-1:before {
  content: "\e68b";
}

.icon-line-075:before {
  content: "\e74d";
}

.icon-nav-22:before {
  content: "\e670";
}

.icon-wenhao:before {
  content: "\e671";
}

.icon-shuruzhengque:before {
  content: "\e667";
}

.icon-shanchu:before {
  content: "\e8c1";
}

.icon-danju-zhengque-tianchong:before {
  content: "\e62b";
}

.icon-zhongbiao:before {
  content: "\e707";
}

.icon-penwu:before {
  content: "\e62d";
}

.icon-lianxinxi:before {
  content: "\e630";
}

.icon-V1:before {
  content: "\e6c9";
}

.icon-ziyuan142:before {
  content: "\e6e6";
}

.icon-024-zhongliang:before {
  content: "\e631";
}

.icon-security-shield-full:before {
  content: "\e876";
}

.icon-tijiao-shangchuan-10:before {
  content: "\e854";
}

.icon-fengexian1:before {
  content: "\e6f4";
}

.icon-liuyan:before {
  content: "\e744";
}

.icon-home2:before {
  content: "\e629";
}

.icon-menu:before {
  content: "\e73e";
}

.icon-gongsi:before {
  content: "\e769";
}

.icon-factory-full:before {
  content: "\e9eb";
}

.icon-lianjie:before {
  content: "\e61d";
}

.icon-yewuchangjing:before {
  content: "\e665";
}

.icon-3:before {
  content: "\e6ce";
}

.icon-lingdai:before {
  content: "\e6b5";
}

.icon-dianhua2:before {
  content: "\e8bd";
}

.icon-xin:before {
  content: "\e8c0";
}

.icon-zhixiangshang:before {
  content: "\e8f5";
}

.icon-weizhi:before {
  content: "\e8ff";
}

.icon-zhinanzhidao:before {
  content: "\e905";
}

.icon-paper:before {
  content: "\e61e";
}

.icon-weibiaoti--:before {
  content: "\e621";
}

.icon-renshiyewu:before {
  content: "\e6d2";
}

.icon-B-shijian:before {
  content: "\e72a";
}

.icon-remen:before {
  content: "\e61f";
}

.icon-flag:before {
  content: "\e622";
}

.icon-star:before {
  content: "\e624";
}

.icon-xihuan:before {
  content: "\e625";
}

.icon-xihuan-tianjia:before {
  content: "\e637";
}

.icon-xiangmu:before {
  content: "\e626";
}

.icon-xiangmu1:before {
  content: "\e62f";
}

.icon-dizhi1:before {
  content: "\e696";
}

.icon-zhixiangxia:before {
  content: "\ee4a";
}

.icon-xiangyou:before {
  content: "\ee4c";
}

.icon-xiangzuo:before {
  content: "\ee4d";
}

.icon-shezhi:before {
  content: "\e61c";
}

.icon-icon-line-graph:before {
  content: "\e662";
}

.icon-layers:before {
  content: "\e62c";
}

.icon-vips:before {
  content: "\e663";
}

.icon-hidden-danger:before {
  content: "\e752";
}

.icon-kehu2:before {
  content: "\e66f";
}

.icon-wenti:before {
  content: "\e856";
}

.icon-bookmark:before {
  content: "\ea0f";
}

.icon-bookmark-full:before {
  content: "\ea10";
}

.icon-leimucuzhubao:before {
  content: "\e64a";
}

.icon-yuancailiaojiagong:before {
  content: "\e627";
}

.icon-zuanshi:before {
  content: "\e6b3";
}

.icon-arrow-bottom:before {
  content: "\e623";
}

.icon-aixin:before {
  content: "\e6c8";
}

.icon-GoldFilled:before {
  content: "\e64d";
}

.icon-SafetyCertificateFilled:before {
  content: "\e654";
}

.icon-CodepenSquareFilled:before {
  content: "\e664";
}

.icon-jigaoxingjiabi:before {
  content: "\e618";
}

.icon-kuaisubushu:before {
  content: "\e619";
}

.icon-gaokeyongwangluo:before {
  content: "\e61b";
}

.icon-qiyegongchangjianzhu:before {
  content: "\e802";
}

.icon-xuexiao:before {
  content: "\e617";
}

.icon-sharpicons_museum:before {
  content: "\e799";
}

.icon-gejizhengfu:before {
  content: "\e669";
}

.icon-dimensions:before {
  content: "\e700";
}

.icon-time1:before {
  content: "\e656";
}

.icon-53gerenzhongxin-1:before {
  content: "\e640";
}

.icon-shijian:before {
  content: "\e61a";
}

.icon-kefu2:before {
  content: "\e62a";
}

.icon-lianxikefu:before {
  content: "\e63a";
}

.icon-yunhang:before {
  content: "\ec61";
}

.icon-weixin1:before {
  content: "\e63b";
}

.icon-V:before {
  content: "\e708";
}

.icon-htmal5icon04:before {
  content: "\e620";
}

.icon-zhinengyouhua:before {
  content: "\e69a";
}

.icon-huiyuanfazhanqushi:before {
  content: "\e616";
}

.icon-xinwenchuban:before {
  content: "\e646";
}

.icon-dianhua1:before {
  content: "\e62e";
}

.icon-sousuo:before {
  content: "\e636";
}

.icon-shouqijiantouxiao:before {
  content: "\e907";
}

.icon-kehu:before {
  content: "\e73d";
}

.icon-project-o:before {
  content: "\e628";
}

.icon-zhuanlixinxi:before {
  content: "\e638";
}

.icon-kehu1:before {
  content: "\e632";
}

.icon-yuangong:before {
  content: "\e72f";
}

.icon-wodewentizhongxin:before {
  content: "\e64e";
}

.icon-shouye:before {
  content: "\e678";
}

.icon-qiye:before {
  content: "\e647";
}

.icon-anquanchenggongtijiao:before {
  content: "\e692";
}

.icon-he_67zuzhifazhanlicheng:before {
  content: "\e71c";
}

.icon-shouye-copy:before {
  content: "\ee4b";
}

.icon-shouzhong:before {
  content: "\e613";
}

.icon-shouhou:before {
  content: "\e614";
}

.icon-shouqian:before {
  content: "\e615";
}

.icon-huadu-logo:before {
  content: "\e612";
}

.icon-youzhi:before {
  content: "\e60c";
}

.icon-fuwu:before {
  content: "\e60f";
}

.icon-pinpai:before {
  content: "\e610";
}

.icon-quanqiu:before {
  content: "\e611";
}

.icon-guanli:before {
  content: "\e60a";
}

.icon-zhineng:before {
  content: "\e60b";
}

.icon-anquan:before {
  content: "\e60e";
}

.icon-shuzihua:before {
  content: "\e603";
}

.icon-anfang:before {
  content: "\e604";
}

.icon-huanjingkongzhi:before {
  content: "\e605";
}

.icon-yunfuwu:before {
  content: "\e606";
}

.icon-rfid:before {
  content: "\e607";
}

.icon-mijijia:before {
  content: "\e609";
}

.icon-xiangyou3:before {
  content: "\e778";
}

.icon-diqiu:before {
  content: "\e668";
}

.icon-24gf-telephone:before {
  content: "\e96c";
}

.icon-zhi-xia:before {
  content: "\e68d";
}

.icon-kefu1:before {
  content: "\e608";
}

.icon-time:before {
  content: "\e60d";
}

.icon-link:before {
  content: "\e6c3";
}

.icon-fenxiang:before {
  content: "\e739";
}

.icon-liuyan-fill:before {
  content: "\e743";
}

.icon-cuo:before {
  content: "\e723";
}

.icon-jia:before {
  content: "\e727";
}

.icon-jian:before {
  content: "\e729";
}

.icon-dui:before {
  content: "\e72e";
}

.icon-xing-full:before {
  content: "\e732";
}

.icon-xing:before {
  content: "\e733";
}

.icon-youjian:before {
  content: "\e63e";
}

.icon-dizhi:before {
  content: "\e641";
}

.icon-weibo:before {
  content: "\e601";
}

.icon-weixin:before {
  content: "\e602";
}

.icon-dingtalk:before {
  content: "\e8d6";
}

.icon-youtube:before {
  content: "\ead1";
}

.icon-tuite:before {
  content: "\ee49";
}

.icon-left:before {
  content: "\e600";
}

.icon-right:before {
  content: "\e950";
}

.icon-bottom:before {
  content: "\e951";
}

.icon-top:before {
  content: "\e952";
}

.icon-kefu:before {
  content: "\e858";
}

.icon-dianhua:before {
  content: "\e94f";
}

.icon-fuwushang:before {
  content: "\e666";
}