@charset "UTF-8";
#start-resizable-editor-section { display: none }
.wp-block-audio figcaption { margin-top: .5em; margin-bottom: 1em }
.wp-block-audio audio { width: 100%; min-width: 300px }
.wp-block-button__link { color: #fff; background-color: #32373c; border: none; border-radius: 1.55em; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: .667em 1.333em; text-align: center; text-decoration: none; overflow-wrap: break-word }
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited { color: #fff }
.wp-block-button__link.aligncenter { text-align: center }
.wp-block-button__link.alignright { text-align: right }
.wp-block-buttons > .wp-block-button.has-custom-width { max-width: none }
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100% }
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - .5em) }
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - .5em) }
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - .5em) }
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { margin-right: 0; width: 100% }
.wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0 }
.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important }
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { border: 2px solid }
.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { color: #32373c }
.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent }
.wp-block-buttons { display: flex; flex-direction: row; flex-wrap: wrap }
.wp-block-buttons.is-vertical { flex-direction: column }
.wp-block-buttons.is-vertical > .wp-block-button { margin-right: 0 }
.wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0 }
.wp-block-buttons > .wp-block-button { display: inline-block; margin-left: 0; margin-right: .5em; margin-bottom: .5em }
.wp-block-buttons > .wp-block-button:last-child { margin-right: 0 }
.wp-block-buttons.is-content-justification-left { justify-content: flex-start }
.wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start }
.wp-block-buttons.is-content-justification-center { justify-content: center }
.wp-block-buttons.is-content-justification-center.is-vertical { align-items: center }
.wp-block-buttons.is-content-justification-right { justify-content: flex-end }
.wp-block-buttons.is-content-justification-right > .wp-block-button { margin-left: .5em; margin-right: 0 }
.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { margin-left: 0 }
.wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end }
.wp-block-buttons.is-content-justification-space-between { justify-content: space-between }
.wp-block-buttons.aligncenter { text-align: center }
.wp-block-buttons.alignleft .wp-block-button { margin-left: 0; margin-right: .5em }
.wp-block-buttons.alignleft .wp-block-button:last-child { margin-right: 0 }
.wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: .5em }
.wp-block-buttons.alignright .wp-block-button:first-child { margin-left: 0 }
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: .5em; width: 100% }
.wp-block-calendar { text-align: center }
.wp-block-calendar tbody td, .wp-block-calendar th { padding: .25em; border: 1px solid #ddd }
.wp-block-calendar tfoot td { border: none }
.wp-block-calendar table { width: 100%; border-collapse: collapse }
.wp-block-calendar table th { font-weight: 400; background: #ddd }
.wp-block-calendar a { text-decoration: underline }
.wp-block-calendar table caption, .wp-block-calendar table tbody { color: #40464d }
.wp-block-categories.alignleft { margin-right: 2em }
.wp-block-categories.alignright { margin-left: 2em }
.wp-block-code code { display: block; white-space: pre-wrap; overflow-wrap: break-word }
.wp-block-columns { display: flex; margin-bottom: 1.75em; flex-wrap: wrap }
.table_parameter { border-collapse: collapse; width: 99.5%; margin: 0 auto; background: #fff; max-width: 100% !important; }
.table_parameter tr th { padding: 10px 10px; border: 1px solid #acadb1; font-size: 14px; color: #000; text-align: center; font-weight: normal; }
.table_parameter tr td { padding: 10px 10px; border: 1px solid #acadb1; font-size: 14px; color: #000; text-align: center; }

@media (min-width:782px) {
    .wp-block-columns { flex-wrap: nowrap }
}

.wp-block-columns.has-background { padding: 1.25em 2.375em }
.wp-block-columns.are-vertically-aligned-top { align-items: flex-start }
.wp-block-columns.are-vertically-aligned-center { align-items: center }
.wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end }
.wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word }

@media (max-width:599px) {
    .wp-block-column { flex-basis: 100% !important }
}

@media (min-width:600px) and (max-width:781px) {
    .wp-block-column:not(:only-child) { flex-basis: calc(50% - 1em) !important; flex-grow: 0 }
    .wp-block-column:nth-child(2n) { margin-left: 2em }
}

@media (min-width:782px) {
    .wp-block-column { flex-basis: 0; flex-grow: 1 }
    .wp-block-column[style*=flex-basis] { flex-grow: 0 }
    .wp-block-column:not(:first-child) { margin-left: 2em }
}

.wp-block-column.is-vertically-aligned-top { align-self: flex-start }
.wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center }
.wp-block-column.is-vertically-aligned-bottom { align-self: flex-end }
.wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { width: 100% }
.wp-block-cover, .wp-block-cover-image { position: relative; background-size: cover; background-position: 50%; min-height: 430px; width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box }
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed }
@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll }
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll }
}

.wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto }
.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: #000 }
.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before { content: ""; background-color: inherit }
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: .5 }
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before { opacity: .1 }
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before { opacity: .2 }
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before { opacity: .3 }
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before { opacity: .4 }
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before { opacity: .5 }
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before { opacity: .6 }
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before { opacity: .7 }
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before { opacity: .8 }
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before { opacity: .9 }
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before { opacity: 1 }
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100% }
.wp-block-cover-image:after, .wp-block-cover:after { display: block; content: ""; font-size: 0; min-height: inherit }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-cover-image:after, .wp-block-cover:after { content: none }
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex }
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: 100%; z-index: 1; color: #fff }
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) { color: inherit }
.wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start }
.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center }
.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end }
.wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start }
.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center }
.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end }
.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start }
.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center }
.wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end }
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto }
.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none }
.wp-block-cover__image-background, .wp-block-cover__video-background { z-index: 0 }
.wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: #fff }
.wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start }
.wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end }
.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 { margin-left: 0; text-align: left }
.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 { margin-right: 0; text-align: right }
.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 840px; padding: .44em; text-align: center }
.wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align=left] > [data-type="core/embed"], .wp-block[data-align=right] > [data-type="core/embed"] { max-width: 360px; width: 100% }
.wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px }
.wp-block-cover .wp-block-embed { min-width: 320px; min-height: 240px }
.wp-block-embed { margin-bottom: 1em }
.wp-block-embed figcaption { margin-top: .5em; margin-bottom: 1em }
.wp-block-embed iframe { max-width: 100% }
.wp-block-embed__wrapper { position: relative }
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before { content: ""; display: block; padding-top: 50% }
.wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% }
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top: 42.85% }
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top: 50% }
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25% }
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top: 75% }
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top: 100% }
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before { padding-top: 177.77% }
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top: 200% }
.wp-block-file { margin-bottom: 1.5em }
.wp-block-file.aligncenter { text-align: center }
.wp-block-file.alignright { text-align: right }
.wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: .8em; padding: .5em 1em }
.wp-block-file a.wp-block-file__button { text-decoration: none }
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited { box-shadow: none; color: #fff; opacity: .85; text-decoration: none }
.wp-block-file * + .wp-block-file__button { margin-left: .75em }
.blocks-gallery-grid, .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0 }
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; width: calc(50% - 1em) }
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) { margin-right: 0 }
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { margin: 0; height: 100% }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start }
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: 100% }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { width: auto }
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 3em .77em .7em; color: #fff; text-align: center; font-size: .8em; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); box-sizing: border-box; margin: 0 }
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img { display: inline }
.blocks-gallery-grid figcaption, .wp-block-gallery figcaption { flex-grow: 1 }
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100% }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover }
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0 }

@media (min-width:600px) {
    .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc(33.33333% - .66667em); margin-right: 1em }
    .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width: calc(25% - .75em); margin-right: 1em }
    .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width: calc(20% - .8em); margin-right: 1em }
    .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { width: calc(16.66667% - .83333em); margin-right: 1em }
    .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { width: calc(14.28571% - .85714em); margin-right: 1em }
    .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { width: calc(12.5% - .875em); margin-right: 1em }
    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0 }
}

.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-right: 0 }
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 420px; width: 100% }
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure { justify-content: center }
.wp-block-group { box-sizing: border-box }
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em }
.wp-block-image { margin-bottom: 1em }
.wp-block-image img { max-width: 100% }
.wp-block-image:not(.is-style-rounded) img { border-radius: inherit }
.wp-block-image.aligncenter { text-align: center }
.wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100% }
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright { display: table }
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption { display: table-caption; caption-side: bottom }
.wp-block-image .alignleft { float: left; margin: .5em 1em .5em 0 }
.wp-block-image .alignright { float: right; margin: .5em 0 .5em 1em }
.wp-block-image .aligncenter { margin-left: auto; margin-right: auto }
.wp-block-image figcaption { margin-top: .5em; margin-bottom: 1em }
.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img { border-radius: 9999px }
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0 }
}
.wp-block-latest-comments__comment { line-height: 1.1; list-style: none; margin-bottom: 1em }
.has-avatars .wp-block-latest-comments__comment { min-height: 2.25em; list-style: none }
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 3.25em }
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5 }
.wp-block-latest-comments__comment-excerpt p { font-size: .875em; line-height: 1.8; margin: .36em 0 1.4em }
.wp-block-latest-comments__comment-date { display: block; font-size: .75em }
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: .75em; width: 2.5em }
.wp-block-latest-posts.alignleft { margin-right: 2em }
.wp-block-latest-posts.alignright { margin-left: 2em }
.wp-block-latest-posts.wp-block-latest-posts__list { list-style: none }
.wp-block-latest-posts.wp-block-latest-posts__list li { clear: both }
.wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0 }
.wp-block-latest-posts.is-grid li { margin: 0 1.25em 1.25em 0; width: 100% }

@media (min-width:600px) {
    .wp-block-latest-posts.columns-2 li { width: calc(50% - .625em) }
    .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0 }
    .wp-block-latest-posts.columns-3 li { width: calc(33.33333% - .83333em) }
    .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0 }
    .wp-block-latest-posts.columns-4 li { width: calc(25% - .9375em) }
    .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0 }
    .wp-block-latest-posts.columns-5 li { width: calc(20% - 1em) }
    .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0 }
    .wp-block-latest-posts.columns-6 li { width: calc(16.66667% - 1.04167em) }
    .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0 }
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; color: #555; font-size: .8125em }
.wp-block-latest-posts__post-excerpt { margin-top: .5em; margin-bottom: 1em }
.wp-block-latest-posts__featured-image a { display: inline-block }
.wp-block-latest-posts__featured-image img { height: auto; width: auto }
.wp-block-latest-posts__featured-image.alignleft { margin-right: 1em }
.wp-block-latest-posts__featured-image.alignright { margin-left: 1em }
.wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center }
.block-editor-image-alignment-control__row .components-base-control__field { display: flex; justify-content: space-between; align-items: center }
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { margin-bottom: 0 }
ol.has-background, ul.has-background { padding: 1.25em 2.375em }
.wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto }
.wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50% }
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { -ms-grid-row-align: start; align-self: start }
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media { -ms-grid-row-align: center; align-self: center }
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { -ms-grid-row-align: end; align-self: end }
.wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0 }
.wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8%; word-break: break-word }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1 /*!rtl:end:ignore*/ }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 /*!rtl:end:ignore*/ }
.wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle }
.wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover }
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { display: block; height: 100% }
.wp-block-media-text.is-image-fill .wp-block-media-text__media img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 }

@media (max-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2 }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { color: #1e1e1e; background-color: #fff; min-width: 200px }
.items-justified-left > ul { justify-content: flex-start }
.items-justified-center > ul { justify-content: center }
.items-justified-right > ul { justify-content: flex-end }
.items-justified-space-between > ul { justify-content: space-between }
.wp-block-navigation-link { display: flex; align-items: center; position: relative; margin: 0 }
.wp-block-navigation-link .wp-block-navigation__container:empty { display: none }
.wp-block-navigation__container { list-style: none; margin: 0; padding-left: 0; display: flex; flex-wrap: wrap }
.is-vertical .wp-block-navigation__container { display: block }
.has-child > .wp-block-navigation-link__content { padding-right: .5em }
.has-child .wp-block-navigation__container { border: 1px solid rgba(0,0,0,.15); background-color: inherit; color: inherit; position: absolute; left: 0; top: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 2; opacity: 0; transition: opacity .1s linear; visibility: hidden }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { flex-grow: 1 }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { padding-right: .5em }

@media (min-width:782px) {
    .has-child .wp-block-navigation__container { left: 1.5em }
    .has-child .wp-block-navigation__container .wp-block-navigation__container { left: 100%; top: -1px }
    .has-child .wp-block-navigation__container .wp-block-navigation__container:before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: .5em; background: transparent }
    .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { transform: rotate(0) }
}

.has-child:hover { cursor: pointer }
.has-child:hover > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column }
.has-child:focus-within { cursor: pointer }
.has-child:focus-within > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column }
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-navigation__container { text-decoration: inherit }
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content, .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active, .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus { text-decoration: none }
.wp-block-navigation-link__content { color: inherit; padding: .5em 1em }
.wp-block-navigation-link__content + .wp-block-navigation-link__content { padding-top: 0 }
.has-text-color .wp-block-navigation-link__content { color: inherit }
.wp-block-navigation-link__label { word-break: normal; overflow-wrap: break-word }
.wp-block-navigation-link__submenu-icon { height: inherit; padding: .375em 1em .375em 0 }
.wp-block-navigation-link__submenu-icon svg { fill: currentColor }

@media (min-width:782px) {
    .wp-block-navigation-link__submenu-icon svg { transform: rotate(90deg) }
}

.is-small-text { font-size: .875em }
.is-regular-text { font-size: 1em }
.is-large-text { font-size: 2.25em }
.is-larger-text { font-size: 3em }
.has-drop-cap:not(:focus):first-letter { float: left; font-size: 8.4em; line-height: .68; font-weight: 100; margin: .05em .1em 0 0; text-transform: uppercase; font-style: normal }
p.has-background { padding: 1.25em 2.375em }
p.has-text-color a { color: inherit }
.wp-block-post-author { display: flex; flex-wrap: wrap }
.wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: .5em }
.wp-block-post-author__avatar { margin-right: 1em }
.wp-block-post-author__bio { margin-bottom: .7em; font-size: .7em }
.wp-block-post-author__content { flex-grow: 1; flex-basis: 0 }
.wp-block-post-author__name { font-weight: 700; margin: 0 }
.wp-block-post-comments-form input[type=submit] { color: #fff; background-color: #32373c; border: none; border-radius: 1.55em; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: .667em 1.333em; text-align: center; text-decoration: none; overflow-wrap: break-word }
.wp-block-post-comments-form input[type=submit]:active, .wp-block-post-comments-form input[type=submit]:focus, .wp-block-post-comments-form input[type=submit]:hover, .wp-block-post-comments-form input[type=submit]:visited { color: #fff }
.wp-block-preformatted { white-space: pre-wrap }
.wp-block-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center }
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px }
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 1.25em }
.wp-block-pullquote p { font-size: 1.75em; line-height: 1.6 }
.wp-block-pullquote cite, .wp-block-pullquote footer { position: relative }
.wp-block-pullquote .has-text-color a { color: inherit }
.wp-block-pullquote:not(.is-style-solid-color) { background: none }
.wp-block-pullquote.is-style-solid-color { border: none }
.wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60% }
.wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 2em }
.wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal }
.wp-block-pullquote cite { color: inherit }
.wp-block-query-loop { max-width: 100%; list-style: none; padding: 0 }
.wp-block-query-loop li { clear: both }
.wp-block-query-loop.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap }
.wp-block-query-loop.is-flex-container li { margin: 0 0 1.25em; width: 100% }

@media (min-width:600px) {
    .wp-block-query-loop.is-flex-container li { margin-right: 1.25em }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - .625em) }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { margin-right: 0 }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.33333% - .83333em) }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { margin-right: 0 }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - .9375em) }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { margin-right: 0 }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc(20% - 1em) }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { margin-right: 0 }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.66667% - 1.04167em) }
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { margin-right: 0 }
}

.wp-block-query-pagination { display: flex; flex-direction: row; flex-wrap: wrap }
.wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous { display: inline-block; margin-right: .5em; margin-bottom: .5em }
.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child { margin-right: 0 }
.wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1em; padding: 0 1em }
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.5em; font-style: italic; line-height: 1.6 }
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.125em; text-align: right }
.wp-block-rss.wp-block-rss { box-sizing: border-box }
.wp-block-rss.alignleft { margin-right: 2em }
.wp-block-rss.alignright { margin-left: 2em }
.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none }
.wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100% }

@media (min-width:600px) {
    .wp-block-rss.columns-2 li { width: calc(50% - 1em) }
    .wp-block-rss.columns-3 li { width: calc(33.33333% - 1em) }
    .wp-block-rss.columns-4 li { width: calc(25% - 1em) }
    .wp-block-rss.columns-5 li { width: calc(20% - 1em) }
    .wp-block-rss.columns-6 li { width: calc(16.66667% - 1em) }
}

.wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; color: #555; font-size: .8125em }
.wp-block-search .wp-block-search__button { background: #f7f7f7; border: 1px solid #ccc; padding: .375em .625em; color: #32373c; margin-left: .625em; word-break: normal }
.wp-block-search .wp-block-search__button.has-icon { line-height: 0 }
.wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em }
.wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100% }
.wp-block-search .wp-block-search__label { width: 100% }
.wp-block-search .wp-block-search__input { flex-grow: 1; min-width: 3em; border: 1px solid #949494 }
.wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0 }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 4px; border: 1px solid #949494 }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: 0; border: none; padding: 0 0 0 .25em }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: none }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: .125em .5em }
.wp-block-separator.is-style-wide { border-bottom-width: 1px }
.wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto }
.wp-block-separator.is-style-dots:before { content: "···"; color: currentColor; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; font-family: serif }
.wp-block-custom-logo { line-height: 0 }
.wp-block-custom-logo .aligncenter { display: table }
.wp-block-custom-logo.is-style-rounded img { border-radius: 9999px }
.wp-block-social-links { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0 }
.wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none }
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { margin: 4px 8px 4px 0 }
.wp-block-social-links .wp-social-link a { padding: .25em }
.wp-block-social-links .wp-social-link svg { width: 1em; height: 1em }
.wp-block-social-links.has-small-icon-size { font-size: 16px }
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px }
.wp-block-social-links.has-large-icon-size { font-size: 36px }
.wp-block-social-links.has-huge-icon-size { font-size: 48px }
.wp-block-social-links.aligncenter { justify-content: center; display: flex }
.wp-block-social-links.alignright { justify-content: flex-end }
.wp-social-link { display: block; border-radius: 9999px; transition: transform .1s ease; height: auto }

@media (prefers-reduced-motion:reduce) {
    .wp-social-link { transition-duration: 0s }
}

.wp-social-link a { display: block; line-height: 0; transition: transform .1s ease }
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor }
.wp-social-link:hover { transform: scale(1.1) }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444 }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110 }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { background-color: #ff424d; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000 }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { background-color: #2aabee; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { background-color: #000; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff }
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: red; color: #fff }
.wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px }
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90 }
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3 }
.wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe }
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26 }
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b }
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89 }
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff }
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800 }
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2 }
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000 }
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd }
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678 }
.wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d }
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110 }
.wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434 }
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075 }
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24 }
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2 }
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4 }
.wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c }
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f }
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { color: #ff424d }
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122 }
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155 }
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500 }
.wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7 }
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000 }
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600 }
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760 }
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { color: #2aabee }
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #000 }
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835 }
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4 }
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #1da1f2 }
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea }
.wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2 }
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd }
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff }
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: red }
.wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto }
.wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: .66667em; padding-right: .66667em }
.wp-block-spacer { clear: both }
p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: .75 }
.wp-block-tag-cloud.aligncenter { text-align: center }
.wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em }
.wp-block-table { overflow-x: auto }
.wp-block-table table { width: 100% }
.wp-block-table .has-fixed-layout { table-layout: fixed; width: 100% }
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word }
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display: table; width: auto }
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word }
.wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5 }
.wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5 }
.wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe }
.wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef }
.wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0 }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0 }
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5 }
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5 }
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe }
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef }
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: transparent }
.wp-block-text-columns, .wp-block-text-columns.aligncenter { display: flex }
.wp-block-text-columns .wp-block-column { margin: 0 1em; padding: 0 }
.wp-block-text-columns .wp-block-column:first-child { margin-left: 0 }
.wp-block-text-columns .wp-block-column:last-child { margin-right: 0 }
.wp-block-text-columns.columns-2 .wp-block-column { width: 50% }
.wp-block-text-columns.columns-3 .wp-block-column { width: 33.33333% }
.wp-block-text-columns.columns-4 .wp-block-column { width: 25% }
pre.wp-block-verse { font-family: inherit; overflow: auto; white-space: pre-wrap }
.wp-block-video { margin-left: 0; margin-right: 0 }
.wp-block-video video { width: 100% }
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-video [poster] { -o-object-fit: cover; object-fit: cover }
}
.wp-block-video.aligncenter { text-align: center }
.wp-block-video figcaption { margin-top: .5em; margin-bottom: 1em }
.wp-block-post-featured-image a { display: inline-block }
.wp-block-post-featured-image img { max-width: 100%; height: auto }
:root .has-pale-pink-background-color { background-color: #f78da7 }
:root .has-vivid-red-background-color { background-color: #cf2e2e }
:root .has-luminous-vivid-orange-background-color { background-color: #ff6900 }
:root .has-luminous-vivid-amber-background-color { background-color: #fcb900 }
:root .has-light-green-cyan-background-color { background-color: #7bdcb5 }
:root .has-vivid-green-cyan-background-color { background-color: #00d084 }
:root .has-pale-cyan-blue-background-color { background-color: #8ed1fc }
:root .has-vivid-cyan-blue-background-color { background-color: #0693e3 }
:root .has-vivid-purple-background-color { background-color: #9b51e0 }
:root .has-white-background-color { background-color: #fff }
:root .has-very-light-gray-background-color { background-color: #eee }
:root .has-cyan-bluish-gray-background-color { background-color: #abb8c3 }
:root .has-very-dark-gray-background-color { background-color: #313131 }
:root .has-black-background-color { background-color: #000 }
:root .has-pale-pink-color { color: #f78da7 }
:root .has-vivid-red-color { color: #cf2e2e }
:root .has-luminous-vivid-orange-color { color: #ff6900 }
:root .has-luminous-vivid-amber-color { color: #fcb900 }
:root .has-light-green-cyan-color { color: #7bdcb5 }
:root .has-vivid-green-cyan-color { color: #00d084 }
:root .has-pale-cyan-blue-color { color: #8ed1fc }
:root .has-vivid-cyan-blue-color { color: #0693e3 }
:root .has-vivid-purple-color { color: #9b51e0 }
:root .has-white-color { color: #fff }
:root .has-very-light-gray-color { color: #eee }
:root .has-cyan-bluish-gray-color { color: #abb8c3 }
:root .has-very-dark-gray-color { color: #313131 }
:root .has-black-color { color: #000 }
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg,#0693e3,#9b51e0) }
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg,#00d084,#0693e3) }
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg,#7adcb4,#00d082) }
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg,#fcb900,#ff6900) }
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg,#ff6900,#cf2e2e) }
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg,#eee,#a9b8c3) }
:root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c) }
:root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg,#ffceec,#9896f0) }
:root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e) }
:root .has-purple-crush-gradient-background { background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe) }
:root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0) }
:root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg,#faaca8,#dad0ec) }
:root .has-pale-ocean-gradient-background { background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5) }
:root .has-electric-grass-gradient-background { background: linear-gradient(135deg,#caf880,#71ce7e) }
:root .has-subdued-olive-gradient-background { background: linear-gradient(135deg,#fafae1,#67a671) }
:root .has-atomic-cream-gradient-background { background: linear-gradient(135deg,#fdd79a,#004a59) }
:root .has-nightshade-gradient-background { background: linear-gradient(135deg,#330968,#31cdcf) }
:root .has-midnight-gradient-background { background: linear-gradient(135deg,#020381,#2874fc) }
:root .has-link-color a { color: #00e; color: var(--wp--style--color--link,#00e) }
.has-small-font-size { font-size: .8125em }
.has-normal-font-size, .has-regular-font-size { font-size: 1em }
.has-medium-font-size { font-size: 1.25em }
.has-large-font-size { font-size: 2.25em }
.has-huge-font-size, .has-larger-font-size { font-size: 2.625em }
.has-text-align-center { text-align: center }
.has-text-align-left { text-align: left }
.has-text-align-right { text-align: right }
#end-resizable-editor-section { display: none }
.aligncenter { clear: both }


@charset "UTF-8";
body, html { margin: 0; padding: 0; scroll-behavior: smooth }
:focus { outline: 0 }
ul { margin: 0; padding: 0 }
li { list-style: none; margin-bottom: 0 }
a { text-decoration: none; color: #004ea2; transition: all .3s ease }
img { max-width: 100%; height: auto }
* { font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif; box-sizing: border-box }
.dn { display: none }
.di { display: inline }
.db { display: block }
.dib { display: inline-block }
.tc { text-align: center }
.tr { text-align: right }
.tl { text-align: left }
.tj { text-align: justify }
.fl{float:left;}
.fr{float:right;}
@font-face { font-family: 'iconfont'; /* Project id 2599191 */ src: url('https://at.alicdn.com/t/font_2599191_i0sa81c45pr.woff2?t=1623982629638') format('woff2'), url('https://at.alicdn.com/t/font_2599191_i0sa81c45pr.woff?t=1623982629638') format('woff'), url('https://at.alicdn.com/t/font_2599191_i0sa81c45pr.ttf?t=1623982629638') format('truetype'); }
.iconfont { font-family: iconfont !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
body { display: flex; flex-flow: column; min-height: 100vh; background: #fff; --main_w: 1200px; --main_w1: 1440px }
.container { flex: 1 }
::-moz-selection { background: #dcdcdc; color: #004ea2 }
::selection { background: #dcdcdc; color: #004ea2 }
.footer-main { width: var(--main_w); margin: 0 auto }
.header-main { width: var(--main_w1); margin: 0 auto }
.full-width { margin-left: calc((50vw
    - var(--main_w)/ 2)*-1); margin-right: calc((49.4vw - var(--main_w)/ 2)*-1); padding-left: calc((50vw
    - var(--main_w)/ 2)); padding-right: calc((50vw - var(--main_w)/ 2)) }

@media screen and (max-width:1650px) {
    body { --main_w1: 1280px }
}

@media screen and (max-width:1366px) {
    html { font-size: 15px }
    body { --main_w: 84vw; --main_w1: 84vw }
}

@media screen and (max-width:1024px) {
    body { --main_w: 90vw; --main_w1: 90vw }
    html { font-size: 14px }
}

@media screen and (max-width:800px) {
    body { --main_w: calc(100vw - 4rem); --main_w1: calc(100vw - 4rem) }
}

@media screen and (max-width:600px) {
    body { --main_w: calc(100vw - 3rem); --main_w1: calc(100vw - 3rem) }
}

.svgdefs { display: block; height: 0; width: 0 }
.xz-btn { display: inline-block; line-height: 2.875rem; padding: 0 3.125rem;/* border: solid 1px #004ea2; */border-radius: 1.2rem; color: #004ea2; font-size: .875rem; font-family: Roboto,sans-serif; font-weight: 700; transition: all .3s ease }
.xz-btn1{ padding: 0 2.5rem;}
.xz-btn:hover { background: #004ea2; color: #fff }
.xz-btn:active { transform: scale(.95) }
:root { --mb-button-size: 60px; --mb-bar-width: 0.6; --mb-bar-height: 4px; --mb-bar-spacing: 10px; --mb-animate-timeout: 0.4s }
.mburger { background: 0 0; border: none; border-radius: 0; color: inherit; display: inline-block; position: relative; box-sizing: border-box; height: var(--mb-button-size); padding: 0 0 0 var(--mb-button-size); margin: 0; line-height: var(--mb-button-size); vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer }
.mburger
b { display: block; position: absolute; left: calc(var(--mb-button-size) * ((1
    - var(--mb-bar-width))/ 2)); width: calc(var(--mb-button-size) * var(--mb-bar-width)); height: var(--mb-bar-height); border-radius: calc(var(--mb-bar-height)/ 2); background: currentColor; color: inherit; opacity: 1 }
.mburger b:nth-of-type(1) { bottom: calc(50% + var(--mb-bar-spacing)); transition: bottom .2s ease,transform .2s ease,width .2s ease }
.mburger b:nth-of-type(2) { top: calc(50% - (var(--mb-bar-height)/
    2)); transition: opacity .2s ease }
.mburger b:nth-of-type(3) { top: calc(50% + var(--mb-bar-spacing)); transition: top .2s ease,transform .2s ease,width .2s ease }
.mm-ocd-opened .mburger b:nth-of-type(1) { bottom: calc(50% - (var(--mb-bar-height)/
    2)); transform: rotate(45deg) }
.mm-ocd-opened .mburger b:nth-of-type(2) { opacity: 0 }
.mm-ocd-opened
.mburger b:nth-of-type(3) { top: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(-45deg) }
.mburger--squeeze
b:nth-of-type(1) { transition-delay: .1s,0s }
.mburger--squeeze b:nth-of-type(2) { transition-delay: .1s }
.mburger--squeeze
b:nth-of-type(3) { transition-delay: .1s,0s }
.mm-ocd-opened .mburger--squeeze
b:nth-of-type(1) { transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s) }
.mm-ocd-opened .mburger--squeeze b:nth-of-type(2) { transition-delay: calc(var(--mb-animate-timeout) + 0s) }
.mm-ocd-opened .mburger--squeeze b:nth-of-type(3) { transition-delay: calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s) }
body { --menu_h: 3.25rem }
header {/* position: fixed; top: 0; left: 0; */width: 100%; z-index: 999; background: #fff; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); transition: all .3s ease }
header.min { top: -2.5rem }
header
.header-main { display: flex; align-items: center }
.header-body { flex: 1; margin-left: 9% }
.header-logo { display: block; transition: all .3s ease }
.header-logo:hover { transform: scale(.95); filter: brightness(1.1) }
.header-logo:active { transform: scale(.9) }
.header-logo
img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.min
.header-logo { padding-top: 2.5rem }
.image-logo { transition: all .3s ease; display: block; width: 12rem }
.min
.image-logo { width: 8rem }
.header-top { height: 3.5rem; display: flex; justify-content: flex-end; padding-top: 0.75rem; padding-bottom: 0.75rem; transform: translateY(-1px) }
.top-contact { display: flex; margin-right: 2rem; line-height: 2rem; font-size: 1rem; color: #004ea2 }
.top-contact li:first-child{background: url(/assets/images/top_ws.png) no-repeat left center;background-size: 15%;padding-left: 28px;}
.top-contact li:last-child{background: url(/assets/images/top_em.png) no-repeat left center;background-size: 14%;padding-left: 28px;}
.top-contact
a { color: inherit }
.top-contact a:hover { color: #004ea2; text-decoration: underline }
.top-contact
li:not(:first-child) { margin-left: 1.5rem }
.top-contact i { display: inline-block; line-height: 1.4rem; margin-right: .5rem; color: #004ea2; font-size: 1rem }
.header-sns-ul { display: flex }
.header-sns-ul li a i{line-height:2rem;}
.header-sns-li:not(:first-child) { margin-left: 1rem }
.header-sns-a { display: block; height: 1rem }
.header-sns-a:hover { color: #174b84 }
.header-sns-a:active { transform: scale(.9) }
.xz-sns-i { font-size: .875rem; display: block }
.header-sns-ins
i { font-size: .78rem; transform: translateY(2px) }
.header-nav { display: flex }
.nav-main-container { flex: 1; padding-right: 3.875rem; margin-left: auto }
#search-btn { display: block; border-radius: 2rem; line-height: var(--menu_h); text-align: center; transition: all .3s ease }
#search-btn i { font-size: 1.25rem; color: #333; transition: all .3s ease }
#search-btn:hover i { color: #004ea2 }
#search-btn:active { transform: scale(.9) }
#menu-main { display: flex; flex-flow: row nowrap; justify-content: space-between; transition: all .3s ease }
#menu-main > li { position: relative }
#menu-main > li > a { font-weight: 500; font-family: Roboto,sans-serif; display: block; line-height: var(--menu_h); padding-bottom: 1rem; transition: color .3s ease; position: relative; white-space: nowrap; color: #333; font-size: 1.125rem }
#menu-main > li:hover > a { color: #004ea2 }
#menu-main
.menu-item-has-children:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border: solid transparent .5rem; border-bottom-color: #fff; transform: translateX(-50%) scale(1,0); transform-origin: 50% 100%; z-index: -1; transition: all .3s ease }
#menu-main .menu-item-has-children.current:after, #menu-main
.menu-item-has-children:hover:after { transform: translateX(-50%) scale(1,1) }
#menu-main
.sub-menu { position: absolute; display: none; top: calc(var(--menu_h) + 1rem); left: -1.8rem; padding: .75rem 1rem 1.25rem; background: #fff; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); border-radius: 0 0 4px 4px; transition: box-shadow .3s ease }
.min #menu-main .sub-menu { box-shadow: 0 .5rem 1.5625rem -.75rem rgba(0,0,0,.2),inset 0 .75rem 1rem -1rem rgba(0,0,0,.35) }
#menu-main { }
.sub-menu a { color: #666; white-space: nowrap; display: block; line-height: 2rem; border-radius: 2px; font-size: .875rem; padding: 0 1.5rem 0 1rem; transition: all .3s ease }
#menu-main .sub-menu a:hover { color: #131521; background: #f4f4f4 }
#pro-menu, #sol-menu { visibility: none; transform: scale(1,0); transition: all .2s .1s ease; transform-origin: 50% 0; opacity: 0 }
#pro-menu.open, #sol-menu.open { visibility: all; transform: scale(1,1); transition: transform .3s .15s ease; opacity: 1 }
.touch #pro-menu, .touch #sol-menu { display: none }
.mburger { --mb-button-size: var(--menu_h); --mb-bar-spacing: 4px; --mb-bar-height: 3px; display: none; color: #333; transform: translateY(-1px); margin-left: 1rem; width: var(--menu_h); height: var(--menu_h); transition: all .3s ease }
.mburger:hover { color: #004ea2 }
.mburger b { transform: scale(.75) }
.top_whatsapp{margin:5px 0 0 15px;background: url(https://www.zkcomp.com/assets/images/top_whatsapp.png) no-repeat;display: block;width:2.5rem;height:2.5rem;background-size:100%;    border-radius: 50%;
    overflow: hidden;}
.mh-sticky.mh-unpinned { transform: translate3d(0,-150%,0) }
.xz-banner { /*margin-top: calc(var(--menu_h) + 4.5rem);*/ /*height: 36.458vw;*/height: auto; min-height:22vw;overflow: hidden }
.xz-banner .slick-dots li button::before { color: #fff; opacity: 1 }
.xz-banner-li { position: relative; height: 100%; overflow: hidden }
.xz-banner-img { display: block; transition: all 1.5s 1.5s ease }
.slick-current .xz-banner-img { transform: scale(1.05) }
.xz-banner-x { position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*background: linear-gradient(150deg,rgba(48,142,219,.66) 10%,rgba(1,44,125,.66) 50%) */ }
.xz-banner-x .header-main { height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; color: #fff; position: relative; z-index: 9 }
.xz-banner-x
.header-main:after, .xz-banner-x .header-main:before { content: ""; display: block; width: 21.5vw; height: 21.5vw; background: url(/assets/images/banner-mark1.png) 50% 50% no-repeat; background-size: cover; position: absolute; z-index: -1; left: 0; top: 2rem; transform: translateX(-50%); -webkit-animation: rotateLoop 5s infinite linear; animation: rotateLoop 5s infinite linear ;display: none;}
.xz-banner-x
.header-main:after { width: 13.45vw; height: 13.45vw; background: url(/assets/images/banner-mark.png) 50% 50% no-repeat; z-index: 1; background-size: cover; -webkit-animation: rotateLoop1 7s infinite linear; animation: rotateLoop1 7s infinite linear; top: calc(2rem + 4.025vw) }
.xz-banner-info { width: 62% }
.xz-banner-info p { margin: 0; font-family: Roboto,sans-serif; font-size: 1.5625rem; font-weight: 500; line-height: 1.8125rem; margin-bottom: 2rem; visibility: hidden }
.xz-banner-info
h2 { font-size: 3.125rem; line-height: 3.75rem; font-family: Roboto,sans-serif; font-weight: 700; margin: 0 0 2.5rem; text-shadow: 0 0 .875rem rgba(0,0,0,.5); visibility: hidden }
.xz-banner-info
br { line-height: 0 }
.xz-banner-info h2 div, .xz-banner-info p div { font-family: inherit; line-height: inherit; visibility: hidden }
.xz-banner-a {  display: block;width:100%;height:100%; }
/*
.xz-banner-a { line-height: 3.75rem; background: #174b84; border-radius: 2rem; font-size: .875rem; font-weight: 700; font-family: Roboto,sans-serif; color: #fff; text-transform: uppercase; display: flex; flex-flow: row; align-items: center; padding-left: .375rem; padding-right: 3.875rem; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); transition: transform 0s,background .3s; visibility: hidden }
.xz-banner-a:hover { background: #092c42 }
.xz-banner-a:active { transform: scale(.95) !important; transition: all .3s ease }
.xz-banner-a i.iconfont { display: inline-block; border-radius: 2rem; height: 3.125rem; width: 3.125rem; line-height: 3.125rem; background: #fff; color: #004ea2; text-align: center; margin-right: 2rem; transition: all .3s ease; pointer-events: all }
.xz-banner-a i.iconfont:hover { background: #004ea2; color: #fff; transform: rotate(90deg) }
*/
.slick-loading .slick-list { background: #fff url(/assets/images/ajax-loader.gif) center center no-repeat }
@font-face { font-family: slick; src: url(/assets/css/fonts/slick.eot); src: url(/assets/css/fonts/slick.eot) format("embedded-opentype"),url(/assets/css/fonts/slick.woff) format("woff"),url(/assets/css/fonts/slick.ttf) format("truetype"),url(/assets/css/fonts/slick.svg) format("svg"); font-weight: 400; font-style: normal }
.slick-dotted.slick-slider { margin-bottom: 30px }
.slick-dots { position: absolute; bottom: 1.5rem; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 3px; padding: 0; cursor: pointer }
.slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer }
.slick-dots li button:focus, .slick-dots li button:hover { outline: 0 }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: .6 }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "?"; width: 20px; height: 20px; font-family: slick; font-size: 12px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .3s }
.slick-dots li.slick-active button:before { color: #004ea2; opacity: 1 }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0,0,0) }
.slick-track { min-width: 100%; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:after, .slick-track:before { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }

@-webkit-keyframes rotateLoop {
    from { transform: translateX(-50%) rotate(0) }
    to { transform: translateX(-50%) rotate(360deg) }
}

@keyframes rotateLoop {
    from { transform: translateX(-50%) rotate(0) }
    to { transform: translateX(-50%) rotate(360deg) }
}

@-webkit-keyframes rotateLoop1 {
    from { transform: translateX(-50%) rotate(0) }
    to { transform: translateX(-50%) rotate(-360deg) }
}

@keyframes rotateLoop1 {
    from { transform: translateX(-50%) rotate(0) }
    to { transform: translateX(-50%) rotate(-360deg) }
}

@media screen and (max-width:1650px) {
    #menu-main > li > a { font-size: 1rem }
    .image-logo { width: 10rem }
    .header-body { margin-left: 6% }
}

@media screen and (max-width:1440px) {
    .image-logo { width: 9rem }
}

@media screen and (max-width:1279px) {
    .image-logo { width: 7rem }
    .min
    .image-logo { width: 6rem }
    body { --menu_h: 2.5rem }
}

@media screen and (max-width:1023px) {
    .header-top { display: none }
    .header-body { height: 3.75rem }
    header.min { top: 0 }
    header.min
    .header-logo { padding-top: 0 }
    .header-nav { height: 100%; align-items: center }
    #mburger { display: block }
    .nav-main-container { padding: 0 }
    #menu-main { display: block; overflow-y: auto; overflow-x: hidden; padding-top: 10%; position: fixed; width: 40%; padding: 4rem 2rem; box-sizing: border-box; transform: translateX(-120%); height: calc(100vh + 6rem); top: 0; left: 0; transition: all .4s; background: #092c42; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); z-index: 999 }
    #menu-main.show { transform: translateX(0) }
    #menu-main
    .menu-item-has-children:after { display: none }
    #menu-main > li:not(:first-child) { margin-left: 0 }
    #menu-main > li { position: relative; width: 100% }
    #menu-main > li > a { line-height: 3.5rem; display: inline-block; position: static; color: #fff; padding-bottom: 0 }
    #menu-main > li.current-menu-ancestor > a, #menu-main > li.current-menu-item > a, #menu-main > li.current-menu-parent > a { color: #004ea2; text-shadow: 0 0 2px rgba(0,0,0,.35) }
    #menu-main > li.current-menu-ancestor > a::after, #menu-main > li.current-menu-item > a::after, #menu-main > li.current-menu-parent > a::after { display: block; right: 0; top: 1.4rem; left: auto; bottom: auto; position: absolute }
    #menu-main > li { height: auto }
    #menu-main > li.current-menu-item
    a { color: #004ea2 }
    #menu-main > li > .sub-menu { position: static; box-shadow: none; padding: 0 0 0 .5rem; background: 0 0; transform: translate(0,0) }
    #menu-main > li > .sub-menu
    .current-menu-item a { color: #004ea2 }
    #menu-main > li > .sub-menu a { color: rgba(255,255,255,.8); display: inline-block; margin-bottom: .5rem }
    #menu-main > li > .sub-menu
    a:hover { background: 0 0; color: #fff }
    #menu-main > li > .sub-menu .sub-menu { display: none !important }
    .min
    #menu-main > li > .sub-menu { box-shadow: none; border-radius: 0 }
    #menu-main .current-menu-ancestor
    .sub-menu, #menu-main .current-menu-item .sub-menu { display: block }
}

@media screen and (max-width:800px) {
    #menu-main { width: 50% }
}

@media screen and (max-width:600px) {
    #menu-main { width: 80% }
    .image-logo { width: 5rem }
    .min
    .image-logo { width: 5rem }
}

@media screen and (max-width:1650px) {
    .xz-banner-info
    p { font-size: 1.5rem; line-height: 1em }
    .xz-banner-info h2 { font-size: 2.75rem; line-height: 3rem }
    .xz-banner-a { line-height: 3.5rem }
    .xz-banner-a
    i.iconfont { width: 2.8rem; height: 2.8rem; line-height: 2.8rem }
}

@media screen and (max-width:1280px) {
    .xz-banner-info p { font-size: 1rem; margin-bottom: 1.5rem }
    .xz-banner-info
    h2 { font-size: 2.125rem; line-height: 2.4rem; margin-bottom: 1.5rem }
    .xz-banner-a { line-height: 3rem }
    .xz-banner-a
    i.iconfont { width: 2.2rem; height: 2.2rem; line-height: 2.2rem }
}

@media screen and (max-width:1023px) {
    .xz-banner { margin-top: 3.75rem; height: 320px }
    .slick-list, .slick-track, .xz-banner-ul { height: 100% }
    .xz-banner-img { height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover }
    .xz-banner-info { width: 75% }
}

@media screen and (max-width:800px) {
    .xz-banner-info p { font-size: .875rem; margin-bottom: 1rem }
    .xz-banner-info
    h2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem }
    .xz-banner-a { line-height: 2.5rem; padding-right: 2rem; font-size: .75rem }
    .xz-banner-a
    i.iconfont { width: 2rem; height: 2rem; line-height: 2rem; margin-right: 1rem; font-size: .75rem }
}

@media screen and (max-width:600px) {
    .xz-banner-info { width: 100% }
    .xz-banner { height: 280px }
    .xz-banner
    .slick-dots li button::before { font-size: 8px }
    .xz-banner .slick-dots { bottom: .75rem }
}

.toppic { position: relative; /*height: 22.3vw;*//*height: 30.5vw;*/height:auto;overflow: hidden; background: #131521;/* margin-top: calc(var(--menu_h) + 4.5rem);*/ }
.toppic-pic { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.toppic-body { position: absolute; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; }
.toppic-body .footer-main { height: 100%; position: relative; display: flex; flex-flow: column; justify-content: center; align-items: center }
.page-tit { text-align: center; margin: 0; font-size: 3.75rem; line-height: 1.2em; color: #fff; text-transform: uppercase; font-family: Roboto,sans-serif; font-weight: 500 }
.page-icon { display: block; width: 3.75rem; height: 3.75rem; font-size: 3.75rem; text-align: center; color: #fff; margin-bottom: 1rem }
.breadcrumb-x { margin-top: 1.5rem; line-height: 0; color: #fff }
.breadcrumb-x p { margin: 0; font-style: italic; font-weight: 300; font-family: Roboto,sans-serif }
.breadcrumb-x span { line-height: 1rem }
.breadcrumb-x span.breadcrumb_last { line-height: 1rem; vertical-align: bottom; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 20rem }
.breadcrumb-x a { color: inherit; transition: all .3s ease }
.breadcrumb-x a:hover { color: #131521 }
.container { padding-top: 4rem }
.home-body { padding-top: 0; }
.page-service { margin-bottom: 20px; }

@media screen and (max-width:1650px) {
    #menu-main > li > a { font-size: 1rem }
    .image-logo { width: 10rem }
    .header-body { margin-left: 6% }
}

@media screen and (max-width:1440px) {
    .image-logo { width: 9rem }
}

@media screen and (max-width:1279px) {
    .image-logo { width: 7rem }
    .min .image-logo { width: 6rem }
    body { --menu_h: 2.5rem }
}

@media screen and (max-width:1023px) {
    .header-top { display: none }
    .header-body { height: 3.75rem }
    header.min { top: 0 }
    header.min .header-logo { padding-top: 0 }
    .header-nav { height: 100%; align-items: center }
    #mburger { display: block }
    .top_whatsapp{background: url(https://www.zkcomp.com/assets/images/top_whatsapp.png) no-repeat;height: 2rem;background-size: 100%;width: 2rem;color: #25d366;margin: 0 0 0 5px;}
    .nav-main-container { padding: 0 }
    #menu-main { display: block; overflow-y: auto; overflow-x: hidden; padding-top: 10%; position: fixed; width: 40%; padding: 4rem 2rem; box-sizing: border-box; transform: translateX(-120%); height: calc(100vh + 6rem); top: 0; left: 0; transition: all .4s; background: #004ea2; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); z-index: 999 }
    #menu-main.show { transform: translateX(0) }
    #menu-main .menu-item-has-children:after { display: none }
    #menu-main > li:not(:first-child) { margin-left: 0 }
    #menu-main > li { position: relative; width: 100% }
    #menu-main > li > a { line-height: 3.5rem; display: inline-block; position: static; color: #fff; padding-bottom: 0 }
    #menu-main > li.current-menu-ancestor > a, #menu-main > li.current-menu-item > a, #menu-main > li.current-menu-parent > a { color: #004ea2; text-shadow: 0 0 2px rgba(0,0,0,.35) }
    #menu-main > li.current-menu-ancestor > a::after, #menu-main > li.current-menu-item > a::after, #menu-main > li.current-menu-parent > a::after { display: block; right: 0; top: 1.4rem; left: auto; bottom: auto; position: absolute }
    #menu-main > li { height: auto }
    #menu-main > li.current-menu-item a { color: #004ea2 }
    #menu-main > li > .sub-menu { position: static; box-shadow: none; padding: 0 0 0 .5rem; background: 0 0; transform: translate(0,0) }
    #menu-main > li > .sub-menu .current-menu-item a { color: #004ea2 }
    #menu-main > li > .sub-menu a { color: rgba(255,255,255,.8); display: inline-block; margin-bottom: .5rem }
    #menu-main > li > .sub-menu a:hover { background: 0 0; color: #fff }
    #menu-main > li > .sub-menu .sub-menu { display: none !important }
    .min #menu-main > li > .sub-menu { box-shadow: none; border-radius: 0 }
    #menu-main .current-menu-ancestor .sub-menu, #menu-main .current-menu-item .sub-menu { display: block }
}

@media screen and (max-width:800px) {
    #menu-main { width: 50% }
}

@media screen and (max-width:600px) {
    #menu-main { width: 70% }
    .image-logo { width: 5rem }
    .min .image-logo { width: 5rem }
}

@media screen and (max-width:1650px) {
    .page-tit { font-size: 2.8rem }
}

@media screen and (max-width:1366px) {
    .page-tit { font-size: 2.5rem }
    .page-icon { width: 2.8rem; height: 2.8rem; font-size: 2.8rem; margin-bottom: .5rem }
    .breadcrumb-x { margin-top: 1rem }
}

@media screen and (max-width:1024px) {
    .toppic { height: 19rem;/* margin-top: 3.75rem */}
    .page-icon { width: 2rem; height: 2rem; font-size: 2rem }
}

@media screen and (max-width:800px) {
    .page-tit { font-size: 2.2rem }
    .breadcrumb-x { display: none }
    .toppic { height: 15rem }
    .page-icon { width: 1.75rem; height: 1.75rem; font-size: 1.75rem }
}

@media screen and (max-width:600px) {
    .page-tit { font-size: 1.5rem }
    .toppic { height: auto }
}

a, blockquote, body, button, code, dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, label, li, main, ol, p, pre, q, section, span, table, td, textarea, th, tr, ul { margin: 0; padding: 0; }
.container { width: 100%; margin: 0 auto }

@media screen and (max-width:1520px) {
    .container { width: 1366px }
}

@media screen and (max-width:1440px) {
    .container { width: 100%; /*margin: 0 4rem*/ }
}

@media screen and (max-width:1280px) {
    .container { margin: 0 2rem }
}

@media screen and (max-width:600px) {
    .container { margin: 0 }
}

.add_container { width: 1440px; margin: 0 auto; }

@media screen and (max-width:1440px) {
    .add_container { width: auto; margin: 0 4rem; }
}

.single-pro-column { display: flex; flex-flow: row wrap; justify-content: space-between; /*margin-top: 50px */ }
.pro-columns-l { flex: none; width: 54.5% }
.pro-columns-r { flex: none; width: 41.5% }
.single-pro-content h2 { font-size: 21px; line-height: 27px; font-family: AktivGrotesk-Bold; font-weight: 700;margin-bottom:20px; }
.single-pro-content h3 { margin-top: 8px; padding-bottom: 8px; font-size: 18px; line-height: 22px; font-family: AktivGrotesk-Bold; font-weight: 700 }
.single-pro-content h3 b{color:#004ea2;padding-right:5px;}
.single-pro-content p { margin-top: 30px; font-size: 16px; line-height: 26px; color: #666 }
.single-pro-btns { margin-top: 30px }
.single-pro-btn { display: inline-block; width: 47%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; font-family: AktivGrotesk-Medium; font-weight: 500; color: #fff; border-radius: 2px }
.app-return-back { margin-top: 34px; padding: 0 70px 16px; text-align: right }
.app-single-back { padding: 0 46px 24px }
.return-back { display: inline-block; width: 150px; height: 42px; line-height: 42px; font-size: 18px; font-family: AktivGrotesk-Extrabold; font-weight: 700; color: #004ea2 }
.app-single-back .return-back { text-align: left }
.single-pro-chat { background: #004ea2 }
.single-pro-email { background: #226ba4 }
.single-pro-miall{margin-top: 20px}
.single-pro-miall1{margin-bottom: 20px}
.single-pro-miall a{text-indent: 8px;display: inline-block;width: 47%;height: 50px;line-height: 50px;font-size: 18px;font-family: AktivGrotesk-Medium;font-weight: 500;color: #fb6601;border-radius: 2px;}
.single-pro-miall a:first-child{background: url(/assets/images/add_emiall.png)no-repeat left 0.8rem;}
.single-pro-miall a:last-child{background: url(/assets/images/add_whatsapp.png)no-repeat left 0.5rem;}
.single-pro-miall a{background-size: 11% !important;}
.single-pro-miall1 a{text-indent: 50px;font-size: 16px;background-size: 13% !important;}
.add_lx{width: var(--main_w);margin: 0 auto;margin-top:25px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.return-back:hover, .single-pro-btn:hover { transform: translateY(-4px) }
.single-share-sec { margin-top: 44px }
.pro-pdf { display: inline-block; font-size: 16px; line-height: 22px; color: #666 }
.pro-pdf .iconfont { padding-right: 12px; font-size: 24px; color: #c23139 }
.pro-pdf:hover { color: #c23139 }
#pro-animate { position: relative }
#pro-animate .gallery img, #team-sec .gallery img { border: none; width: 100%; transition: all .3s }
.pro-video { position: absolute; left: 50%; top: 40%; transform: translateX(-50%); font-size: 40px; line-height: 40px; color: #999; background: rgba(255,255,255,.8); border-radius: 50%; padding: 4px; opacity: 0 }
.pro-video:hover { color: #004ea2 }
#pro-animate:hover .pro-video { opacity: 1 }
#pro-nav-content .gallery img:hover, #team-sec .gallery img:hover { transform: scale(1.05) }
#pro-animate .gallery .gallery-item { margin-top: 0 }
#pro-animate .slick-dots { font-size: 0; position: absolute; bottom: -42px; display: inline-block; left: 50%; transform: translateX(-50%); width: auto; display: flex }
#pro-animate .slick-dots li { width: auto; height: 8px; margin: 0 .25rem }
#pro-animate .slick-dots li button { width: 8px; height: 8px; vertical-align: bottom; font-size: 0; display: block; position: relative; transition: all .3s ease; padding: 0; border: none; background: 0 0 }
#pro-animate .slick-dots li button:hover:before { opacity: 1 }
#pro-animate .slick-dots .slick-active button { width: 1.5rem }
#pro-animate .slick-dots li button:before { opacity: .8; content: ""; display: block; background: #d8d8d8; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 1rem; transition: all .3s ease; transform: scale(1.2) }
#pro-animate .slick-dots .slick-active button:before { background: #004ea2; transform: scale(1); opacity: 1 }
.pro-nav-items { margin-top: 85px; display: flex; flex-flow: nowrap; justify-content: center; border-bottom: 1px solid #d8d8d8; overflow-x: auto; overflow-y: hidden }
.page-table-area::-webkit-scrollbar, .pro-nav-items::-webkit-scrollbar { height: 4px }
.page-table-area::-webkit-scrollbar-thumb, .pro-nav-items::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); background: rgba(0,0,0,.1) }
.page-table-area::-webkit-scrollbar-track, .pro-nav-items::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); border-radius: 0; background: rgba(0,0,0,.1) }
.pro-nav-items li { position: relative; flex: none; padding: 0 64px 18px; font-size: 20px; line-height: 26px; font-family: AktivGrotesk-Bold; font-weight: 700; color: #999; cursor: pointer; transition: all .3s }
.pro-nav-items li:after { display: block; position: absolute; content: ''; left: 50%; bottom: -6px; width: 12px; height: 12px; transform: translateX(-50%); border-radius: 50%; background-color: transparent; transition: all .3s }
.pro-nav-items .current, .pro-nav-items li:hover { color: #004ea2 }
.pro-nav-items .current:after, .pro-nav-items li:hover::after { background-color: #004ea2 }
.post-object1 { font-size: 0; height: 45px; display: none }
.pro-detail-sec { margin-top: 68px }
.pro-detail-sec:nth-child(odd){background: #f2f2f2;padding: 30px 20px;}
.pro-sec-tit { font-size: 24px; line-height: 30px; font-family: AktivGrotesk-Medium; font-weight: 500 }
.pro-detail-common { padding-top: 22px; font-size: 16px; line-height: 26px; color: #666; /*overflow: hidden*/ }
.pro-detail-common p { margin-top: 20px }
.pro-detail-common table { margin-top: 20px; font-size: 14px; line-height: 20px; width: 100%; color: #333 }
table { /*width: 100%;*/ border-collapse: collapse; border-spacing: 0; }
.pro-detail-common table tr:first-child { font-size: 16px; font-family: AktivGrotesk-Medium; font-weight: 500; background-color: #f8f8f8 }
.pro-detail-common table tr td, .pro-detail-common table tr th { padding: 12px 20px; text-align: center; border: 1px solid #bcbcbc }
.pro-detail-common #gallery-2 { margin: 20px -6px 0 }
#team-sec .gallery { margin: 54px -10px 0; overflow: hidden }
.pro-detail-common #gallery-3 { margin: 20px -9px 0 }
.pro-detail-common #gallery-2 .gallery-item { margin: 0 6px; overflow: hidden }
#team-sec .gallery .gallery-item { margin: 0 10px; overflow: hidden }
.pro-detail-common #gallery-3 .gallery-item { margin: 0 9px; overflow: hidden }
#pro-nav-content .gallery img { width: 100%; border: none; transition: all .3s }
.fixed-nav1 { position: fixed; left: 0; top: 0; width: 100%; z-index: 80; background: #232323; box-shadow: 0 2px 10px 0 rgba(65,65,65,.17); -webkit-box-shadow: 0 2px 10px 0 rgba(65,65,65,.17); -moz-box-shadow: 0 2px 10px 0 rgba(65,65,65,.17) }
.fixed-nav1 .pro-nav-items { margin-top: 0; justify-content: flex-start; flex-flow: wrap; }
.fixed-nav1 .pro-nav-items li { padding: 14px 32px; font-size: 18px; }
.fixed-nav1 .pro-nav-items li { padding: 14px 32px; font-size: 18px; }
.pro-nav-items .current, .pro-nav-items li:hover { color: #004ea2; }
.page-table-area { width: 100%; overflow-x: auto; }
.-box { padding-top: 124px; }
.-case_banner { background-image: url(/assets/images/background-image.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.-case_box { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #1E354F; opacity: 0.7; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
.-wrap { width: 1200px; margin: 0 auto; }
.-case_box_top { min-height: 300px; flex-wrap: wrap; margin-right: auto; margin-left: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 90px; }
.-case_box_top_box { padding: 10px 10px 10px 10px; border-style: solid; border-width: 0px 0px 0px 2px; border-color: #FB3642; width: 100%; margin-bottom: 20px; }
.-case_box_top_box h1 { color: #F2F2F2; text-transform: capitalize; line-height: 1.5em; }
.-case_box_top_link { width: 100%; font-size: 14px; color: #A49C9C; }
.-case_box_top_link a { color: #3A81D1; font-size: 14px; }
.-case_box_top_link span { color: #A49C9C; font-size: 14px; }
.-case_two { background-color: #F3F7F9; padding: 50px 0; }
.-case_tw { width: 100%; }
.-case_tw_box { box-shadow: 0px 0px 5px 0px rgba(159,152,152,0.5); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 28px 28px 28px 28px; background: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; }
.-case_tw_box_left { width: 60%; }
.-case_tw_box_left img { width: 100%; height: auto; }
.-case_tw_box_right { width: 40%; }
.-case_tw_box_right_box { background-color: #F3F7F9; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 20px 20px 20px 20px; }
.-case_tw_box_right_box1 { padding: 20px 15px 20px 15px; background-color: #FFFFFF; margin-bottom:2rem;}
.-case_tw_box_right_box1 h3 { color: #1e354f; font-size: 1.46rem; margin-bottom: 20px; }
.-case_tw_box_right_box1_tab { padding-left: 46px; padding-top: 20px; }
.-case_tw_box_right_box1_tab:first-child { background: url("/assets/images/case_bg1.jpg") no-repeat left 25px; }
.-case_tw_box_right_box1_tab:nth-child(2) { background: url("/assets/images/case_bg2.jpg") no-repeat left 25px; }
.-case_tw_box_right_box1_tab:last-child { background: url("/assets/images/case_bg3.jpg") no-repeat left 25px; }
.-case_tw_box_right_box1_tab span { color: #020D26; font-weight: 600; margin-bottom: 10px; font-size: 18px; line-height: 40px; }
.-case_tw_box_right_box_a { background-color: #FB3642; padding: 10px 15px; font: 14px/30px "Arial"; color: #fff; margin: 25px 0 50px 15px; display: block; width: 200px; text-align: center; }
.-case_sb { margin-top: 30px; }
.-case_sb_box { width: 100%; }
.-case_ms { /*background: #fff; padding: 15px 20px;*/ margin: 10px 0 15px }
.-case_ms p { font-size: 16px !important; line-height: 24px !important; color: #000 !important; margin-bottom: 5px !important; background:none !important;}
.-case_sb_box_title { line-height: 1.3em; color: #1e354f; font-size: 1.8666666666667rem; text-align: center; margin-bottom: 20px; }
.-case_sb_box h5 { color: #000; font-size: 16px; font-weight: normal; text-align: center; }
.-case_sb_box_list { margin: 40px 0 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.-case_sb_box_list li { width: 23%; margin-right: 2%; border-style: solid; border-width: 1px 1px 1px 1px; border-radius: 3px; padding: 3px 3px 3px 3px; box-shadow: 0px 0px 5px 0px rgba(148,139,139,.5); border-color: #DCCFCF; margin-bottom: 20px; }
.-case_sb_box_list li:nth-child(4n) { margin-right: 0; }
.-case_sb_box_list li a { display: block; }
.-case_sb_box_list li a img { width: 100%; height: auto; }
.-case_sb_box_list li a p { padding: 20px 0; color: #1e354f; font-size: 20px; font-weight: bold; text-align: center; }
.-case_pro { padding: 45px 0; background: #fff; }
.-case_pro h5{font:16px/24px "微软雅黑";color: #000;text-align: center;}
.-case_cho { padding: 45px 0; background: #F3F7F9; }
.-case_pro_box { display: flex; justify-content: space-between; flex-wrap: wrap; }
.-case_pro_left { width: 50%; padding: 10px; }
.-case_pro_left_box1 { padding-left: 10px; }
.-case_pro_left h3 { text-transform: capitalize; line-height: 1.3em; color: #1e354f; font-size: 1.4666666666667rem; margin-top: 20px; margin-bottom: 15px; }
.-case_pro_left h5 { color: #8A8181; font-size: 14px; font-weight: normal; }
.-case_pro_left_box { margin-top: 20px; padding: 0 15px 0 30px; }
.-case_pro_left_box2 { margin-top: 35px; padding: 0 15px 0 40px; }
.-case_pro_left_box p { font-size: 16px !important; line-height: 24px !important; color: #000 !important; margin-bottom: 5px !important; }
.-case_pro_left_box2 p { font-size: 16px; line-height: 24px; color: #000; margin-bottom: 20px; padding-left: 30px; background: url("/assets/images/case_bg4.jpg") no-repeat left top; }
.-case_pro_right { width: 50%; padding: 10px; box-shadow: 0px 0px 5px 0px rgba(148,139,139,.5); }
.-case_pro_right img { width: 100%; height: auto; }
.-case_cho_box { width: 100%; }
.-case_cho_box h2 { text-transform: capitalize; line-height: 1.3em; color: #1e354f; font-size: 1.4666666666667rem; margin-top: 20px; margin-bottom: 15px; text-align: center; position: relative; }
.-case_cho_box h2:after { content: ""; width: 120px; height: 2px; background: #fb3642; position: absolute; left: calc(50% - 60px); top: 150% }
.-case_cho_box_list { margin-top: 70px; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.-case_cho_box_list li { width: 30%; margin-right: 3%; margin-bottom: 30px; padding: 3px; box-shadow: 0px 0px 5px 0px rgba(148,139,139,.5); background-color: #F2F2F2; }
.-case_cho_box_list li:nth-child(3n) { margin-right: 0; }
.-case_cho_box_list li a { display: block; }
.-case_cho_box_list li a img { width: 100%; height: auto; margin-bottom: 10px; }
.-case_cho_box_list li a p { font-size: 13px; font-weight: 600; line-height: 24px; color: #1e354f; padding: 10px; text-align: center; margin-bottom: 10px; }

@media screen and (max-width: 600px) {
    .single-pro-column { margin-top: 36px; }
    .pro-columns-l { margin-top: 22px; width: 100%; order: 2; }
    .pro-columns-r { width: 100%; }
    #pro-animate .slick-dots { bottom: 6px; }
    .single-pro-content h2 { font-size: 16px; line-height: 20px; }
    .single-pro-content h3 { padding-bottom: 5px; font-size: 16px; line-height: 20px; }
    .single-pro-content p { margin-top: 16px; font-size: 15px; line-height: 20px; }
    .single-pro-btns { margin-top: 26px; }
    .single-pro-btn { width: 40%; height: 30px; line-height: 30px; }
    .single-pro-email {width: 50% !important;}
    .add_container {width: auto;margin: 0 1rem;}
    .single-pro-miall a{width:100% !important}
    .table-x{width:100%;overflow:scroll}
    .pro-detail-sec, .pro-nav-items { margin-top: 26px; }
    .pro-nav-items li { padding: 0 12px 8px; font-size: 16px; line-height: 20px; }
    .pro-nav-items li { padding: 0 12px 8px; font-size: 16px; line-height: 20px; }
    .pro-nav-items { justify-content: flex-start; }
    .fixed-nav1 .pro-nav-items { padding: 6px 0; }
    .fixed-nav1 .pro-nav-items li { font-size: 16px; padding: 4px 10px; }
    .pro-detail-common table tr:first-child { font-size: 15px; }
    .pro-detail-common table tr td, .pro-detail-common table tr th { padding: 8px 12px; }
    .-box { padding-top: 34px; }
    .-wrap { width: 97%; }
    .-case_box_top { padding-left: 10px; }
    .-case_box_top_box h1 { font-size: 20px; }
    .-case_two { padding: 20px 0; }
    .-case_tw_box { padding: 10px; }
    .-case_tw_box_left, .-case_tw_box_right { width: 100%; }
    .-case_tw_box_right_box_a { margin: 25px 0 20px 15px; }
    .-case_sb_box_list li { width: 100%; }
    .-case_pro { padding: 25px 0; }
    .-case_pro_left, .-case_pro_right { width: 100%; }
    .-case_cho_box_list { margin-top: 40px; }
    .-case_cho_box_list li { width: 100%; }
}

@charset "UTF-8";
.alignleft { display: inline; float: left }
.alignright { display: inline; float: right }
.aligncenter { display: block; margin-right: auto; margin-left: auto }
img.alignleft { margin: .4em 1.6em 1.6em 0 }
img.alignright { margin: .4em 0 1.6em 1.6em }
img.aligncenter { clear: both; margin-top: .4em; margin-bottom: 1.6em }
.wp-block-image { margin: 0 }
.wp-block-columns { margin-bottom: 0 }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out }
.mfp-zoom { cursor: pointer; cursor: zoom-in }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none !important }
.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #ccc }
.mfp-preloader a:hover { color: #fff }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation }
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace }
.mfp-close:focus, .mfp-close:hover { opacity: 1 }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #333 }
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 }
.mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px }
.mfp-arrow-right:before { border-left: 27px solid #3f3f3f }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #000 }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
    .mfp-img-mobile img.mfp-img { padding: 0 }
    .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
    .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
    .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
    .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
    .mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
    .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 }
}

@media all and (max-width:900px) {
    .mfp-arrow { transform: scale(.75) }
    .mfp-arrow-left { transform-origin: 0 }
    .mfp-arrow-right { transform-origin: 100% }
    .mfp-container { padding-left: 6px; padding-right: 6px }
}

.mfp-bg { opacity: 0; transition: all .3s }
.mfp-bg.mfp-ready { opacity: .8 }
.mfp-bg.mfp-ready.mfp-removing { opacity: 0 }
.white-popup-block { position: relative; background: #fff; padding: 3rem; width: auto; max-width: 600px; margin: 20px auto }
.white-popup-block .contact-sce-tit { margin-top: 0 }
.loop-item-200 { margin-bottom: 1.25rem }
.loop-item-200 h2 { background: #eee; border-radius: 4px 4px 0 0; line-height: 2.5rem; padding: 0 1.25rem 0 2.5rem; margin: 0; transition: all .3s }
.loop-item-200 h2 a { font-weight: 500; color: #333; font-size: 1rem; width: 70%; display: inline-block; transition: all .3s }
.loop-item-200 h2 a:hover { color: #004ea2 }
.loop-item-200 .meta { float: right; display: inline-block; font-weight: 400; font-size: .75rem; color: #888; background: #fff; border-radius: 4px; line-height: 1.6em; padding: 0 .5rem; margin-top: .875rem; margin-right: 1.25rem }
.loop-item-200 .meta.cat_pro { background: #004ea2; color: #fff }
.loop-item-200 .meta.cat_sol { background: #5bc198; color: #fff }
.loop-item-200 .meta.cat_page { background: #f48000; color: #fff }
.loop-item-200 .meta.cat_case { background: #d580d2; color: #fff }
.loop-item-200 .txt { background: #f8f8f8; padding: 1rem 2.5rem; border-radius: 0 0 10px 10px }
.loop-item-200 .txt p { margin: 0; color: #666; font-size: .875rem; line-height: 1.8em }
.loop-item-200 .txt.txt-pro { display: flex; flex-flow: row-reverse wrap; align-items: flex-start }
.loop-item-200 .txt .pro-info { flex: 1 }
.loop-item-200 .txt .page-pro-thumb { margin-right: 2rem; max-width: 40% }
.loop-item-200:hover h2 { background: #ddd }

@media screen and (max-width:600px) {
    .loop-item-200 .txt { padding: 1rem }
    .loop-item-200 h2 { padding: 0 1rem }
    .loop-item-200 .meta { margin-right: 0 }
    .loop-item-200 h2 a { line-height: 1.2rem; padding: .8rem 0 }
    .loop-item-200 .txt.txt-pro { flex-flow: column-reverse }
    .loop-item-200 .txt .page-pro-thumb { margin-bottom: 1rem; margin-left: 0; max-width: none }
}

.loop-item-400 { display: flex; flex-flow: row nowrap; margin-bottom: 1.25rem; background: #f8f8f8; border-left: solid 4px #004ea2; border-radius: 2px; padding: 1.125rem 2.5rem; transition: all .3s ease }
.loop-item-400:hover { box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); transform: translateY(-2px) }
.loop-item-400:nth-of-type(2n+1) { background: #eee }
.loop-item-400 p { line-height: 1.875rem; margin: 0; color: #131521 }
.file-name { padding-right: 2rem; flex: 1 }
.file-name a { color: inherit; transition: all .3s ease }
.file-name a:hover { color: #004ea2; text-decoration: underline }
.file-size { flex: none; width: 6rem }
.file-time { flex: none; width: 8rem }
.file-icon { display: flex; justify-content: space-around; flex: none; width: 6rem }
.file-icon a { display: block; padding: 0 .5rem; color: inherit; transition: all .3s ease }
.file-icon a:hover { color: #004ea2 }
.file-icon .view i { font-size: 1.25rem }

@media screen and (max-width:1023px) {
    .loop-item-400 p { line-height: 1.3rem }
}

@media screen and (max-width:800px) {
    .file-icon { display: none }
    .file-time { width: 6.5rem }
    .file-size { width: 5rem }
}

@media screen and (max-width:600px) {
    .loop-item-400 { flex-flow: row wrap }
    .file-name { flex: none; width: 100%; margin-bottom: .5rem !important; padding-right: 0 }
    .file-size, .file-time { color: #666 !important }
    .file-item-tit.file-item-tit { display: none }
}

.loop-case { background: #fff; padding: 1.8125rem 4.3% 1.8125rem 2%; margin-bottom: 2.5rem; display: flex; transition: all .3s ease }
.loop-case:hover { box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2) }
.case_thumb { flex: none; width: 45.85%; margin-right: 3.9%; overflow: hidden }
.case_thumb img { display: block; transition: all .3s ease }
.case_thumb:hover img { filter: brightness(1.05); transform: scale(1.05) }
.case_info { display: flex; flex-flow: column; justify-content: flex-start; padding-bottom: 2.25rem; padding-top: 2.25rem }
.case-more { display: inline-block; margin-top: auto; flex: none; font-size: .875rem }
.case-more i { display: inline-block; margin-left: .5rem; font-size: .75rem; transition: all .3s ease }
.case-more:hover { color: #174b84 }
.case-more:hover i { transform: translateX(5px) }
.case_data { font-size: .875rem; color: #004ea2; margin: 0 0 1rem }
.case_tit { font-size: 2rem; line-height: 2.375rem; color: #174b84; margin: 0 0 1.5rem; font-weight: 700; font-family: Roboto,sans-serif }
.case_tit a { color: inherit }
.case_tit:hover a { color: #004ea2 }
.case_des { color: #666; line-height: 1.625rem; max-height: 4.875rem; overflow: hidden; margin: 0 0 2rem }
.case_des p { margin: 0 }

@media screen and (max-width:1280px) {
    .case_tit { font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem }
    .case_info { padding: 0 }
    .case_des { margin-bottom: 1rem }
}

@media screen and (max-width:600px) {
    .case-more { display: none }
    .loop-case { flex-flow: column; padding: 1.25rem }
    .case_thumb { width: 100%; margin-right: 0; margin-bottom: 1.5rem }
    .case_tit { font-size: 1.25rem; line-height: 1.625rem }
    .case_des { font-size: .875rem; line-height: 1.3rem; max-height: 3.9rem }
    
}

.loop-hotpro { position: relative; overflow: hidden; border-radius: 3px; background: #fff }
.hotpro_thumb { display: block; overflow: hidden;border: 9px solid #fff; }
.hotpro_thumb img { display: block; transition: all .3s ease }
.hotpro_thumb:hover img { filter: brightness(1.05); transform: scale(1.05) }
.hotpro_thumb img { display: block; margin: 0 auto }
.hotpro_tit { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(23,75,132,.9); color: #fff; padding: 1rem; font-size: .75rem; margin: 0; opacity: 0; transition: all .3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.hotpro_tit a { color: #fff; font-family: Roboto,sans-serif; font-weight: 500 }
.loop-hotpro:hover .hotpro_tit { opacity: 1 }

@media screen and (max-width:1280px) {
    .hotpro_tit { position: static; opacity: 1; pointer-events: all }
}

.loop-news { border-bottom: solid 1px #ededed; border-right: solid 1px #ededed; padding: 0 14.4% 0 0; display: flex; flex-flow: column }
.loop-news:nth-of-type(2n) { border-right: none; padding: 0 0 0 14.4% }
.news_thumb { display: block; overflow: hidden; border-radius: 2px 2px 0 0; margin-bottom: -1rem; overflow: hidden }
.news_thumb img { display: block; transition: all .3s ease }
.news_thumb:hover img { filter: brightness(1.05); transform: scale(1.05) }
.news_info { padding-top: 2.8125rem; padding-bottom: 2.8125rem; position: relative; flex: 1 }
.news_data { font-size: .875rem; color: #004ea2; line-height: 1rem; margin: 0; margin-bottom: .875rem; font-family: Roboto,sans-serif; font-weight: 700 }
.news_tit { font-size: 1.625rem; color: #333; line-height: 1.875rem; font-family: Roboto,sans-serif; margin: 0 0 1rem; font-weight: 700 }
.news_tit a { color: inherit }
.news_tit:hover a { color: #004ea2 }
.news_des { font-size: .875rem; line-height: 1.3125rem; color: #666; margin: 0 }
.news_des p { margin: 0 }
.news-more { display: inline-block; position: absolute; bottom: 1.625rem; right: 0; line-height: 1.25rem; color: #004ea2; opacity: 0 }
.news-more:hover { text-decoration: underline; color: #174b84 }
.loop-news:hover .news-more { opacity: 1 }

@media screen and (max-width:600px) {
    .loop-news { padding: 0 7% !important; border-left: solid 1px #ededed !important; border-right: solid 1px #ededed !important; border-bottom: solid 1px #ededed !important }
    .loop-news:first-child { border-top: solid 1px #ededed }
    .news_thumb { margin-top: 1.5rem }
    .news_thumb img {width: 100%;}
    .news_tit { font-size: 1.25rem; line-height: 1.5rem }
    .news-more { display: none }
    .hotpro_thumb {border: 4px solid #fff;}
}

.loop-pro { display: flex; flex-flow: column; position: relative; transition: all .3s ease; border: solid 1px #f4f9fd }
.loop-pro:hover { box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2) }
.loop-pro:hover .pro-item-more { opacity: 1 }
.loop-pro:hover .pro-item-tit { color: #fff; background: #004ea2 }
.pro-item-more { position: absolute; display: block; left: 0; top: 0; width: 3.625rem; height: 3.625rem; background: #004ea2; color: #fff; padding: .5rem; -webkit-clip-path: polygon(100% 0,0 0,0 100%); clip-path: polygon(100% 0,0 0,0 100%); opacity: 0; transition: all .5s ease; font-size: .8rem; z-index: 9; text-align: left }
.pro-item-more:hover { background: #174b84 }
.pro-item-thumb { display: block; background: #fff }
.pro-item-thumb img { display: block; max-width: none; width: 100% }
.pro-item-tit { font-size: .875rem; line-height: 1.25rem; padding: .5rem 1rem; font-weight: 500; color: #174b84; display: block; transition: all .3s ease; background: #f4f9fd; flex: 1; font-family: Roboto,sans-serif; text-align: center }

@media screen and (max-width:600px) {
    .pro-item-more { width: 2.5rem; height: 2.5rem; padding: .2rem .5rem }
    .pro-item-more i { font-size: .7rem }
}

.loop-rel_news { display: flex; justify-content: space-between }
.loop-rel_news:not(:last-child) { margin-bottom: 2.8125rem }
.rel_news_thumb { flex: none; width: 5.625rem; height: 3.75rem; overflow: hidden; display: block; margin-right: .75rem }
.rel_news_thumb img { display: block; transition: all .3s ease }
.rel_news_thumb:hover img { filter: brightness(1.05); transform: scale(1.05) }
.rel_news_thumb img { -o-object-fit: cover; object-fit: cover }
.rel_news_tit { margin: 0 0 .25rem }
.rel_news_tit a { font-size: .875rem; font-weight: 600; font-family: Roboto,sans-serif; line-height: 1.1875rem; color: #131521; display: block; transition: all .3s ease }
.rel_news_tit a:hover { color: #004ea2 }
.rel_news_data { margin: 0; color: #999; font-size: .8rem }
.rel_news_data i { display: inline-block; font-size: .8rem; margin-right: 3px }
.rel_news_info { flex: 1 }
.loop-sol { transition: all .3s ease; padding: 0 2.5rem 3.75rem; display: flex; flex-flow: column; align-items: center; justify-content: flex-start }
.loop-sol:hover { background: #004ea2 }
.loop-sol:hover a { color: #fff }
.page-sol-ul1 { display: grid; grid-template-columns: repeat(3,1fr) !important; border-top: solid 1px #eee; border-left: solid 1px #eee }
.loop-sol1 { transition: all .3s ease; padding:1rem; display: flex; flex-flow: column; align-items: center; justify-content: flex-start }
.loop-sol1:hover { background: #fff }
.loop-sol1-h3{font-family: Roboto,sans-serif;
    color: #174b84;
    font-weight: 500;
    line-height: 1.2rem;
    display: block;
    text-align: center;font-size:1rem;margin-top:0.6rem;}
.sol-item-thumb { width: 8.75rem; height: 6.5625rem; /*border-radius: 5rem; */overflow: hidden; overflow: hidden; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); margin-bottom: 1.125rem; margin-top: 3rem }
.sol-item-thumb img { display: block; transition: all .3s ease }
.sol-item-thumb:hover img { filter: brightness(1.05); transform: scale(1.05) }
.sol-item-tit { font-family: Roboto,sans-serif; color: #174b84; font-weight: 500; line-height: 1.625rem; display: block; text-align: center }

@media screen and (max-width:1280px) {
    .loop-sol { padding: 0 1.5rem 2rem }
}

@media screen and (max-width:800px) {
    .sol-item-thumb { width: 7.5rem; height: 5.625rem }
}

.loop-video { background: #f8f8f8; border-radius: 2px; padding: .625rem }
.video_thumb { display: block; border-radius: .2rem; overflow: hidden; background: #5bc198; position: relative }
.video_thumb:after { content: "\ec73"; font-family: iconfont; color: #004ea2; font-size: 3rem; display: block; position: absolute; bottom: 1rem; left: 1rem; transition: all .3s ease }
.video_thumb img { display: block; opacity: .6; transition: all .3s ease }
.video_thumb:hover img { opacity: .85 }
.video_thumb:hover:after { opacity: 0; transform: scale(2) }
.video_tit { font-size: 1.125rem; line-height: 1.25rem; color: #333; margin: 1rem 0 .75rem }
.xz-toppic-404 { height: 0 !important }
.xz-404 { text-align: center }
.xz-404-a { display: inline-block; margin: 3rem auto; transition: all .3s ease }
.xz-404-a:hover { transform: translateX(2%) }
.xz-404-a:active { transform: translateX(2%) scale(.9) }
footer { background: #131521 }
.footer-btm { padding: 2.375rem 0; color: #fff; display: flex; justify-content: space-between; align-items: center }
.footer-copyright { margin: 0 }
footer .header-sns-li:not(:first-child) { margin-left: .5rem }
footer .header-sns-a { display: block; width: 2.75rem; height: 2.75rem; line-height: calc(2.75rem - 2px); text-align: center; border: solid 1px #fff; border-radius: 2rem; color: #fff; transition: all .3s ease }
footer .header-sns-a:hover { color: #004ea2; border-color: #004ea2; transform: none }
footer .xz-sns-i { font-size: 1.125rem }

@media screen and (max-width:600px) {
    .footer-btm { flex-flow: column; align-items: flex-start; padding: 1rem 0 .75rem }
    .footer-copyright { margin-bottom: 1rem; font-size: .75rem; line-height: 1.4em }
    footer .header-sns-li:not(:first-child) { margin-left: .75rem }
    footer .header-sns-a { width: 2rem; height: 2rem; line-height: calc(2rem - 2px) }
    footer .header-sns-a .xz-sns-i { font-size: .875rem }
}

#msg-form { /*margin-top:8.25rem;*/ background: url(/assets/images/form_bg.jpg) 50% 50% no-repeat #131521; background-size: cover; display: flex; flex-flow: row wrap }
/*#msg-form > div { flex: none; width: 50% }*/
#msg-form h2 { font-size: 2.5rem; color: #fff; line-height: 2.875rem; margin: 0; margin-bottom: 2rem; font-family: Roboto,sans-serif; font-weight: 500 }
#msg-form h2 + p { color: #fff; font-size: 1.125rem; line-height: 1.375rem; margin: 0 0 2.875rem }
.msg-form-sec1 {width: 60%; background: rgba(48,142,219,.9); padding: 3.75rem 9% 3.75rem 2.5%/*padding: 3.75rem 2.5% 3.75rem 2.5%*/ }
.msg-form-sec2 { width: 40%;background: rgba(23,75,132,.9); padding: 3.75rem calc(50vw - var(--main_w)/ 2) 3.75rem 4% }
.msg-form-sec2 ul { margin-bottom: 2.875rem }
.msg-form-sec2 .swt-btn { border-color: #fff; color: #fff }
.msg-form-sec2 .swt-btn:hover { border-color: #004ea2 }
.page-contact-ul li { display: flex; align-items: center }
.page-contact-ul li:not(:first-child) { margin-top: 2.25rem }
.page-contact-ul i { display: block; flex: none; margin-right: 1.625rem; width: 3.75rem; height: 3.75rem; line-height: 3.75rem; color: #fff; background: #004ea2; text-align: center; font-size: 1.25rem; border-radius: 2rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.page-contact-ul li i img{width:100%;height:auto;}
.page-contact-ul .tit { margin: 0 0 .375rem; font-size: .875rem; line-height: 1rem; color: #fff }
.page-contact-ul .txt { font-family: Roboto,sans-serif; font-weight: 500; color: #fff; font-size: 1.375rem; line-height: 1.5rem; margin: 0 }
.page-contact-ul .txt a { color: inherit }
.page-contact-ul .txt a:hover { color: #fff; /*text-decoration: underline*/ }
.nav-links { clear: both; text-align: center; font-size: 0; margin: 2rem 0 3rem }
.page-numbers { display: inline-block; width: 3.75rem; line-height: 3.75rem; text-align: center; background: #ddd; border-radius: 2rem; margin: 0 .3rem; transition: all .3s; color: #333; font-size: 1rem; box-shadow: none }
.page-numbers.current, .page-numbers:hover { background: #174b84; color: #fff; box-shadow: none }

@media screen and (max-width:800px) {
    .page-numbers { width: 3rem; line-height: 3rem; margin: .3rem .15rem }
}

.xz-pn-next, .xz-pn-pre { margin: 1rem 0; display: flex; align-items: baseline; overflow: hidden }
.xz-pn-next:before, .xz-pn-pre:before { content: "Previous:"; display: inline-block; font-size: 1.125rem; color: #131521; margin-right: .4rem; text-align: right; font-family: Roboto,sans-serif; font-weight: 700 }
.xz-pn-next a, .xz-pn-pre a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #174b84; transition: all .3s ease; flex: 1; text-decoration: underline }
.xz-pn-next a:hover, .xz-pn-pre a:hover { color: #004ea2 }
.xz-pn-next .xz-pn-link, .xz-pn-pre .xz-pn-link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.xz-pn-next:before { content: "Next:" }
.xz-tab-content-x { position: relative; transition: all .3s ease }
.xz-tab-content { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transform: scale(0); transform-origin: center top; transition: opacity .5s ease,transform 0s .5s ease }
.xz-tab-content.current { transform: scale(1); opacity: 1; transition: opacity .5s ease,transform 0s ease }
.h1 { color: #092c42; font-family: Roboto,sans-serif; line-height: 3rem; font-size: 2.5rem; margin: 0 0 4rem }
.h2 { color: #174b84; font-family: Roboto,sans-serif; line-height: 2.375rem; font-size: 2rem; margin: 0 0 1.625rem }
.xz-search { padding-top: 4rem }
#searchform { margin: 2rem auto 40vh; width: 50%; height: 3.5rem; box-sizing: border-box; border: solid 1px #004ea2; border-radius: .5rem; display: flex; justify-content: space-between; background: rgba(255,255,255,.9) }
#searchform #submit { pointer-events: auto }
.header-search-submit { border: none; color: #004ea2; background: 0 0; transition: all .3s ease; width: 3.5rem; font-size: 1.5rem }
.header-search-submit:hover { filter: brightness(1.1); transform: scale(1.1) }
.header-search-input { flex: 1; font-size: 1.125rem; color: #004ea2; padding: .5rem 1rem; border: none; background: 0 0; max-width: calc(100% - 3.5rem) }
.header-search-input:focus { outline: 0; color: #131521 }
.service-intro { margin-right: .875rem; box-shadow: .875rem 1.375rem 0 #f2f9ff; margin-bottom: 6rem; border-radius: 2px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 5.9375rem 55% 5rem 4.3%; position: relative }
.service-intro:before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(270deg,#d8d8d8 0,rgba(255,255,255,0) 0,#fff 100%); display: block; top: 0; left: 0 }
.service-intro h2, .service-intro p { position: relative; z-index: 9 }
.service-intro h2 { color: #092c42; font-size: 2.5rem; line-height: 2.9375rem; margin: 0; font-family: Roboto,sans-serif }
.service-intro h2:after { content: ""; display: block; width: 2.875rem; height: .25rem; background: #004ea2; margin: 1.625rem 0 2.3125rem }
.service-intro p { color: #174b84; font-size: 1.125rem; line-height: 1.625rem; margin: 0 }
.service-tab-tit-x { display: grid; grid-template-columns: repeat(4,1fr); position: sticky; top: 0; background: #fff; z-index: 99; padding-top: 1rem }
.service-tab-tit { padding: 0 1rem 1.625rem; position: relative; text-align: center; color: #666; font-family: Roboto,sans-serif; font-weight: 500; font-size: 1.125rem; line-height: 1.25rem; white-space: nowrap }
.service-tab-tit:after { content: ""; width: 100%; height: .25rem; display: block; position: absolute; bottom: 0; left: 0; background: #eee; border-radius: 3px }
.service-tab-tit:nth-of-type(odd):after { background: #d8d8d8 }
.service-tab-tit.current:after { background: #004ea2 }
.service-tab-tit i { display: inline-block; color: #004ea2; font-size: 1.125rem; margin-right: .875rem }
div.service-tab-content-x { margin-top: 0 }
.service-tab-content-x h2 { margin-top: 4.1875rem; margin-bottom: .75rem; line-height: 2.9375rem; font-size: 2.5rem; font-family: Roboto,sans-serif; color: #092c42; text-align: center }
.service-tab-content-x h2 + p { width: 90%; margin: 0 auto 3.75rem; color: #333; line-height: 1.625rem; text-align: center }
.z-card-x { counter-reset: c1 }
.z-card { box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); transition: box-shadow .3s ease; counter-increment: c1; background: #fff }
.z-card:hover { box-shadow: 0 .5rem 1.75rem -.75rem rgba(48,142,219,.3) }
.z-card:not(:last-child) { margin-bottom: 3.25rem }
.z-card h3 { margin: 0 0 .875rem; font-family: Roboto,sans-serif; color: #174b84; font-size: 2rem; line-height: 2.375rem; position: relative; z-index: 9 }
.z-card h3 + p em { color: #004ea2; font-family: Roboto,sans-serif; font-size: 1.25rem; line-height: 1.625rem; margin-top: -.25rem; margin-bottom: 1.625rem; display: inline-block }
.z-card h3 + ul { margin-top: 3rem; margin-bottom: 2rem }
.z-card p { color: #333; line-height: 1.625rem; margin: 0 }
.z-card p strong { font-weight: 500 }
.z-card img { display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.z-card.wp-block-media-text > div { padding-top: 2rem; padding-bottom: 2rem; height: 100%; display: flex; flex-flow: column; justify-content: center; position: relative }
.z-card.wp-block-media-text > div:after { content: counter(c1,decimal-leading-zero); position: absolute; display: block; font-family: Roboto,sans-serif; font-weight: 700; top: 1rem; right: 1rem; font-size: 5rem; color: #fff; text-shadow: 0 0 2px rgba(48,142,219,.3); line-height: 1em }
.z-card ul { margin-top: 1.625rem; padding-left: 1rem }
.z-card li { list-style: disc; color: #174b84; line-height: 2rem; font-weight: 500 }
.z-card .wp-block-media-text__media { height: 100% }
.z-card .wp-block-media-text__media img { height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover }
.z-card .txt { margin: 1.6rem 0 2rem; padding-left: 1.5rem; border-left: solid 3px #004ea2 }
.z-card .txt p:not(:last-child) { margin-bottom: 1.5rem }
.z-card a { display: inline-block; font-size: .875rem }
.z-card a:after { content: "\e649"; font-family: iconfont; font-size: .75rem; line-height: 1em; margin-left: .5rem; display: inline-block; transition: all .3s ease }
.z-card a:hover { color: #174b84 }
.z-card a:hover:after { transform: translateX(5px) }
.service3 { box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2) }
.service3 .wp-block-column { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 3.625rem 1.625rem 4.5rem 3rem; transition: all .3s ease }
.service3 .wp-block-column:hover { box-shadow: 0 .5rem 1.75rem -.75rem rgba(48,142,219,.3) }
.service3 .wp-block-column:not(:first-child) { border-left: solid 1px #e6e6e6; margin-left: 0 }
.service3 .wp-block-column figure { align-self: center; display: block; width: 4.375rem; height: 4.375rem; text-align: center }
.service3 .wp-block-column figure img { display: block }
.service3 .wp-block-column h3 { font-size: 1.625rem; color: #333; line-height: 1.875rem; margin: 2.875rem 0 2.25rem; font-family: Roboto,sans-serif }
.service3 ul { padding-left: 1rem }
.service3 li { line-height: 1.625rem; color: #174b84; list-style: disc }
.service4 { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1rem }
.service4 li { padding: 3rem; border-top: solid .25rem #5bc198; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); display: flex; flex-flow: column; justify-content: center; align-items: center; color: #333; line-height: 2rem; font-weight: 500; transition: all .3s ease }
.service4 li:hover { transform: translateY(-5px) }
.service4 i { display: block; width: 4.375rem; line-height: 4.375rem; font-size: 4.375rem; text-align: center; color: #5bc198; margin-bottom: 1.5rem }
.service4 li:nth-of-type(2) { border-top-color: #f48000 }
.service4 li:nth-of-type(2) i { color: #f48000 }
.service4 li:nth-of-type(3) { border-top-color: #d580d2 }
.service4 li:nth-of-type(3) i { color: #d580d2 }
.page-contact h1 { color: #174b84; font-family: Roboto,sans-serif; text-align: center; font-size: 2rem; line-height: 2.375rem; margin: 0 }
.page-contact h1:after { content: ""; display: block; width: 3rem; height: .25rem; background: #004ea2; border-radius: 2px; margin: 1.3125rem auto 3.875rem }
.page-contact .wp-block-columns { margin-bottom: 3.5rem }
.page-contact .wp-block-columns p { color: #666; line-height: 1.625rem; margin: 0 }
.page-contact .wp-block-columns p strong { display: inline-block; font-family: Roboto,sans-serif; color: #333; font-size: 1.125rem; line-height: 1em; margin: 1.25rem 0 .75rem }
.page-contact .wp-block-columns a { color: inherit }
.page-contact .wp-block-columns a:hover { color: #004ea2; text-decoration: underline }
.page-contact .wp-block-columns > div:first-child { flex: 1 }
.page-contact .wp-block-columns > div:last-child { flex: none; width: 43% }
.page-contact .wp-block-columns > div:last-child img { display: block }
.page-contact img { display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.contact-banner { margin-bottom: 3.5rem; position: relative }
.contact-banner:after { position: absolute; content: ""; width: 5%; height: 100%; background: #004ea2; z-index: 9; right: 0; top: 0; -webkit-clip-path: polygon(100% 0,0 100%,100% 100%); clip-path: polygon(100% 0,0 100%,100% 100%) }
.contact-banner p { position: absolute; left: 20%; right: 5%; height: 100%; display: flex; align-items: center; margin: 0; color: #fff; font-size: 1.875rem; line-height: 2.1875rem; font-style: italic; font-family: Roboto,sans-serif }
.contact-banner p strong { display: inline-block; margin-left: 1rem; font-family: inherit }
.add-x { background: #f8f8f8; padding: 2.1875rem 1.25rem; margin-bottom: 4.2rem; border-top: solid 2px #004ea2 }
.add-x h2 { font-family: Roboto,sans-serif; color: #333; font-size: 1.625rem; line-height: 1.875rem; margin: 0 0 1.75rem }
.add-x iframe { display: block; margin-bottom: 2rem }
.add-x p { line-height: 1.625rem; margin: 0 }
.add-x p strong { color: #174b84; font-family: Roboto,sans-serif; display: inline-block; margin-right: .5rem }
.xz-turnkey .z-card-x { background: #f8f8f8; padding-top: 4.25rem; padding-bottom: 7.5rem; margin-bottom: 3.625rem }
.xz-turnkey .z-card .wp-block-media-text__media { position: relative }
.xz-turnkey .z-card .wp-block-media-text__media:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 9; left: 0; top: 0; background: #174b84; opacity: .37 }
.xz-turnkey .intro { font-size: 1.125rem; line-height: 1.625rem; margin-top: -1.2rem; margin-bottom: 2rem }
.xz-turnkey .intro:after { display: block; clear: both; content: ""; height: 0; width: 100% }
.xz-turnkey .intro p { margin: 0 }
.xz-turnkey .intro figure { transform: translateY(-1.5rem) }
.xz-turnkey .z-card-x .h1 { text-align: center }
.benefit { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 1.5rem; margin-bottom: 5rem }
.benefit li { padding: 1.5rem; background: #f1f6fa; border-radius: .625rem; color: #333; line-height: 1.625rem; transition: all .3s ease }
.benefit li:hover { box-shadow: 0 .5rem 1.75rem -.75rem rgba(48,142,219,.3); transform: translateY(-5px) }
.benefit li:nth-of-type(2) i { background: #5bc198 }
.benefit li:nth-of-type(3) i { background: #f48000 }
.benefit li:nth-of-type(4) i { background: #d580d2 }
.benefit i { display: block; width: 2.875rem; height: 2.875rem; font-size: 1.25rem; color: #fff; text-align: center; line-height: 2.875rem; background: #004ea2; margin: 0 0 .75rem; -webkit-clip-path: url(/assets/css/); clip-path: url(/assets/css/) }
.turnkey-how p { color: #666; line-height: 1.625rem; margin: 0 }
.turnkey-how .wp-block-gallery { margin: 3.25rem 0 }
.turnkey-how h3 { font-size: 1.125rem; line-height: 1.375rem; color: #174b84; margin: 0 0 .75rem }
.turnkey-how h3 + ul { margin: .875rem 0 2.375rem; padding-left: 1.125rem }
.turnkey-how h3 + ul li { list-style: disc; color: #666; line-height: 2rem; margin: 0 }
.contact-btn a { display: inline-block; line-height: 2.5rem; padding: 0 1.5rem; border: solid 1px #004ea2; border-radius: 2rem; color: #004ea2; font-size: .875rem; font-family: Roboto,sans-serif; font-weight: 700; transition: all .3s ease }
.contact-btn a:hover { background: #004ea2; color: #fff }
.contact-btn a:active { transform: scale(.95) }
.contact-btn a:after { content: "\e649"; font-family: iconfont; display: inline-block; margin-left: .5rem; font-weight: 300; font-size: .7rem }
.xz-turns .h1 { margin-bottom: 0 }
.xz-turns .h1:after { content: ""; display: block; width: 3rem; height: .25rem; background: #004ea2; margin: 1.75rem 0 2rem }
.xz-turns li, .xz-turns p { color: #333; line-height: 1.625rem; margin: 0 }
.xz-turns .intro { margin-bottom: 4.375rem }
.xz-turns .intro .wp-block-column:last-child { width: 38%; flex: none }
.xz-turns .intro .wp-block-column:first-child { flex: 1; margin-right: 7.5% }
.xz-turns .intro p { margin-bottom: 1.5rem }
.xz-turns strong { font-weight: 500 }
.xz-turns .we-offer { background: url(/assets/images/bg1.png) no-repeat 50% 50%; background-size: cover; margin-bottom: 4.75rem; padding-top: 3.75rem; padding-bottom: 4.6875rem }
.xz-turns .we-offer ul { display: flex; flex-flow: column wrap; height: 8rem; max-width: 100%; overflow: auto; align-content: flex-start }
.xz-turns .we-offer ul li { line-height: 2rem; color: #174b84; margin-right: 3rem }
.xz-turns .we-offer ul li:before { content: "-"; display: inline-block; margin-right: .5rem }
.phases { margin-top: 3.125rem }
.phases img { display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.phases h3 { color: #333; font-size: 1.625rem; line-height: 1.875rem; font-family: Roboto,sans-serif; margin: 2.25rem 0 .75rem }
.phases ul { margin: 1.5rem 0 0; padding-left: 1rem }
.phases li { list-style: disc; color: #174b84; font-size: .875rem; line-height: 2rem }
.page-case { background: #f8f8f8 }
.page-case-ul { margin-bottom: 4rem }
.news-cat-x { padding-left: 12.5%; padding-right: 12.5%; display: flex; margin-bottom: 4.875rem }
.news-cat-x li { flex: 1; text-align: center }
.news-cat-x a { display: block; padding-bottom: 1.625rem; line-height: 1.3125rem; font-size: 1.125rem; color: #666; font-family: Roboto,sans-serif; font-weight: 500; position: relative }
.news-cat-x a:after { content: ""; position: absolute; bottom: 0; display: block; width: 100%; height: .25rem; border-radius: 3px; background: #eee; transition: all .3s ease }
.news-cat-x a:before { content: "\e6f1"; font-family: iconfont; display: inline-block; margin-right: 1rem; color: #004ea2; font-size: 1.25rem; line-height: 1em }
.news-cat-x li:nth-of-type(2n) a:after { background: #d8d8d8 }
.news-cat-x li.current-menu-item a { color: #174b84 }
.news-cat-x li.current-menu-item a:after { background: #004ea2 }
.news-cat-x li:hover a:after { background: rgba(48,142,219,.75) }
.page-news-ul { margin-bottom: 5rem; display: grid; grid-template-columns: 1fr 1fr }
.xz-single { background: #f8f8f8; padding-top: 0 }
.post-body { background: #fff; margin-top: -3.5rem; position: relative; z-index: 100; padding: 5rem 8.3% 7.5rem; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); margin-bottom: 5rem }
.post-tit { text-align: center; margin-bottom: 2.375rem }
.post-meta { padding-bottom: 2rem; border-bottom: solid 1px #d8d8d8; line-height: 1.125rem; margin: 0 0 4.25rem; display: flex; justify-content: center }
.post-data { background: #f4f9fd; line-height: 1.5rem; font-size: .875rem; color: #174b84; margin-right: 4rem; padding: 0 1rem; border-radius: 3px }
.post-data i { font-size: .875rem; display: inline-block; margin-right: .5rem }
.post-content div { max-width: 100% !important }
.post-content li, .post-content p { color: #333; line-height: 1.625rem; margin: 0 0 1rem }
.post-content .wp-block-image, .post-content .wp-caption { margin: 2rem 0 }
.post-content .wp-block-image img, .post-content .wp-caption img { display: block }
.post-content .wp-caption-text, .post-content figcaption { line-height: 1rem; margin: 1rem 0; font-style: italic; font-weight: 300 }
.post-content ol li { list-style: decimal }
.post-content > ul li, .xz-turns .content > ul li { position: relative; padding-left: 1.5rem }
.post-content > ul li:before, .xz-turns .content > ul li:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background: #174b84; display: block; left: 0; top: .75rem }
.post-content h2, .post-content h3 { font-size: 1.5rem; line-height: 2rem; margin: 4rem 0 1rem; font-family: Roboto,sans-serif; font-weight: 500; color: #333 }
.post-content h2 strong, .post-content h3 strong { font-family: inherit; font-weight: inherit; color: inherit; font-weight: 500 }
.post-content h3 { font-size: 1.2rem; line-height: 1.75rem; margin-top: 2rem }
.post-content a { transition: all .3s ease; color: #004ea2; text-decoration: underline }
.post-content a:hover { color: #174b84 }
.post-nav { padding-bottom: 5rem }
.rel-posts-x { padding-top: 3.875rem; padding-bottom: 1rem }
.rel-posts-x .loop-news { border-bottom: none }
.rel-case-x { background: #f8f8f8; padding-top: 0 }
.a2a_kit a { width: 1.375rem; height: 1.375rem; padding: 0 !important; color: #004ea2; display: inline-block; margin-right: .5rem; overflow: hidden }
.a2a_kit a > .a2a_svg { background: #999 !important; height: 100%; width: 100%; display: block; transition: all .3s ease }
.a2a_kit a > .a2a_svg path { transform: scale(.8); transform-origin: 50% 50% }
.sol-cats-x { display: flex; justify-content: space-between; margin-bottom: 4.375rem }
.sol-cats-x h1 { margin: 0; font-size: 2.5rem; line-height: 1em; color: #092c42; font-family: Roboto,sans-serif }
.sol-cats { display: flex; background: #f4f9fd; padding-left: 1.5rem; -webkit-clip-path: polygon(1rem 0,100% 0,100% 100%,0 100%); clip-path: polygon(1rem 0,100% 0,100% 100%,0 100%) }
.sol-cats a { display: block; line-height: 2.5rem; padding: 0 0.5rem; color: #174b84; font-weight: Roboto,sans-serif;font-size:14px; }
.sol-cats a:hover { color: #004ea2 }
.sol-cats li.current-menu-item a { font-weight: 700 }
.page-sol-ul { display: grid; grid-template-columns: repeat(4,1fr); border-top: solid 1px #eee; border-left: solid 1px #eee }
.page-sol-ul li { border-right: solid 1px #eee; border-bottom: solid 1px #eee }
.xz-sol .footer-main { display: flex; justify-content: space-between }
.sol-body { flex: none; width: calc(100% - 7.8% - 19.25rem); margin-left: 7.8% }
.sol-body .slick-dots { bottom: -2rem; }
.sol-body .loop-pro { margin-right: .5rem; }
.sol-body h1 { margin-bottom: 2rem }
.sol-content h2 { color: #333; font-family: Roboto,sans-serif; font-weight: 700; line-height: 1.875rem; font-size: 1.625rem; margin: 2.5rem 0 1.5rem }
.sol-content p { color: #333; line-height: 1.625rem; margin: 0 0 1.5rem }
.sol-content strong { font-weight: 500 }
.sol-content .wp-block-gallery { margin: 2rem 0 }
.sol-content .wp-block-column ul, .sol-content > ul { margin-bottom: 1.5rem }
.sol-content .wp-block-column ul li, .sol-content > ul li { line-height: 2rem; color: #174b84; font-family: Roboto,sans-serif; font-weight: 500; margin: 0 }
.sol-content .wp-block-column ul li:before, .sol-content > ul li:before { content: "-"; display: inline-block; margin-right: .5rem }
.sol-btn { margin-top: 3rem; margin-bottom: 5.75rem; line-height: 3.5rem; background: #004ea2; color: #fff }
.sol-btn:hover { background: #174b84 }
.sol-btn:after { content: "\e649"; font-family: iconfont; font-size: .75rem; display: inline-block; margin-left: .5rem }
.rel-pro-x { margin-bottom: 7.5rem }
.touch #pro-menu, .touch #sol-menu { display: none !important }
#sol-menu { display: grid; position: absolute; grid-template-columns: repeat(4,1fr); background: #fff; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); width: var(--main_w1); left: calc((50vw - var(--main_w1)/ 2)); border-left: solid 1px #f4f9fd; border-top: solid 1px #f4f9fd }
#sol-menu li { flex-flow: row nowrap; align-items: center; justify-content: flex-start; padding: 1rem 9.3%; border-right: solid 1px #f4f9fd; border-bottom: solid 1px #f4f9fd }
#sol-menu .sol-item-thumb { width: 5.4375rem; height: 4.0753125rem; flex: none; margin: 0; margin-right: 1rem }
#sol-menu .sol-item-tit { text-align: left }
#pro-menu { position: absolute; width: var(--main_w1); left: calc((50vw - var(--main_w1)/ 2)); background: #fff; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); padding: 2rem 2rem 3rem; display: grid; grid-template-columns: repeat(6,auto); grid-gap: 1rem; border-radius: 0 0 .5rem .5rem }
#pro-menu .sider-menu-li > a { color: #131521; display: block; font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 500; line-height: 1rem; margin-bottom: 1rem; padding: .5rem 1rem }
#pro-menu .sider-menu-li > a:hover { color: #174b84; text-decoration: underline }
#pro-menu .sider-menu-sub-li > a { font-size: .875rem; line-height: 1rem; color: #666; font-family: Roboto,sans-serif; display: block; padding: .5rem 1rem; border-radius: 2px }
#pro-menu .sider-menu-sub-li > a:hover { color: #131521; background: #f4f4f4 }
#pro-menu .sider-menu-sub-li.current-menu-item > a { color: #131521; background: #f4f4f4 }
#pro-menu .sider-menu-li.current > a { color: #174b84; text-decoration: underline }
.sidebar { width: 19.25rem; flex: none; margin-bottom: 4rem }
.sider-contact { margin-top: 3.5rem }
.add_mes{margin-top: 25px; width: 100%;}
.add_title{margin:8px 0;}
.add_title p {font: 14px/18px "Arial";color: #626262;margin-bottom: 10px;text-align: center;}
.add_mes h2{font-size: 1.75rem;line-height: 2rem;color: #174b84;font-family: Roboto,sans-serif;font-weight: 700;padding-bottom: 1rem;border-bottom: solid 1px #d8d8d8;margin-bottom: 1rem;}
.les_form{width: 100%;}
.les_form p {font: 14px/24px "Arial";color: #4d4d4d;}
.les_form p span{color:red;}
.les_form input,.les_form textarea{width:100%;background: #fff;font: 14px/24px "Arial";color: #1b0303;display: block;height: 28px;border: 1px solid #e69e10;text-indent: 8px;resize: none;margin-bottom: 5px;border-radius: 5px;}
.les_form textarea{height:48px;}
.les_form input.form_btn{height: 36px;font: 14px/24px "Arial";margin-top:20px !important;color: #fff;border: none !important;padding: 0 10px !important;background: #ff9100;cursor: pointer;margin-top: 5px;text-indent: 0;}
.sider-contact h2 { font-size: 1.75rem; line-height: 2rem; color: #174b84; font-family: Roboto,sans-serif; font-weight: 700; padding-bottom: 1rem; border-bottom: solid 1px #d8d8d8; margin-bottom: 1rem }
.sider-contact .tit { color: #fb6601; font-size: .875rem; line-height: 1rem; margin: 0; font-weight: 700; font-family: Roboto,sans-serif }
.sider-contact .txt { color: #333; font-size: 1rem; line-height: 1.5rem; font-weight: 400; font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif }
.sider-contact i { margin-right: 1.125rem; width: 2.625rem; height: 2.625rem; line-height: 2.625rem; font-size: 1rem }
.sider-contact li:not(:first-child) { margin-top: 1.5rem }
.sider-menu .sider-menu-li { margin-bottom: .625rem }
.sider-menu .sider-menu-li > a { font-size: 1.125rem; line-height: 1.625rem; color: #174b84; padding: 1rem 2rem; border-left: solid .5rem #308edb; background: #f4f9fd; display: block; position: relative; transition: all .3s ease; font-family: Roboto,sans-serif }
.sider-menu .sider-menu-li > a:after { content: "\e649"; font-family: iconfont; font-size: .75rem; color: #004ea2; display: block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); z-index: 9; transition: all .3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.sider-menu .sider-menu-li > a:hover { background: #004ea2; color: #fff }
.sider-menu .sider-menu-li > a:hover:after { color: #fff }
.sider-menu .sider-menu-li.current > a { background: #308edb; border-left-color: #174b84; color: #fff; font-weight: 700 }
.sider-menu .sider-menu-li.current > a:after { color: #fff; transform: translateY(-50%) rotate(90deg) }
.sider-menu .sider-menu-li.current .sider-menu-sub { display: block }
.sider-menu .sider-menu-sub { display: none; padding: .75rem 2rem .75rem 2.5rem }
.sider-menu .sider-menu-sub .sider-menu-sub-li.current-menu-item a { text-decoration: underline; font-weight: 500 }
.sider-menu .sider-menu-sub .sider-menu-sub-a { display: inline-block; line-height: 2.3125rem; font-family: Roboto,sans-serif; color: #174b84; transition: all .3s ease }
.sider-menu .sider-menu-sub .sider-menu-sub-a:hover { color: #004ea2 }
.col-prols .footer-main { display: flex; justify-content: space-between }
.pro-category { flex: 1; margin-left: 5.3% ;margin-bottom: 4rem;}
.pro-category h1 { margin-bottom: 2.25rem }
.pro-ls { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2rem .5rem }
.sub-procats { margin-bottom: 2.25rem; display: flex; flex-flow: row wrap }
.sub-procats li { margin-right: 1rem; margin-bottom: .5rem }
.sub-procats a { font-size: .875rem; display: inline-block; line-height: 2rem; border: solid 1px #004ea2; padding: 0 1.5rem; border-radius: 2rem; font-family: Roboto,sans-serif; font-weight: 500 }
.sub-procats a:hover { background: #004ea2; color: #fff }
.pro-cover-cats a { display: inline-block }
.pro-cover-cats .lv1 { margin-top: 3rem }
.pro-cover-cats .lv2-x { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2rem }
.pro-cover-cats .lv2 { margin-bottom: 2rem; padding-top: 1rem; border-top: solid 2px #174b84 }
.pro-cover-cats .lv1-a { color: #131521; margin-bottom: 2rem }
.pro-cover-cats .lv1-a:hover { color: #004ea2; transform: translateX(5px) }
.pro-cover-cats .lv2-a { font-size: 1rem; color: #174b84; font-family: Roboto,sans-serif; font-weight: 500; margin-bottom: 1rem }
.pro-cover-cats .lv2-a:before { content: "\ea5d"; font-family: iconfont; font-size: .75rem; display: inline-block; margin-right: .5rem }
.pro-cover-cats .lv2-a:hover { color: #004ea2; transform: translateX(5px) }
.pro-cover-cats .lv3-x li { margin-bottom: .5rem }
.pro-cover-cats .lv3-x a { line-height: 1.25rem; font-size: .875rem; font-family: Roboto,sans-serif; color: #666 }
.pro-cover-cats .lv3-x a:hover { text-decoration: underline; color: #004ea2 }
.pro-cover-cats .lv3-x a:before { content: "\e649"; font-family: iconfont; font-size: .5rem; display: inline-block; margin-right: .5rem; vertical-align: top }
.page-pro { padding-top: 0; background: #f8f8f8; }
.page-pro .footer-main { display: flex }
.pro-intro { background: #fff; padding-top: 2.8rem; padding-bottom: 2.8125rem; margin-bottom: 3.5rem }
.pro-intro .footer-main { display: flex; justify-content: space-between; align-items: flex-start }
.pro-gallery { flex: none; width: 41.65%; margin-right: 3.75rem; box-shadow: 0 .5rem 1.5625rem -.5rem rgba(0,0,0,.2); overflow: hidden }
.pro-gallery a, .pro-gallery img { display: block; border-radius: 2px; overflow: hidden }
.pro-gallery img { border: none !important }
.pro-gallery dd { display: none }
.pro-gallery .gallery-item { margin: 0 !important }
.pro-intro-x h1 { font-family: Roboto,sans-serif; font-size: 1.875rem; line-height: 2.5rem; margin: 0 0 1.5rem 0; color: #174b84; font-weight: 700 }
.pro-intro-x .share-tool { display: flex; margin-bottom: 0; padding-bottom: 0; border-bottom: none }
.pro-intro-x .share-tool > span { font-family: Roboto,sans-serif; font-weight: 500; line-height: 1.5rem; display: inline-block; margin-right: 1.5rem }
.procat-tags { margin-bottom: 1rem }
.procat-tags a { display: inline-block; background: #f4f9fd; border-radius: 1rem; padding: 0 .875rem; font-size: .875rem; line-height: 1.875rem; margin: 0 1rem 1rem 0 }
.procat-tags a:hover { background: #004ea2; color: #fff }
.pro-intro-txt { /*margin-top: 1.75rem; */ border-top: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; padding: .8rem 0 2rem 0; /*margin-bottom: 2rem*/ }
.pro-intro-txt li, .pro-intro-txt p { line-height: 2rem; font-size: 1rem; color: #666; margin: 0 }
.pro-intro-txt li { position: relative; padding-left: 1.5rem }
.pro-intro-txt li:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background: #174b84; display: block; left: 0; top: .75rem }
.page-pro-intro-btn { display: flex; margin-bottom: 3.25rem }
.pro-btn { margin-right: 3.75rem;    background-size: 15% !important; }
.pro-btn.btn1 { background: #fd8d08 url(../images/zxjl.png)no-repeat 15px center;color: #fff }
.pro-btn.btn1:hover { background: #b4e1fe url(../images/zxjl1.png)no-repeat 15px center;color:#030303}
.pro-btn.btn2 { background: #fd8d08 url(../images/zxly.png)no-repeat 12px center; color: #fff }
.pro-btn.btn2:hover { background: #b4e1fe url(../images/zxly1.png)no-repeat 12px center;color:#030303}
.pro-content-x { flex: none; position: relative; width: calc(75% - 1.5625rem) }
.pro-intro-x { flex: 1 }
.pro-sidebar { width: 25%; margin-left: 1.5625rem }
.pro-sidebar .pro-ls { grid-template-columns: 1fr; grid-gap: .625rem; margin-bottom: 2rem }
.pro-content { padding: .5rem 2.625rem; background: #fff; color: #333; line-height: 2rem }
.pro-content h2 { margin-top: 3.5rem; margin-bottom: 1.875rem; color: #333 }
.pro-content p { margin: 0 0 1.5rem }
.pro-content h3 { font-family: Roboto,sans-serif; color: #333; font-weight: 600; margin: 1.75rem 0 1.5rem; font-size: 1.25rem; line-height: 2rem }
.pro-content ol, .pro-content ul { margin-bottom: 2rem }
.pro-content > ul li { position: relative; padding-left: 1.5rem }
.pro-content > ul li:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background: #174b84; display: block; left: 0; top: .75rem }
.pro-content ol { padding-left: 0 }
.pro-content ol li { list-style: decimal; list-style-position: inside }
.pro-content strong { font-weight: 600 }
.pro-content .wp-block-table { margin: 2rem 0 }
.pro-content .wp-block-table.is-style-stripes { border-bottom: none }
.pro-content .table-x { overflow: auto }
.pro-content table { width: 100%; font-size: .875rem; border-collapse: collapse;background-color:#ffffff; }
.pro-content table td { color: #333; padding: .5rem 1rem; line-height: 1.2rem; transition: all .3s ease; border: solid 1px #d8d8d8; text-align: center;word-break: normal !important; }
.pro-content table th { font-family: Roboto,sans-serif; font-weight: 700; background: #f4f9fd; line-height: 1.5rem; color: #333; padding: .4rem 1rem; border: solid 1px #d8d8d8; text-align: center;word-break: normal !important; }
.pro-content table tr:hover td { background: #f8f8f8 }
.pro-content a { color: #004ea2; transition: all .3s ease }
.pro-content a:hover { text-decoration: underline; color: #174b84 }
.pro-content .wp-block-image { margin: 2rem 0 }
.pro-content .wp-block-image img { display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.pro-sec-nav { overflow-x: auto; position: sticky; width: 100%; top: 0; left: 0; background: #f4f9fd; height: 3.5rem; z-index: 99 }
.pro-sec-nav #nav-form { }
#pro-sec-nav { display: flex; flex-flow: row nowrap; justify-content: flex-start }
#pro-sec-nav a { line-height: calc(3.5rem - 2px); padding: 0 1.5rem; color: #333; font-family: Roboto,sans-serif; font-weight: 600; border-right: solid 1px #dcdcdc; transition: all .3s ease; border-top: solid 2px #dcdccd; white-space: nowrap }
#pro-sec-nav a:hover { background: #fff; border-top-color: #004ea2 }
.about-sec1 { margin-top: 1rem; background: url(/assets/images/about-bg.jpg) 50% 100% no-repeat; background-size: 100% auto }
.about-sec1 img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.specialties { background: #f2f9ff; padding-top: 3.75rem; padding-bottom: 5rem; margin-top: 6rem; margin-bottom: 6.75rem }
.specialties ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 1.25rem; margin-top: 3.25rem }
.specialties li { background: #fff; box-shadow: 0 2px 1.25rem .5rem rgba(221,233,255,.5); padding: 2.625rem 1.25rem; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; transition: all .3s ease; color: #666; text-align: center; font-size: .875rem; line-height: 1.25rem }
.specialties li:hover { transform: translateY(-5px) !important; box-shadow: 0 .5rem 1.75rem -.75rem rgba(48,142,219,.3) }
.specialties li:hover strong { color: #174b84 }
.specialties li:nth-of-type(2) i { background: #5bc198 }
.specialties li:nth-of-type(3) i { background: #f48000 }
.specialties li:nth-of-type(4) i { background: #d580d2 }
.specialties i { display: block; width: 5.5rem; height: 5.5rem; font-size: 2.5rem; color: #fff; text-align: center; line-height: 5.5rem; background: #004ea2; margin: 0 0 1.6875rem; -webkit-clip-path: url(/assets/css/); clip-path: url(/assets/css/) }
.specialties strong { font-family: Roboto,sans-serif; font-weight: 700; color: #333; font-size: 1.25rem; line-height: 1.5rem; display: block; margin-bottom: 1.125rem; transition: all .3s ease }
.page-about h2 { font-size: 2.5rem; line-height: 2.875rem; font-family: Roboto,sans-serif; font-weight: 700; color: #092c42; margin: 0 }
.page-about h2:after { content: ""; display: block; width: 3rem; height: .25rem; background: #004ea2; margin-top: .75rem; margin-bottom: 1rem; border-radius: 2px }
.page-about h2.has-text-align-center { text-align: center }
.page-about h2.has-text-align-center:after { margin-left: auto; margin-right: auto }
.page-about h2 + p strong { color: #174b84; font-weight: 500; font-family: Roboto,sans-serif; font-size: 1.125rem; line-height: 1.625rem }
.about-intro { margin-bottom: 7.5rem }
.about-intro > div:first-child { flex: none }
.about-intro > div:last-child { flex: 1; margin-left: 7.25%; margin-right: 3% }
.about-intro p { color: #666; line-height: 1.625rem; margin: 0 0 1.25rem }
.about-intro2 > div:last-child { flex: none; display: flex; flex-flow: column; justify-content: space-between; align-items: flex-end }
.about-intro2 > div:first-child { flex: 1; margin-right: 8% }
.about-intro2 h3 { position: relative }
.about-intro2 h3:before { content: ""; display: block; width: 6.3rem; height: 3.75rem; position: absolute; left: 0; top: 0; transform: translate(-50%,-50%); background: url(/assets/images/title-mark.png) no-repeat 50% 50%; background-size: 100% auto; z-index: -1 }
.about-intro2 p {background: url(/assets/images/about_arrow.png) no-repeat left 5px;text-indent: 18px; color: #333; line-height: 1.625rem; margin-bottom: 1.625rem }
.about-video a, .about-video img { display: block }
.about-video a { background: #131521; position: relative }
.about-video img { opacity: .61; transition: all .3s ease }
.about-video:hover img { opacity: 1 }
.about-video:hover a:after { font-size: 5rem; opacity: 0 }
.about-video a:after { content: "\e671"; font-family: iconfont; color: #fff; display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 3rem; position: absolute; left: 0; top: 0; transition: all .3s ease }
.cert-des { max-width: 50%; margin: 0 auto 2.5rem }
.clients-des { max-width: 85%; margin: 0 auto 2.5rem }
.qualification { margin-bottom: 6rem }
.qualification ul { width: 100% }
.qualification li.blocks-gallery-item { background: #fff; border: solid .5rem #f2f9ff; padding: 2rem }
.qualification li.blocks-gallery-item:not(:last-child) { margin-right: 1.6875rem !important }
.qualification li.blocks-gallery-item figcaption { left: 0; background: linear-gradient(180deg,rgba(97,118,127,0) 0,#174b84 100%) }
.qualification li.blocks-gallery-item a { overflow: hidden; overflow: hidden; border-radius: 5px }
.qualification li.blocks-gallery-item a img { display: block; transition: all .3s ease }
.qualification li.blocks-gallery-item a:hover img { filter: brightness(1.05); transform: scale(1.05) }
.qualification .slick-dots { bottom: -2rem }
.history { margin-bottom: 6rem; border: solid .875rem #fff; box-shadow: 0 2px 1.25rem .5rem rgba(221,233,255,.5); background: #f4f9fd }
.history > div:first-child { position: relative }
.history > div:first-child:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(23,75,132,.49) }
.history > div:first-child img { display: block }
.history > div:first-child figure { height: 100% }
.history > div:first-child figure img { height: 100%; -o-object-fit: cover; object-fit: cover }
.history > div:last-child { padding: 5.5%; margin-left: 0; display: flex; flex-flow: column; justify-content: flex-start }
.history h2 { flex: none; margin-bottom: 3.75rem }
.history h2:after { content: none }
.history ul { flex: none; border-left: solid 1px #ddd }
.history li { padding-left: 2rem; display: flex !important; flex-flow: row nowrap; align-items: flex-start; position: relative !important; color: #666; line-height: 1.625rem; font-size: 1.125rem; height: 5.25rem !important; transform: translateY(1rem) }
.history li:before { content: ""; display: block; width: .75rem; height: .75rem; border-radius: .5rem; background: #004ea2; position: absolute; left: 0; top: .5rem; transform: translateX(-50%) }
.history li strong { flex: none; font-size: 1.375rem; color: #174b84; font-weight: 500; margin-right: 1.125rem }
.history li:nth-of-type(4n+2):before { background: #5bc198 }
.history li:nth-of-type(4n+3):before { background: #f48000 }
.history li:nth-of-type(4n):before { background: #d580d2 }
.history .slick-arrow { font-size: 0; display: block; width: 3rem; height: 3rem; border-radius: 2rem; position: relative; background: 0 0; border: none; transition: all .3s ease; position: absolute; left: -1.5rem; bottom: -3rem; z-index: 99 }
.history .slick-arrow:before { content: "\e64d"; font-family: iconfont; color: #666; font-size: 1.125rem; font-weight: 600; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }
.history .slick-arrow.slick-disabled { opacity: 0 }
.history .slick-arrow:hover { background: #004ea2 }
.history .slick-arrow:hover:before { color: #fff }
.history .slick-arrow:active { transform: scale(.9) }
.history .slick-arrow.slick-prev { bottom: auto; top: -3rem }
.history .slick-arrow.slick-prev:before { transform: translate(-50%,-50%) rotate(180deg) }
.clients .blocks-gallery-item { border-radius: 5px; overflow: hidden }
.clients figcaption.blocks-gallery-item__caption { height: 100%; background: linear-gradient(-90deg,rgba(97,118,127,0) 0,#174b84 100%); padding: 1.5rem 3.25rem 1.25rem 1.625rem; color: #fff; font-size: 1.125rem; line-height: 1.625rem; text-align: left; font-weight: 500 }
.clients figcaption.blocks-gallery-item__caption:after { content: ""; display: block; width: 1.75rem; height: 3px; background: #004ea2; border-radius: 2px; margin-top: 1rem }
.home-sec-tit { font-size: 2.5rem; line-height: 2.9375rem; color: #092c42; font-family: Roboto,sans-serif; font-weight: 700; margin-top: 4.25rem; margin-bottom: 1.625rem }
.card-txt a, .xz-btn.home-btn { line-height: 2.5rem; padding: 0 1.25rem }
.card-txt a:after, .xz-btn.home-btn:after { content: "\e649"; font-family: iconfont; display: inline-block; font-size: .6rem; margin-left: 3.75rem; vertical-align: 2px; line-height: 1em }
.home-sol { position: relative; overflow: hidden; border-bottom: solid 1px #f8f8f8; padding-bottom: 3rem }
.home-sol h2 { margin-bottom: 5rem }
.home-sol:after, .home-sol:before { content: ""; display: block; width: 66vw; height: 66vw; background: #f4f9fd; position: absolute; left: 0; top: 0; z-index: 0; -webkit-clip-path: polygon(100% 0,0 0,0 100%); clip-path: polygon(100% 0,0 0,0 100%) }
.home-sol:after { background: #f8f8f8; left: auto; top: auto; bottom: 0; right: 0; -webkit-clip-path: polygon(100% 0,0 100%,100% 100%); clip-path: polygon(100% 0,0 100%,100% 100%) }
.home-sol .header-main { position: relative; z-index: 9 }
.home-sol .wp-block-media-text__media { overflow: hidden; border-radius: 3px }
.home-sol .wp-block-media-text__media img { display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.home-sol .wp-block-media-text { margin-bottom: 3.75rem; grid-template-columns: 47.2% 1fr; grid-gap: 5.5% }
.home-sol .has-media-on-the-right { grid-template-columns: 1fr 47.2% }
.home-sol .has-media-on-the-right .wp-block-media-text__content { padding-right: 0; padding-left: 6% }
.home-sol .wp-block-media-text__content { padding: 0; padding-right: 6% }
.home-sol h3 { font-size: 1.8rem; height: 2.375rem; color: #174b84; font-family: Roboto,sans-serif; font-weight: 700; margin: 0 0 2.1875rem }
.home-sol p { line-height: 1.625rem; margin: 0; color: #666; padding-left: 1.5rem; border-left: solid 3px #004ea2 }
.home-sol .detail { padding-left: 0; border-left: 0; margin-top: 2.625rem }
.home-sol .detail a { font-family: Roboto,sans-serif; font-weight: 700; font-size: .875rem }
.home-sol .detail a:after { content: "\e649"; font-family: iconfont; display: inline-block; margin-left: .5rem; font-size: .6rem; vertical-align: 1px; transition: all .3s ease }
.home-sol .detail a:hover { color: #174b84 }
.home-sol .detail a:hover:after { transform: translateX(5px) }
.home-sol .wp-block-media-text:first-of-type { position: relative }
.home-sol .wp-block-media-text:first-of-type:after { content: ""; width: 14.375rem; height: 6rem; display: block; background: url(/assets/images/about1.png) 50% 50% no-repeat; background-size: contain; position: absolute; right: 0; top: 0; transform: translateY(-150%) }
.home-sol .wp-block-media-text:last-of-type { position: relative }
.home-sol .wp-block-media-text:last-of-type:after { content: ""; width: 14.375rem; height: 6rem; display: block; background: url(/assets/images/about2.png) 50% 50% no-repeat; background-size: contain; position: absolute; left: 3%; bottom: 0; transform: translateY(50%) }
.home-about { margin-top: 4rem; display: flex; flex-flow: row wrap;/* background: url(/assets/images/home-bg1.png) no-repeat 95% 0; background-size: 22% auto; */position: relative; z-index: 1 }
.about-pic-x { flex: none; width: 50%; transform: translateY(4rem) }
.about-pic { display: block; border-radius: 0 3px 3px 0; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.about-content-x { margin-left: 4.375rem; margin-right: calc(50vw - var(--main_w1)/ 2); flex: 1; padding-bottom: 3.5rem }
.about-content-x h2 { margin-top: 6rem }
.about-content { margin-bottom: 2rem }
.about-content p { color: #666; line-height: 2rem; margin: 0 }
.home-turnkey .header-main { position: relative }
.home-turnkey .sec-des { margin-top: -1.5rem; color: #004ea2; line-height: 1rem; margin-bottom: 3.5rem }
.home-turnkey .home-btn { position: absolute; right: 0; top: 1rem }
.home-turnkey-x { display: flex; justify-content: space-between; margin-bottom: 8rem }
.tk-pic-x { flex: none; width: 45.5%; margin-right: 4.5% }
.tk-pic { display: block; border-radius: 0 3px 3px 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.tk-txt { padding: 0 5% 0 1.5% }
.tk-txt ul { height: 100%; display: flex; flex-flow: column; justify-content: space-between }
.tk-txt li { display: flex; margin: .5rem 0; color: #333; line-height: 1.625rem; align-items: center }
.tk-txt li i { flex: none; font-size: 3.75rem; color: #004ea2; line-height: 1em; margin-right: 2rem }
.home-cards { background: #f8f8f8; overflow: hidden; padding-top: 8.5rem; padding-bottom: 5.75rem }
.home-cards .header-main { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 3.125% }
.home-card { overflow: hidden; position: relative; display: flex; flex-flow: column; background-size: cover; transition: all .3s ease }
.home-card:after { content: ""; display: block; width: 1.875rem; height: 1.875rem; background: #174b84; position: absolute; right: 0; top: 0; z-index: 99; -webkit-clip-path: polygon(0 0,100% 0,100% 100%); clip-path: polygon(0 0,100% 0,100% 100%) }
.home-card .home-card-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 1; transition: all .3s .1s ease }
.home-card .card-btm, .home-card .card-top { position: relative; z-index: 2 }
.home-card .card-top { padding: 2.5rem; flex: none; height: 45% }
.home-card .card-btm { flex: none; height: 55% }
.card-tit { color: #333; font-size: 1.625rem; line-height: 1.875rem; font-family: Roboto,sans-serif; font-weight: 700; margin: 1.375rem 0 }
.card-intro { color: #666; line-height: 1.625rem; margin: 0 }
.card-btm { position: relative; min-height: 19rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-bottom: 4rem; display: flex; flex-flow: column }
.card-pic { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; -o-object-fit: cover; object-fit: cover; transition: all .3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none }
.card-txt { flex: 1; display: flex; flex-flow: column; justify-content: space-between }
.card-txt ul { margin-bottom: 1rem }
.card-txt p { margin: 0 }
.card-txt li { color: #666; font-size: .875rem; line-height: 2rem; position: relative; padding-left: 1.5rem }
.card-txt li:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 1rem; background: #174b84; display: block; left: 0; top: .75rem }
.card-txt a { color: #fff; border: solid 1px #fff; line-height: 2.5rem; border-radius: 2rem; display: inline-block; font-family: Roboto,sans-serif; font-weight: 700; font-size: .875rem }
.card-txt a:hover { background: #174b84; border-color: #174b84 }
.card-txt a:active { transform: scale(.95) }
.home-card:hover { transform: translateY(-.5rem) }
.home-card:hover .card-pic { transform: translateY(100%) }
.home-card:hover .home-card-bg { background: rgba(10,127,200,.77) }
.home-card:hover .card-intro, .home-card:hover .card-txt li { color: #fff }
.home-pro { padding-top: 4.8rem; padding-bottom: 7rem }
.home-procats-x { position: relative }
.home-procats-x:before { content: ""; display: block; width: 100%; height: 0; border-top: solid 1px #ddd; position: absolute; top: 4.8rem }
.procat-index-ul { display: flex; justify-content: space-between; padding: 0 7% }
.procat-index-li { position: relative; z-index: 9; margin: 0 2rem }
.procat-index-li a { display: flex; flex-flow: column; align-items: center }
.procat-index-li img { display: block; margin-bottom: 3.5rem; height: 50px }
.procat-index-li h3 { margin: 0; font-size: 1.125rem; line-height: 1.3125rem; color: #333; font-weight: 500; font-family: Roboto,sans-serif; text-align: center }
.procat-index-li:after { content: ""; display: block; width: .625rem; height: .625rem; position: absolute; background: #ddd; border-radius: 1rem; top: 4.55rem; left: 50%; transform: translate(-50%,0); transition: all .3s ease }
.procat-index-li:before { content: ""; display: block; width: 1.125rem; height: 1.125rem; border-radius: 1rem; background: #fff; z-index: -1; position: absolute; border: solid 1.5px #004ea2; top: 4.2rem; left: 50%; transform: translate(-50%,0); transition: all .3s ease; opacity: 0 }
.procat-index-li:hover:after { background: #004ea2 }
.procat-index-li.current:after { background: #004ea2 }
.procat-index-li.current:before { opacity: 1 }
.procat-x { display: flex !important; border-radius: 2px; overflow: hidden; margin-left: 5rem; margin-right: 5rem }
.home-pro-intro { background: #004ea2; padding: 5rem 3.4375rem; padding-right: 1.75rem; display: flex; flex-flow: column; justify-content: center; width: 49%; flex: none }
.home-pro-intro h3 { line-height: 2.375rem; font-size: 2rem; font-family: Roboto,sans-serif; font-weight: 700; color: #fff; margin: 0 0 1.75rem }
.home-pro-ls-x { flex: 1; position: relative; background-size: cover }
.home-pro-ls-x:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(23,75,132,.22); z-index: 1; position: absolute; left: 0; top: 0 }
.home-pro-txt { color: #fff; line-height: 1.625rem; margin: 0 }
.home-pro-content { margin-top: 4.5rem; position: relative }
.home-pro-content .slick-track { display: flex }
.home-pro-content .slick-track li { height: auto }
.home-pro-content .slick-arrow { position: absolute; top: 50%; left: 10%; transform: translate(0,-50%); font-size: 0; border: none; z-index: 99; background: 0 0; opacity: .3; transition: all .3s ease }
.home-pro-content .slick-arrow:hover { opacity: 1 }
.home-pro-content .slick-arrow:active { transform: translate(0,-50%) scale(.8) }
.home-pro-content .slick-arrow:after { content: "\e60b"; font-family: iconfont; font-size: 2rem; color: #333; display: block }
.home-pro-content .slick-arrow.slick-disabled { opacity: 0 }
.home-pro-content .slick-next { left: auto; right: 10% }
.home-pro-content .slick-next:after { content: "\e649" }
.home-pro-ls { position: absolute; left: 1.75rem; bottom: 2rem; right: 2rem; z-index: 9; display: flex; justify-content: space-between; align-items: center }
.home-pro-ls .more { flex: none; display: block; width: 3.75rem; height: 3.75rem; border-radius: 2rem; background: #004ea2; color: #fff; line-height: 3.5rem; text-align: center; font-size: 1.5rem; margin-left: 1.75rem }
.home-pro-ls .more:hover { background: #174b84 }
.home-pro-ls .more:active { transform: scale(.95) }
.home-hotpros { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: .5625rem }

@media screen and (min-width:1441px) {
    .home-pro-intro{padding: 4.19rem 3.4375rem;}
}
@media screen and (max-width:1440px) {
    .home-pro-intro{padding: 1.75rem 3.4375rem;}
}
@media screen and (max-width:1650px) {
    .procat-x { margin-left: 3rem; margin-right: 3rem }
    .home-pro-content .slick-arrow { left: 8% }
    .home-pro-content .slick-next { left: auto; right: 8% }
    .procat-index-ul { padding: 0 4% }
}

@media screen and (max-width:1366px) {
    .home-pro-ls { flex-flow: column-reverse; align-items: flex-end }
    .home-pro-ls .more { margin-bottom: 1.5rem }
    .about-intro > div:first-child { width: 45% }
    .about-intro > div:last-child { margin: 0; margin-left: 5%; flex: none; width: 50% }
}

@media screen and (max-width:1280px) {
    .tk-txt li { align-items: flex-start }
    .tk-txt li i { font-size: 3rem; margin-top: .5rem }
    .about-intro2 > div:first-child { margin-right: 5% }
    .about-intro2 > div:last-child { width: 40% }
    .about-intro2 > div:last-child .about-rb { max-width: 40% }
    .service-intro { padding-right: 30% }
}

@media screen and (max-width:1024px) {
    .procat-x { flex-flow: column }
    .home-pro-intro { width: 100%; padding: 3rem 3rem 2rem }
    .home-pro-ls { position: relative; padding: 2rem 3rem 3rem; left: 0; bottom: 0; right: 0 }
    .h1 { font-size: 2.25rem; line-height: 2.5rem }
    .home-sec-tit { font-size: 2.25rem; line-height: 2.5rem }
    .page-about h2 { font-size: 2.25rem; line-height: 2.5rem }
    .home-sol .wp-block-media-text:first-of-type:after, .home-sol .wp-block-media-text:last-of-type:after { width: 10rem }
    .specialties ul { grid-template-columns: repeat(2,1fr) }
    .history li { font-size: 1rem }
    #msg-form h2 { font-size: 2rem; line-height: 1em }
    .col-prols .footer-main { flex-flow: column-reverse }
    .col-prols .sidebar { width: 100% }
    .col-procover .sidebar { display: none }
    .pro-category { margin-left: 0; margin-bottom: 5rem }
    .pro-intro + .footer-main { flex-flow: column }
    .pro-content-x { width: 100%; margin-bottom: 3rem }
    .pro-sidebar { width: 100%; margin-left: 0 }
    .pro-sidebar .pro-ls { grid-template-columns: 1fr 1fr 1fr }
    .benefit { grid-template-columns: repeat(3,1fr) }
    .xz-turns .intro .wp-block-column:last-child { margin-left: 0; margin-top: 1rem }
    .service-tab-tit-x { grid-template-columns: 1fr 1fr; grid-gap: 2rem; position: static }
    .service3 .wp-block-column { padding: 2rem 1.5rem 3rem 2rem }
    .service-tab-tit::after { background: #eee !important }
    .contact-banner p { font-size: 1.5rem }
}

@media screen and (max-width:800px) {
    .procat-index-ul { padding: 0 }
    .procat-index-li img { transform: scale(.75) }
    .home-pro-intro h3, .home-sol h3 { font-size: 1.75rem; height: auto; line-height: 1em }
    .home-card .card-top { padding: 1.5rem }
    .card-btm { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.5rem }
    .about-content-x { margin-left: 3rem }
    .about-intro { flex-flow: column-reverse }
    .about-intro > div:first-child { margin-top: 1rem; width: 100%; max-width: 500px }
    .about-intro > div:last-child { width: 100%; margin-left: 0 }
    .about-intro2 { flex-flow: column }
    .about-intro2 > div:last-child { width: 100%; margin-left: 0; flex-flow: row; margin-top: 1.5rem }
    .about-intro2 > div:last-child .about-rb { display: none }
    .history .wp-block-column:last-child { flex: none !important; width: 66% }
    .history .wp-block-column:first-child { flex: none !important; width: 33% }
    .cert-des { max-width: 80% }
    .qualification li.blocks-gallery-item { padding: 1rem }
    .clients figcaption.blocks-gallery-item__caption { font-size: 1rem; line-height: 1.4rem }
    #msg-form { flex-flow: column; margin-top: 5rem }
    #msg-form > div { width: 100% }
    .page-sol-ul { grid-template-columns: repeat(3,1fr) }
    .sol-cats-x { flex-flow: column; margin-bottom: 2rem }
    .sol-cats { margin-top: 2rem; justify-content: space-around }
    .xz-sol .footer-main { flex-flow: column-reverse }
    .sol-body { margin-left: 0; width: 100%; }
    .sidebar { width: 100% }
    .pro-sec-nav { display: none }
    .pro-intro .footer-main { flex-flow: column-reverse }
    .pro-gallery { width: 100%; max-width: 400px; margin-top: 3rem }
    .pro-intro { padding-top: 2.5rem; padding-bottom: 0;margin-bottom: 1rem; }
    .pro-content h2 {margin-top: 1.5rem;}
    .xz-turnkey .intro figure { width: 25%; transform: translateY(0); margin-left: 2rem }
    .xz-turns .intro { margin-bottom: 3rem }
    .xz-turns .we-offer ul { height: auto }
    .phases .wp-block-column { padding-bottom: 3rem }
    .service-intro { padding: 3rem 20% 3rem 2rem }
    .service-intro h2 { font-size: 2rem; line-height: 2.2rem }
    .service-intro h2:after { margin: 1rem 0 1.5rem }
    .service-intro p { font-size: 1rem }
    .service3 { flex-flow: column }
    .service3 .wp-block-column:not(:first-child) { border-left: none; border-top: solid 1px #e6e6e6 }
    .service3 .wp-block-column figure { align-self: flex-start; width: 3rem; height: 3rem }
    .service3 .wp-block-column h3 { margin: 2rem 0 1rem }
    .service4 li { padding: 1.5rem }
    .news-cat-x { padding-left: 0; padding-right: 0 }
    .contact-banner p { font-size: 1.25rem }
    .pro-content img,.pro-detail-sec img{height:auto !important;}
}

@media screen and (max-width:600px) {
    #searchform { width: 80% }
    .home-procats-x .header-main { width: calc(100% - 1rem); overflow: auto }
    .procat-index-li img { transform: scale(.65) }
    .procat-index-li { margin: 0 .75rem }
    .procat-index-li h3 { font-size: .875rem; line-height: 1rem }
    .procat-x { margin-left: 0; margin-right: 1rem }
    .slick-arrow { display: none !important }
    .home-pro-intro { padding: 2.5rem 1.75rem 1.75rem }
    .home-pro-ls { padding: 1rem 1.5rem 2rem }
    .home-pro-content { margin-top: 2rem }
    .h1 { font-size: 2rem; line-height: 2.25rem; margin-bottom: 3rem }
    .h2 { font-size: 1.5rem; line-height: 2rem }
    .sol-content h2 { font-size: 1.5rem }
    .home-pro { padding-top: 3rem; padding-bottom: 4rem }
    .home-sec-tit { font-size: 2rem; line-height: 2.25rem }
    .sol-cats-x h1, .page-about h2 { font-size: 2rem; line-height: 2.25rem }
    .home-sol { padding-bottom: 1rem }
    .home-pro-intro h3, .home-sol h3 { font-size: 1.6rem; margin-bottom: 1.5rem }
    .home-sol .wp-block-media-text:first-of-type:after, .home-sol .wp-block-media-text:last-of-type:after { display: none }
    .home-sol h2 { margin: 2.5rem  0;}
    .home-sol .has-media-on-the-right .wp-block-media-text__content { padding-left: 0; padding-right: 6% }
    .home-sol .detail { margin-top: 1.25rem; margin-bottom: 1.75rem }
    .home-about { margin-top: 1rem; flex-flow: column }
    .about-pic-x { width: 100% }
    .about-content-x { margin-left: calc(50vw - var(--main_w1)/ 2) }
    .home-cards { padding-top: 5rem; padding-bottom: 4rem }
    .home-cards .header-main { grid-template-columns: 1fr }
    .card-txt { flex: none }
    .home-turnkey .home-btn { position: static; margin-bottom: 2rem }
    .home-turnkey .sec-des { margin-bottom: 1.5rem }
    .home-turnkey-x { flex-flow: column }
    .tk-pic-x { width: 100%; margin-right: 0; margin-bottom: 1.5rem }
    .tk-txt li i { font-size: 2.25rem; margin-right: 1.5rem }
    .home-turnkey-x { margin-bottom: 5rem }
    .specialties ul { grid-template-columns: 1fr }
    .history { flex-flow: column }
    .history .wp-block-column { width: 100% !important }
    .history .slick-arrow { display: block !important; transform: scale(.75) }
    .history .wp-block-column:last-child { padding-bottom: 3rem }
    .history .wp-block-column:first-child { height: 15rem; margin-bottom: 1.5rem }
    .history .wp-block-column:first-child img { -o-object-position: top; object-position: top }
    .page-about h2 { margin-bottom: 2rem }
    .history li strong { font-size: 1.125rem }
    .history li { padding-left: 1rem; font-size: .875rem }
    .qualification li.blocks-gallery-item { padding: .5rem }
    .qualification li.blocks-gallery-item:not(:last-child) { margin-right: 1rem !important }
    .clients .blocks-gallery-item { width: 100%; margin-right: 0 }
    .specialties { margin-bottom: 4rem }
    #msg-form h2 + p { font-size: .875rem; margin-bottom: 2rem }
    .page-contact-ul .txt { font-size: 1.125rem }
    .page-contact-ul i { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem }
    .page-contact-ul li:not(:first-child) { margin-top: 2rem }
    .page-sol-ul { grid-template-columns: repeat(2,1fr) }
    .sol-cats { flex-flow: row wrap; justify-content: flex-start; padding-left: 0; -webkit-clip-path: none; clip-path: none; background: 0 0 }
    .sol-cats li { margin-bottom: .5rem; margin-right: .5rem }
    .sol-cats li a { border: solid 1px #004ea2; border-radius: 2rem }
    .sol-cats li.current-menu-item a { background: #004ea2; color: #fff }
    .pro-ls { grid-template-columns: 1fr 1fr }
    .pro-sidebar .pro-ls { grid-template-columns: 1fr 1fr }
    .pro-content { padding: .5rem 1.25rem 3rem }
    .pro-content iframe { max-width: 100% }
    .pro-content table td, .pro-content table th { padding: .5rem }
    .pro-intro .footer-main { flex-flow: column }
    .pro-gallery { margin: 0 0 2rem }
    .pro-intro-x h1 { font-size: 1.6rem; line-height: 2rem }
    .pro-intro-txt { margin-top: 1rem; padding: 1rem 0 }
    .page-pro-intro-btn { /*flex-flow: column;*/ margin-bottom: 1rem }
    .page-pro-intro-btn a { margin-bottom: 1rem; text-align: center }
    .xz-turnkey .intro figure { width: 150px; margin-left: 1rem }
    .xz-turnkey .intro { margin-top: 0 }
    .benefit { grid-template-columns: 1fr }
    .benefit li { display: flex; flex-flow: row nowrap; align-items: center }
    .benefit li i { flex: none; margin-right: 1rem }
    .z-card h3 { font-size: 1.5rem; line-height: 1.8rem }
    .z-card .txt { margin-top: 1rem }
    .xz-turns .intro .wp-block-column:first-child { margin-right: 0 }
    .xz-turns .we-offer { margin-bottom: 3rem }
    .phases h3 { margin-top: 1.25rem; font-size: 1.4rem; line-height: 1.6rem }
    #msg-form { background: #131521 }
    #msg-form h2 { font-size: 1.5rem }
    .service-tab-tit-x { grid-template-columns: 1fr }
    .service-intro { padding: 3rem 5% 2rem 2rem }
    .service-tab-content-x h2 { font-size: 2rem }
    .z-card h3 + ul { margin-top: 1rem }
    .service4 { grid-template-columns: 1fr }
    .news-cat-x a::before { display: block; margin: 0 auto .5rem }
    .news-cat-x a { white-space: nowrap; font-size: 1rem }
    .page-news-ul { grid-template-columns: 1fr }
    .post-body { margin-top: -2rem; padding: 3rem 5% }
    .post-data { margin-right: 1rem }
    .contact-banner p { font-size: .875rem; line-height: 1em }
    .contact-banner img { height: 3.5rem; -o-object-fit: cover; object-fit: cover }
    .contact-banner p { left: 18%; right: 4%; justify-content: flex-end }
    .page-contact .wp-block-columns > div:last-child { margin-top: 2rem }
    .add-x { padding: 2rem 0 1rem; background: #fff; margin-bottom: 1rem }
    .pro-cover-cats .lv2-x { grid-template-columns: 1fr; grid-gap: 0 }
    .pro-cover-cats .lv1-a { margin-bottom: 1rem }
    .col-procover .pro-category { margin-bottom: 0 }
    .pro-cover-cats .lv1 { margin-top: 1rem }
    .add_lx>div {width: 100% !important;}
    .pro-btn {margin-right: .75rem;}
}

.sol-content .wp-block-column ul li a { color: inherit; }
.sol-content .wp-block-column ul li a:hover { text-decoration: underline; }
.home-pro-txt li { list-style: disc; list-style-position: inside; font-size: .875rem; font-family: Roboto; opacity: .8; }
.home-pro-txt ul { margin-top: .75rem; }
.xz-turns .content h2 { margin-top: 3rem; }
.xz-turns .content > p { margin-bottom: 1.5rem; }

.msg-form { box-sizing: border-box; font-family: 'Roboto', sans-serif; margin: 0 auto; --theme_color: #174B84; }
.msg-form input[type=button],
input[type=submit],
input[type=file],
input[type=reset],
.msg-form button { cursor: pointer; -webkit-appearance: none; }
.msg-form .i { font-style: normal; font-size: 1rem; color: #DD0122; }
.msg-form .iqbtn { display: inline-block; line-height: 2.875rem; color: #fff; font-size: 1rem; margin: 1.25rem 0 0; border-radius: 2rem; border: none; transition: all .3s; background: var(--theme_color); /*text-transform: uppercase; */padding: 0 2rem; font-weight: 700; }
.msg-form .iqbtn:hover { background: #131521; }
.msg-form .iqbtn:active { transform: scale(.95); }
.msg-form .user-info_wrap { display: flex; flex-flow: row wrap; justify-content: space-between; }
.msg-form .user-info { flex: none; width: calc((100% - .625rem)/2); display: flex; align-items: center; padding-left: 0.4rem; padding-right: 0.4rem; background: #fff; margin-bottom: .625rem; overflow: hidden; border-radius: 2px; }
.msg-form .user-info input { flex: 1; height: 3rem; line-height: 3rem; background: transparent; border: none; font-size: 1rem; outline: none; color: #333; width: 110px; }
.msg-form .user-info i,
.msg-form .user-info label { flex: none; }
.msg-form .inqu { border: none; padding: 1rem; display: flex; background: #fff; border-radius: 2px; }
.msg-form .fonts { flex: none; margin-right: .5rem; color: #666; font-size: .875rem; font-weight: 550; }
.msg-form .inqu label { display: inline-block; }
.msg-form .inqu textarea { width: 100%; height: 7.5rem; background: #fff; color: #333; border: none; outline: none; resize: none; font-size: 1rem; }
.msg-form .inqu i { vertical-align: top; }
.msg-form input::-webkit-input-placeholder,
.msg-form textarea::-webkit-input-placeholder { color: #ccc; }

@media screen and (max-width: 1024px) {
    .msg-form .user-info { margin-bottom: 1rem; }
    .msg-form .iqbtn { margin-top: 1rem; }
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 400px) {
    .msg-form { font-size: 14px; }
    .msg-form .user-info label,
    .msg-form .inqu label { display: inline-block; font-size: 1rem; }
    .msg-form .user-info { width: 100%; padding: 0 1rem; height: 3.5rem; margin-bottom: .625rem; }
    .msg-form .inqu textarea { height: 7rem; }
    .msg-form .inqu { padding: .5rem 1rem; }
    .msg-form .iqbtn { width: 100%; }
}

.msg-form input[type="submit"] { -webkit-appearance: none; }
/*返回顶部样式*/
.return_top{position: fixed;right: 60px;bottom: 20px;background: url(/assets/images/return_top.png) no-repeat;background-size: 100%;width: 40px;height: 40px;border-radius: 20px;overflow: hidden;z-index: 10;cursor: pointer;display: none !important;}
.return_top:hover{position: fixed;right: 60px;bottom: 20px;background: url(/assets/images/return_top_hover.png) no-repeat;background-size: 100%;width: 40px;height: 40px;border-radius: 20px;overflow: hidden;z-index: 10;cursor: pointer;display: none;}
 /*浮动联系方式*/
#leftsead { height: 230px;position: fixed; bottom: 0;right: 0;z-index: 100}
#leftsead li {height: 60px}
#leftsead li img {float: right}
#leftsead li a {height: 47px; float: right;display: block;min-width: 47px;max-width: 300px}
#leftsead li a .shows {display: block}
#leftsead li a span:hover {text-decoration: none !important;}
#leftsead li a .hides {margin-right: -143px;cursor: pointer;cursor: hand}
#leftsead li a.youhui .hides {display: none;position: absolute;right: 143px}
#leftsead li a.youhui .wm {display: none;position: absolute;right: 143px}
#p2 {width: 112px;background-color: #A7D2A9;height: 47px;margin-left: 47px;border: 1px solid #8BC48D;text-align: center;line-height: 47px}
#p2:hover {}
#p3 {width: 112px;background-color: #dc4500;height: 47px;margin-left: 47px;border: 1px solid #E6776C;text-align: center;line-height: 47px}
#p1 {width: 47px;height: 47px;float: left}
/*浮动联系方式*/
@media screen and (max-width:600px) {
    #leftsead{display: none;}
    .return_top{right: 20px;}
    .return_top:hover{right: 20px；}
    #swtColse img{width:80px;}
    .xz-btn{padding: 0 1rem 0 3.5rem;}
    .xz-btn1{ padding: 0 1.6rem;}
    .position_two { height: 52px;margin:0 !important;}
}
.wrap{width: var(--main_w);margin: 0 auto;}
.position_two { height: 52px;margin:10px 0;margin-top:10px !important;}
.position_box{background: url("/assets/images/all_position.png") no-repeat 9px 15px;padding-left:25px;}
.position_two .position_box a { padding:0 8px;color: #333;line-height: 52px; }
/*左侧留言表单样式*/
.float_les{
    /*padding:15px 7px 0 7px;*/
    background: #fff;
    width:220px;
    position: fixed;
    left:0;
    bottom:0;
    z-index: 6666666;
    display: none;
    border-radius:8px 8px 0 0 ;
    overflow: hidden;
}
.float_les_form{
    width: 100%;
    position: relative;
    padding: 10px;
}
.show_close{
    position: absolute;
    top:-10px;
    right:-4px;
}
.show_close_sml{
    background: url("/assets/images/liuyan_1.jpg") no-repeat;
    margin-right:5px;
}
.show_close_clo{
    background: url("/assets/images/liuyan_2.jpg") no-repeat;
}
.show_close_sml,.show_close_clo{
    width: 20px;
    height:18px;
    cursor: pointer;
    background-size:100%;
}
.float_les_form h2{
    font: 14px/18px "Arial";
    color: #626262;
    margin-bottom: 10px;
    text-align: center;
}
.float_les_form p{
    font:14px/24px "Arial";
    color:#626262;
}
.float_les_form p span{
    color:#fa0712;
}
#select,.float_les_name,.float_les_mail,.float_les_wuliao,.float_les_requir,.float_les_app{
    display: block;
    width: 100%;
    border: 1px solid #e69e10;
    padding:0 !important;
    height:28px;
    background: #fff;
    margin-bottom: 5px;
    text-indent: 3px;
    font: 14px/28px "Arial";
    color:#626262;
    border-radius: 5px;
}
.float_les_requir{
    height:50px;
    resize: none;
}
.float_les_btn{
    font:16px/32px "Arial";
    color:#fff;
    background: #ff9100;
    cursor: pointer;
    display: block;
    width: 80%;
    height: 32px;
    border: none ;
    text-align: center;
    border-radius: 5px;
    margin: 8px auto 0;
}
.float_small{
    padding-left: 38px;
    width: 220px;
    height: 40px;
    background: #ff9100 url(../images/add_lybg.png) no-repeat 5px center;
    border-radius: 8px 8px 0 0;
    position: fixed;
    bottom:0;
    left:0;
    z-index: 6666666;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.float_small p{
    font: 14px/40px "Arial";
    color: #fff;
    font-weight: 600;
}
.show_close_max{
    width:20px;
    height:18px;
    margin-top: 11px;
    cursor: pointer;
    background: url("/assets/images/liuyan_3.jpg") no-repeat;
    margin-right: 10px;
    background-size:100%;
}
#tip_message{
    font: 12px/20px "Arial";
    color:#333;
}
.zoom { 
    display: none; 
    width: 100%; 
    height: 100%; 
    background: rgb(15 14 14 / 80%);
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 1000;
}
.float_box{
    padding-left: 45px;
    width: 100%;
    height: 34px;
    background: #ff9100 url(../images/add_lybg.png) no-repeat 10px center;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
}
.float_box p{
    font: 16px/34px "Arial";
    color: #fff;
    font-weight: 600;
}
.float_box1{
    margin: 10px 15px 0 0;
    width: 50px;
    height: 13px;
    display: flex;
    justify-content: space-between;
}
.float_box1 span{
    display: block;
    width: 20px;
    height: 13px;
    cursor: pointer;
}
.float_box1 span:first-child{
    background:url(/assets/images/add_lybg1.jpg) no-repeat ;
}
.float_box1 span:last-child{
    background:url(/assets/images/add_lybg2.jpg) no-repeat ;
}
.float_lesbox{
    width:700px;
    height:530px;
    border-radius:15px 15px 0 0 ;
    overflow: hidden;
}
.float_lesbox .float_box{
    height: 50px;
}
.float_lesbox .float_box p {
    font: 20px/50px "Arial";
}
.float_lesbox .float_box1 {
    margin: 18px 20px 0 0;
    width: 30px;
}
.float_lesbox .float_les_form h2 {
    font: 20px/32px "Arial";
}
.float_lesbox .float_les_form p {
    font: 16px/28px "Arial";
}
.float_lesbox #select,.float_lesbox .float_les_name,.float_lesbox .float_les_mail,.float_lesbox .float_les_wuliao,.float_lesbox .float_les_requir,.float_lesbox .float_les_app {
    height: 34px;
    font: 16px/34px "Arial";
    margin-bottom: 20px;
}
.float_lesbox .float_les_form{
    padding: 15px 25px;
}
.float_lesbox  .float_les_btn {
    font: 18px/40px "Arial";
    height: 40px;
    border-radius: 8px;
    width: 100%;
    margin-top: 25px;
}
.float_lesbox .float_fd{
    display: none;
}
.float_lesbox .float_les_requir{
    height: 68px;
}


@media only screen and (max-width: 760px) {
    .float_les,.float_small{display:none}
}

/*左侧留言表单样式*/
/*联系我们联系方式修改*/
.gb_top{width: 100%;margin-bottom: 3.5rem;position: relative;display: flex;justify-content: space-between;}
.gb_top_left{width: 389px;height: 620px;background: #fff;}
.gb_top_right{width: 811px;height: 620px;}
.gb_top_right img{width: 100%;height: auto;}
.gb_top_box{padding: 50px 40px 0;width: 615px;height: 445px;position: absolute;left:0;top:87.5px;background: #333;box-sizing: border-box;}
.gb_top_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gb_top_list li{margin-bottom: 25px;}
.gb_top_list li:first-child{width: 260px;}
.gb_top_list li:nth-child(2){width: 215px;;padding-left: 55px;background: url(/assets/images/add_tb1.png) no-repeat left center;}
.gb_top_list li:nth-child(3){width: 260px;;padding-left: 55px;background: url(/assets/images/add_tb2.png) no-repeat left center;}
.gb_top_list li:nth-child(4){width: 215px;;padding-left: 55px;background: url(/assets/images/add_tb3.png) no-repeat left center;}
.gb_top_list li:nth-child(5){width: 100%;;padding-left: 55px;background: url(/assets/images/add_tb4.png) no-repeat left center;}
.gb_top_list li:last-child{width: 100%;;padding-left: 55px;background: url(/assets/images/add_tb5.png) no-repeat left center;}
.gb_top_list li h3{font: 36px/62px "Arial";color: #fff;font-weight: bold;}
.gb_top_list li p{font: 18px/24px "Arial";color: #fff;font-weight: bold;margin-top: 10px;}
.gb_top_list li span,.gb_top_list li span a{font: 14px/14px "Arial";color: #fff;}
/*联系我们联系方式修改*/
/*移动端底部*/
.m_footer{
    width: 100%;
    background: #0056b9;
    height: 60px;
    justify-content: space-around;
    z-index: 666;
    position: fixed;
    left:0;
    bottom: 0;
    display: none;
}
.m_footer a:first-child{
    background: url("/assets/images/footer_pic1.png") no-repeat center 5px;
}
.m_footer a:nth-child(2){
    background: url("/assets/images/footer_pic2.png") no-repeat center 5px;
}
.m_footer a:nth-child(3){
    background: url("/assets/images/footer_pic3.png") no-repeat center 5px;
}
.m_footer a:last-child{
    background: url("/assets/images/footer_pic4.png") no-repeat center 5px;
}
.m_footer a{
    display: block;
    width: 25%;
    font:14px/24px "Arial";
    color: #fff;
    padding-top: 36px;
    background-size:  35% !important;;
    text-align: center;
}
@media only screen and (max-width: 760px) {
    .m_footer{display:flex;}
    body{padding-bottom: 60px;}
    .gb_top_left,.gb_top_right{display: none;}
    .gb_top_box{width: 100%;height: auto;position: inherit;margin: -50px 0 20px 0;margin: -100px 0 50px 0;padding: 20px 15px 0;}

}
@media only screen and (max-width: 1400px) {
    .home-sol h3{
        font-size: 1.6rem;
    }
    
}
/*移动端底部*/
/*科技创新页面*/
.kjcx{width: 100%;}
.kjcxbox1{padding: 50px 0;}
.kjcxbox1 h2{font:48px/60px "Arial";color: #071b46;font-weight: bold;text-align: center;}
.kjcxbox1 h2 i{font:48px/60px "Arial";color: #071b46;} 
.kjcxbox1 p{font:16px/28px "Arial";color: #303030;margin: 25px 0;} 
.kjcxbox1 img{width: 100%;height: auto;}
.kjcxbox2{width: 100%;position: relative;}
.kjcxbox2 img{width: 100%;height: auto;}
.kjcxbox2_box{position:absolute;left:calc(50% - 600px);top:50px;width:1200px;}
.kjcxbox2 h2{font:48px/60px "Arial";color: #fff;font-weight: bold;text-align: center;}
.kjcxbox2_tab{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.kjcxbox2_tab_con{width: 49%;margin-bottom: 15px;}
.kjcxbox2_tab_con h3{font:20px/40px "Arial";color: #2dbaee;font-weight: bold;}
.kjcxbox2_tab_con p{font:14px/24px "Arial";color: #fff;}
@media(max-width:1450px){
    .kjcxbox2_tab_con p{font:12px/22px "Arial";color: #fff;}
}
@media(min-width:1650px){
    .kjcxbox2_tab_con h3{margin-bottom:12px;}
    .kjcxbox2_tab_con p{font:16px/28px "Arial";color: #fff;}
    .kjcxbox2_tab{margin-bottom: 20px;}
}
.kjcxbox3{padding: 50px 0;}
.kjcxbox3 h2{font:48px/60px "Arial";color: #071b46;font-weight: bold;text-align: center;}
.kjcxbox3_box{display: flex;justify-content: space-between;margin: 35px 0 15px;}
.kjcxbox3_left{width: 58%;padding: 12px;font:16px/24px "Arial";color: #fff;background: #f48b10;}
.kjcxbox3_right{width: 42%;display: flex;justify-content: space-between;text-align: center;}
.kjcxbox3_right div:first-child{margin-left: 25px;}
.kjcxbox3_right P{font:60px/100px "Arial";color: #000;text-align: center;font-weight: bold;}
.kjcxbox3_right I{font:14px/20px "Arial";color: #4e4e4e;}
.kjcxbox4{width: 100%;}
.kjcxbox4 img{width: 100%;height: auto;}
.kjcxbox5{padding: 50px 0;}
.kjcxbox5 h2 {font: 48px/60px "Arial";color: #071b46;font-weight: bold;text-align: center;}
.kjcxbox5 p{font:16px/28px "Arial";color: #303030;margin: 25px 0;padding: 0 30px;} 
.kjcxbox5_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 65px;}
.kjcxbox5_list li{margin-bottom: 40px;border: 1px solid #c6c5c5;width: 31%;padding: 2%;}
.kjcxbox5_list li img{width: 100%;height: auto;}
.kjcxbox6{width: 100%;}
.kjcxbox6 h2{font:48px/60px "Arial";color: #071b46;font-weight: bold;text-align: center;}
.kjcxbox6 p{font:16px/28px "Arial";color: #303030;margin: 25px 0;padding: 0 30px;} 
.kjcx_gsal_list{width: 100%;margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.kjcx_gsal_list li{width: 353px;height: 265px;margin-bottom: 35px;}
.kjcx_gsal_list li a{display: block;width: 100%;height: 100%;position: relative;}
.kjcx_gsal_list li a img{width: 100%;height: 100%;}
.kjcx_gsal_box{padding-top: 120px;position: absolute;width: 100%;height: 100%;left:0;top:0;background: rgb(25 24 24 / 50%); text-align: center; font: 18px/24px "微软雅黑"; color: #c9c9c9 !important; display: none;}
.kjcx_gsal_list li a:hover .kjcx_gsal_box { display: block; }
.kjcxbox7{width: 100%;padding: 50px 0;}
.kjcxbox7 h2{font:48px/60px "Arial";color: #071b46;font-weight: bold;}
.kjcxbox7_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.kjcxbox7_left{width: 46%;}
.kjcxbox7_left p{font:18px/28px "Arial";color: #2e2e2e;margin-top: 20px;}
.kjcxbox7_right{width: 50%;}
.kjcxbox7_right img{width: 100%;height: auto;}
.kjcxbox8{padding: 30px 0;}
.kjcxbox8 h2{font:48px/60px "Arial";color: #071b46;font-weight: bold;}
.kjcxbox8 h5{font:18px/30px "Arial";color: #071b46;margin: 20px 0;}
.kjcx_form{width: 100%;}
.kjcx_form_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.kjcx_form_list li{width: 30%;border: 1px solid #999999;padding:2px 5px;margin-bottom: 25px;}
.kjcx_form_list li:nth-child(7),.kjcx_form_list li:last-child{width: 100%;}
.kjcx_form_list li span{font:14px/44px "Arial";color: #383838;}
.kjcx_form_list li input{margin: 0;border: none;padding: 0;display: block;width: 100%;height: 44px;font:16px/44px "Arial";color: #333;}
.kjcx_form_list li textarea{margin: 0;border: none;padding: 0;display: block;width: 100%;height: 120px;font:16px/44px "Arial";color: #333;resize:none;}
.kjcx_form_list li:last-child{border: none;}
.kjcx_form_list li:last-child input{width: 190px;height: 46px;background: #f48b10;margin: 0 auto;font-weight: bold;cursor: pointer;}
.kjcx_ft{background: #131521;padding: 40px 0;}
.kjcx_ft_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.kjcx_ft_left{width: 620px;display: flex;justify-content: space-between;}
.kjcx_ft_left div h3{margin-bottom: 15px;}
.kjcx_ft_left div a{display: block;}
.kjcx_ft_left div h3 a{font:18px/30px "Arial";color: #fff;}
.kjcx_ft_left div a{font:14px/32px "Arial";color: #fff;}
.kjcx_ft_right{width: 500px;}
.kjcx_ft_right h3{margin-bottom: 15px;}
.kjcx_ft_right h3 a{font:18px/30px "Arial";color: #fff;}
.kjcx_ft_right h4{font:14px/24px "Arial";color: #fff;margin-bottom: 5px;}
.kjcx_ft_right h5{border-bottom: 1px solid #fff;margin-bottom: 15px;}
.kjcx_ft_right_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.kjcx_ft_right_list li{padding-left: 22px;width: 50%;font:14px/26px "Arial";color: #fff;}
.kjcx_ft_right_list li a{font:14px/26px "Arial";color: #fff !important;}
.kjcx_ft_right_list li:first-child{background: url(/assets/images/kjcx_bg1.png) no-repeat left center; }
.kjcx_ft_right_list li:nth-child(2){background: url(/assets/images/kjcx_bg2.png) no-repeat left center; }
.kjcx_ft_right_list li:nth-child(3){background: url(/assets/images/kjcx_bg3.png) no-repeat left center; }
.kjcx_ft_right_list li:last-child{background: url(/assets/images/kjcx_bg4.png) no-repeat left center; }
@media(max-width:1400px){
    .kjcx_ft_left{width:530px;}
    .kjcx_ft_right{width:450px;}
    .kjcx_gsal_list li{width:32%}
}

@media(max-width:750px){
    body{max-width: 100%;}
    .toppic{width: 100%;height: auto;}
    .footer-main{width: 96%;}
    .kjcxbox1,.kjcxbox3,.kjcxbox5{padding: 20px 0;}
    .kjcxbox1 h2,.kjcxbox1 h2 i{font: 20px/30px "Arial";}
    .kjcxbox1 p {font: 14px/24px "Arial";margin: 15px 0;}
    .kjcxbox2 img{display: none;}
    .kjcxbox2_box{position: static;}
    .kjcxbox2 h2,.kjcxbox3 h2,.kjcxbox6 h2,.kjcxbox7 h2,.kjcxbox8 h2,.kjcxbox5 h2 {font: 24px/30px "Arial";color: #071b46;}
    .kjcxbox2_tab_con {width: 100%;}
    .kjcxbox2_tab_con p {color: #071b46;}
    .kjcxbox3_box{flex-wrap: wrap;}
    .kjcxbox3_left,.kjcxbox3_right,.kjcxbox7_left,.kjcxbox7_right{width: 100%;}
    .kjcxbox3_right div{width: 33%;}
    .kjcxbox3_right div:first-child {margin-left: 0;}
    .kjcxbox6 p {font: 16px/24px "Arial";margin: 15px 0;padding: 0 10px;}
    .kjcx_gsal_list li {width: 49%;height: auto;margin-bottom: 15px;}
    .kjcx_form_list li {width: 49%; margin-bottom: 15px;}
    .kjcx_ft_left{display: none;}
    .kjcx_ft_right,.kjcx_ft_right_list li{width: 100%;}
    .kjcx_form_list li textarea{line-height:24px;}

}
/*联系我们*/
.add_cat{padding: 35px 0;}
.add_cat_kind{width: 100%;}
.add_cat_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.add_cat_box_left{width: 55%;}
.add_cat_box_left h2{font:48px/70px "Arial";color: #071b46;font-weight: bold;border-bottom: 1px solid #e2e2e2;}
.add_cat_box_tab{margin-top:30px ;}
.add_cat_box_tab li{height: 38px;margin-bottom: 5px;}
.add_cat_box_tab li:nth-child(3){margin-bottom: 15px;}
.add_cat_box_tab li:nth-child(4),.add_cat_box_tab li:last-child{height: 52px;margin-bottom: 15px;}
.add_cat_box_tab li a{display: flex;width: 100%;height: 100%;;justify-content: space-between;padding-left: 32px;}
.add_cat_box_tab li:first-child a{background: url(/assets/images/xg_cat1.png) no-repeat left center;}
.add_cat_box_tab li:nth-child(2) a{background: url(/assets/images/xg_cat2.png) no-repeat left center;}
.add_cat_box_tab li:nth-child(3) a{background: url(/assets/images/xg_cat3.png) no-repeat left center;}
.add_cat_box_tab li:nth-child(4) a{background: url(/assets/images/xg_cat4.png) no-repeat left 4px;}
.add_cat_box_tab li:last-child a{background: url(/assets/images/xg_cat5.png) no-repeat left 4px;}
.add_cat_box_tab li a span{width: 20%;font:14px/38px "Arial";color: #131313;font-weight: bold;}
.add_cat_box_tab li a i{width: 60%;font:14px/38px "Arial";color: #292929;}
.add_cat_box_tab li:nth-child(4) i,.add_cat_box_tab li:last-child i{font:14px/26px "Arial";color: #292929;} 
.add_cat_box_right{width: 42%;margin-top: 25px;}
.add_service{margin: 25px 0;}
.add_service h2{font:48px/70px "Arial";color: #071b46;font-weight: bold;}
.add_service h5{font:14px/26px "Arial";color: #3a3a3a;margin: 20px 0 40px;}
.add_service_tab{display: flex;justify-content: space-between;flex-wrap: wrap;}
.add_service_tab li{width: 23%;padding: 20px 10px 35px 10px;background: #e0e0e0;}
.add_service_tab li img{width: 81px;height: auto;margin: 20px auto 0;display: block;}
.add_service_tab li p{font:16px/30px "Arial";color: #0840b7;margin: 18px 0;text-align: center;}
.add_service_tab li span{display: block;font:14px/24px "Arial";color: #0a0a0a;text-align: center;}
@media(max-width:750px){
    .add_cat_box_left,.add_cat_box_right{width: 100%;}
    .add_cat_box_left h2,.add_service h2{font: 24px/36px "Arial";}
    .add_cat_box_tab li:nth-child(4) a, .add_cat_box_tab li:last-child a{flex-wrap: wrap;}
    .add_cat_box_tab li:nth-child(4) span, .add_cat_box_tab li:last-child span{width: 100%;}
    .add_cat_box_tab li:nth-child(4) i, .add_cat_box_tab li:last-child i {display: block;width: 100%;}
    .add_cat_box_tab li:nth-child(4), .add_cat_box_tab li:last-child{height: auto;}
    .add_cat_box_tab li:last-child a {background: url(/assets/images/xg_cat5.png) no-repeat left 4px;}
    .add_service_tab li {margin-bottom: 15px;width: 49%;padding: 15px 5px 25px 5px;}
}
/*科技创新页面*/
/*浮动图标*/
.fd_icon{position: fixed;bottom: 0;right: 0;z-index: 100;width: 50px;}
.fd_icon ul li{width: 100%;border-bottom:1px solid #fff;}
.fd_icon ul li:first-child{background: #f5150c url(../images/fd_icon1.png) no-repeat center center;}
.fd_icon ul li:nth-child(2){background: #f5f5f5 url(../images/fd_icon2.jpg) no-repeat center center;}
.fd_icon ul li:nth-child(3){background: #f5f5f5 url(../images/fd_icon3.jpg) no-repeat center center;}
.fd_icon ul li:nth-child(4){background: #f5f5f5 url(../images/fd_icon4.jpg) no-repeat center center;}
.fd_icon ul li:nth-child(5){background: #f5f5f5 url(../images/fd_icon5.jpg) no-repeat center center;}
.fd_icon ul li:last-child{background: #f5f5f5 url(../images/fd_icon6.jpg) no-repeat center center;}
.fd_icon ul li:first-child:hover{background: #f5150c url(../images/fd_icon1.png) no-repeat center center;}
.fd_icon ul li:nth-child(2):hover{background: #f5150c url(../images/fd_icon22.png) no-repeat center center;}
.fd_icon ul li:nth-child(3):hover{background: #f5150c url(../images/fd_icon33.png) no-repeat center center;}
.fd_icon ul li:nth-child(4):hover{background: #f5150c url(../images/fd_icon44.png) no-repeat center center;}
.fd_icon ul li:nth-child(5):hover{background: #f5150c url(../images/fd_icon55.png) no-repeat center center;}
.fd_icon ul li:last-child:hover{background: #f5150c url(../images/fd_icon66.png) no-repeat center center;}
.fd_icon ul li a{display: block;width: 100%;height: 50px;position: relative;cursor:pointer;}
.fd_icon_wx{width: 150px;height: 38px;position: absolute;right:-500px;top:6px;background: #f5150c;border-radius: 5px;padding: 5px;}
.fd_icon_wx1{width: 220px;height: 80px;top: -16px;}
.fd_icon_wx1 .fd_icon_wx_box i{top: 25px;}
.fd_icon_wx1 .fd_icon_wx_box img {width: 70px;}
.fd_icon_wx1 .fd_icon_wx_box span {font: 12px / 70px "Arial";margin-left: 10px;}
.fd_icon_wx_box{display: flex;justify-content: start;position: relative;}
.fd_icon_wx_box img{display: block;width: 25px;height: auto;}
.fd_icon_wx_box span{font:12px/28px "Arial";color:#fff;margin-left: 5px;}
.fd_icon_wx_box i{position: absolute;right:-13px;top:8px;display: block;width: 0;height: 0;border-left: 8px solid #f5150c;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.fd_icon ul li a:hover .fd_icon_wx{transition: all .3s;;right: 60px;}
@media(max-width:750px){
    .fd_icon{display: none;}
}
/*浮动图标*/
/* cookie样式 */
.cookie-consent-banner{background: #fff;z-index: 666;/*position:fixed;left:50%;bottom:0;*/width: 100%;padding: 1% 3%;border: 3px solid #004ea2;/*transform: translate(-50%,-1%);*/}
.cookie-consent-banner h3{font:30px/40px "Arila";color: #000;font-weight: bold;text-align: center;}
.cookie-consent-banner p{font:16px/24px "Arila";color: #000;text-align: center;padding: 10px 0;}
.cookie-consent-box{text-align: center;margin: 10px 0 8px;}
.cookie-consent-box button{padding: 0 15px;font:16px/34px "Arila";border: none;cursor: pointer;margin-right: 8px;border-radius: 5px;}
.cookie-consent-box button:first-child{background: #004ea2;color: #fff;}
.cookie-consent-box button:nth-child(2){background: #8dc1f9;color: #fff;}
.cookie-consent-box button:last-child{background: #d5d7dc;}
.cookie-consent-options{text-align: center;}
.cookie-consent-options label{margin-right: 15px;}
@media(max-width:750px){
    .cookie-consent-banner{width:100%; padding: 1% 2%;bottom:60px;}
    .cookie-consent-box button {padding: 0 8px;}
    .cookie-consent-options label {margin-right: 5px;}
}
/* cookie样式 */