/*!
 * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*, :after, :before {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    color: #212529;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-bs-original-title], abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    background-color: #fcf8e3;
    padding: .2em
}

sub, sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code, kbd, pre, samp {
    direction: ltr;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    word-wrap: break-word;
    color: #d63384;
    font-size: .875em
}

a > code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: .875em;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: #6c757d;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, .75rem);
    padding-right: var(--bs-gutter-x, .75rem);
    width: 100%
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-top: calc(var(--bs-gutter-y) * -1)
}

.row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: 100%
}

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
}

.my-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
}

.my-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-sm-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .my-sm-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .my-sm-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .my-sm-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-sm-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-sm-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-sm-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-md-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .my-md-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .my-md-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .my-md-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-md-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-md-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-md-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-lg-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .my-lg-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .my-lg-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .my-lg-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-lg-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-lg-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-lg-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-xl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .my-xl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .my-xl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .my-xl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-xl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-xl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-xl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-xxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .mx-xxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-xxl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .my-xxl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .my-xxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .my-xxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-xxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .py-xxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.bg-gray-700 {
    background-color: #3c3c3d
}

.btn {
    border: none;
    color: #333;
    display: inline-block;
    padding: .2rem 1.5rem;
    transition: all .3s
}

@media (min-width: 768px) {
    .btn {
        padding: .3rem 1.5rem
    }
}

@media (min-width: 992px) {
    .btn {
        font-size: .875rem;
        padding: .2rem 1.5rem
    }
}

@media (min-width: 1200px) {
    .btn {
        font-size: 1rem;
        padding: .35rem 2rem
    }
}

@media (min-width: 1400px) {
    .btn {
        font-size: 1rem;
        padding: .5rem 2rem
    }
}

.btn:hover {
    background-color: #fff;
    color: #0065c0
}

.btn .iconfont {
    font-size: 14px
}

.btn.btn-default {
    background-color: #f7f7f7;
    color: #333
}

.btn.btn-default:hover {
    background-color: #dedede
}

.btn.btn-default-outline {
    border: 1px solid #000;
    color: #000
}

.btn.btn-default-outline:hover {
    background-color: #0065c0;
    border-color: #0065c0;
    color: #fff
}

.btn.btn-white-outline {
    border: 1px solid #fff
}

.btn.btn-white-outline:hover {
    background-color: #000;
    color: #fff
}

.btn.btn-yellow {
    background-color: #00cce5;
    color: #fff
}

.btn.btn-yellow:hover {
    background-color: #009fb2;
    color: #fff
}

.btn.btn-white {
    background-color: #fff;
    color: #333
}

.btn.btn-white:hover {
    background-color: #fff;
    color: #0065c0
}

.btn.btn-white-outline {
    border-color: #fff;
    color: #fff
}

.btn.btn-white-outline:hover {
    background-color: #fff;
    color: #0065c0
}

.btn.btn-gray {
    background-color: #afafaf;
    color: #fff
}

.btn.btn-gray:hover {
    background-color: #555;
    color: #fff
}

.btn.btn-primary {
    background: #0065c0;
    color: #fff
}

.btn.btn-primary:hover {
    color: #fff;
    transform: translateY(-2px)
}

.btn.btn-primary-outline {
    border: 1px solid #00cce5;
    color: #00cce5
}

@media (min-width: 992px) {
    .btn.btn-primary-outline {
        border: 1px solid #00cce5
    }
}

.btn.btn-primary-outline:hover {
    background-color: #00cce5;
    color: #fff
}

.btn.btn-send {
    background-color: #0065c0;
    border-radius: 0;
    color: #fff;
    padding: .8rem 2rem
}

.btn.btn-send:hover {
    background-color: #004a8d
}

.btn.btn-block {
    display: block;
    width: 100%
}

.btn-radius {
    border-radius: 26px
}

.form-group {
    margin-bottom: 1rem;
    padding-left: 5rem;
    position: relative
}

.form-group .form-label {
    display: block;
    left: 0;
    line-height: 30px;
    margin-bottom: .3rem;
    position: absolute;
    top: 0;
    z-index: 10
}

.form-group .form-control {
    background: #f2f2f2;
    border: none;
    border-radius: 15px;
    height: 30px;
    outline: 0;
    padding-left: .6rem;
    padding-right: .6rem;
    width: 100%
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes unSpin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes unSpin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .3;
        transform: scale(.85)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomInOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .3;
        transform: scale(.85)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes red-ball {
    0% {
        offset-distance: 0
    }
    to {
        offset-distance: 100%
    }
}

@keyframes red-ball {
    0% {
        offset-distance: 0
    }
    to {
        offset-distance: 100%
    }
}

h1, h2, h3, h4 {
    color: #2c2c34;
    font-weight: 700
}

@media (min-width: 1600px) {
    .container {
        max-width: 1560px
    }
}

body {
    background-color: #fff;
    color: #737387;
    font-family: Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, Helvetica, Tahoma, Source Sans, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 auto;
    position: relative
}

@media (min-width: 768px) {
    body {
        font-size: 1rem
    }
}

@media (min-width: 992px) {
    body {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 1rem
    }
}

a {
    color: #333
}

a, a:hover {
    text-decoration: none
}

a:hover {
    color: #0065c0
}

.title-section {
    color: #2c2c34;
    margin-bottom: 2rem;
    position: relative
}

.title-section h2 {
    font-size: calc(25px + .9375vw);
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .title-section {
        margin-bottom: 3rem
    }
}

.banner {
    background-color: #0065c0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative
}

.site-path {
    background-color: #f2f3f5;
    color: #b8b8b8;
    padding: .8rem 0
}

.site-path ol.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0
}

.site-path ol.breadcrumb li {
    display: inline-block
}

.site-path ol.breadcrumb li:after {
    content: " / "
}

.site-path ol.breadcrumb li.current {
    color: #333
}

.site-path ol.breadcrumb li.current:after {
    content: ""
}

.site-path a {
    color: #b8b8b8
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

img {
    height: auto;
    max-width: 100%
}

.line-1 {
    border: none;
    border-top: 1px solid #ddd
}

.text100 {
    font-size: 1.875rem
}

@media (min-width: 768px) {
    .text100 {
        font-size: 3.4375rem
    }
}

@media (min-width: 992px) {
    .text100 {
        font-size: 4.375rem
    }
}

@media (min-width: 1200px) {
    .text100 {
        font-size: 5.3125rem
    }
}

@media (min-width: 1400px) {
    .text100 {
        font-size: 6.25rem
    }
}

.text80 {
    font-size: 2.5rem
}

@media (min-width: 768px) {
    .text80 {
        font-size: 3.125rem
    }
}

@media (min-width: 992px) {
    .text80 {
        font-size: 3.75rem
    }
}

@media (min-width: 1200px) {
    .text80 {
        font-size: 4.375rem
    }
}

@media (min-width: 1400px) {
    .text80 {
        font-size: 5rem
    }
}

.text76 {
    font-size: 2.875rem
}

@media (min-width: 576px) {
    .text76 {
        font-size: 3.25rem
    }
}

@media (min-width: 768px) {
    .text76 {
        font-size: 3.625rem
    }
}

@media (min-width: 992px) {
    .text76 {
        font-size: 4rem
    }
}

@media (min-width: 1200px) {
    .text76 {
        font-size: 4.375rem
    }
}

@media (min-width: 1400px) {
    .text76 {
        font-size: 4.75rem
    }
}

.text66 {
    font-size: 2.25rem
}

@media (min-width: 576px) {
    .text66 {
        font-size: 2.625rem
    }
}

@media (min-width: 768px) {
    .text66 {
        font-size: 3rem
    }
}

@media (min-width: 992px) {
    .text66 {
        font-size: 3.375rem
    }
}

@media (min-width: 1200px) {
    .text66 {
        font-size: 3.75rem
    }
}

@media (min-width: 1400px) {
    .text66 {
        font-size: 4.125rem
    }
}

.text60 {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .text60 {
        font-size: 1.875rem
    }
}

@media (min-width: 992px) {
    .text60 {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .text60 {
        font-size: 3.125rem
    }
}

@media (min-width: 1400px) {
    .text60 {
        font-size: 3.75rem
    }
}

.text56 {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .text56 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .text56 {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .text56 {
        font-size: 3rem
    }
}

@media (min-width: 1400px) {
    .text56 {
        font-size: 3.5rem
    }
}

.text50 {
    font-size: 1.375rem
}

@media (min-width: 576px) {
    .text50 {
        font-size: 1.625rem
    }
}

@media (min-width: 768px) {
    .text50 {
        font-size: 1.875rem
    }
}

@media (min-width: 992px) {
    .text50 {
        font-size: 2.125rem
    }
}

@media (min-width: 1200px) {
    .text50 {
        font-size: 2.375rem
    }
}

@media (min-width: 1400px) {
    .text50 {
        font-size: 2.75rem
    }
}

@media (min-width: 1600px) {
    .text50 {
        font-size: 3.125rem
    }
}

.text40 {
    font-size: 1.125rem
}

@media (min-width: 768px) {
    .text40 {
        font-size: 1.375rem
    }
}

@media (min-width: 992px) {
    .text40 {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .text40 {
        font-size: 2.125rem
    }
}

@media (min-width: 1400px) {
    .text40 {
        font-size: 2.5rem
    }
}

.text38 {
    font-size: 1.375rem
}

@media (min-width: 768px) {
    .text38 {
        font-size: 1.625rem
    }
}

@media (min-width: 992px) {
    .text38 {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .text38 {
        font-size: 2.125rem
    }
}

@media (min-width: 1400px) {
    .text38 {
        font-size: 2.375rem
    }
}

.text36 {
    font-size: 1.5rem
}

@media (min-width: 992px) {
    .text36 {
        font-size: 1.75rem
    }
}

@media (min-width: 1200px) {
    .text36 {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .text36 {
        font-size: 2.25rem
    }
}

.text34 {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .text34 {
        font-size: 1.75rem
    }
}

@media (min-width: 992px) {
    .text34 {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .text34 {
        font-size: 2rem
    }
}

@media (min-width: 1400px) {
    .text34 {
        font-size: 2.125rem
    }
}

.text32 {
    font-size: 1rem
}

@media (min-width: 768px) {
    .text32 {
        font-size: 1.25rem
    }
}

@media (min-width: 992px) {
    .text32 {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .text32 {
        font-size: 1.75rem
    }
}

@media (min-width: 1400px) {
    .text32 {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .text30 {
        font-size: 1.125rem
    }
}

@media (min-width: 992px) {
    .text30 {
        font-size: 1.375rem
    }
}

@media (min-width: 1200px) {
    .text30 {
        font-size: 1.625rem
    }
}

@media (min-width: 1400px) {
    .text30 {
        font-size: 1.875rem
    }
}

.text28 {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .text28 {
        font-size: 1.375rem
    }
}

@media (min-width: 992px) {
    .text28 {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .text28 {
        font-size: 1.625rem
    }
}

@media (min-width: 1400px) {
    .text28 {
        font-size: 1.75rem
    }
}

.text26 {
    font-size: 1.125rem
}

@media (min-width: 768px) {
    .text26 {
        font-size: 1.25rem
    }
}

@media (min-width: 992px) {
    .text26 {
        font-size: 1.375rem
    }
}

@media (min-width: 1200px) {
    .text26 {
        font-size: 1.5rem
    }
}

@media (min-width: 1400px) {
    .text26 {
        font-size: 1.625rem
    }
}

.text24 {
    font-size: 1.125rem
}

@media (min-width: 1200px) {
    .text24 {
        font-size: 1.375rem
    }
}

@media (min-width: 1400px) {
    .text24 {
        font-size: 1.5rem
    }
}

@media (min-width: 992px) {
    .text22 {
        font-size: 1.125rem
    }
}

@media (min-width: 1200px) {
    .text22 {
        font-size: 1.25rem
    }
}

@media (min-width: 1400px) {
    .text22 {
        font-size: 1.375rem
    }
}

.text20 {
    font-size: .875rem
}

@media (min-width: 992px) {
    .text20 {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    .text20 {
        font-size: 1.125rem
    }
}

@media (min-width: 1400px) {
    .text20 {
        font-size: 1.25rem
    }
}

.pt-media-15 {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .pt-media-15 {
        padding-top: 3rem
    }
}

@media (min-width: 992px) {
    .pt-media-15 {
        padding-top: 9rem
    }
}

@media (min-width: 1200px) {
    .pt-media-15 {
        padding-top: 13rem
    }
}

@media (min-width: 1400px) {
    .pt-media-15 {
        padding-top: 15rem
    }
}

.pt-media-9 {
    padding-top: 5rem
}

@media (min-width: 768px) {
    .pt-media-9 {
        padding-top: 6rem
    }
}

@media (min-width: 992px) {
    .pt-media-9 {
        padding-top: 7rem
    }
}

@media (min-width: 1200px) {
    .pt-media-9 {
        padding-top: 8rem
    }
}

@media (min-width: 1400px) {
    .pt-media-9 {
        padding-top: 9rem
    }
}

.pt-media-7 {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .pt-media-7 {
        padding-top: 4rem
    }
}

@media (min-width: 992px) {
    .pt-media-7 {
        padding-top: 5rem
    }
}

@media (min-width: 1200px) {
    .pt-media-7 {
        padding-top: 6rem
    }
}

@media (min-width: 1400px) {
    .pt-media-7 {
        padding-top: 7rem
    }
}

.pt-media-6 {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .pt-media-6 {
        padding-top: 3rem
    }
}

@media (min-width: 992px) {
    .pt-media-6 {
        padding-top: 4rem
    }
}

@media (min-width: 1200px) {
    .pt-media-6 {
        padding-top: 5rem
    }
}

@media (min-width: 1400px) {
    .pt-media-6 {
        padding-top: 6rem
    }
}

.pt-media-5 {
    padding-top: 2rem
}

@media (min-width: 992px) {
    .pt-media-5 {
        padding-top: 3rem
    }
}

@media (min-width: 1200px) {
    .pt-media-5 {
        padding-top: 4rem
    }
}

@media (min-width: 1400px) {
    .pt-media-5 {
        padding-top: 5rem
    }
}

.pt-media-4 {
    padding-top: 2rem
}

@media (min-width: 1200px) {
    .pt-media-4 {
        padding-top: 3rem
    }
}

@media (min-width: 1400px) {
    .pt-media-4 {
        padding-top: 4rem
    }
}

.pt-media-3 {
    padding-top: 1rem
}

@media (min-width: 768px) {
    .pt-media-3 {
        padding-top: 2rem
    }
}

@media (min-width: 992px) {
    .pt-media-3 {
        padding-top: 3rem
    }
}

.pb-media-3 {
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .pb-media-3 {
        padding-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .pb-media-3 {
        padding-bottom: 3rem
    }
}

.pb-media-4 {
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .pb-media-4 {
        padding-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .pb-media-4 {
        padding-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .pb-media-4 {
        padding-bottom: 4rem
    }
}

.pb-media-5 {
    padding-bottom: 2rem
}

@media (min-width: 992px) {
    .pb-media-5 {
        padding-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .pb-media-5 {
        padding-bottom: 4rem
    }
}

@media (min-width: 1400px) {
    .pb-media-5 {
        padding-bottom: 5rem
    }
}

.pb-media-6 {
    padding-bottom: 2rem
}

@media (min-width: 992px) {
    .pb-media-6 {
        padding-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .pb-media-6 {
        padding-bottom: 4rem
    }
}

@media (min-width: 1400px) {
    .pb-media-6 {
        padding-bottom: 5rem
    }
}

@media (min-width: 1600px) {
    .pb-media-6 {
        padding-bottom: 6rem
    }
}

.pb-media-7 {
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .pb-media-7 {
        padding-bottom: 4rem
    }
}

@media (min-width: 992px) {
    .pb-media-7 {
        padding-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .pb-media-7 {
        padding-bottom: 6rem
    }
}

@media (min-width: 1400px) {
    .pb-media-7 {
        padding-bottom: 7rem
    }
}

.pb-media-8 {
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .pb-media-8 {
        padding-bottom: 5rem
    }
}

@media (min-width: 992px) {
    .pb-media-8 {
        padding-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .pb-media-8 {
        padding-bottom: 7rem
    }
}

@media (min-width: 1400px) {
    .pb-media-8 {
        padding-bottom: 8rem
    }
}

.pb-media-9 {
    padding-bottom: 5rem
}

@media (min-width: 768px) {
    .pb-media-9 {
        padding-bottom: 6rem
    }
}

@media (min-width: 992px) {
    .pb-media-9 {
        padding-bottom: 7rem
    }
}

@media (min-width: 1200px) {
    .pb-media-9 {
        padding-bottom: 8rem
    }
}

@media (min-width: 1400px) {
    .pb-media-9 {
        padding-bottom: 9rem
    }
}

.pb-media-11 {
    padding-bottom: 7rem
}

@media (min-width: 768px) {
    .pb-media-11 {
        padding-bottom: 8rem
    }
}

@media (min-width: 992px) {
    .pb-media-11 {
        padding-bottom: 9rem
    }
}

@media (min-width: 1200px) {
    .pb-media-11 {
        padding-bottom: 10rem
    }
}

@media (min-width: 1400px) {
    .pb-media-11 {
        padding-bottom: 11rem
    }
}

.mb-media-2 {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .mb-media-2 {
        margin-bottom: 2rem
    }
}

.mb-media-3 {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .mb-media-3 {
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .mb-media-3 {
        margin-bottom: 3rem
    }
}

.mb-media-4 {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .mb-media-4 {
        margin-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .mb-media-4 {
        margin-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .mb-media-4 {
        margin-bottom: 4rem
    }
}

.mb-media-5 {
    margin-bottom: 2rem
}

@media (min-width: 992px) {
    .mb-media-5 {
        margin-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .mb-media-5 {
        margin-bottom: 4rem
    }
}

@media (min-width: 1400px) {
    .mb-media-5 {
        margin-bottom: 5rem
    }
}

.mb-media-6 {
    margin-bottom: 2rem
}

@media (min-width: 992px) {
    .mb-media-6 {
        margin-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .mb-media-6 {
        margin-bottom: 4rem
    }
}

@media (min-width: 1400px) {
    .mb-media-6 {
        margin-bottom: 5rem
    }
}

@media (min-width: 1600px) {
    .mb-media-6 {
        margin-bottom: 6rem
    }
}

.mb-media-7 {
    margin-bottom: 3rem
}

@media (min-width: 768px) {
    .mb-media-7 {
        margin-bottom: 4rem
    }
}

@media (min-width: 992px) {
    .mb-media-7 {
        margin-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .mb-media-7 {
        margin-bottom: 6rem
    }
}

@media (min-width: 1400px) {
    .mb-media-7 {
        margin-bottom: 7rem
    }
}

.mb-media-8 {
    margin-bottom: 4rem
}

@media (min-width: 768px) {
    .mb-media-8 {
        margin-bottom: 5rem
    }
}

@media (min-width: 992px) {
    .mb-media-8 {
        margin-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .mb-media-8 {
        margin-bottom: 7rem
    }
}

@media (min-width: 1400px) {
    .mb-media-8 {
        margin-bottom: 8rem
    }
}

.frm_button_submit, .more {
    background-color: #0065c0;
    background-image: url(../image/bg_3.svg);
    background-position: right -.6rem bottom -.3rem;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    color: #0065c0;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 48px;
    text-align: center;
    transition: all .3s;
    width: 160px
}

@media (min-width: 1200px) {
    .frm_button_submit, .more {
        height: 80px;
        line-height: 78px;
        width: 200px
    }
}

.frm_button_submit:hover, .more:hover {
    background-color: #fff;
    background-position: right -3rem bottom -.3rem;
    border-color: #0065c0;
    color: #0065c0
}

.site-header {
    background-color: #fff;
    border-bottom: 1px solid #ecf2f8;
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 6000
}

@media (min-width: 768px) {
    .site-header {
        height: 60px
    }
}

@media (min-width: 992px) {
    .site-header {
        height: auto
    }
}

.site-header .container {
    height: 100%
}

@media (min-width: 992px) {
    .site-header .container {
        height: auto
    }
}

@media (min-width: 1200px) {
    .site-header .container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.site-header .row {
    height: 100%
}

.site-header .logo {
    display: block;
    margin-right: 4rem;
    transition: all .5s;
    width: 120px
}

@media (min-width: 768px) {
    .site-header .logo {
        width: 150px
    }
}

@media (min-width: 992px) {
    .site-header .logo {
        width: 140px
    }
}

@media (min-width: 1200px) {
    .site-header .logo {
        width: 200px
    }
}

@media (min-width: 1400px) {
    .site-header .logo {
        width: 223px
    }
}

.site-header .logo .logo_white {
    display: none
}

.site-header .logo .logo_color {
    display: block
}

.site-header .mainav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

@media (min-width: 992px) {
    .site-header .mainav {
        display: block
    }
}

.site-header .mainav > li {
    display: inline-block;
    position: relative
}

@media (min-width: 992px) {
    .site-header .mainav > li {
        margin-left: 2rem
    }
}

@media (min-width: 1200px) {
    .site-header .mainav > li {
        margin-left: 2.6rem
    }
}

@media (min-width: 1400px) {
    .site-header .mainav > li {
        margin-left: 3.2rem
    }
}

.site-header .mainav > li > a {
    display: block;
    position: relative;
    transition: all .3s
}

@media (min-width: 992px) {
    .site-header .mainav > li > a {
        padding: 1rem 0
    }
}

@media (min-width: 1200px) {
    .site-header .mainav > li > a {
        padding: 1rem 0
    }
}

@media (min-width: 1400px) {
    .site-header .mainav > li > a {
        padding: 1.5rem 0
    }
}

@media (min-width: 1600px) {
    .site-header .mainav > li > a {
        padding: 2rem 0
    }
}

.site-header .mainav > li > a:hover {
    color: #00cce5
}

.site-header .mainav > li.current-menu-item > a {
    color: #0065c0
}

.site-header .mainav > li.current-menu-item > a:before {
    background-color: #0065c0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 20
}

.site-header .mainav > li .sub-menu {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    display: none;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
    position: absolute;
    top: 44px;
    transform: translateX(-50%);
    transition: all .2s;
    width: 132px;
    z-index: 10
}

.site-header .mainav > li .sub-menu:after {
    border: 5px solid transparent;
    border-bottom-color: #fff;
    content: " ";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0
}

@media (min-width: 1200px) {
    .site-header .mainav > li .sub-menu {
        top: 53px
    }
}

@media (min-width: 1400px) {
    .site-header .mainav > li .sub-menu {
        top: 60px
    }
}

.site-header .mainav > li .sub-menu li {
    position: relative
}

.site-header .mainav > li .sub-menu li a {
    display: block;
    line-height: 1.5;
    padding: .5rem 1rem;
    text-align: center
}

.site-header .mainav > li .sub-menu li.active a {
    display: block;
    position: relative
}

.site-header .mainav > li .sub-menu li.active a:after {
    background-color: #0065c0;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 1.2rem;
    position: absolute;
    top: 40%;
    width: 16px;
    z-index: -10
}

.site-header .mainav > li.parent:hover .sub-menu {
    display: block;
    margin-top: -5px
}

.site-header .wp-block-polylang-language-switcher {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 992px) {
    .site-header .wp-block-polylang-language-switcher {
        padding-left: 2rem
    }
}

.site-header .wp-block-polylang-language-switcher a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all .3s
}

@media (min-width: 992px) {
    .site-header .wp-block-polylang-language-switcher a {
        background-color: #eee;
        border-radius: 50%;
        color: #333;
        width: 40px
    }
}

.site-header .wp-block-polylang-language-switcher a:hover {
    color: #0065c0
}

@media (min-width: 992px) {
    .site-header .wp-block-polylang-language-switcher a:hover {
        background-color: #0065c0;
        color: #fff
    }

    .site-header .mobilemenu {
        display: none
    }
}

.site-header .mobilemenu .menu-toggle {
    cursor: pointer;
    width: 28px
}

.site-header .mobilemenu .menu-toggle.on .one {
    transform: rotate(45deg) translate(3px, 5px)
}

.site-header .mobilemenu .menu-toggle.on .two {
    opacity: 0
}

.site-header .mobilemenu .menu-toggle.on .three {
    transform: rotate(-45deg) translate(6px, -8px)
}

.site-header .one, .site-header .three, .site-header .two {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #333;
    height: 2px;
    margin: 6px auto;
    transition-duration: .3s;
    width: 100%
}

.site-header .menu-over {
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
    height: calc(110vh - 45px);
    opacity: 0;
    position: fixed;
    right: -100vw;
    top: 45px;
    transition: all .5s;
    width: 100%;
    z-index: 1000
}

@media (min-width: 768px) {
    .site-header .menu-over {
        height: calc(110vh - 60px);
        top: 60px
    }
}

.site-header .menu-over.showMenu {
    opacity: 1;
    right: 0
}

.site-header .menu-over ul.mobilenav {
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 2rem 0
}

.site-header .menu-over ul.mobilenav > li {
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all .2s
}

.site-header .menu-over ul.mobilenav > li > a {
    color: #333;
    display: block;
    padding: 1rem;
    position: relative
}

.site-header .menu-over ul.mobilenav > li.active a, .site-header .menu-over ul.mobilenav > li > a:active, .site-header .menu-over ul.mobilenav > li > a:focus, .site-header .menu-over ul.mobilenav > li > a:hover {
    color: #0065c0
}

.site-header .menu-over ul.mobilenav > li .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem
}

.site-header .menu-over ul.mobilenav > li .sub-menu li {
    border-top: 1px solid hsla(0, 0%, 93%, .933);
    position: relative
}

.site-header .menu-over ul.mobilenav > li .sub-menu li a {
    color: #666;
    display: block;
    font-size: .875rem;
    padding: 1rem
}

.site-header .menu-over ul.mobilenav .parent {
    position: relative
}

.site-header .menu-over ul.mobilenav .parent > a:after {
    border: 5px solid transparent;
    border-top-color: #0065c0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 1rem;
    top: 1.7rem;
    transition: all .3s;
    width: 0
}

.site-header .menu-over ul.mobilenav .open > a:after {
    top: 1.2rem;
    transform: rotate(180deg)
}

.site-header .menu-over .quick_list {
    list-style: none;
    margin: 0;
    padding: 0 1rem;
    text-align: center
}

.site-header .menu-over .quick_list li {
    display: inline-block;
    margin-bottom: .5rem
}

.site-header .menu-over .quick_list li a {
    border: 1px solid #eee;
    border-radius: 20px;
    display: block;
    padding: .3rem 1.5rem
}

.site-header.fixheader {
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .15)
}

.site-header.fixheader .logo .logo_white {
    display: none
}

.site-header.fixheader .logo .logo_color {
    display: block
}

.site-header.fixheader .area {
    border: 1px solid #0065c0;
    color: #0065c0
}

.site-header.fixheader .mainav {
    border: none
}

.site-header.fixheader .wp-block-polylang-language-switcher {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 992px) {
    .site-header.fixheader .wp-block-polylang-language-switcher {
        padding-left: 2rem
    }
}

.site-header.fixheader .wp-block-polylang-language-switcher a {
    border-radius: 50%;
    color: #666;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center
}

@media (min-width: 992px) {
    .site-header.fixheader .wp-block-polylang-language-switcher a {
        background-color: #eee;
        color: #333;
        width: 40px
    }
}

.site-header.fixheader .wp-block-polylang-language-switcher a:hover {
    background-color: #0065c0;
    color: #fff
}

.site-header.fixheader .menu-over {
    height: calc(110vh - 102px);
    top: 45px
}

.home-body {
    padding-top: 0
}

.home-body .site-header {
    background-color: transparent;
    border-bottom: 1px solid #fff
}

.home-body .site-header .logo .logo_white {
    display: block
}

.home-body .site-header .logo .logo_color {
    display: none
}

.home-body .site-header .mainav > li > a, .home-body .site-header .mainav > li > a:hover {
    color: #fff
}

.home-body .site-header .mainav > li > a:hover:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 20
}

.home-body .site-header .mainav > li > a.active {
    color: #fff
}

.home-body .site-header .mainav > li.current > a:before {
    background-color: #fff
}

.home-body .site-header .search {
    color: #fff
}

.home-body .site-header.fixheader {
    background-color: #fff
}

.home-body .site-header.fixheader .logo .logo_white {
    display: none
}

.home-body .site-header.fixheader .logo .logo_color {
    display: block
}

.home-body .site-header.fixheader .mainav > li > a {
    color: #737387
}

.home-body .site-header.fixheader .mainav > li > a:hover:before {
    background-color: #0065c0
}

.home-body .site-header.fixheader .mainav > li > a.active {
    color: #0065c0
}

.home-body .site-header.fixheader .mainav > li.parent > a:before {
    background-color: #0065c0
}

.home-body .site-header.fixheader .search {
    color: #737387
}

.home-body .site-header.fixheader .one, .home-body .site-header.fixheader .three, .home-body .site-header.fixheader .two {
    background-color: #333
}

.banner-home {
    height: auto;
    padding-top: 45px;
    position: relative
}

@media (min-width: 768px) {
    .banner-home {
        padding-top: 60px
    }
}

@media (min-width: 992px) {
    .banner-home {
        height: 100vh;
        padding-top: 0
    }
}

.banner-home .swiper-horizontal > .swiper-pagination-bullets, .banner-home .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-home .swiper-pagination-custom, .banner-home .swiper-pagination-fraction {
    bottom: 1rem
}

@media (min-width: 992px) {
    .banner-home .swiper-horizontal > .swiper-pagination-bullets, .banner-home .swiper-pagination-bullets.swiper-pagination-horizontal, .banner-home .swiper-pagination-custom, .banner-home .swiper-pagination-fraction {
        bottom: 2rem
    }
}

.banner-home .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 0;
    height: 3px;
    width: 30px
}

.banner-home .swiper-pagination-bullet-active {
    background-color: #00cce5
}

.banner-home .swiper-slide {
    overflow: hidden
}

@media (min-width: 992px) {
    .banner-home .swiper-slide {
        height: 100vh
    }
}

.banner-home .bg, .banner-home .swiper-slide .item {
    height: 100%;
    position: relative
}

.banner-home .bg {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner-home .txt {
    display: none
}

@media (min-width: 992px) {
    .banner-home .txt {
        display: block;
        height: auto;
        height: 50vh;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 100
    }
}

.banner-home .txt .c1 {
    color: #fff;
    max-width: 780px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

@media (min-width: 768px) {
    .banner-home .txt .c1 {
        padding: 0
    }
}

.banner-home .txt .c1:before {
    background: url(../image/sangjiao-right.svg) no-repeat 50%;
    background-size: contain;
    content: " ";
    display: block;
    height: 156.75px;
    left: -1rem;
    position: absolute;
    top: -5rem;
    width: 90px;
    z-index: 0
}

@media (min-width: 768px) {
    .banner-home .txt .c1:before {
        height: 156.75px;
        left: -2.5rem;
        top: -6.5rem;
        width: 130px
    }
}

@media (min-width: 992px) {
    .banner-home .txt .c1:before {
        height: 156.75px;
        left: -2rem;
        top: -3.5rem;
        width: 130px
    }
}

@media (min-width: 1400px) {
    .banner-home .txt .c1:before {
        height: 156.75px;
        left: -2rem;
        top: -3.5rem;
        width: 135.75px
    }
}

.banner-home .txt .c1:after {
    background: url(../image/sangjiao-left.svg) no-repeat 50%;
    background-size: contain;
    content: " ";
    display: block;
    height: 156.75px;
    position: absolute;
    right: -.75rem;
    top: 10%;
    width: 90px;
    z-index: 0
}

@media (min-width: 768px) {
    .banner-home .txt .c1:after {
        right: 22%;
        top: 30%;
        width: 135.75px
    }
}

@media (min-width: 992px) {
    .banner-home .txt .c1:after {
        right: 22%;
        top: 30%;
        width: 100px
    }
}

@media (min-width: 1400px) {
    .banner-home .txt .c1:after {
        height: 156.75px;
        right: 22%;
        top: 30%;
        width: 135.75px
    }
}

.banner-home .txt h1, .banner-home .txt h2 {
    color: #fff;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 2rem;
    position: relative;
    z-index: 30
}

.banner-home .txt h1 br, .banner-home .txt h2 br {
    display: none
}

@media (min-width: 768px) {
    .banner-home .txt h1 br, .banner-home .txt h2 br {
        display: block
    }
}

.banner-home .txt p {
    position: relative;
    z-index: 40
}

.banner-home .ba-parent {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    bottom: 4rem;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 500
}

.page-home-s1 .card {
    background-image: url(../image/bg_1.svg), url(../image/bg_2.svg);
    background-position: 0 100%, 100% 0;
    background-repeat: no-repeat;
    box-shadow: 0 4px 40px rgba(0, 61, 125, .04);
    max-width: 952px;
    padding: 1rem;
    position: relative
}

@media (min-width: 768px) {
    .page-home-s1 .card {
        padding: 1rem 3rem
    }
}

@media (min-width: 992px) {
    .page-home-s1 .card {
        padding: 3rem 1rem
    }
}

@media (min-width: 1200px) {
    .page-home-s1 .card {
        padding: 4rem 2rem
    }
}

@media (min-width: 1400px) {
    .page-home-s1 .card {
        padding: 5rem 3rem
    }
}

@media (min-width: 992px) {
    .page-home-s1 .card .title-section {
        left: 1rem;
        position: absolute;
        top: -8rem
    }
}

@media (min-width: 1200px) {
    .page-home-s1 .card .title-section {
        left: 2rem
    }
}

@media (min-width: 1400px) {
    .page-home-s1 .card .title-section {
        left: 3rem
    }
}

.page-home-s1 .card .intro {
    text-align: justify
}

.page-home-s1 .card .intro h3.card-title {
    margin-bottom: 2rem
}

.page-home-s1 .card .link {
    padding: 1rem 0;
    text-align: center
}

@media (min-width: 992px) {
    .page-home-s1 .card .more {
        bottom: 0;
        position: absolute;
        right: 1rem;
        transform: translateY(50%);
        z-index: 100
    }
}

@media (min-width: 1200px) {
    .page-home-s1 .card .more {
        right: 2rem
    }
}

@media (min-width: 1400px) {
    .page-home-s1 .card .more {
        right: 3rem
    }
}

.page-home-s1 .pic {
    display: none;
    margin: 0 auto 1rem;
    max-width: 480px;
    position: relative
}

@media (min-width: 992px) {
    .page-home-s1 .pic {
        display: block;
        margin: 0 auto 2rem
    }
}

.page-home-s1 .pic .bg, .page-home-s1 .pic .bg2 {
    position: absolute;
    z-index: 100
}

.page-home-s1 .pic:before {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 101, 192, .1);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: " ";
    display: block;
    height: 35%;
    left: -10px;
    position: absolute;
    top: 15%;
    width: 38%
}

@media (min-width: 768px) {
    .page-home-s1 .pic:before {
        left: -2.5rem
    }
}

@media (min-width: 992px) {
    .page-home-s1 .pic:before {
        left: -1.5rem
    }
}

@media (min-width: 1200px) {
    .page-home-s1 .pic:before {
        left: -2.5rem
    }
}

.page-home-s1 .pic:after {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(0, 101, 192, .1);
    bottom: -3rem;
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: " ";
    display: block;
    height: 70%;
    position: absolute;
    right: -.75rem;
    width: 70%
}

@media (min-width: 768px) {
    .page-home-s1 .pic:after {
        right: -2.5rem
    }
}

@media (min-width: 992px) {
    .page-home-s1 .pic:after {
        right: -1.5rem
    }
}

@media (min-width: 1200px) {
    .page-home-s1 .pic:after {
        right: -2.5rem
    }
}

.page-home-s1 .pic:after img {
    width: 100%
}

.page-home-s2 .card {
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 101, 192, .1)
}

@media (min-width: 768px) {
    .page-home-s2 .card {
        margin-bottom: 6rem
    }
}

@media (min-width: 992px) {
    .page-home-s2 .card {
        box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .page-home-s2 .card {
        margin-bottom: 8rem
    }
}

.page-home-s2 .card .card-body {
    display: block;
    position: relative
}

.page-home-s2 .card .card-body .txt {
    min-height: 240px;
    padding: 2rem 1.25rem;
    width: 58%
}

@media (min-width: 768px) {
    .page-home-s2 .card .card-body .txt {
        min-height: 260px;
        padding: 2rem
    }
}

@media (min-width: 992px) {
    .page-home-s2 .card .card-body .txt {
        min-height: 210px
    }
}

@media (min-width: 1200px) {
    .page-home-s2 .card .card-body .txt {
        min-height: 260px
    }
}

.page-home-s2 .card .card-body .txt .title {
    border-bottom: 1px solid #0065c0;
    color: #0065c0;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    position: relative
}

@media (min-width: 768px) {
    .page-home-s2 .card .card-body .txt .title {
        width: 60%
    }
}

@media (min-width: 1400px) {
    .page-home-s2 .card .card-body .txt .title {
        margin-bottom: 1.5rem
    }
}

.page-home-s2 .card .card-body .txt .title span {
    bottom: -1rem;
    position: absolute;
    right: -2rem;
    z-index: 20
}

.page-home-s2 .card .card-body .txt h3 {
    font-weight: 400
}

.page-home-s2 .card .card-body .txt p {
    margin: 0
}

.page-home-s2 .card .card-body .pic {
    bottom: 1.875rem;
    position: absolute;
    right: 1.25rem;
    width: 36%;
    z-index: 100
}

@media (min-width: 768px) {
    .page-home-s2 .card .card-body .pic {
        right: 3rem;
        width: 33%
    }
}

.page-home-s2 .card .card-footer {
    border-top: 1px solid #ecf2f8
}

.page-home-s2 .card .card-footer ul.list {
    display: flex;
    justify-content: stretch;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-home-s2 .card .card-footer ul.list li {
    border-right: 1px solid #ecf2f8;
    flex: 1
}

.page-home-s2 .card .card-footer ul.list li a {
    background: #fff url(../image/icon-right-blue.svg) no-repeat right -3rem center;
    display: block;
    padding: 1rem;
    text-align: center;
    transition: all .3s
}

@media (min-width: 1600px) {
    .page-home-s2 .card .card-footer ul.list li a {
        padding: 1.3rem 1rem
    }
}

.page-home-s2 .card .card-footer ul.list li a:hover {
    background: #f5f9fd url(../image/icon-right-blue.svg) no-repeat right 1rem center;
    padding-right: 2rem
}

.page-home-s2 .card .card-footer ul.list li:last-child {
    border: none
}

@media (min-width: 992px) {
    .page-home-s2 .products .col-lg-6:nth-child(3) .card {
        margin-bottom: 0
    }
}

.page-home-s2 .products .col-lg-6:last-child .card {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .page-home-s2 .products .col-lg-6:last-child .card {
        margin-bottom: 0
    }
}

.page-home-s3 .nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.page-home-s3 .nav li {
    display: inline-block;
    padding: 1rem 2rem
}

.page-home-s3 .nav li.active {
    border-bottom: 1px solid #0065c0;
    color: #0065c0
}

.page-home-s3 .swiper-next, .page-home-s3 .swiper-prev {
    border: 1px solid #0065c0;
    color: #0065c0;
    display: inline-block;
    display: none;
    height: 50px;
    line-height: 48px;
    margin-left: 35px;
    text-align: center;
    width: 50px
}

@media (min-width: 992px) {
    .page-home-s3 .swiper-next, .page-home-s3 .swiper-prev {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .page-home-s3 .swiper-next, .page-home-s3 .swiper-prev {
        height: 60px;
        line-height: 58px;
        width: 60px
    }
}

@media (min-width: 1600px) {
    .page-home-s3 .swiper-next, .page-home-s3 .swiper-prev {
        height: 80px;
        line-height: 78px;
        width: 80px
    }
}

.page-home-s3 .swiper-next:hover, .page-home-s3 .swiper-prev:hover {
    background-color: #0065c0;
    background-image: url(../image/bg_3.svg);
    background-position: right -1.5rem bottom -.3rem;
    background-repeat: no-repeat;
    color: #fff
}

@media (min-width: 768px) {
    .page-home-s3 .swiper-slide.news {
        width: 380px
    }
}

@media (min-width: 1200px) {
    .page-home-s3 .swiper-slide.news {
        width: 380px
    }
}

@media (min-width: 768px) {
    .page-home-s3 .swiper-slide.vision {
        width: 465px
    }
}

@media (min-width: 1200px) {
    .page-home-s3 .swiper-slide.vision {
        width: 553px
    }
}

.page-home-s3 .news-list {
    display: none
}

.page-home-s3 .news-list.active {
    display: block
}

.page-home-s3 .news-list .card {
    background: #fff;
    border: 1px solid #ecf2f8;
    margin-bottom: 1rem;
    padding: 1rem
}

@media (min-width: 1200px) {
    .page-home-s3 .news-list .card {
        padding: 2rem
    }
}

.page-home-s3 .news-list .card:hover {
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1)
}

.page-home-s3 .news-list .card .card-header {
    margin-bottom: 1rem;
    position: relative
}

.page-home-s3 .news-list .card .card-header .dt {
    color: #2c2c34;
    max-width: 50px;
    text-align: center
}

.page-home-s3 .news-list .card .card-header .dt .date {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1
}

.page-home-s3 .news-list .card .card-header .type {
    color: #f5f9fd;
    display: none;
    font-family: Franklin Gothic Medium, Arial Narrow, Arial, sans-serif;
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    right: -1rem;
    text-transform: uppercase;
    top: -.3rem
}

@media (min-width: 1200px) {
    .page-home-s3 .news-list .card .card-header .type {
        font-size: 4.8rem
    }
}

.page-home-s3 .news-list .card .card-body h3.title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 768px) {
    .page-home-s3 .news-list .card .card-body h3.title {
        font-size: 1.125rem
    }
}

.page-home-s4 {
    background-size: 70% auto;
    position: relative;
    z-index: 200
}

@media (min-width: 768px) {
    .page-home-s4 {
        background-size: 60% auto
    }
}

@media (min-width: 992px) {
    .page-home-s4 {
        background: url(../image/bg_4.png) no-repeat left 0 bottom -2rem;
        background-size: 40% auto
    }
}

@media (min-width: 1200px) {
    .page-home-s4 {
        background: url(../image/bg_4.png) no-repeat left -3rem bottom -1rem;
        background-size: auto
    }
}

.page-home-s4 .pic {
    margin-bottom: 2rem
}

.page-home-s4 .contact {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .page-home-s4 .contact {
        margin-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .page-home-s4 .contact {
        margin-bottom: 0
    }
}

.page-home-s4 .contact h3 {
    line-height: 1.5
}

@media (min-width: 992px) {
    .page-home-s4 .contact h3 {
        margin-bottom: 1.5rem
    }
}

.page-home-s4 .col-auto {
    display: none
}

@media (min-width: 992px) {
    .page-home-s4 .col-auto {
        display: block
    }
}

.page-home-s4 .col {
    text-align: center
}

.page-home-s4 .by {
    color: #0065c0
}

.page-about-s1 {
    padding-top: 5rem
}

@media (min-width: 768px) {
    .page-about-s1 {
        padding-top: 6rem
    }
}

@media (min-width: 992px) {
    .page-about-s1 {
        padding-top: 7rem
    }
}

@media (min-width: 1200px) {
    .page-about-s1 {
        padding-top: 8rem
    }
}

@media (min-width: 1400px) {
    .page-about-s1 {
        padding-top: 9rem
    }
}

.page-about-s1 .title {
    max-width: 410px;
    padding-bottom: 3rem;
    padding-top: 3rem;
    position: relative
}

@media (min-width: 768px) {
    .page-about-s1 .title {
        text-align: center
    }
}

@media (min-width: 992px) {
    .page-about-s1 .title {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
}

@media (min-width: 1200px) {
    .page-about-s1 .title {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .title {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.page-about-s1 .title:before {
    background: url(../image/sangjiao-right.svg) no-repeat 50%;
    background-size: contain;
    content: " ";
    display: block;
    height: 181px;
    left: -.75rem;
    position: absolute;
    top: -1rem;
    width: 70px;
    z-index: -1
}

@media (min-width: 768px) {
    .page-about-s1 .title:before {
        height: 80px;
        top: 0;
        width: 60px
    }
}

@media (min-width: 992px) {
    .page-about-s1 .title:before {
        height: 100px;
        top: 0;
        width: 80px
    }
}

@media (min-width: 1200px) {
    .page-about-s1 .title:before {
        height: 146px;
        top: -1rem;
        width: 120px
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .title:before {
        height: 160px;
        top: 0;
        width: 160px
    }
}

.page-about-s1 .title:after {
    background: url(../image/sangjiao-left.svg) no-repeat 50%;
    background-size: contain;
    content: " ";
    display: block;
    height: 181px;
    position: absolute;
    right: -.75rem;
    top: -1rem;
    width: 70px;
    z-index: -1
}

@media (min-width: 768px) {
    .page-about-s1 .title:after {
        bottom: 0;
        height: 80px;
        top: auto;
        width: 60px
    }
}

@media (min-width: 992px) {
    .page-about-s1 .title:after {
        bottom: 0;
        height: 90px;
        top: auto;
        width: 80px
    }
}

@media (min-width: 1200px) {
    .page-about-s1 .title:after {
        bottom: -1rem;
        height: 146px;
        top: auto;
        width: 120px
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .title:after {
        bottom: 0;
        height: 160px;
        top: auto;
        width: 160px
    }
}

.page-about-s1 .nav-container {
    overflow-x: auto;
    width: 100%
}

@media (min-width: 992px) {
    .page-about-s1 .nav-container {
        overflow-x: unset
    }
}

.page-about-s1 .sub-menus {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

@media (min-width: 768px) {
    .page-about-s1 .sub-menus {
        grid-gap: 2rem;
        display: grid;
        grid-template-columns:1fr 1fr 1fr;
        margin-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .page-about-s1 .sub-menus {
        margin-bottom: 0
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .sub-menus {
        grid-gap: 3rem
    }
}

.page-about-s1 .sub-menus li {
    display: inline-block;
    margin-right: 1rem
}

@media (min-width: 768px) {
    .page-about-s1 .sub-menus li {
        display: block;
        margin-right: 0
    }
}

.page-about-s1 .sub-menus li a {
    border-bottom: 1px solid #2c2c34;
    display: block;
    overflow: hidden;
    padding: 1rem 1.5rem;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .page-about-s1 .sub-menus li a {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (min-width: 1200px) {
    .page-about-s1 .sub-menus li a {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .sub-menus li a {
        padding-bottom: 2.2rem;
        padding-top: 2.2rem
    }
}

.page-about-s1 .sub-menus li a:before {
    background: url(../image/sangjiao-right.svg) no-repeat 50%;
    background-size: contain;
    left: -40px
}

.page-about-s1 .sub-menus li a:after, .page-about-s1 .sub-menus li a:before {
    content: " ";
    display: block;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 40px;
    z-index: -1
}

.page-about-s1 .sub-menus li a:after {
    background: url(../image/sangjiao-left.svg) no-repeat 50%;
    background-size: contain;
    right: -40px
}

.page-about-s1 .sub-menus li a span {
    bottom: 0;
    color: #ecf2f8;
    font-family: Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-weight: 900;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%, 100%);
    transition: all .3s;
    white-space: nowrap
}

@media (min-width: 1400px) {
    .page-about-s1 .sub-menus li a span {
        font-size: 3.125rem
    }
}

@media (min-width: 1600px) {
    .page-about-s1 .sub-menus li a span {
        font-size: 3.75rem
    }
}

.page-about-s1 .sub-menus li a:hover {
    border-bottom: 1px solid #0065c0
}

.page-about-s1 .sub-menus li a:hover:after {
    right: -20px
}

@media (min-width: 1200px) {
    .page-about-s1 .sub-menus li a:hover:after {
        right: -10px;
        right: 0
    }
}

.page-about-s1 .sub-menus li a:hover:before {
    left: -20px
}

@media (min-width: 1200px) {
    .page-about-s1 .sub-menus li a:hover:before {
        left: -10px
    }
}

@media (min-width: 1400px) {
    .page-about-s1 .sub-menus li a:hover:before {
        left: 0
    }
}

.page-about-s2 {
    background: url(../image/about_6.png), linear-gradient(180deg, #fff, #ecf2f8 44.11%);
    background-position: bottom, 50%;
    background-repeat: no-repeat, no-repeat
}

.page-about-s2 .intro {
    line-height: 1.6;
    text-align: justify
}

.page-about-s2 .intro strong {
    color: #2c2c34
}

.page-about-s2 .intro p {
    margin-bottom: 1.5625rem
}

.page-about-s3 {
    background-color: #0065c0;
    background-image: url(../image/about_2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.page-about-s3 .item {
    border-bottom: 1px solid #fff;
    height: 250px;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .page-about-s3 .item {
        border-bottom: none;
        border-right: 1px solid #fff;
        height: 360px
    }
}

@media (min-width: 992px) {
    .page-about-s3 .item {
        height: 560px
    }
}

.page-about-s3 .item .bg {
    color: rgba(245, 249, 253, .2);
    font-family: Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-size: 4.75rem;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 43%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.page-about-s3 .item .txt {
    color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.page-about-s3 .item .txt h3 {
    color: #fff;
    font-weight: 400;
    transition: all .3s
}

.page-about-s3 .item .txt p {
    height: 60px;
    transition: all .3s
}

.page-about-s3 .item .txt:hover h3, .page-about-s3 .item .txt:hover p {
    transform: translateY(-20px)
}

@media (min-width: 768px) {
    .page-about-s3 .item.first {
        border-left: 1px solid #fff
    }
}

.page-about-s3 .item.last {
    border-bottom: none
}

.page-about-s3 .item:hover {
    background: linear-gradient(113.98deg, rgba(0, 101, 192, .8) 20.26%, rgba(0, 101, 192, 0) 96.15%)
}

.page-about-s4 {
    background: url(../image/bg_5.svg) no-repeat 100%;
    background-size: 40% auto
}

.page-about-s4 .left_col .tab-header {
    display: none
}

@media (min-width: 768px) {
    .page-about-s4 .left_col .tab-header {
        display: flex;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0
    }
}

@media (min-width: 992px) {
    .page-about-s4 .left_col .tab-header {
        display: block
    }
}

.page-about-s4 .left_col .tab-header li {
    cursor: pointer;
    flex-basis: 1;
    margin-bottom: 2rem;
    text-align: center;
    transition: all .3s
}

@media (min-width: 992px) {
    .page-about-s4 .left_col .tab-header li {
        border-left: 1px solid #737387;
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .page-about-s4 .left_col .tab-header li {
        margin-bottom: 3rem;
        padding-left: 2rem
    }
}

.page-about-s4 .left_col .tab-header li .years {
    font-family: Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-weight: 700;
    line-height: 1.4
}

.page-about-s4 .left_col .tab-header li .title {
    font-size: smaller
}

@media (min-width: 992px) {
    .page-about-s4 .left_col .tab-header li .title {
        font-size: 1rem
    }
}

.page-about-s4 .left_col .tab-header li:hover {
    color: #0065c0
}

@media (min-width: 992px) {
    .page-about-s4 .left_col .tab-header li:hover {
        padding-left: 1.5rem
    }
}

@media (min-width: 1200px) {
    .page-about-s4 .left_col .tab-header li:hover {
        padding-left: 2.5rem
    }
}

.page-about-s4 .left_col .tab-header li.active {
    border-color: #0065c0;
    color: #0065c0;
    text-shadow: 0 4px 20px rgba(0, 101, 192, .2)
}

@media (min-width: 768px) {
    .page-about-s4 .tab-body {
        display: none
    }
}

.page-about-s4 .tab-body.active {
    display: block
}

.page-about-s4 .pic {
    position: relative
}

.page-about-s4 .pic:before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 101, 192, .1);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: " ";
    display: none;
    height: 35%;
    left: -15px;
    position: absolute;
    top: 7%;
    width: 38%
}

@media (min-width: 768px) {
    .page-about-s4 .pic:before {
        display: block;
        left: -2.5rem
    }
}

.page-about-s4 .pic img {
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media (min-width: 768px) {
    .page-about-s4 .pic img {
        height: auto
    }
}

.page-about-s4 .pic .title2 {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    left: 0;
    padding: .3rem 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    z-index: 100
}

@media (min-width: 768px) {
    .page-about-s4 .pic .title2 {
        display: none
    }
}

@media (min-width: 1200px) {
    .page-about-s4 .list {
        padding-left: 1rem
    }
}

@media (min-width: 1400px) {
    .page-about-s4 .list {
        padding-left: 2rem
    }
}

.page-about-s4 .list h3 {
    margin-bottom: 1rem
}

.page-about-s4 .list ul {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0
}

.page-about-s4 .list ul li {
    margin-bottom: .5rem
}

.page-about-s5 {
    background: url(../image/about_3.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.page-about-s5 .partners {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    margin-bottom: 1rem;
    padding: 1rem
}

@media (min-width: 1200px) {
    .page-about-s5 .partners {
        margin-bottom: 2rem
    }
}

@media (min-width: 1400px) {
    .page-about-s5 .partners {
        padding: 2rem 2rem 1.5rem
    }
}

.page-about-s5 .partners .title {
    margin-bottom: 1.5rem
}

@media (min-width: 992px) {
    .page-about-s5 .partners .title {
        margin-bottom: 0
    }
}

.page-about-s5 .partners .list {
    text-align: center
}

@media (min-width: 992px) {
    .page-about-s5 .partners .list {
        border-left: 1px solid #ecf2f8;
        padding-left: 3rem;
        padding-right: 1rem
    }
}

@media (min-width: 1200px) {
    .page-about-s5 .partners .list {
        padding-left: 5rem;
        padding-right: 2rem
    }
}

@media (min-width: 1400px) {
    .page-about-s5 .partners .list {
        padding-left: 7rem
    }
}

.page-about-s5 .partners .list figure {
    margin: 0 0 1rem
}

@media (min-width: 992px) {
    .page-about-s5 .partners .list figure {
        margin-bottom: 0
    }
}

.page-about-s5 .partners .list figure img {
    display: block;
    margin: 0 auto .8rem
}

.page-about-s5 .partners:last-child {
    margin-bottom: 0
}

.page-about-s6 {
    background: url(../image/about_4.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.page-about-s6 .honor {
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, .4))
}

.page-about-s6 .honor .tab-header {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-about-s6 .honor .tab-header li {
    border-left: 1px solid #737387;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all .3s
}

@media (min-width: 992px) {
    .page-about-s6 .honor .tab-header li {
        display: block
    }
}

@media (min-width: 1200px) {
    .page-about-s6 .honor .tab-header li {
        margin-bottom: 3rem;
        padding-left: 2rem
    }
}

.page-about-s6 .honor .tab-header li .years {
    font-family: Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-weight: 700;
    line-height: 1.4
}

.page-about-s6 .honor .tab-header li:hover {
    color: #0065c0;
    padding-left: 1.5rem
}

@media (min-width: 1200px) {
    .page-about-s6 .honor .tab-header li:hover {
        padding-left: 2.5rem
    }
}

.page-about-s6 .honor .tab-header li.active {
    border-color: #0065c0;
    color: #0065c0;
    text-shadow: 0 4px 20px rgba(0, 101, 192, .2)
}

.page-about-s6 .honor .photo_list {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(44, 44, 52, .12);
    box-shadow: 0 4px 10px rgba(44, 44, 52, .1);
    padding: 1rem 0 2rem 1rem
}

@media (min-width: 768px) {
    .page-about-s6 .honor .photo_list {
        padding: 2rem 1rem 2rem 2rem
    }
}

.page-about-s6 .honor .photo_list .wrap {
    height: 400px;
    overflow-y: auto;
    padding-right: 1rem;
    scrollbar-color: #00f orange;
    scrollbar-width: thin
}

@media (min-width: 992px) {
    .page-about-s6 .honor .photo_list .wrap {
        height: 500px
    }
}

@media (min-width: 1200px) {
    .page-about-s6 .honor .photo_list .wrap {
        height: 550px
    }
}

@media (min-width: 1400px) {
    .page-about-s6 .honor .photo_list .wrap {
        height: 600px
    }
}

@media (min-width: 1600px) {
    .page-about-s6 .honor .photo_list .wrap {
        height: 800px
    }
}

.page-about-s6 .honor .photo_list .wrap::-webkit-scrollbar {
    width: 5px
}

.page-about-s6 .honor .photo_list .wrap::-webkit-scrollbar-track {
    background: 0 0
}

.page-about-s6 .honor .photo_list .wrap::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px
}

.page-about-s6 .honor .photo_list .grid:after {
    clear: both;
    content: "";
    display: block
}

.page-about-s6 .honor .photo_list .grid-item, .page-about-s6 .honor .photo_list .grid-sizer {
    margin-bottom: 1.875rem;
    width: calc(50% - 15px)
}

@media (min-width: 768px) {
    .page-about-s6 .honor .photo_list .grid-item, .page-about-s6 .honor .photo_list .grid-sizer {
        width: calc(33% - 20px)
    }
}

@media (min-width: 992px) {
    .page-about-s6 .honor .photo_list .grid-item, .page-about-s6 .honor .photo_list .grid-sizer {
        width: calc(25% - 25px)
    }
}

.page-about-s6 .honor .photo_list .grid-item a, .page-about-s6 .honor .photo_list .grid-sizer a {
    background-color: #ecf2f8;
    display: block;
    padding: 3px
}

@media (min-width: 992px) {
    .page-about-s6 .honor .photo_list .grid-item a, .page-about-s6 .honor .photo_list .grid-sizer a {
        padding: 6px
    }
}

.page-about-s6 .honor .photo_list .grid-item a img, .page-about-s6 .honor .photo_list .grid-sizer a img {
    display: block;
    width: 200%
}

.page-about-s6 .honor .photo_list .grid-item a:hover, .page-about-s6 .honor .photo_list .grid-sizer a:hover {
    filter: drop-shadow(0 10px 20px rgba(44, 44, 52, .2))
}

.page-about-s6 .statement {
    background: url(../image/about_5.png) no-repeat 50%;
    background-size: cover;
    color: #fff
}

.page-about-s6 .statement .txt {
    max-width: 620px
}

.page-about-s6 .statement .txt .title-section {
    color: #fff;
    margin-bottom: 1rem
}

@media (min-width: 1200px) {
    .page-about-s6 .statement .txt .title-section {
        margin-bottom: 2rem
    }
}

.page-about-s6 .statement .txt h2 {
    color: #fff
}

.page-about-s6 .statement .txt .des {
    font-size: .75rem;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .page-about-s6 .statement .txt .des {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    .page-about-s6 .statement .txt .des {
        font-size: 1rem;
        margin-bottom: 2rem
    }
}

.page-about-s6 .statement .txt h3 {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem
}

@media (min-width: 1200px) {
    .page-about-s6 .statement .txt h3 {
        margin-bottom: 1.5rem
    }
}

.page-about-s6 .statement .txt ol {
    font-size: .75rem;
    padding-left: 1.2rem
}

@media (min-width: 768px) {
    .page-about-s6 .statement .txt ol {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    .page-about-s6 .statement .txt ol {
        font-size: 1rem
    }
}

@media (min-width: 992px) {
    .news-body {
        background-image: url(../image/bg_10.svg), url(../image/bg_11.svg), url(../image/bg_11.svg);
        background-position: left top 750px, right top -120px, right top 210vh;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 39% auto, 69.6% auto, 49.6% auto
    }
}

.page-news-s1 .news-wrap {
    background-image: url(../image/bg_11.svg);
    background-position: right top 0;
    background-repeat: no-repeat;
    background-size: 8% auto;
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    padding: 1.25rem;
    position: relative
}

@media (min-width: 1200px) {
    .page-news-s1 .news-wrap {
        padding: 2.5rem
    }
}

.page-news-s1 .news-wrap .swiper-horizontal > .swiper-pagination-bullets, .page-news-s1 .news-wrap .swiper-pagination-bullets.swiper-pagination-horizontal, .page-news-s1 .news-wrap .swiper-pagination-custom, .page-news-s1 .news-wrap .swiper-pagination-fraction {
    bottom: -3rem
}

.page-news-s1 .newsSwipers .swiper-slide .pic {
    display: block
}

.page-news-s1 .newsSwipers .swiper-slide .pic img {
    width: 100%
}

.page-news-s1 .newsSwipers .txt-container {
    height: 100%
}

.page-news-s1 .newsSwipers .txt-container .txt {
    padding: 1rem 0 3rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 992px) {
    .page-news-s1 .newsSwipers .txt-container .txt {
        padding: 1rem 1rem 1rem 3rem
    }
}

.page-news-s1 .newsSwipers .txt-container .txt .dt {
    margin-bottom: 1rem;
    text-align: center;
    width: 65px
}

.page-news-s1 .newsSwipers .txt-container .txt .dt .date {
    color: #2c2c34;
    font-weight: 700;
    line-height: 1
}

.page-news-s1 .newsSwipers .txt-container .txt .dt .month {
    white-space: nowrap
}

.page-news-s1 .newsSwipers .txt-container .txt h3 {
    margin-bottom: 1rem
}

.page-news-s1 .newsSwipers .txt-container .txt .bot {
    display: none;
    text-align: center
}

@media (min-width: 992px) {
    .page-news-s1 .newsSwipers .txt-container .txt .bot {
        text-align: right
    }
}

@media (min-width: 1600px) {
    .page-news-s1 .newsSwipers .txt-container .txt .bot {
        display: block;
        padding-top: 2rem
    }
}

.page-news-s1 .newsSwipers .txt-container:hover .txt .dt, .page-news-s1 .newsSwipers .txt-container:hover .txt .dt .date, .page-news-s1 .newsSwipers .txt-container:hover .txt h3 {
    color: #0065c0
}

.page-news-s1 .swiper-pagination-bullet {
    border-radius: 0;
    height: 3px;
    width: 30px
}

.page-news-s1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0065c0
}

.page-news-s2 .news-list {
    margin-bottom: 2rem
}

.page-news-s2 .news-list .item {
    background: #fff;
    border: 1px solid #ecf2f8;
    margin-bottom: 1.25rem;
    padding: 1rem;
    position: relative
}

@media (min-width: 992px) {
    .page-news-s2 .news-list .item {
        border: none;
        border-bottom: 1px solid #ecf2f8;
        margin-bottom: 0;
        padding: 1.25rem
    }
}

@media (min-width: 1200px) {
    .page-news-s2 .news-list .item {
        padding: 2.5rem
    }
}

.page-news-s2 .news-list .item .pic {
    display: block;
    margin-bottom: 1rem
}

.page-news-s2 .news-list .item .txt .date {
    color: #737387
}

.page-news-s2 .news-list .item .txt .title {
    margin-bottom: 1rem
}

@media (min-width: 1200px) {
    .page-news-s2 .news-list .item .txt .title {
        margin-bottom: 1.5rem
    }
}

.page-news-s2 .news-list .item .txt .des {
    display: none
}

@media (min-width: 992px) {
    .page-news-s2 .news-list .item .txt .des {
        display: block;
        margin-bottom: 2rem
    }
}

.page-news-s2 .news-list .item:hover {
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    z-index: 100
}

.page-news-s2 .news-list .item:hover .dt, .page-news-s2 .news-list .item:hover .dt .date, .page-news-s2 .news-list .item:hover h3.title a {
    color: #0065c0
}

.page-vision-s1 .vision-wrap {
    margin: 0 auto;
    max-width: 1920px
}

.page-vision-s1 .vision-wrap .visionSwipers {
    padding-bottom: 4rem;
    position: relative
}

.page-vision-s1 .vision-wrap .item {
    background: #fff;
    border-bottom: 1px solid #ecf2f8;
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    padding: .9375rem
}

@media (min-width: 768px) {
    .page-vision-s1 .vision-wrap .item {
        padding: 1.25rem
    }
}

@media (min-width: 1200px) {
    .page-vision-s1 .vision-wrap .item {
        padding: 1.875rem
    }
}

@media (min-width: 1400px) {
    .page-vision-s1 .vision-wrap .item {
        padding: 2.5rem
    }
}

.page-vision-s1 .vision-wrap .item .txt {
    margin-bottom: 1rem;
    padding-left: 80px;
    position: relative
}

@media (min-width: 992px) {
    .page-vision-s1 .vision-wrap .item .txt {
        margin-bottom: 2rem
    }
}

.page-vision-s1 .vision-wrap .item .dt {
    left: 0;
    padding-right: 2rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 65px
}

.page-vision-s1 .vision-wrap .item .dt .date {
    color: #2c2c34;
    font-size: 2.5rem;
    font-weight: bolder;
    line-height: 1
}

.page-vision-s1 .vision-wrap .item .dt .month {
    font-size: 12px;
    line-height: 1;
    white-space: nowrap
}

.page-vision-s1 .vision-wrap .item h3 {
    font-size: 1.125rem;
    margin: 0;
    overflow: hidden;
    padding-top: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 768px) {
    .page-vision-s1 .vision-wrap .item h3 {
        font-size: 1.5rem
    }
}

@media (min-width: 992px) {
    .page-vision-s1 .vision-wrap .item h3 {
        font-size: 1.125rem
    }
}

@media (min-width: 1200px) {
    .page-vision-s1 .vision-wrap .item h3 {
        font-size: 1.25rem
    }
}

@media (min-width: 1400px) {
    .page-vision-s1 .vision-wrap .item h3 {
        font-size: 1.5rem
    }
}

@media (min-width: 1600px) {
    .page-vision-s1 .vision-wrap .item h3 {
        font-size: 2rem
    }
}

.page-vision-s1 .vision-wrap .item .pic {
    display: block
}

.page-vision-s1 .vision-wrap .item .pic img {
    width: 100%
}

.page-vision-s1 .vision-wrap .item:hover .dt .date, .page-vision-s1 .vision-wrap .item:hover .dt .month, .page-vision-s1 .vision-wrap .item:hover h3 a {
    color: #0065c0
}

.page-vision-s1 .swiper-pagination-bullet {
    border-radius: 0;
    height: 3px;
    width: 30px
}

.page-vision-s2 .vision-list {
    margin-bottom: 2rem
}

@media (min-width: 1200px) {
    .page-vision-s2 .vision-list {
        margin-bottom: 3rem
    }
}

@media (min-width: 1400px) {
    .page-vision-s2 .vision-list {
        margin-bottom: 4rem
    }
}

.page-vision-s2 .vision-list .item {
    background: #fff;
    border-bottom: 1px solid #ecf2f8;
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    padding: 1.25rem
}

@media (min-width: 1200px) {
    .page-vision-s2 .vision-list .item {
        padding: 1.875rem
    }
}

@media (min-width: 1400px) {
    .page-vision-s2 .vision-list .item {
        padding: 2.5rem
    }
}

.page-vision-s2 .vision-list .item .txt {
    margin-bottom: 1rem
}

.page-vision-s2 .vision-list .item .dt {
    margin-bottom: 1rem;
    padding-right: 2rem;
    text-align: center;
    width: 65px
}

@media (min-width: 1200px) {
    .page-vision-s2 .vision-list .item .dt {
        margin-bottom: 2rem
    }
}

.page-vision-s2 .vision-list .item .dt .date {
    color: #2c2c34;
    font-size: 2.5rem;
    font-weight: bolder;
    line-height: 1
}

.page-vision-s2 .vision-list .item .dt .month {
    font-size: 12px;
    line-height: 1;
    white-space: nowrap
}

.page-vision-s2 .vision-list .item h3 {
    font-size: 1rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 1400px) {
    .page-vision-s2 .vision-list .item h3 {
        font-size: 1.125rem;
        margin-bottom: 1.5rem
    }
}

.page-vision-s2 .vision-list .item .pic {
    display: block
}

.page-vision-s2 .vision-list .item .pic img {
    width: 100%
}

.page-news-detail {
    padding-top: 5rem
}

@media (min-width: 992px) {
    .page-news-detail {
        padding-top: 8rem
    }
}

@media (min-width: 1200px) {
    .page-news-detail {
        padding-top: 10rem
    }
}

@media (min-width: 1400px) {
    .page-news-detail {
        padding-top: 12rem
    }
}

.page-news-detail .left_col {
    background: #fff;
    background-image: url(../image/bg_10.svg), url(../image/bg_11.svg);
    background-position: left top 420px, right top 330px;
    background-repeat: no-repeat, no-repeat;
    background-size: 28% auto, 28% auto;
    border: 1px solid #ecf2f8;
    padding-top: 3rem
}

@media (min-width: 1400px) {
    .page-news-detail .left_col {
        padding-top: 4rem
    }
}

@media (min-width: 1600px) {
    .page-news-detail .left_col {
        padding-top: 6rem
    }
}

.page-news-detail .left_col figure {
    color: #2c2c34;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center
}

@media (min-width: 1200px) {
    .page-news-detail .left_col figure {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1400px) {
    .page-news-detail .left_col figure {
        margin-bottom: 5rem
    }
}

.page-news-detail .left_col figure img {
    margin-bottom: 1rem
}

.page-news-detail .left_col .news_nav {
    padding: 1.25rem
}

@media (min-width: 1400px) {
    .page-news-detail .left_col .news_nav {
        padding: 2rem
    }
}

.page-news-detail .left_col .news_nav dl {
    margin-bottom: 2rem
}

.page-news-detail .left_col .news_nav dl dt {
    color: #737387
}

.page-news-detail .left_col .news_nav a {
    border-bottom: 1px solid #ecf2f8;
    display: block;
    overflow: hidden;
    padding: 1rem 0 2rem;
    position: relative
}

.page-news-detail .left_col .news_nav a span {
    bottom: 0;
    color: #ecf2f8;
    font-family: Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-weight: 900;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%, 100%);
    transition: all .3s;
    white-space: nowrap
}

@media (min-width: 1400px) {
    .page-news-detail .left_col .news_nav a span {
        font-size: 3.125rem
    }
}

@media (min-width: 1600px) {
    .page-news-detail .left_col .news_nav a span {
        font-size: 3.75rem
    }
}

.page-news-detail .left_col .news_nav a:hover {
    border-bottom: 1px solid #0065c0;
    color: #0065c0
}

.page-news-detail .left_col .news_nav a:hover:after {
    background-image: url(../image/icon-right-blue.svg);
    right: 0
}

.page-news-detail .left_col .news_nav a:hover span {
    transform: translate(-50%, 30%)
}

.page-news-detail .news-header {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .page-news-detail .news-header {
        margin-bottom: 2rem;
        padding-bottom: 1rem
    }
}

.page-news-detail .news-header h1 {
    color: #333;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .page-news-detail .news-header h1 {
        margin-bottom: 2rem
    }
}

.page-news-detail .news-header .date {
    color: #999
}

.page-news-detail .content {
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .page-news-detail .content {
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .page-news-detail .content {
        margin-bottom: 3rem;
        padding-bottom: 3rem
    }
}

.page-news-detail .content p {
    text-align: justify
}

.page-news-detail .content img {
    height: auto
}

.page-news-detail .content figure {
    margin-bottom: 1rem;
    margin-top: 1rem
}

@media (min-width: 1400px) {
    .page-news-detail .content figure {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .page-join-s1 .txt {
        padding-right: 1.5rem
    }
}

.page-join-s1 .txt h3 {
    margin-bottom: 1rem
}

@media (min-width: 1400px) {
    .page-join-s1 .txt h3 {
        margin-bottom: 1.5rem
    }
}

.page-join-s1 .pic {
    position: relative
}

.page-join-s1 .pic:before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 101, 192, .1);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: " ";
    display: block;
    height: 35%;
    left: -2rem;
    position: absolute;
    top: 7%;
    width: 16%
}

.page-join-s1 .pic img {
    width: 100%
}

.page-join-s2 {
    position: relative
}

.page-join-s2 .txt-container {
    left: 0;
    margin-bottom: 1rem;
    padding-left: 21.5%;
    padding-top: 5rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200
}

@media (min-width: 768px) {
    .page-join-s2 .txt-container {
        padding-top: 9rem
    }
}

@media (min-width: 992px) {
    .page-join-s2 .txt-container {
        padding-top: 0;
        top: 23%
    }
}

.page-join-s2 .txt-container .title {
    background: linear-gradient(113.98deg, rgba(0, 101, 192, .8) 20.26%, rgba(0, 101, 192, 0) 96.15%);
    color: #fff;
    margin-bottom: 2rem;
    padding: 1rem 20%
}

@media (min-width: 768px) {
    .page-join-s2 .txt-container .title {
        font-size: 1.125rem;
        padding: 2rem 20%
    }
}

@media (min-width: 992px) {
    .page-join-s2 .txt-container .title {
        margin-bottom: 0;
        padding: 3rem 20%;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .page-join-s2 .txt-container .title {
        padding: 4rem 20%
    }
}

@media (min-width: 1400px) {
    .page-join-s2 .txt-container .title {
        font-size: 1.75rem;
        padding: 5rem 20%
    }
}

.page-join-s2 .txt-container .title2 {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(113.98deg, rgba(0, 101, 192, .8) 20.26%, rgba(0, 101, 192, 0) 96.15%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.5rem;
    font-weight: 700;
    left: 1rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0
}

@media (min-width: 768px) {
    .page-join-s2 .txt-container .title2 {
        left: 2rem
    }
}

@media (min-width: 992px) {
    .page-join-s2 .txt-container .title2 {
        left: 0;
        position: relative
    }
}

@media (min-width: 768px) {
    .page-join-s2 .txt-container .title2 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .page-join-s2 .txt-container .title2 {
        font-size: 3rem;
        padding-right: 12%;
        text-align: right
    }
}

@media (min-width: 1200px) {
    .page-join-s2 .txt-container .title2 {
        font-size: 4rem
    }
}

@media (min-width: 1400px) {
    .page-join-s2 .txt-container .title2 {
        font-size: 4.75rem;
        margin-bottom: .8rem
    }
}

.page-join-s2 .txt-container .action-link {
    padding-right: 12px;
    text-align: center;
    text-align: right
}

@media (min-width: 768px) {
    .page-join-s2 .txt-container .action-link {
        padding-right: 18%
    }
}

@media (min-width: 992px) {
    .page-join-s2 .txt-container .action-link {
        padding-right: 18%
    }
}

.page-join-s2 .social {
    padding-top: 3rem;
    position: relative
}

@media (min-width: 768px) {
    .page-join-s2 .social {
        padding-top: 4rem
    }
}

@media (min-width: 992px) {
    .page-join-s2 .social {
        padding-top: 0
    }
}

.page-join-s2 .social .pic {
    position: relative;
    width: 100%;
    width: 75%;
    z-index: 100
}

@media (min-width: 992px) {
    .page-join-s2 .social .pic {
        width: 67.5%
    }
}

.page-join-s2 .social:after {
    background-color: #f5f9fd;
    bottom: 0;
    content: " ";
    display: block;
    height: 70%;
    position: absolute;
    right: 0;
    width: 67.5%;
    z-index: 1
}

@media (min-width: 992px) {
    .page-join-s2 .social:after {
        height: 84.84%
    }

    .page-join-s2.page-join-s3 .txt-container {
        padding-left: 0;
        padding-right: 21.5%
    }

    .page-join-s2.page-join-s3 .txt-container .title {
        background: linear-gradient(-113.98deg, rgba(0, 101, 192, .8) 20.26%, rgba(0, 101, 192, 0) 96.15%);
        text-align: right
    }

    .page-join-s2.page-join-s3 .txt-container .title2 {
        padding-left: 12%;
        padding-right: 0;
        text-align: left
    }

    .page-join-s2.page-join-s3 .txt-container .action-link {
        padding-left: 18%;
        padding-right: 0;
        text-align: left
    }

    .page-join-s2.page-join-s3 .social .pic {
        margin: 0 0 0 auto
    }

    .page-join-s2.page-join-s3 .social:after {
        left: 0;
        right: auto
    }
}

.page-join-s4 {
    background: linear-gradient(180deg, #fff 11.67%, hsla(0, 0%, 100%, 0)), url(../image/join_4.jpg);
    background-position: 50%, bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover
}

.page-join-s4 .des {
    margin-bottom: 2rem
}

@media (min-width: 1200px) {
    .page-join-s4 .des {
        margin-bottom: 2rem
    }
}

.page-join-s4 .fuli .card {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    height: 100%;
    padding: 0 1rem 1rem
}

@media (min-width: 1200px) {
    .page-join-s4 .fuli .card {
        padding: .5rem 2rem 1.5rem
    }
}

.page-join-s4 .fuli .card .num {
    color: #ecf2f8;
    font-size: 3.375rem;
    font-weight: 700
}

.page-join-s4 .fuli .card:hover {
    background: #0065c0 url(../image/bg_8.svg) no-repeat;
    color: #fff
}

.page-join-s4 .fuli .card:hover .iconColor {
    fill: #fff
}

.page-join-s4 .fuli .card p {
    margin: 0
}

.page-join-s4 svg {
    height: 80px;
    width: 80px
}

@media (min-width: 1200px) {
    .page-join-s4 svg {
        height: 100px;
        width: 100px
    }
}

@media (min-width: 1400px) {
    .page-join-s4 svg {
        height: 120px;
        width: 120px
    }
}

@media (min-width: 1600px) {
    .page-join-s4 svg {
        height: 140px;
        width: 140px
    }
}

.page-products-s1 .products {
    background: rgba(44, 44, 52, .02);
    padding: 4rem 1rem 2rem;
    position: relative
}

@media (min-width: 768px) {
    .page-products-s1 .products {
        padding: 5rem 2rem 2rem
    }
}

@media (min-width: 1200px) {
    .page-products-s1 .products {
        padding: 9rem 2rem 2rem
    }
}

.page-products-s1 .products .title {
    background: linear-gradient(113.98deg, rgba(0, 101, 192, .8) 20.26%, rgba(0, 101, 192, .08) 96.15%);
    color: #fff;
    font-weight: 700;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateY(-50%);
    width: 70%
}

@media (min-width: 768px) {
    .page-products-s1 .products .title {
        height: 80px;
        line-height: 80px;
        width: 50%
    }
}

@media (min-width: 1600px) {
    .page-products-s1 .products .title {
        height: 180px;
        line-height: 180px;
        width: 544px
    }
}

.page-products-s1 .products .card {
    background-color: #fff;
    display: block;
    height: 100%;
    min-height: 250px
}

.page-products-s1 .products .card .card-header {
    border-bottom: 1px solid #ecf2f8;
    margin: 0 1rem;
    padding-top: 1rem
}

@media (min-width: 1400px) {
    .page-products-s1 .products .card .card-header {
        margin: 0 2rem
    }
}

.page-products-s1 .products .card .card-header .pic {
    padding-left: 1rem
}

.page-products-s1 .products .card .card-body {
    word-wrap: break-word;
    color: #999;
    padding: 1rem;
    word-break: break-all
}

@media (min-width: 1400px) {
    .page-products-s1 .products .card .card-body {
        padding: 2
    }
}

.page-products-s1 .products .card .card-body.logo5g {
    background: url(../image/bg_9.svg) no-repeat 100%
}

.page-products-s1 .products .card:hover {
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1)
}

.page-products-s1 .products .card:hover .val {
    color: #0065c0
}

.page-products-s1 .products .card .note {
    padding: 1rem;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 1400px) {
    .page-products-s1 .products .card .note {
        padding: 2
    }
}

.page-products-s1 .products .card.no_link:hover {
    box-shadow: none
}

.page-products-s2 .title-section h2 {
    font-weight: 400
}

.page-products-s2 .products .item {
    margin: 0 auto;
    max-width: 400px
}

.page-products-s2 .products .item .pic {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    text-align: center
}

@media (min-width: 1400px) {
    .page-products-s2 .products .item .pic {
        margin-bottom: 1.5rem
    }
}

.page-products-s2 .products .item .title {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem
}

@media (min-width: 1400px) {
    .page-products-s2 .products .item .title {
        margin-bottom: 1.5rem
    }
}

.page-products-s2 .products .item .des dt {
    font-weight: 400;
    margin-bottom: .5rem
}

.page-products-s2 .products .item .des ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.product-detail-body {
    background-image: url(../image/bg_10.svg);
    background-position: left top 100px;
    background-repeat: no-repeat;
    background-size: 39% auto
}

.page-product-detail-s1 {
    padding-top: 5rem
}

@media (min-width: 992px) {
    .page-product-detail-s1 {
        padding-top: 2rem
    }
}

@media (min-width: 1200px) {
    .page-product-detail-s1 {
        padding-top: 6rem
    }
}

@media (min-width: 1400px) {
    .page-product-detail-s1 {
        padding-top: 9rem
    }
}

.page-product-detail-s1 .model {
    color: #0065c0
}

.page-product-detail-s2 .list .item {
    border-bottom: 1px solid #f5f9fd
}

@media (min-width: 768px) {
    .page-product-detail-s2 .list .item:nth-child(odd) {
        background: #f5f9fd
    }
}

.page-product-detail-s2 .list .item .title {
    background-color: #ecf2f8;
    padding: .3rem 1rem
}

@media (min-width: 768px) {
    .page-product-detail-s2 .list .item .title {
        background-color: transparent;
        padding: 1rem 2rem
    }
}

.page-product-detail-s2 .list .item .des {
    border-left: 1px solid #ecf2f8;
    padding: 1rem
}

@media (min-width: 768px) {
    .page-product-detail-s2 .list .item .des {
        padding: 1rem 2rem
    }
}

.page-product-detail-s3 .apps .item {
    overflow: hidden;
    position: relative
}

.page-product-detail-s3 .apps .item img {
    width: 100%
}

.page-product-detail-s3 .apps .item .title {
    color: #2c2c34;
    left: 50%;
    position: absolute;
    top: 10%;
    transform: translateX(-50%);
    transition: all .3s;
    white-space: nowrap;
    z-index: 300
}

.page-product-detail-s3 .apps .item:after {
    background: linear-gradient(180deg, #ecf2f8 21.88%, rgba(236, 242, 248, .2));
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 100
}

.page-product-detail-s3 .apps .item:hover .title {
    top: -60px
}

.page-product-detail-s3 .apps .item:hover:after {
    opacity: 0
}

@media (min-width: 992px) {
    .contact-body {
        background-image: url(../image/bg_10.svg), url(../image/bg_11.svg);
        background-position: left top 750px, right top -120px;
        background-repeat: no-repeat, no-repeat;
        background-size: 39% auto, 69.6% auto
    }
}

.page-contact-s1 .offices .card {
    background-color: #fff;
    border-bottom: 1px solid #ecf2f8;
    height: 80px;
    overflow: hidden;
    transition: all .3s
}

@media (min-width: 768px) {
    .page-contact-s1 .offices .card {
        height: 128px
    }
}

.page-contact-s1 .offices .card:first-child {
    background-image: url(../image/bg_12.svg);
    background-position: right -150px top -1.5rem;
    background-repeat: no-repeat;
    background-size: 100px auto
}

@media (min-width: 768px) {
    .page-contact-s1 .offices .card:first-child {
        background-size: auto auto
    }
}

.page-contact-s1 .offices .card:first-child.open {
    background-position: right top -1.5rem
}

.page-contact-s1 .offices .card .card-header {
    cursor: pointer
}

.page-contact-s1 .offices .card .card-header h3 {
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0 1rem
}

@media (min-width: 768px) {
    .page-contact-s1 .offices .card .card-header h3 {
        height: 128px;
        line-height: 128px;
        padding: 0 2rem
    }
}

.page-contact-s1 .offices .card .card-body {
    display: none;
    padding: 1rem
}

@media (min-width: 768px) {
    .page-contact-s1 .offices .card .card-body {
        padding: 0 6rem 2rem 2rem
    }
}

.page-contact-s1 .offices .card .card-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-contact-s1 .offices .card .card-body ul li {
    padding: .4rem 0
}

.page-contact-s1 .offices .card.open {
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    height: 315px
}

.page-contact-s1 .offices .card.open .card-body {
    display: block
}

.page-contact-s1 .map-gaode {
    background-color: #fff;
    height: 100%;
    min-height: 400px
}

.page-contact-s1-news .tab-header {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.page-contact-s1-news .tab-header li {
    cursor: pointer;
    display: inline-block;
    padding: .6rem .7rem
}

@media (min-width: 768px) {
    .page-contact-s1-news .tab-header li {
        padding: 1rem 1.5rem
    }
}

.page-contact-s1-news .tab-header li.current {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: -4px -4px 7px rgba(0, 101, 192, .1)
}

.page-contact-s1-news .offices .card {
    background-color: #fff;
    border-bottom: 1px solid #ecf2f8;
    display: none;
    overflow: hidden;
    transition: all .3s
}

.page-contact-s1-news .offices .card:first-child {
    background-image: url(../image/bg_12.svg);
    background-position: right -150px top -1.5rem;
    background-repeat: no-repeat;
    background-size: 100px auto
}

@media (min-width: 768px) {
    .page-contact-s1-news .offices .card:first-child {
        background-size: auto auto
    }
}

.page-contact-s1-news .offices .card:first-child.open {
    background-position: right top -1.5rem
}

.page-contact-s1-news .offices .card .card-body {
    padding: 1rem
}

@media (min-width: 768px) {
    .page-contact-s1-news .offices .card .card-body {
        padding: 2rem 3rem
    }
}

@media (min-width: 992px) {
    .page-contact-s1-news .offices .card .card-body {
        padding: 1rem
    }
}

@media (min-width: 1200px) {
    .page-contact-s1-news .offices .card .card-body {
        padding: 2rem 3rem
    }
}

@media (min-width: 1400px) {
    .page-contact-s1-news .offices .card .card-body {
        padding: 3rem 5rem
    }
}

.page-contact-s1-news .offices .card .card-body .item {
    height: 100%;
    padding: .3rem 1rem
}

@media (min-width: 992px) {
    .page-contact-s1-news .offices .card .card-body .item {
        border-left: 1px solid #ddd;
        padding: 1rem 2rem
    }
}

.page-contact-s1-news .offices .card .card-body .item.first {
    border-left: none
}

.page-contact-s1-news .offices .card.open {
    box-shadow: 0 4px 20px rgba(0, 101, 192, .1);
    display: block
}

.page-contact-s1-news .map-gaode {
    background-color: #fff;
    height: 100%;
    min-height: 400px
}

.page-contact-s2 {
    margin-bottom: 3rem
}

@media (min-width: 992px) {
    .page-contact-s2 {
        margin-bottom: 0
    }
}

.page-contact-s2 .form-container {
    background: #ecf2f8
}

.page-contact-s2 .form-container .title {
    color: #0065c0
}

@media (min-width: 1200px) {
    .page-contact-s2 .form-container .title {
        margin-bottom: 1.5rem
    }
}

.page-contact-s2 .form-container p.des a {
    color: #0065c0
}

.page-contact-s2 .form-container .with_frm_style {
    --field-height: 32px
}

@media (min-width: 1200px) {
    .page-contact-s2 .form-container .with_frm_style {
        --field-height: 40px
    }
}

@media (min-width: 1400px) {
    .page-contact-s2 .form-container .with_frm_style {
        --field-height: 50px
    }
}

@media (min-width: 1600px) {
    .page-contact-s2 .form-container .with_frm_style {
        --field-height: 60px
    }
}

.page-contact-s2 .form-container .frm_form_field {
    margin-bottom: 1rem
}

.page-contact-s2 .form-container .frm_form_fields_active_style, .page-contact-s2 .form-container .frm_form_fields_error_style, .page-contact-s2 .form-container .frm_form_fields_style, .page-contact-s2 .form-container .with_frm_style .chosen-container-multi .chosen-choices, .page-contact-s2 .form-container .with_frm_style .chosen-container-single .chosen-single, .page-contact-s2 .form-container .with_frm_style .frm-card-element.StripeElement, .page-contact-s2 .form-container .with_frm_style .frm_scroll_box .frm_opt_container, .page-contact-s2 .form-container .with_frm_style input[type=email], .page-contact-s2 .form-container .with_frm_style input[type=number], .page-contact-s2 .form-container .with_frm_style input[type=password], .page-contact-s2 .form-container .with_frm_style input[type=phone], .page-contact-s2 .form-container .with_frm_style input[type=search], .page-contact-s2 .form-container .with_frm_style input[type=tel], .page-contact-s2 .form-container .with_frm_style input[type=text], .page-contact-s2 .form-container .with_frm_style input[type=url], .page-contact-s2 .form-container .with_frm_style select, .page-contact-s2 .form-container .with_frm_style textarea {
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding: 0 1rem
}

.page-contact-s2 .form-container .frm_form_fields_active_style:focus, .page-contact-s2 .form-container .frm_form_fields_error_style:focus, .page-contact-s2 .form-container .frm_form_fields_style:focus, .page-contact-s2 .form-container .with_frm_style .chosen-container-multi .chosen-choices:focus, .page-contact-s2 .form-container .with_frm_style .chosen-container-single .chosen-single:focus, .page-contact-s2 .form-container .with_frm_style .frm-card-element.StripeElement:focus, .page-contact-s2 .form-container .with_frm_style .frm_scroll_box .frm_opt_container:focus, .page-contact-s2 .form-container .with_frm_style input[type=email]:focus, .page-contact-s2 .form-container .with_frm_style input[type=number]:focus, .page-contact-s2 .form-container .with_frm_style input[type=password]:focus, .page-contact-s2 .form-container .with_frm_style input[type=phone]:focus, .page-contact-s2 .form-container .with_frm_style input[type=search]:focus, .page-contact-s2 .form-container .with_frm_style input[type=tel]:focus, .page-contact-s2 .form-container .with_frm_style input[type=text]:focus, .page-contact-s2 .form-container .with_frm_style input[type=url]:focus, .page-contact-s2 .form-container .with_frm_style select:focus, .page-contact-s2 .form-container .with_frm_style textarea:focus {
    border-bottom: 1px solid #0065c0
}

.page-contact-s2 .form-container .frm_submit {
    text-align: center
}

.page-contact-s2 .form-box {
    margin: 0 auto;
    max-width: 1200px;
    padding: 1rem
}

.page-contact-s2 .more {
    width: 100%
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 1rem 0 0
}

@media (min-width: 768px) {
    .pagination {
        padding-top: 2rem
    }
}

.pagination li {
    display: inline-block;
    margin: 0
}

.pagination li a {
    background: #f5f9fd;
    color: #ccc;
    display: block;
    height: 38px;
    line-height: 1;
    line-height: 38px;
    margin: 0 .1rem;
    padding: 0 1rem;
    text-align: center
}

.pagination li.active a, .pagination li:hover a {
    background-color: #0065c0;
    color: #fff
}

.pagination li .next, .pagination li .prev {
    border: 1px solid #eee;
    line-height: 36px;
    text-align: center
}

.page-link {
    color: #999
}

.page-link:hover {
    color: #0065c0
}

.page-link .iconfont {
    font-size: .875rem
}

.site-footer {
    padding-top: 2rem;
    position: relative
}

@media (min-width: 1200px) {
    .site-footer {
        padding-top: 2rem
    }
}

@media (min-width: 1400px) {
    .site-footer {
        padding-top: 3rem
    }
}

.site-footer .logo {
    margin-bottom: 2rem;
    text-align: center
}

@media (min-width: 992px) {
    .site-footer .logo {
        text-align: left
    }
}

@media (min-width: 1400px) {
    .site-footer .logo {
        margin-bottom: 1.5rem
    }
}

.site-footer .footer-menus {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 992px) {
    .site-footer .footer-menus {
        display: flex;
        gap: 1.875rem;
        justify-content: stretch;
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .site-footer .footer-menus {
        margin-bottom: 3rem
    }
}

.site-footer .footer-menus > li {
    flex: 1
}

.site-footer .footer-menus > li > a {
    background: url(../image/icon-right-black.svg) no-repeat 100%;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media (min-width: 1400px) {
    .site-footer .footer-menus > li > a {
        font-size: 1.125rem
    }
}

.site-footer .footer-menus > li > a:hover {
    background-image: url(../image/icon-right-blue.svg)
}

.site-footer .footer-menus ul.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.site-footer .footer-menus ul.sub-menu li a {
    color: #737387;
    display: block;
    padding: .3rem 0
}

.site-footer .footer-menus ul.sub-menu li a:hover {
    color: #0065c0
}

.site-footer .bot {
    border-top: 1px solid #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: center
}

@media (min-width: 992px) {
    .site-footer .bot {
        text-align: left
    }
}

@media (min-width: 1400px) {
    .site-footer .bot {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.site-footer .bot a {
    color: #9b9b9b;
    display: block
}

@media (min-width: 992px) {
    .site-footer .bot a {
        display: inline
    }
}

.site-footer .bot a:hover {
    color: #0065c0
}

.site-footer .bot .web_number {
    background: url(../image/guohui.png) no-repeat center top .5rem;
    padding-top: 2rem
}

@media (min-width: 992px) {
    .site-footer .bot .web_number {
        background: url(../image/guohui.png) no-repeat 0;
        padding-left: 1.5rem;
        padding-top: 0
    }
}

.service_box {
    bottom: 1rem;
    display: block;
    position: fixed;
    right: 1rem;
    z-index: 2000
}

@media (min-width: 768px) {
    .service_box {
        bottom: 2rem;
        right: 2rem
    }
}

.service_box a {
    background-color: transparent;
    border: 1px solid #0065c0;
    color: #0065c0;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: .625rem;
    opacity: .7;
    text-align: center;
    transition: all .3s;
    width: 50px
}

@media (min-width: 1200px) {
    .service_box a {
        height: 60px;
        line-height: 60px;
        width: 60px
    }
}

@media (min-width: 1400px) {
    .service_box a {
        height: 70px;
        line-height: 70px;
        margin-bottom: 1.25rem;
        width: 70px
    }
}

@media (min-width: 1600px) {
    .service_box a {
        height: 80px;
        line-height: 80px;
        margin-bottom: 2rem;
        width: 80px
    }
}

.service_box a:hover {
    background: #0065c0 url(../image/bg_6.svg) no-repeat 50%;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    opacity: 1
}

.service_box a .iconfont {
    font-size: 1.5rem
}

@media (min-width: 1400px) {
    .service_box a .iconfont {
        font-size: 2rem
    }
}

.service_box a.wechat {
    position: relative
}

.service_box a.wechat .qr {
    display: none;
    height: 200px;
    left: -210px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    z-index: 100;
    z-index: 10
}

.service_box a.wechat .qr:after {
    border: 6px solid transparent;
    border-left-color: #ecf2f8;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.service_box a.wechat:hover .qr {
    display: block
}

.service_box a.toTop {
    display: block;
    opacity: 0
}

@media print {
    :after, :before {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}