.margin-alpha { margin: 10px }
.margin-alpha-vertical { margin-top: 10px; margin-bottom: 10px }
.margin-alpha-horizontal { margin-right: 10px; margin-left: 10px }
.margin-alpha-right { margin-right: 10px }
.margin-alpha-left { margin-left: 10px }
.margin-alpha-top { margin-top: 10px }
.margin-alpha-bottom { margin-bottom: 10px }
.margin-beta { margin: 20px }
.margin-beta-vertical { margin-top: 20px; margin-bottom: 20px }
.margin-beta-horizontal { margin-right: 20px; margin-left: 20px }
.margin-beta-right { margin-right: 20px }
.margin-beta-left { margin-left: 20px }
.margin-beta-top { margin-top: 20px }
.margin-beta-bottom { margin-bottom: 20px }
.margin-gamma { margin: 30px }
.margin-gamma-vertical { margin-top: 30px; margin-bottom: 30px }
.margin-gamma-horizontal { margin-right: 30px; margin-left: 30px }
.margin-gamma-right { margin-right: 30px }
.margin-gamma-left { margin-left: 30px }
.margin-gamma-top { margin-top: 30px }
.margin-gamma-bottom { margin-bottom: 30px }
.margin-delta { margin: 40px }
.margin-delta-vertical { margin-top: 40px; margin-bottom: 40px }
.margin-delta-horizontal { margin-right: 40px; margin-left: 40px }
.margin-delta-right { margin-right: 40px }
.margin-delta-left { margin-left: 40px }
.margin-delta-top { margin-top: 40px }
.margin-delta-bottom { margin-bottom: 40px }
.margin-epsilon { margin: 50px }
.margin-epsilon-vertical { margin-top: 50px; margin-bottom: 50px }
.margin-epsilon-horizontal { margin-right: 50px; margin-left: 50px }
.margin-epsilon-right { margin-right: 50px }
.margin-epsilon-left { margin-left: 50px }
.margin-epsilon-top { margin-top: 50px }
.margin-epsilon-bottom { margin-bottom: 50px }
.h__text-center { text-align: center !important }
.h__text-left { text-align: left !important }
.h__text-right { text-align: right !important }
.h__tc-white { color: #fff !important }
.h__tc-black { color: #000 !important }
.h__tc-alpha { color: #f81c18 !important }
.h__tc-beta { color: #1e2b31 !important }
.h__list-unstyled { margin: 0; padding: 0; list-style-type: none }
.h-overflow-hidden { overflow: hidden }
.h-text-transform-lowercase { text-transform: lowercase }
.h-video-responsive { width: 100% }
.h-position-relative { position: relative }
.color-alpha { color: #000 }
.color-gamma { color: #1e2b31 }
.color-delta { color: hsla(0, 0%, 100%, .7) }
.color-epsilon { color: #f81c18 }
.disable-transitions,
.disable-transitions * { transition: none !important }
.disable-vertical-scroll { overflow-y: hidden !important }
.disable-horizontal-scroll { overflow-x: hidden !important }
.position-relative { position: relative !important }
.position-absolute { position: absolute !important }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden],
template { display: none }
a { background-color: transparent }
a:active,
a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: 700 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: .67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
pre { overflow: auto }
code,
kbd,
pre,
samp { font-size: 1em }
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button,
select { text-transform: none }
button,
html input[type=button],
input[type=reset],
input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled],
html input[disabled] { cursor: default }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0 }
input { line-height: normal }
input[type=checkbox],
input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { height: auto }
input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
td,
th { padding: 0 }
*,
:after,
:before { box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: transparent }
button,
input,
select,
textarea {  font-size: inherit; line-height: inherit }
a { color: #337ab7 }
a:focus,
a:hover { color: #23527c }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
figure { margin: 0 }
img { vertical-align: middle }
.img-responsive { display: block; max-width: 100%; height: auto }
.img-rounded { border-radius: 6px }
.img-thumbnail { padding: 4px; line-height: 1.8; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto }
.img-circle { border-radius: 50% }
hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #eee }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto }
[role=button] { cursor: pointer }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 500; line-height: 1.1; color: inherit }
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small { font-weight: 400; line-height: 1; color: #777 }
.h1,
.h2,
.h3,
h1,
h2,
h3 { margin-top: 30px; margin-bottom: 15px }
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small { font-size: 65% }
.h4,
.h5,
.h6,
h4,
h5,
h6 { margin-top: 15px; margin-bottom: 15px }
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small { font-size: 75% }
.h1,
h1 { font-size: 44px }
.h2,
h2 { font-size: 36px }
.h3,
h3 { font-size: 29px }
.h4,
h4 { font-size: 22px }
.h5,
h5 { font-size: 17px }
.h6,
h6 { font-size: 15px }
p { margin: 0 0 15px }
.lead { margin-bottom: 30px; font-size: 19px; font-weight: 300; line-height: 1.4 }

@media (min-width:768px) {
    .lead { font-size: 25.5px }
}

.small,
small { font-size: 88% }
.mark,
mark { background-color: #fcf8e3; padding: .2em }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-lowercase { text-transform: lowercase }
.initialism,
.text-uppercase { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.text-muted { color: #777 }
.text-primary { color: #337ab7 }
a.text-primary:focus,
a.text-primary:hover { color: #286090 }
.text-success { color: #3c763d }
a.text-success:focus,
a.text-success:hover { color: #2b542c }
.text-info { color: #31708f }
a.text-info:focus,
a.text-info:hover { color: #245269 }
.text-warning { color: #8a6d3b }
a.text-warning:focus,
a.text-warning:hover { color: #66512c }
.text-danger { color: #a94442 }
a.text-danger:focus,
a.text-danger:hover { color: #843534 }
.bg-primary { color: #fff; background-color: #337ab7 }
a.bg-primary:focus,
a.bg-primary:hover { background-color: #286090 }
.bg-success { background-color: #dff0d8 }
a.bg-success:focus,
a.bg-success:hover { background-color: #c1e2b3 }
.bg-info { background-color: #d9edf7 }
a.bg-info:focus,
a.bg-info:hover { background-color: #afd9ee }
.bg-warning { background-color: #fcf8e3 }
a.bg-warning:focus,
a.bg-warning:hover { background-color: #f7ecb5 }
.bg-danger { background-color: #f2dede }
a.bg-danger:focus,
a.bg-danger:hover { background-color: #e4b9b9 }
.page-header { padding-bottom: 14px; margin: 60px 0 30px; border-bottom: 1px solid #eee }
ol,
ul { margin-top: 0; margin-bottom: 15px }
ol ol,
ol ul,
ul ol,
ul ul { margin-bottom: 0 }
.list-inline,
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { margin-left: -5px }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px }
dl { margin-top: 0; margin-bottom: 30px }
dd,
dt { line-height: 1.8 }
dt { font-weight: 700 }
dd { margin-left: 0 }
.dl-horizontal dd:after,
.dl-horizontal dd:before { content: " "; display: table }
.dl-horizontal dd:after { clear: both }

@media (min-width:768px) {
    .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
    .dl-horizontal dd { margin-left: 180px }
}

abbr[data-original-title],
abbr[title] { cursor: help; border-bottom: 1px dotted #777 }
.initialism { font-size: 90% }
blockquote { padding: 15px 30px; margin: 0 0 30px; font-size: 21.25px; border-left: 5px solid #eee }
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child { margin-bottom: 0 }
blockquote .small,
blockquote footer,
blockquote small { display: block; font-size: 80%; line-height: 1.8; color: #777 }
blockquote .small:before,
blockquote footer:before,
blockquote small:before { content: "\2014 \00A0" }
.blockquote-reverse,
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right }
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before { content: "" }
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after { content: "\00A0 \2014" }
address { margin-bottom: 30px; font-style: normal; line-height: 1.8 }
code,
kbd,
pre,
samp { }
code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px }
code,
kbd { padding: 2px 4px; font-size: 90% }
kbd { color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) }
kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none }
pre { display: block; padding: 14.5px; margin: 0 0 15px; font-size: 16px; line-height: 1.8; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }
.container:after,
.container:before { content: " "; display: table }
.container:after { clear: both }

@media (min-width:768px) {
    .container { width: 690px }
}

@media (min-width:992px) {
    .container { width: 970px }
}

@media (min-width:1200px) {
    .container { width: 1140px }
}

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }
.container-fluid:after,
.container-fluid:before { content: " "; display: table }
.container-fluid:after { clear: both }
.row { margin-left: -15px; margin-right: -15px }
.row:after,
.row:before { content: " "; display: table }
.row:after { clear: both }
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { float: left }
.col-xs-1 { width: 8.33333% }
.col-xs-2 { width: 16.66667% }
.col-xs-3 { width: 25% }
.col-xs-4 { width: 33.33333% }
.col-xs-5 { width: 41.66667% }
.col-xs-6 { width: 50% }
.col-xs-7 { width: 58.33333% }
.col-xs-8 { width: 66.66667% }
.col-xs-9 { width: 75% }
.col-xs-10 { width: 83.33333% }
.col-xs-11 { width: 91.66667% }
.col-xs-12 { width: 100% }
.col-xs-pull-0 { right: auto }
.col-xs-pull-1 { right: 8.33333% }
.col-xs-pull-2 { right: 16.66667% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-4 { right: 33.33333% }
.col-xs-pull-5 { right: 41.66667% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-7 { right: 58.33333% }
.col-xs-pull-8 { right: 66.66667% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-10 { right: 83.33333% }
.col-xs-pull-11 { right: 91.66667% }
.col-xs-pull-12 { right: 100% }
.col-xs-push-0 { left: auto }
.col-xs-push-1 { left: 8.33333% }
.col-xs-push-2 { left: 16.66667% }
.col-xs-push-3 { left: 25% }
.col-xs-push-4 { left: 33.33333% }
.col-xs-push-5 { left: 41.66667% }
.col-xs-push-6 { left: 50% }
.col-xs-push-7 { left: 58.33333% }
.col-xs-push-8 { left: 66.66667% }
.col-xs-push-9 { left: 75% }
.col-xs-push-10 { left: 83.33333% }
.col-xs-push-11 { left: 91.66667% }
.col-xs-push-12 { left: 100% }
.col-xs-offset-0 { margin-left: 0 }
.col-xs-offset-1 { margin-left: 8.33333% }
.col-xs-offset-2 { margin-left: 16.66667% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-4 { margin-left: 33.33333% }
.col-xs-offset-5 { margin-left: 41.66667% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-7 { margin-left: 58.33333% }
.col-xs-offset-8 { margin-left: 66.66667% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-10 { margin-left: 83.33333% }
.col-xs-offset-11 { margin-left: 91.66667% }
.col-xs-offset-12 { margin-left: 100% }

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left }
    .col-sm-1 { width: 8.33333% }
    .col-sm-2 { width: 16.66667% }
    .col-sm-3 { width: 25% }
    .col-sm-4 { width: 33.33333% }
    .col-sm-5 { width: 41.66667% }
    .col-sm-6 { width: 50% }
    .col-sm-7 { width: 58.33333% }
    .col-sm-8 { width: 66.66667% }
    .col-sm-9 { width: 75% }
    .col-sm-10 { width: 83.33333% }
    .col-sm-11 { width: 91.66667% }
    .col-sm-12 { width: 100% }
    .col-sm-pull-0 { right: auto }
    .col-sm-pull-1 { right: 8.33333% }
    .col-sm-pull-2 { right: 16.66667% }
    .col-sm-pull-3 { right: 25% }
    .col-sm-pull-4 { right: 33.33333% }
    .col-sm-pull-5 { right: 41.66667% }
    .col-sm-pull-6 { right: 50% }
    .col-sm-pull-7 { right: 58.33333% }
    .col-sm-pull-8 { right: 66.66667% }
    .col-sm-pull-9 { right: 75% }
    .col-sm-pull-10 { right: 83.33333% }
    .col-sm-pull-11 { right: 91.66667% }
    .col-sm-pull-12 { right: 100% }
    .col-sm-push-0 { left: auto }
    .col-sm-push-1 { left: 8.33333% }
    .col-sm-push-2 { left: 16.66667% }
    .col-sm-push-3 { left: 25% }
    .col-sm-push-4 { left: 33.33333% }
    .col-sm-push-5 { left: 41.66667% }
    .col-sm-push-6 { left: 50% }
    .col-sm-push-7 { left: 58.33333% }
    .col-sm-push-8 { left: 66.66667% }
    .col-sm-push-9 { left: 75% }
    .col-sm-push-10 { left: 83.33333% }
    .col-sm-push-11 { left: 91.66667% }
    .col-sm-push-12 { left: 100% }
    .col-sm-offset-0 { margin-left: 0 }
    .col-sm-offset-1 { margin-left: 8.33333% }
    .col-sm-offset-2 { margin-left: 16.66667% }
    .col-sm-offset-3 { margin-left: 25% }
    .col-sm-offset-4 { margin-left: 33.33333% }
    .col-sm-offset-5 { margin-left: 41.66667% }
    .col-sm-offset-6 { margin-left: 50% }
    .col-sm-offset-7 { margin-left: 58.33333% }
    .col-sm-offset-8 { margin-left: 66.66667% }
    .col-sm-offset-9 { margin-left: 75% }
    .col-sm-offset-10 { margin-left: 83.33333% }
    .col-sm-offset-11 { margin-left: 91.66667% }
    .col-sm-offset-12 { margin-left: 100% }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left }
    .col-md-1 { width: 8.33333% }
    .col-md-2 { width: 16.66667% }
    .col-md-3 { width: 25% }
    .col-md-4 { width: 33.33333% }
    .col-md-5 { width: 41.66667% }
    .col-md-6 { width: 50% }
    .col-md-7 { width: 58.33333% }
    .col-md-8 { width: 66.66667% }
    .col-md-9 { width: 75% }
    .col-md-10 { width: 83.33333% }
    .col-md-11 { width: 91.66667% }
    .col-md-12 { width: 100% }
    .col-md-pull-0 { right: auto }
    .col-md-pull-1 { right: 8.33333% }
    .col-md-pull-2 { right: 16.66667% }
    .col-md-pull-3 { right: 25% }
    .col-md-pull-4 { right: 33.33333% }
    .col-md-pull-5 { right: 41.66667% }
    .col-md-pull-6 { right: 50% }
    .col-md-pull-7 { right: 58.33333% }
    .col-md-pull-8 { right: 66.66667% }
    .col-md-pull-9 { right: 75% }
    .col-md-pull-10 { right: 83.33333% }
    .col-md-pull-11 { right: 91.66667% }
    .col-md-pull-12 { right: 100% }
    .col-md-push-0 { left: auto }
    .col-md-push-1 { left: 8.33333% }
    .col-md-push-2 { left: 16.66667% }
    .col-md-push-3 { left: 25% }
    .col-md-push-4 { left: 33.33333% }
    .col-md-push-5 { left: 41.66667% }
    .col-md-push-6 { left: 50% }
    .col-md-push-7 { left: 58.33333% }
    .col-md-push-8 { left: 66.66667% }
    .col-md-push-9 { left: 75% }
    .col-md-push-10 { left: 83.33333% }
    .col-md-push-11 { left: 91.66667% }
    .col-md-push-12 { left: 100% }
    .col-md-offset-0 { margin-left: 0 }
    .col-md-offset-1 { margin-left: 8.33333% }
    .col-md-offset-2 { margin-left: 16.66667% }
    .col-md-offset-3 { margin-left: 25% }
    .col-md-offset-4 { margin-left: 33.33333% }
    .col-md-offset-5 { margin-left: 41.66667% }
    .col-md-offset-6 { margin-left: 50% }
    .col-md-offset-7 { margin-left: 58.33333% }
    .col-md-offset-8 { margin-left: 66.66667% }
    .col-md-offset-9 { margin-left: 75% }
    .col-md-offset-10 { margin-left: 83.33333% }
    .col-md-offset-11 { margin-left: 91.66667% }
    .col-md-offset-12 { margin-left: 100% }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left }
    .col-lg-1 { width: 8.33333% }
    .col-lg-2 { width: 16.66667% }
    .col-lg-3 { width: 25% }
    .col-lg-4 { width: 33.33333% }
    .col-lg-5 { width: 41.66667% }
    .col-lg-6 { width: 50% }
    .col-lg-7 { width: 58.33333% }
    .col-lg-8 { width: 66.66667% }
    .col-lg-9 { width: 75% }
    .col-lg-10 { width: 83.33333% }
    .col-lg-11 { width: 91.66667% }
    .col-lg-12 { width: 100% }
    .col-lg-pull-0 { right: auto }
    .col-lg-pull-1 { right: 8.33333% }
    .col-lg-pull-2 { right: 16.66667% }
    .col-lg-pull-3 { right: 25% }
    .col-lg-pull-4 { right: 33.33333% }
    .col-lg-pull-5 { right: 41.66667% }
    .col-lg-pull-6 { right: 50% }
    .col-lg-pull-7 { right: 58.33333% }
    .col-lg-pull-8 { right: 66.66667% }
    .col-lg-pull-9 { right: 75% }
    .col-lg-pull-10 { right: 83.33333% }
    .col-lg-pull-11 { right: 91.66667% }
    .col-lg-pull-12 { right: 100% }
    .col-lg-push-0 { left: auto }
    .col-lg-push-1 { left: 8.33333% }
    .col-lg-push-2 { left: 16.66667% }
    .col-lg-push-3 { left: 25% }
    .col-lg-push-4 { left: 33.33333% }
    .col-lg-push-5 { left: 41.66667% }
    .col-lg-push-6 { left: 50% }
    .col-lg-push-7 { left: 58.33333% }
    .col-lg-push-8 { left: 66.66667% }
    .col-lg-push-9 { left: 75% }
    .col-lg-push-10 { left: 83.33333% }
    .col-lg-push-11 { left: 91.66667% }
    .col-lg-push-12 { left: 100% }
    .col-lg-offset-0 { margin-left: 0 }
    .col-lg-offset-1 { margin-left: 8.33333% }
    .col-lg-offset-2 { margin-left: 16.66667% }
    .col-lg-offset-3 { margin-left: 25% }
    .col-lg-offset-4 { margin-left: 33.33333% }
    .col-lg-offset-5 { margin-left: 41.66667% }
    .col-lg-offset-6 { margin-left: 50% }
    .col-lg-offset-7 { margin-left: 58.33333% }
    .col-lg-offset-8 { margin-left: 66.66667% }
    .col-lg-offset-9 { margin-left: 75% }
    .col-lg-offset-10 { margin-left: 83.33333% }
    .col-lg-offset-11 { margin-left: 91.66667% }
    .col-lg-offset-12 { margin-left: 100% }
}

.clearfix:after,
.clearfix:before { content: " "; display: table }
.clearfix:after { clear: both }
.center-block { display: block; margin-left: auto; margin-right: auto }
.pull-right { float: right !important }
.pull-left { float: left !important }
.hide { display: none !important }
.show { display: block !important }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.hidden { display: none !important }
.affix { position: fixed }
@-ms-viewport { width: device-width }
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block { display: none !important }

@media (max-width:767px) {
    .visible-xs { display: block !important }
    table.visible-xs { display: table !important }
    tr.visible-xs { display: table-row !important }
    td.visible-xs, th.visible-xs { display: table-cell !important }
}

@media (max-width:767px) {
    .visible-xs-block { display: block !important }
}

@media (max-width:767px) {
    .visible-xs-inline { display: inline !important }
}

@media (max-width:767px) {
    .visible-xs-inline-block { display: inline-block !important }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm { display: block !important }
    table.visible-sm { display: table !important }
    tr.visible-sm { display: table-row !important }
    td.visible-sm, th.visible-sm { display: table-cell !important }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block { display: block !important }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline { display: inline !important }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block { display: inline-block !important }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md { display: block !important }
    table.visible-md { display: table !important }
    tr.visible-md { display: table-row !important }
    td.visible-md, th.visible-md { display: table-cell !important }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block { display: block !important }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline { display: inline !important }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block { display: inline-block !important }
}

@media (min-width:1200px) {
    .visible-lg { display: block !important }
    table.visible-lg { display: table !important }
    tr.visible-lg { display: table-row !important }
    td.visible-lg, th.visible-lg { display: table-cell !important }
}

@media (min-width:1200px) {
    .visible-lg-block { display: block !important }
}

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

@media (min-width:1200px) {
    .visible-lg-inline-block { display: inline-block !important }
}

@media (max-width:767px) {
    .hidden-xs { display: none !important }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm { display: none !important }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md { display: none !important }
}

@media (min-width:1200px) {
    .hidden-lg { display: none !important }
}

.visible-print { display: none !important }

@media print {
    .visible-print { display: block !important }
    table.visible-print { display: table !important }
    tr.visible-print { display: table-row !important }
    td.visible-print, th.visible-print { display: table-cell !important }
}

.visible-print-block { display: none !important }

@media print {
    .visible-print-block { display: block !important }
}

.visible-print-inline { display: none !important }

@media print {
    .visible-print-inline { display: inline !important }
}

.visible-print-inline-block { display: none !important }

@media print {
    .visible-print-inline-block { display: inline-block !important }
}

@media print {
    .hidden-print { display: none !important }
}

.slick-slider { 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,
.slick-slider { position: relative; display: block }
.slick-list { overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list,
.slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0) }
.slick-track { 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 }
html { box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch }
*,
:after,
:before { box-sizing: inherit }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; background-color: #fff; color: #1e2b31; font-family:  sans-serif; font-size: 17px; line-height: 1.8; -webkit-overflow-scrolling: touch }
.is-loading { overflow: hidden }
h1,
h2,
h3,
h4,
h5,
h6 { color: #1e2b31; font-family: sans-serif; font-weight: 400 }
::-moz-selection { background-color: #1e2b31; color: #fff }
::selection { background-color: #1e2b31; color: #fff }
img { max-width: 100% }
p { margin: 0 0 1.8em }
a { color: #f81c18; text-decoration: none }
a:focus,
a:hover { color: #1e2b31; text-decoration: underline }
.vertical-center { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; min-height: 100vh }

@media (max-width:767px) {
    .container { padding-right: 35px; padding-left: 35px }
}

.anim-text span { display: inline-block; position: relative }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { color: #1e2b31; font-family: sans-serif; font-weight: 400 }
.h1,
h1 { font-size: 50px }

@media (min-width:768px) {
    .cta-block__item { min-width: 33.33339% }
}

@-webkit-keyframes a {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0) }
    25% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
    50% { -webkit-transform: translateZ(0); transform: translateZ(0) }
    75% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
    to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}

@keyframes a {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0) }
    25% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
    50% { -webkit-transform: translateZ(0); transform: translateZ(0) }
    75% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
    to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}

.reset-button{padding: 0;border: 0;background: none;box-shadow: none;text-shadow: none}
.reset-button:active,
.reset-button:focus{outline: none}
.button{display: inline-block;position: relative;height: 50px;padding: 0 20px;border-radius: 0;background-color: transparent;color: #1e2b31;font-family: HelveticaNeueCondensedBold, sans-serif;font-size: 16px;letter-spacing: 2.5px;line-height: 50px;text-transform: uppercase}
.button:focus,
.button:hover{color: #1e2b31;text-decoration: none}
.button:hover .decorator.right:before{-webkit-transform: translateY(44px);transform: translateY(44px)}
.button:hover .decorator.right:after{right: calc(100% - 6px)}
.button:hover .decorator.left:before{-webkit-transform: translateY(-44px);transform: translateY(-44px)}
.button:hover .decorator.left:after{left: calc(100% - 6px)}
.button .decorator{position: absolute;top: 0;right: 0;bottom: 0;left: 0}
.button .decorator.right:after,
.button .decorator.right:before{top: 0;right: 0;-webkit-transform: translateY(0);transform: translateY(0)}
.button .decorator.left:after,
.button .decorator.left:before{bottom: 0;left: 0}
.button .decorator:after,
.button .decorator:before{content: "";position: absolute;transition: all .3s;background: #fff}
.button--champagne .button .decorator:after,
.button--champagne .button .decorator:before{background: #f81c18}
.button .decorator:after{width: 6px;height: 2px}
.button .decorator:before{width: 2px;height: 6px}
.button--champagne .decorator:after,
.button--champagne .decorator:before{background: #f81c18}
@keyframes b{0%{-webkit-transform: rotate(0);transform: rotate(0)}
25%{-webkit-transform: rotate(45deg);transform: rotate(45deg)}
50%{-webkit-transform: rotate(0);transform: rotate(0)}
75%{-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
to{-webkit-transform: rotate(0);transform: rotate(0)}}
.nav-bar-bg{background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.nav-bar{position: fixed;z-index: 999999;top: 0;right: 0;left: 0;height: 76px;}
.nav-bar__bg{position: relative;z-index: 2;border-bottom: 1px solid #e6e6e6;background-color: #fff}
.nav-bar__container{float: left;position: relative;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;height: 75px;padding-right: 25px;padding-left: 25px}
.nav-bar__logo{width: 197px;height: 54px}
.nav-bar__logo img{width: 100%;height: 100%;object-fit: contain;}
.nav-bar__logo svg,
.nav-bar__logo svg *{transition: fill .3s;fill: #f81c18}
.navigation-lightness:not(.navigation-champagne) .nav-bar__logo svg,
.navigation-lightness:not(.navigation-champagne) .nav-bar__logo svg *{fill: #1e2b31}
.nav-bar__phone{width: 25px;height: 25px}
@media (min-width:992px){.nav-bar{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;height: auto}
.nav-bar__bg{border-bottom-color: transparent;background-color: transparent}
.nav-bar__container{width: 137px;height: 80px;float: left;}
.nav-bar__logo{position: absolute;top: 18px;left: 0px}
.nav-bar__phone{display: none}
.nav-bar__toggle-navigation{position: absolute;right: 50px}}
.nav-bar__toggle-navigation{cursor: pointer}
.nav-bar__toggle-navigation__icon{display: block;position: relative;width: 22px;height: 18px}
.nav-bar__toggle-navigation__icon span{display: block;position: absolute;right: 0;left: 0;height: 2px;transition: all .15s;background-color: #1e2b31}
.nav-bar__toggle-navigation__icon span:first-of-type{top: 50%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)}
.nav-bar__toggle-navigation__icon span:nth-of-type(2){top: 0;-webkit-transform: translateZ(0) rotate(0) scaleX(1);transform: translateZ(0) rotate(0) scaleX(1)}
.nav-bar__toggle-navigation__icon span:nth-of-type(3){bottom: 0;-webkit-transform: translateZ(0) rotate(0) scaleX(1);transform: translateZ(0) rotate(0) scaleX(1)}
@media (max-width:992px){.nav-bar__toggle-navigation__icon span:nth-of-type(2){-webkit-transform: rotate(45deg) translate3d(5px, 7px, 0);transform: rotate(45deg) translate3d(5px, 7px, 0)}
.nav-bar__toggle-navigation__icon span:nth-of-type(2) { -webkit-transform: rotate(45deg) translate3d(5px, 7px, 0); transform: rotate(45deg) translate3d(5px, 7px, 0) }
    .navigation-closed .nav-bar__toggle-navigation__icon span:nth-of-type(2) { -webkit-transform: none; transform: none }
    .nav-bar__toggle-navigation__icon span:first-of-type { opacity: 0 }
    .navigation-closed .nav-bar__toggle-navigation__icon span:first-of-type { opacity: 1 }
    .nav-bar__toggle-navigation__icon span:nth-of-type(3) { -webkit-transform: rotate(-45deg) translate3d(5px, -6px, 0); transform: rotate(-45deg) translate3d(5px, -6px, 0) }
    .navigation-closed .nav-bar__toggle-navigation__icon span:nth-of-type(3) { -webkit-transform: none; transform: none }
    .nav-bar__toggle-navigation { cursor: pointer; right: 0; top: 0; position: absolute; z-index: 999; }
    .nav-bar__toggle-navigation__icon span { background-color: #fff; }}
@media (min-width:992px){.nav-bar__toggle-navigation{visibility: hidden;position: absolute;z-index: 999;top: 10px;right: 35px;width: 60px;height: 60px;padding: 20px;border-radius: 50%;opacity: 0;background-color: #fff;box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .15)}
.nav-bar__toggle-navigation:hover .nav-bar__toggle-navigation__icon span:nth-of-type(2){-webkit-transform: translate3d(-7px, 4px, 0) rotate(-45deg) scaleX(.5);transform: translate3d(-7px, 4px, 0) rotate(-45deg) scaleX(.5)}
.nav-bar__toggle-navigation:hover .nav-bar__toggle-navigation__icon span:nth-of-type(3){-webkit-transform: translate3d(-7px, -4px, 0) rotate(45deg) scaleX(.6);transform: translate3d(-7px, -4px, 0) rotate(45deg) scaleX(.6)}
.navigation-closed .nav-bar__toggle-navigation{visibility: visible;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);opacity: 1}}
.navigation{transition: opacity .3s}
@media (max-width:992px){.navigation{visibility: hidden;height: 100vh;width: 100%;overflow-y: scroll;text-align: center;-webkit-overflow-scrolling: touch}
.navigation-initialised .navigation{visibility: visible}
.navigation-closed .navigation{visibility: hidden}}
@media (min-width:992px){
    .navigation:before{content: "";position: fixed;top: 0;left: 0;width: 100%;height: 81px;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all .15s;background-color: #fff}
.navigation-hidden .navigation:before{transition: 0;opacity: 0}
.fp-enabled .navigation:before, .navigation-closed .navigation:before, .navigation-hidden .navigation:before, .navigation-start .navigation:before{-webkit-transform: translateY(-100%);transform: translateY(-100%)}
.navigation-hidden .navigation{opacity: 0}
.navigation{padding-right: 60px;float: left;width: 67%;height: 80px;}
.navigation__item.online{float: right;font-size: 14px;/*color: #fff;*/line-height: 80px;margin-left: 0 !important;}
.navigation__item.online:before{content: none !important;}
.navigation__item.online:after{content: none !important;}

}
.navigation-down.nav-bar{border-bottom: 1px solid rgb(215, 215, 215);}
.navigation__blocks{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100vh}
.navigation__blocks:after,
.navigation__blocks:before,
.navigation__blocks span{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 33.33333%;background-color: #fff}
.navigation-closed .navigation__blocks:after,
.navigation-closed .navigation__blocks:before,
.navigation-closed .navigation__blocks span{-webkit-transform: translateX(100%);transform: translateX(100%)}
.navigation-closed .navigation__blocks:before{transition-delay: .1s}
.navigation__blocks span{top: 33.33333%;transition-delay: .05s}
.navigation__blocks:after{top: 66.66667%;transition-delay: .1s}
.navigation-closed .navigation__blocks:after{transition-delay: 0s}
@media (min-width:992px){.navigation__blocks{display: none}}
.navigation__list{display: -webkit-box;display: flex}
@media (max-width:991px){.navigation__list{flex-basis: auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-flex: 1;flex-grow: 1;flex-shrink: 1;-webkit-box-pack: justify;justify-content: space-between;height: calc(100vh - 150px);padding: 40px 0}}
@media (min-width:992px){.navigation__list{position: relative;-webkit-box-align: center;align-items: center;-webkit-box-pack: end;justify-content: flex-end;height: 80px;margin-top: 0}}
.navigation__item:after,
.navigation__item:before,
.navigation__link:after,
.navigation__link:before{content: "";position: absolute;top: 23px;right: -12px;transition: all .3s;opacity: 0;background: #f81c18}
.navigation-lightness:not(.navigation-champagne) .navigation__item:after,
.navigation-lightness:not(.navigation-champagne) .navigation__item:before,
.navigation-lightness:not(.navigation-champagne) .navigation__link:after,
.navigation-lightness:not(.navigation-champagne) .navigation__link:before{background: #1e2b31}
.navigation-down:not(.navigation-champagne) .navigation__item:after,
.navigation-down:not(.navigation-champagne) .navigation__item:before,
.navigation-down:not(.navigation-champagne) .navigation__link:after,
.navigation-down:not(.navigation-champagne) .navigation__link:before{background: #f81c18}
.navigation__item:after,
.navigation__link:after{width: 6px;height: 2px}
.navigation__item:before,
.navigation__link:before{width: 2px;height: 6px}
.navigation__item{position: relative;}
@media (max-width:992px){
    
    .navigation__item { -webkit-transform: translateZ(0); transform: translateZ(0) }
    .navigation-closed .navigation__item { -webkit-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); opacity: 0 }
    .navigation-closed .navigation__item:nth-child(7) { transition-delay: 0s }
    .navigation-closed .navigation__item:nth-child(6) { transition-delay: .01s }
    .navigation-closed .navigation__item:nth-child(5) { transition-delay: .02s }
    .navigation-closed .navigation__item:nth-child(4) { transition-delay: .03s }
    .navigation-closed .navigation__item:nth-child(3) { transition-delay: .04s }
    .navigation-closed .navigation__item:nth-child(2) { transition-delay: .05s }
    .navigation-closed .navigation__item:first-child { transition-delay: .06s }
    .navigation__item:first-child { transition-delay: .05s }
    .navigation__item:nth-child(2) { transition-delay: .1s }
    .navigation__item:nth-child(3) { transition-delay: .15s }
    .navigation__item:nth-child(4) { transition-delay: .2s }
    .navigation__item:nth-child(5) { transition-delay: .25s }
    .navigation__item:nth-child(6) { transition-delay: .3s }
    .navigation__item:nth-child(7) { transition-delay: .35s }
}
@media (min-width:992px){
    .navigation__item:hover:after, .navigation__item:hover:before,.navigation__item.is-active:before,.navigation__item.is-active:after{opacity: 1}
.navigation__item:hover:before{top: 47px}
.navigation__item:hover:after{right: calc(100% + 2px)}
.navigation__item:not(:first-child){margin-left: 50px}
.navigation__item.is-active:after, .navigation__item.:before{opacity: 1}
.navigation-closed .navigation__item{visibility: hidden;opacity: 0}

}
.navigation-start .navigation__link { color:#fff}
.navigation__link{display: block;color: #1e2b31;font-family:  sans-serif;font-size: 16px;text-transform: uppercase}
.navigation__link:focus,
.navigation__link:hover,{color: #1e2b31;text-decoration: none}
.navigation__link:after,
.navigation__link:before{top: inherit;bottom: 26px;left: -10px}
@media (max-width:992px){.navigation__link{font-size: 20px;letter-spacing: 1px}}
@media (min-width:992px){.navigation__link{line-height: 80px;font-size: 14px;}
/*.navigation-lightness .navigation__link{color: #333}*/
.navigation-down .navigation__link.navigation__link:hover, .navigation__link:hover{color: #f81c18}
.navigation-lightness .navigation__link:hover{color: #f81c18}
.navigation-down .navigation__link:hover{color: #f81c18}
.navigation__link:hover:after, .navigation__link:hover:before{opacity: 1}
.navigation__link:hover:before{bottom: 51px}
.navigation__link:hover:after{left: calc(100% + 5px)}
.navigation__item.is-active .navigation__link:after, .navigation__item.is-active .navigation__link:before{opacity: 1}}
.section{position: relative}
@-webkit-keyframes d {
    0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(140px, -50%, 0); transform: translate3d(140px, -50%, 0); opacity: 1 }
}

@keyframes d {
    0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(140px, -50%, 0); transform: translate3d(140px, -50%, 0); opacity: 1 }
}

@-webkit-keyframes e {
    0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(240px, -50%, 0); transform: translate3d(240px, -50%, 0); opacity: 1 }
}

@keyframes e {
    0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(240px, -50%, 0); transform: translate3d(240px, -50%, 0); opacity: 1 }
}

@-webkit-keyframes f {
    0% { -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); opacity: 0 }
    to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}

@keyframes f {
    0% { -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); opacity: 0 }
    to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}

@supports (-ms-ime-align:auto) {
    @media (min-width: 1200px) {
    }

    @media (min-width:1800px) {
    }
}

@media (-ms-high-contrast:active) and (min-width:1200px), (-ms-high-contrast:none) and (min-width:1200px) {
}

@media (-ms-high-contrast:active) and (min-width:1800px), (-ms-high-contrast:none) and (min-width:1800px) {
    .fctwente-social-wall { width: 1000px }
}

@-webkit-keyframes g {
    0% { stroke-dashoffset: 2000px }
    15% { stroke-dashoffset: 1850px }
    40% { stroke-dashoffset: 1230px }
    60% { stroke-dashoffset: 900px }
    80% { stroke-dashoffset: 520px }
    to { stroke-dashoffset: 0px }
}

@keyframes g {
    0% { stroke-dashoffset: 2000px }
    15% { stroke-dashoffset: 1850px }
    40% { stroke-dashoffset: 1230px }
    60% { stroke-dashoffset: 900px }
    80% { stroke-dashoffset: 520px }
    to { stroke-dashoffset: 0px }
}

@media (min-width:768px) {
    .case-intro__img--mobile { display: none }
    .case-intro__article { margin-bottom: 0 }
    .p-case__article--social { display: block; width: auto }
    .p-case__article--social a { margin: 0; padding: 0 2px }
    .p-case__article--social img { padding: 5px 0 }
    .p-case__article--alpha { line-height: 66px }
    .p-case__article--bottom--black { margin: 0; color: #000; font-size: 20px }
    .p-case__article--bottom { display: -webkit-box; display: flex; margin-top: 3%; padding: 20px }
}

.case-title--margintop { margin-top: 75px }
.row-height--padding--beta { padding-bottom: 100px }

@supports (-ms-ime-align:auto) {
    @media (min-width: 1200px) {
    }

    @media (min-width:1800px) {
    }
}

.swiper-container.banner-pic { margin-bottom: 0 !important }
.l-footer { position: relative; z-index: 500; padding: 50px 0; transition: opacity .3s; background-color: #fff }
.navigation-hidden .l-footer { opacity: 0 }
.swiper-wrapper { transition-delay: .3s; }
.swiper-container.i-m-ban { width: 100%; height: 100vh; margin: 0 auto 20px auto; }
.swiper-container.i-m-ban .swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container.i-m-ban .swiper-slide:nth-child(2) { background: #3183ff; color: #fff; }
.swiper-container.i-m-ban .swiper-slide .banner-title { margin-top: -12%; transform: translateY(-50%); opacity: 0; transition: all .4s; }
.swiper-container.i-m-ban .swiper-slide .banner-title h1 { font-size: 120px; margin-bottom: 70px; }
.swiper-container.i-m-ban .swiper-slide .banner-title p { font-size: 30px; color: #fff; }
.swiper-container.i-m-ban .swiper-slide h1 { display: block; font-style: normal; color: #fff; }
.swiper-container.i-m-ban .swiper-slide-active .banner-title { transform: translateY(25); opacity: 1; }
.fir-flo { position: absolute; left: 50%; margin-left: -600px; background: url(../image/home/fir-bg.png) no-repeat center; background-size: 100% 100%; height: 562px; top: 80%; z-index: 99; }
.fir-flo ul li { float: left; width: 42%; margin: 7% 4%; }
.fir-flo ul li a, .fir-flo ul li span, .fir-flo ul li p { display: block; color: #565656; }
.fir-flo ul li a { width: 354px; height: 252px; overflow: hidden; margin: 0 auto; }
.fir-flo ul li a img { width: 100%; height: 100%; object-fit: contain; }
.fir-flo ul li span { font-size: 24px; margin-bottom: 20px; font-weight: 600; color: #333; transition: all .45s ease-in-out; }
.fir-flo ul li:hover span { padding-left: 10px; color: #F81C18; }
.fir-flo ul li p { font-size: 18px; }
.fir-flo ul li span, .fir-flo ul li p { width: 90%; text-align: left; }
.fir-flo ul li:nth-of-type(2) p, .fir-flo ul li:nth-of-type(2) span { margin-left: 7%; }
.fir-flo ul li:nth-of-type(2) { position: relative; }
.fir-flo ul li:nth-of-type(2):before { content: ''; position: absolute; width: 1px; height: 304px; top: 10%; left: -12%; background-color: #e0e0e0; }
.button--round-s { border-radius: 50px; }
.button { float: left; min-width: 200px; max-width: 250px; display: block; outline: none; margin: 1em; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.button.button--wapasha { background: #ae2624; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; }
.button--wapasha.button--inverted { background: #fff; color: #ae2624; }
.button--wapasha::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #ae2624; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1);  }
.button--wapasha.button--inverted::before { border-color: #7986cb; }
.button--wapasha:hover { background-color: #fff; color: #fff; }
.button--wapasha.button--inverted:hover { background-color: #37474f; color: #ae2624; }
.button--wapasha:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.sec-flo { margin-top: 480px; overflow: hidden; }
.sec-flo .img-box { float: left; width: 50%; height: 620px; line-height: 620px; font-size: 0; overflow: hidden; margin-bottom: -50px; }
.sec-flo .img-box img { width: 100%; height: 100%; object-fit: cover; }
.thr-flo { height: 757px; background: url(../image/home/ziyuan.png) no-repeat center; background-size: cover; }
.sec-flo .info { float: right; width: 50%; }
.sec-flo .info h1, .thr-flo .info p { display: block; }
.sec-flo .info h1 { font-size: 40px; color: #333; margin-top: 150px; font-weight: 600; }
.sec-flo .info p { font-size: 20px; color: #666; margin-top: 20px; }
.pub-title { display: block; font-size: 40px; margin-bottom: 40px; font-weight: 600; padding-top: 130px; }
.thr-flo .pub-title { color: #fff; padding-top: 80px; }
.ts-container span { display: block; font-size: 16px; line-height: 44px; font-family: 'NotoSansHans-Light'; position: relative; text-transform: uppercase; transition: all .6s; padding: 0 10px; }
.ts-container span.none a:before { content: none; }
.ts-container span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; will-change: transform; transition: -webkit-transform .4s cubic-bezier(.82,.01,.21,1); transition: transform .4s cubic-bezier(.82,.01,.21,1); transition: transform .4s cubic-bezier(.82,.01,.21,1),-webkit-transform .4s cubic-bezier(.82,.01,.21,1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; background: #fff; }
.ts-container span:hover, .ts-container li.is-active span { transition: -webkit-transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1),-webkit-transform .85s cubic-bezier(.82,.01,.21,1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.ts-container span:active:after, .ts-container span:hover:after, .ts-container li.is-active span:after { transition: -webkit-transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1),-webkit-transform .85s cubic-bezier(.82,.01,.21,1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.ts-container span.on > a { color: #fff; }
.ts-container span.on > a:after { transition: -webkit-transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1); transition: transform .85s cubic-bezier(.82,.01,.21,1),-webkit-transform .85s cubic-bezier(.82,.01,.21,1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.m-tabSlider { display: none; }
.four-flo { height: 692px; background: #f7f8fa url(../image/home/bolang.png) no-repeat bottom center; background-size: 100%; }
.four-flo .pub-title { text-align: center; padding-top: 100px; margin-bottom: 30px; }
.pub-sum { display: block; font-size: 40px; color: #3c3c3c; text-align: center; }
.four-flo .advantage { margin-top: 90px; overflow: hidden; }
.four-flo .advantage li { float: left; width: 30%; }
.four-flo .advantage li span, .four-flo .advantage li p { display: block; text-align: center; }
.four-flo .advantage li span { font-size: 96px;color:#d72020;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#d72020), to(#a92020)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; }
.four-flo .advantage li p { font-size: 18px; color: #555; }
.four-flo .advantage li:nth-of-type(2) { margin-left: 5%; }
.four-flo .advantage li:nth-of-type(3) { float: right; }
.five-flo { position: relative; height: 875px; }
.five-flo .pub-title { text-align: center; margin-bottom: 18px; padding-top: 105px; }
.five-flo .pub-sum { font-size: 20px; }
.partner-swiper { height: 530px; }
.partner-swiper .swiper-button-next, .partner-swiper .swiper-button-prev { top: inherit; bottom: 0; width: 20px; height: 32px; background-size: cover; }
.partner-swiper .swiper-button-next, .partner-swiper .swiper-container-rtl .swiper-button-prev { background-image: url(image/right.png); }
.partner-swiper .swiper-button-next { right: 40%; margin-right: -10px; }
.partner-swiper .swiper-button-prev { left: 40%; margin-left: -10px; }
.partner-swiper .swiper-button-prev, .partner-swiper .swiper-container-rtl .swiper-button-next { background-image: url(image/left.png); }
.partner-swiper .swiper-button-next:hover { background-image: url(image/right1.png); }
.partner-swiper .swiper-button-prev:hover { background-image: url(image/left1.png); }
.five-flo .button { position: absolute; min-width: 150px; height: 46px; line-height: 46px; left: 50%; margin-left: -75px; bottom: 90px; box-shadow: 0px 10px 30px 0px rgba(174, 38, 36, 0.35) }
.partner-swiper ul { overflow: hidden; /*margin:-3%;*/ }
.partner-swiper ul li { float: left; margin: 3%; width: 10.6%; height: 130px; position: relative; margin-bottom: 1%; }
.partner-swiper ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.partner-swiper ul li a img { width: 100%; height: 100%; object-fit: contain; transition: all .4s ease-in-out; }
.partner-swiper ul li span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(174, 38, 36, 0.85); color: #fff; opacity: 0; text-align: center; transition: all .5s ease-in-out; }
.partner-swiper ul li:hover span { opacity: 1; cursor: pointer; }
.partner-swiper ul li span em, .partner-swiper ul li span i { font-style: normal; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.partner-swiper ul li span em { font-size: 14px; width: 80%; margin: 0 auto }
.partner-swiper ul li span i { width: 80%; font-size: 16px; margin: 0 auto; margin-top: 35px; }
.partner-swiper ul li:hover a img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1) }
    10%,20% { -webkit-transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale(1) rotate(3deg) }
    40%,60%,80% { -webkit-transform: scale(1) rotate(-3deg) }
    100% { -webkit-transform: scale(1) rotate(0) }
}

@-moz-keyframes tada {
    0% { -moz-transform: scale(1) }
    10%,20% { -moz-transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -moz-transform: scale(1) rotate(3deg) }
    40%,60%,80% { -moz-transform: scale(1) rotate(-3deg) }
    100% { -moz-transform: scale(1) rotate(0) }
}

.six-flo { height: 778px; background: url(../image/home/jianzheng.png) no-repeat center; background-size: cover; }
.six-flo .pub-title { text-align: center; color: #fff; margin-bottom: 130px; padding-top: 100px; }
.user-swiper { height: 400px; }
.user-swiper .swiper-button-next, .user-swiper .swiper-button-prev { background-size: contain; width: 105px; height: 32px; color: #fff; }
.user-swiper .swiper-button-next { background-image: url(../image/home/next.png); background-position: right center; }
.user-swiper .swiper-button-prev { background-image: url(../image/home/left.png); background-position: left center; text-align: right; }
/*.user-swiper .swiper-button-next:hover{background-image: url(image/right1.png);}
.user-swiper .swiper-button-prev:hover{background-image: url(image/left1.png);}*/
.six-flo { height: 876px; background: url(../image/home/jianzheng.png) no-repeat center; background-size: cover; }
.six-flo .pub-title { text-align: center; color: #fff; margin-bottom: 80px; }
.user-swiper { height: 550px; }
.user-swiper .swiper-button-next, .user-swiper .swiper-button-prev { background-size: contain; width: 105px; height: 32px; color: #fff; transition: all .4s ease-in-out; }
.user-swiper .swiper-button-next { background-image: url(../image/home/next.png); background-position: right center; }
.user-swiper .swiper-button-prev { background-image: url(../image/home/left.png); background-position: left center; text-align: right; }
.user-swiper .swiper-button-next:hover { color: #F81C18; }
.user-swiper .swiper-button-prev:hover { color: #F81C18; }
.user-swiper .swiper-wrapper { height: 435px; }
.user-swiper .swiper-slide { padding-top: 60px; padding-bottom: 60px; }
.user-swiper .swiper-pagination { display: none; }
.user-swiper .slide-content { position: relative; width: 55%; padding:90px 100px 63px 100px; background-color: #fff; opacity: 1 !important; visibility: visible !important; left: 50%; transform: translate(-50%,0%); text-align: center; }
.bg-layer-1, .bg-layer-2 { position: absolute; left: 30px; right: 30px; background-color: #fff; height: 30px; transition: all 0.5s; animation-delay: 1.5s; background-color: rgba(255,255,255,0.4); }
.bg-layer-2 { bottom: -20px; left: 60px; right: 60px; transition: all 0.5s; animation-delay: 2s; }
.bg-layer-1 { bottom: -10px; }
.slide-content .photo img { position: absolute; z-index: 10; border-radius: 100%; top: -60px; margin-left: -60px; left: 50%; width: 120px; height: 120px; }
.slide-content .text { margin-top: 22px; font-size: 16px; color: #333; overflow: hidden; }
.slide-content .author { font-weight: bold; display: block; transition: color 0.3s; font-size: 18px; color: #ae2624; margin-top: 68px; }
.slide-content .position { display: inline-block; line-height: 1; vertical-align: middle; font-size: 18px; color: #999; }

@media screen and (max-width: 992px) {
    .slide-content .photo img { width: 80px; height: 80px; top: -40px; margin-left: -40px; left: 50%; }
}

.seven-flo { height: 516px; background: url(../image/home/yuanw.png)no-repeat center; background-size: cover; }
.seven-flo .pub-title { padding-top: 60px; font-weight: 500; }
.contact-from { width: 70%; float: left; }
.contact-from .input { position: relative; z-index: 1; height: 47px; line-height: 47px; display: inline-block; margin: 1em 1em 2em; max-width: 280px; width: calc(100% - 2em); vertical-align: top; }
.input__field { position: relative; display: block; float: right;height:48px; padding: 0 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #aaa; font-weight: bold; font-family: sans-serif; -webkit-appearance: none; /* for box shadows to show on iOS*/ }
.input__field:focus { outline: none; }
.input__field--minoru { width: 60%; background: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 0px 0px 2px transparent; color: #333; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.input__label--minoru { padding: 0; width: 20%; text-align: left; }
.input__label--minoru::after { content: ''; position: absolute; right: 0; z-index: -1; width: 60%; height: 47px; box-shadow: 0px 0px 0px 0px; color: rgba(199,152,157, 0.6); }
.input__field--minoru:focus { box-shadow: 0px 0px 0px 2px #eca29b; }
.input__field--minoru:focus + .input__label--minoru { pointer-events: none; }
.input__field--minoru:focus + .input__label--minoru::after { -webkit-animation: anim-shadow 0.3s forwards; animation: anim-shadow 0.3s forwards; }

@-webkit-keyframes anim-shadow {
    to { box-shadow: 0px 0px 100px 50px; opacity: 0; }
}

@keyframes anim-shadow {
    to { box-shadow: 0px 0px 100px 50px; opacity: 0; }
}

.input__label-content--minoru { padding: 0.75em 0.15em; }
.two-input.input { min-width: 435px; }
.two-input.input input { width: 78%; }
.two-input.input .input__label--minoru::after { width: 78%; }
.sewv { float: right; }
.sewv { position: relative; width: 66%; display: inline-block; vertical-align: middle; padding: 0 0.8em; border: 1px #e0e0e0 solid; }
.sewvtop { width: 100%; height: 47px; line-height: 47px; cursor: pointer; border-radius: 2px; overflow: hidden; }
.sewvtop > span { float: left; width: 70%; height: 47px; line-height: 47px; white-space: pre; text-overflow: ellipsis; overflow: hidden; font-size: 12px; color: #666; padding: 0 5px; vertical-align: middle; }
.sewvtop > em { float: right; width: 20px; height: 20px; vertical-align: middle; ma; }
.sewvbm { width: 100%; position: absolute; left: 0; top: 48px; display: none; border: 1px #e0e0e0 solid; border-radius: 2px; background-color: #fff; z-index: 999; }
.sewvbm > li { cursor: pointer; width: 100%; height: 47px; line-height: 47px; font-size: 12px; color: #666; padding-left: 5px; }
.sewvbm > li:hover { background: #ae2624; color: #fff; }
.lbaxztop { animation: rotatete 0.3s linear forwards; }
.lbaxztop2 { animation: rotatete2 0.3s linear forwards; }

@keyframes rotatete {
    from { transform: rotate(0deg); }
    to { transform: rotate(180deg); }
}

@keyframes rotatete {
    from { transform: rotate(0deg); }
    to { transform: rotate(180deg); }
}

@-moz-keyframes rotatete2 {
    from { transform: rotate(180deg); }
    to { transform: rotate(0deg); }
}

@keyframes rotatete2 {
    from { transform: rotate(180deg); }
    to { transform: rotate(0deg); }
}

.seven-flo .button { min-width: 150px; height: 46px; line-height: 46px; box-shadow: 0px 10px 30px 0px rgba(174, 38, 36, 0.35); z-index: 0; float: left; clear: both; }
.contact-tit { float: right; width: 30%; text-align: center; }
.contact-tit span, .contact-tit h1 { display: block; }
.contact-tit span { color: #333; }
.contact-tit h1 { font-size: 40px; color: #ae2624; font-weight: 600; padding-left: 54px; background: url(../image/home/mobile.png) no-repeat left center; }
.eight-flo { background-color: #363636; }
.footer { padding: 30px 0; color: #fefefe; }
.footer .tit { text-align: center; padding: 50px 0; margin: 0 auto; }
.footer .con { padding-bottom: 30px; overflow: hidden; }
.footer .con section { width: 26%; }
.footer .con section:nth-of-type(4) { width: 20% }
.footer .con section h5 { font-size: 16px; padding-bottom: 30px; color: #fefefe; }
.footer .nav-list li { padding-bottom: 3px; font-size: 13px; color: #999; line-height: 30px; }
.footer .nav-list li a { color: #999; }
.footer .nav-list li a:hover { text-decoration: underline; }
.footer .qr-code { max-width: 120px; }
.footer .tel { font-size: 30px; color: #fefefe; }
.copyright { border-top: solid 1px #6a6a6a; font-size: 13px; height: 50px; line-height: 50px; color: #757575; text-align: left; }
.copyright .support { float: right; color: #757575; padding-left: 40px; }
.copyright .support a { color: #757575; }
.copyright .support a:hover { text-decoration: underline; }
.swiper-container.i-m-ban.banner-pic .swiper-slide .banner-title { opacity: 1; }
.swiper-container.i-m-ban.banner-pic { height: 700px; }
.swiper-container.i-m-ban .swiper-slide .banner-title h1 { font-size: 72px; }
.news-tab { overflow: hidden; margin-top: 97px; }
.news-title { clear: both; overflow: hidden; }
.news-title h1 { float: left; font-size: 40px; color: #333; }
.news-title ul { float: right; margin: 40px 0 0 0; }
.news-title ul li { display: inline-block; margin-left: 35px; }
.news-title ul li a { display: block; font-size: 16px; color: #333; transition: all .4s ease-in-out; position: relative; }
.news-title ul li a:hover, .news-title ul li a.on { color: #af2823; }
.news-title ul li:nth-of-type(1) a:before { content: ''; position: absolute; right: -22px; width: 1px; height: 16px; background-color: #333; top: 50%; margin-top: -8px; }
.news-content { margin: 60px auto 90px; }
.listN { overflow: hidden; margin: -1.777777%; }
.newsList { float: left; width: 29.7%; height: 460px; margin: 1.777777%; box-shadow: 0 0 17px 5px rgba(51, 51, 51, 0.1); transition: all .5s ease-in-out; border: solid 1px #fff; }
.newsList .image-box { display: block; width: 100%; height: 230px; line-height: 230px; overflow: hidden; font-size: 0; }
.newsList .image-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease-in-out; transform: scale(1.1,1.1); }
.newsList span, .newsList h1, .newsList .linkBtn { display: block; margin: 0 22px; }
.newsList span { font-size: 14px; color: #999; margin-top: 26px; margin-bottom: 20px; }
.newsList span em { margin-right: 10px; font-style: normal; transition: all .5s ease-in-out; }
.newsList h1 { display: block; font-size: 24px; color: #333; line-height: 37px; margin-bottom: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s ease-in-out; }
.newsList .linkBtn { font-size: 14px; color: #AF2823; margin-bottom: 30px; transition: all .5s ease-in-out; }
.newsList:hover { box-shadow: none; border: solid 1px #e0e0e0; cursor: default; }
.newsList:hover .image-box img { transform: scale(1,1); }
.newsList:hover span em:nth-of-type(2) { color: #AF2823; }
.box { width: 770px; height: 70px; box-shadow: 4px 0px 30px 0px rgba(51, 51, 51, .1); margin: 30px auto 120px; }
.box .ui-pagination-container { height: 70px; line-height: 70px; }
.box .ui-pagination-container a:first-child { float: left; }
.box .m-style a { float: initial; height: 70px; line-height: 70px; border: none; color: #333 }
.box .m-style .active { float: initial; display: inline-block; height: 30px; line-height: 30px; background: #aa9090; width: 30px; border: none; border-radius: 50%; margin-top: 20px; }
.box .m-style .next, .m-style .prev { width: 20%; }
.box .m-style .prev { float: left; border-right: solid 1px #e0e0e0; margin-right: 30px; color: #aa9090; background: url(image/left-icon.png)no-repeat center; background-position-x: 20% }
.box .m-style .next { float: right; border-left: solid 1px #e0e0e0; margin-left: 30px; color: #aa9090; background: url(image/right-icon.png)no-repeat center; background-position-x: 80% }
.box .m-style a:hover { background-color: transparent; color: #aa9090; }
.box .m-style a { display: inline-block; }
.brandCon .pub-title { padding-top: 80px; margin-bottom: 60px; text-align: center; }
.brandList { float: left; width: 22.5%; margin: 1.25%; height: 156px; /*box-shadow: 0 9px 27px 1px rgba(51, 51, 51, 0.1);*/ transition: all .5s ease-in-out; border: solid 1px #fff; position: relative; }
.brandMain { margin: -1.25%; overflow: hidden; padding-bottom: 100px; }
.brandList .brandImg { display: block; width: 100%; height: 156px; line-height: 156px; font-size: 0; background-color: #f5f5f5; overflow: hidden; }
.brandList .brandImg a { display: block; width: 100%; height: 156px; background: no-repeat center; background-size: contain; }
.brandList .brandImga img { width: 100%; height: 100%; vertical-align: middle; object-fit: contain; }
.brandList span { display: block; margin: 12px 10px 0; font-size: 18px; color: #333; position: relative; transition: all .3s ease; font-weight: 400; }
.brandList:hover a { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }
.brandList:hover { border: solid 1px #eaeaea; box-shadow: none; cursor: default }
/*.brandList span:before{content:'';width: 30px;height: 8%;background-color: #AF2823;position: absolute;left: 0px;bottom: -8px;transition: all .5s ease;z-index: -1;}*/ /*.brandList:hover span:before{width: 30%;background-color: rgba(175, 40, 35, 0.78);}
.brandList:hover span{font-weight: 600;}*/
.brandsum { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(174, 38, 36, 0.85); opacity: 0; text-align: center; transition: all .5s ease-in-out; color: #fff; text-align: center; }
.brandList:hover .brandsum { opacity: 1; }
.brandsum span { display: block; margin-top: 30px; font-size: 20px; color: #fff; }
.brandsum p { display: block; width: 60%; margin: 0 auto 10px; font-size: 14px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.banner-pic { height: 700px; }
.swiper-wrapper { transition-delay: .3s; }
.swiper-container.banner-pic { width: 100%; height: 100vh; margin: 0 auto 20px auto; }
.swiper-container.banner-pic.adv-banner { height: 100vh; }
.swiper-container.banner-pic .swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s }
.swiper-container.banner-pic .swiper-slide:nth-child(2) { background: #3183ff; color: #fff; }
.swiper-container.banner-pic .swiper-slide .banner-title { margin-top: -4%; transform: translateY(-50%); opacity: 1; transition: all .4s; }
.recruit-banner.swiper-container.banner-pic .swiper-slide .banner-title { left: 40%; margin-left: -416px; }
.swiper-container.banner-pic .swiper-slide .banner-title h1 { font-size: 72px; margin-bottom: 70px; }
.swiper-container.banner-pic .swiper-slide .banner-title p { font-size: 30px; color: #fff; }
.swiper-container.banner-pic .swiper-slide h1 { display: block; font-style: normal; color: #fff; }
.swiper-container.banner-pic .swiper-slide-active .banner-title { transform: translateY(25); opacity: 1; }
.adv-flo1 { background: url(../image/advantage/roundBg.png) no-repeat right top; overflow: hidden; background-position-y: -450px; }
.adv-banner.swiper-container.banner-pic.banner-pic { margin-bottom: 0; }
.adv-banner.swiper-container.banner-pic.banner-pic .swiper-slide .banner-title { width: 73%; }
.adv-banner.swiper-container.banner-pic .swiper-slide .banner-title h1 { font-size: 60px; line-height: 90px; }
.adv-banner.swiper-container.banner-pic .swiper-slide .banner-title p { width: 60%; font-size: 16px; opacity: .5; margin: 0 auto; }
.history h2{display: block;font-size: 30px;color: #333;font-weight: 600;margin-top: 110px;}
.his .time-box{margin: 0 auto;}
.his .time-box ul{position: relative;}
.adv-his .time-box ul { height:400px}
.adv-his.his .time-box li {box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.08); }
.his .time-box ul:after{content: "";border: dashed 1px #e3e3e3;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.his .time-box li{width:180px;float: left;padding: 10px;box-sizing: border-box;height:100px;position: relative;cursor: pointer;margin-left: 1%;transition: all .4s ease-in-out;border-radius: 10px;margin-top: 62px;text-align: center;}
.adv-his.his .time-box li {box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.08); }
.his .time-box li:nth-child(2n){margin-top: 238px;}
.his .time-box li:before{content: "";border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;width: 16px;height: 16px;background: #fff;bottom: -7px;transform: rotate(-45deg);left: 50%;margin-left: -8px;transition: all .4s ease-in-out;}
.his .time-box li:after{content: "";width: 32px;height: 32px;background: url(../image/advantage/point-hover.png) no-repeat;position: absolute;left:50%;margin-left:-16px;bottom: -54px;z-index: 1;transition: all .5s ease-in-out;}
.his .time-box li:nth-child(2n):before{bottom: auto;top: -7px;transform: rotate(-225deg);}
.his .time-box li:nth-child(2n):after{bottom: auto;top:-54px;}
.his .time-box li:hover,.his .time-box li.active{background: #AF2823;color:#fff;}
.his .time-box li:hover:before,.his .time-box li.active:before{border-color: #AF2823;background: #AF2823;}
.his .time-box li:hover:after,.his .time-box li.active:after{background: url(../image/advantage/point-hover.png) no-repeat;}
.his .time-box li h3{font-size: 18px;color: #333;margin: 10px auto 0;}
.his .time-box li p{font-size: 14px;color: #666;margin: 0;}
.his .time-box li:hover h3,.his .time-box li:hover p{color: #fff;}
.summary h1{font-size: 40px;margin: 90px 0 50px;font-weight: 600;}
.summary>p{font-size: 14px;color: #333;width: 70%;line-height: 28px;}
.his .tips{margin-bottom: 135px;font-size:18px;color: #333;display:block;overflow:hidden;width:100%;padding-top:30px}
.his .tips em{font-style: normal;color: #AF2823;}
.cd-container { display: none; }
.adv-flo2 { height: 860px; background-color: #f5f5f5; }
.adv-fly { /*position: relative*/; overflow: hidden; background: url(../image/advantage/flo2.png)no-repeat right bottom; background-position-y: 370px; height: 100%; }
.adv-fly h1 { display: block; font-size: 40px; color: #333; padding: 100px 0 40px; line-height: 60px; }
.adv-fly p { display: block; font-size: 18px; color: #333; width: 40%; }
.adv-fly ul li { float: left; width: 75px; height: 75px; line-height: 75px; font-size: 0; }
.adv-fly ul li img { width: 100%; height: 100%; object-fit: scale-down; vertical-align: middle; }
.adv-fly ul li:nth-of-type(4) { margin-top: -7px; }
.adv-fly .bgImg { position: absolute; width: 1000px; height: 372px; background: url(../image/advantage/flo2.png)no-repeat center; background-size: contain; right: 0; }
.dd { animation-name: shake-chunk; animation-duration: 4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transform-style: preserve-3d; }
.adv-fly ul li:hover img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }
.pin { overflow: hidden; }
.pin .pub-title { padding-top: 98px; text-align: center; }
.pin ul li { display: block; margin-bottom: 180px; overflow: hidden; }
.pin ul li .img-b { width: 70%; }
.pin ul li .txt { width: 25%; }
.pin ul li .txt h1 { display: block; font-size: 30px; color: #212121; }
.pin ul li .txt p { display: block; font-size: 16px; color: #212121; }
.pin ul li:nth-of-type(2n-1) .txt { float: left; margin-top: 98px; }
.pin ul li:nth-of-type(2n) .txt { float: right; margin-top: 100px; }
.pin ul li:nth-of-type(2n-1) .img-b { float: right }
.pin ul li:nth-of-type(2n) .img-b { float: left; }
.pin ul li:nth-of-type(4) .txt { margin-top: 174px; }
.pin ul li:nth-of-type(4) { margin-bottom: 0; }
.pcTelegram { width: 100%; background-color: #f4f4f4; padding: 8px 0 17px 0; position: relative; margin-top: 140px; }
.con { width: 1200px; margin: 0 auto;overflow:hidden }
.footer-inner { text-align: center; }
.pcTelegram:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 424px 50px 424px; border-color: transparent transparent #f4f4f4; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); }
.pcTelegram h3.text-40 {  font-size: 30px; color: #212121; text-transform: uppercase; margin-bottom: 20px; }
.pcTelegram .buttons { background: url(images/juBg.png) no-repeat center; background-size: cover; border-radius: 4px; box-shadow: 0 4px 1px 0 #dedede; color: #fff; display: inline-block;  font-size: 18px; line-height: 40px; padding: 10px 40px; text-decoration: none; /*text-transform: uppercase;*/ transition: all 0.2s ease-in-out 0s; vertical-align: text-top; margin: 0 auto; }
.pcTelegram .buttons:hover { text-decoration: none; opacity: 0.8; }
.pcTelegram .footer-inner em { display: block; font-size: 13px;  font-style: normal; color: #212121; line-height: 50px; }
.pcTelegram .footer-inner .button { float: initial; margin: 0 auto; min-width: 292px; margin-bottom: 16px;left:50%;margin-left:-146px }
.mobile-wr { display: none; }
.recruit { position: relative; top: 0px; z-index: 2; }
.pc-job { width: 1200px; overflow: hidden; margin: 0 auto;  }
.pc-job .pub-title { padding-top: 100px; text-align: center; }
.job-warp { width: 1032px; margin: 0px auto 100px; }
.job-warp ul li { height: auto; width: 100%; border-bottom: 1px solid #e9ebed }
.job-warp li .title { height: 52px; line-height: 52px; padding: 0 40px; color: #4b4b4b; background-color: #ffffff; font-size: 14px; cursor: pointer; transition: all 0.5s; -webki t-transition: all 0.5s; }
.job-warp li .title em { font-style: normal; float: left; width: 25%; }
.job-warp li .title em i { font-style: normal; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.job-warp li .title em i.has:after { content: ''; display: block; position: absolute; top: -11px; right: -36px; z-index: 1; width: 30px; height: 31px; background: url(../image/advantage/hot.png) no-repeat center; -webkit-animation: Hot 0.3s ease alternate infinite; animation: Hot 0.3s ease alternate infinite; }
.job-warp li .title em:nth-of-type(2) { text-align: center; }
.job-warp li .title em:nth-of-type(3) { text-align: left; }
.job-warp li.on .title { background-color: #af2823; color: #fff; }
.job-warp li .title span { float: right; padding-right: 30px; background: url(image/bottom.png) right center no-repeat; }
.job-warp li.on .title span { background: url(image/top.png) right center no-repeat }
.job-warp li .warp { padding: 10px 40px 20px; background-color: #fff; display: none }
.job-warp .warp .tbl { width: 80%; margin-bottom: 25px; padding: 10px 20% 20px 0; border-bottom: 1px solid #af2823; overflow: hidden; }
.job-warp .warp .tbl p { width: 25%; float: left; font-size: 14px; color: #222; line-height: 26px; }
.job-warp .warp .tbl p span { color: #565656; padding-left: 15px; }
.job-warp .warp .cont h2 { font-size: 14px; color: #222; line-height: 30px; margin-bottom: 15px; }
.job-warp .warp .cont .cent, .job-warp .warp .cont .cent p { font-size: 14px; line-height: 28px; color: #565656 }
.job-warp .warp .btns { display: block; font-size: 14px; line-height: 20px; color: #333; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; text-transform: uppercase; margin: 39px auto 20px; }
.job-warp .warp .btns:hover { color: #222; }
.job-title { width: 1032px; margin: 0 auto; height: 50px; line-height: 50px; background-color: #f6f6f6; padding: 0 40px; }
.job-title span { float: left; overflow: hidden; width: 25%; text-align: left; font-size: 16px; color: #333; }
.job-title span:nth-of-type(2) { text-align: center; }
.job-title span:nth-of-type(3) { text-align: left; }
.job-title span:nth-of-type(4) { text-align: right; }
.win956 { width: 90%; margin: 0 auto; }
.about-title { background: no-repeat center; background-size: contain; }
.about-title h1 { display: block; font-size: 30px; line-height: 90px; text-align: center; font-weight: 600; margin: 90px auto; }
.fir-title { background-image: url(../image/About/01.png); }
.fir-title h1 { color: #333; }
.sec-title { background-image: url(../image/About/02.png); margin-top: 90px; }
.sec-title h1 { color: #333; }
.thr-title { background-image: url(../image/About/03.png); }
.thr-title h1 { color: #333; }
.for-title { background-image: url(../image/About/04.png); }
.for-title h1 { color: #333; }
.fiv-title { background-image: url(../image/About/05.png); margin-bottom: 40px; }
.fiv-title h1 { color: #333; }
.about-summary { overflow: hidden; margin-bottom: 40px }
.about-summary .about-con, .about-summary .im-b { float: left; width: 50%; }
.about-summary .im-b { float: right; }
.about-summary .about-con h1 { display: block; font-size: 26px; margin: 0 auto; }
.about-summary .about-con div { font-size: 14px; color: #666; margin-top: 40px; }
.about-summary .im-b img { float: right; }
.about { overflow: hidden; }
.about ul { overflow: hidden; margin-bottom: 100px; }
.about ul li { float: left; width: 33%; }
.about ul li img, .about ul li span { display: block; }
.about ul li img { margin: 0 auto; height: 328px; /*width: 100%; object-fit: contain;*/ }
.about ul li span { display: block; font-size: 16px; color: #333; text-align: center; }
.about-history { height: 800px; background: #f7f8fa; background-size: unset; overflow: hidden; position: relative }
.about-history:after { position: absolute; content: ''; left: 0; top: 0; width: 552px; height: 336px; background: url(image/35.jpg) no-repeat center; background-size: 68%; background-position-x: -30%; }
.about-his .time-box ul:after { content: none; }
.about-his.his .time-box li { box-shadow: initial; height: initial; padding: initial; background-color: transparent; }
.his .time-box li .pointm:before { content: ""; border-left: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; width: 16px; height: 16px; background: #fff; bottom: -7px; transform: rotate(-45deg); left: 50%; margin-left: -8px; transition: all .4s ease-in-out;opacity:0 }
.his .time-box li:after { content: ""; width: 32px; height: 32px; background: url(../image/advantage/point-hover.png) no-repeat; position: absolute; left: 50%; margin-left: -15px; bottom: -54px; z-index: 1; transition: all .5s ease-in-out; }
.about-his .time-box ul { height: initial !important; display: inline-block; overflow: initial }
.about-his .time-box li:nth-child(2n) .pointm:before { bottom: auto; top: -7px; transform: rotate(-225deg); }
.about-his .time-box li { position: absolute; background-color: #fff; top: 78% !important; margin-left: 0; z-index: 9999 }
.about-his .time-box li:before { content: none; }
/*.about-his .time-box li:after{content: none;}*/
.about-his .time-box { width: 1400px; overflow: initial }
.about-his .time-box li .pointm:before { bottom: initial; top: -7px !important; }
.about-his .time-box li .pointm {position:absolute;width:100%; opacity: 0; box-shadow: 0 9px 27px 1px rgba(51, 51, 51, 0.1); height: 100px; border-radius: 10px; padding: 10px; background-color: #fff; transition: all .4s ease-in-out;left: 50%;margin-left: -45%;}
.about-his .time-box li:after { bottom: initial; top: -54px; }
.about-his .time-box li:nth-child(2n) { margin-top: 62px; }
.about-his .time-box li:after { background-image: url(../image/about/yuan.png); left:50%;margin-left:0}
.about-his .time-box li:nth-of-type(1) { left: -2%; }
.about-his .time-box li:nth-of-type(2) { left: 19.4%; }
.about-his .time-box li:nth-of-type(3) { left: 42%; }
.about-his .time-box li:nth-of-type(4) { left: 64.4%; }
.about-his .time-box li:nth-of-type(5) { left: 86.6%; }
.his.about-his .time-box li:after { margin-left: initial }
.about-his .time-box li:hover:after, .his .time-box li.active:after { background-image: url(../image/about/yuan.png); }
.his .time-box li:hover .pointm:before, .his .time-box li.active .pointm:before { border-color: #fff; background: #fff; color: #fff; }
.about-his .time-box li:hover .pointm, .his .time-box li.active .pointm { opacity: 1; border-radius: 10px; background-color: #fff; }
.about-his .time-box li:hover .pointm:before, .his .time-box li.active .pointm:before { opacity: 1; }
.his .time-box li.active .pointm h3, .his .time-box li.active .pointm p { color: #333; margin-top: 10px; }
.about-his .time-box li h3, .about-his .time-box li p { color: #333; margin-top: 5px; }
.about-his .time-box li:hover h3, .about-his .time-box li:hover p { color: #333; margin-top: 5px; }
.about-service { overflow: hidden; padding-bottom: 100px; }
.about-service ul { margin: -5.6%; }
.about-service ul li { float: left; width: 13.8%; margin: 5.6%; cursor: pointer; }
.about-service ul li a { display: block; margin-bottom: 40px; height: 100px; width: 100%; }
.about-service ul li a img { width: 100%; height: 100%; object-fit: contain; }
.about-service ul li span { display: block; font-size: 16px; text-align: center; }
.about-service ul li:hover a img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }


.center-banner { height: 800px; background: url(../image/about/643.png) no-repeat center/cover; background-attachment: fixed; position: relative; }
.cen-til { width: 890px; height: 270px; position: absolute; top: 50%; margin-top: -135px; left: 50%; margin-left: -445px; }
.cen-til h1, .cen-til span { display: block; color: #fff; text-align: center; }
.cen-til h1 { font-size: 80px; margin-bottom: 40px; }
.cen-til span { font-size: 30px; }
.about-company { display: block; font-size: 18px; color: #AE2624; }
.about-company p { font-weight: 600; }
.industry-par, .nei-par { position: relative; position: relative; height: 800px; border-bottom: solid 1px #e0e0e0; margin-bottom: 20px; }
.nei-par { border-bottom: none; }
.industry-par a, .nei-par a { width: 50%; position: absolute; }
.industry-par a { height: 360px;}
.industry-par a:nth-of-type(1), .nei-par a:nth-of-type(1) { left: 0; transition: all .5s ease-in-out }
.industry-par a:nth-of-type(2), .nei-par a:nth-of-type(2) { right: 0; top: 360px; transition: all .5s ease-in-out }
.industry-par a span, .nei-par a span { position: absolute; width: 80%; top: 16%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; left: 105%; z-index: 88; font-size: 60px; line-height: 66px; color: #333; }
.industry-par a em, .nei-par a em { position: absolute; left: 6%; font-size: 14px; color: #AE2624; font-style: normal; top: -121px; }
.industry-par a em:before, .nei-par a em:before { position: absolute; content: ''; width: 30px; height: 1px; background-color: #333; top: -8px; left: 50%; margin-left: -28px; }
.nei-par a em { left: initial; right:-31px; margin-left: initial; margin-right: -67px; top: 62%; }
/*.nei-par a:hover span, .industry-par a:hover span { left: 45%; }*/
.nei-par a em, .nei-par a span, .industry-par a em, .industry-par a span { transition: all .5s ease-in-out; }
.nei-par a:hover:nth-of-type(1) { left: 20px; }
/*.nei-par a span { left:100%}*/
/*.industry-par a:hover:nth-of-type(1) { left:130%; }
.industry-par a:hover:nth-of-type(2) { right: 130% }*/
.m-about-company { display: none; }
.contact-banner.swiper-container.i-m-ban.banner-pic { margin-bottom: 0 }
.map { display: block; height: 786px; background: url(../image/contact/580.png) no-repeat center; position: relative; background-size: cover; }
.map-til { position: absolute; width: 50%; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); }
.map-til h1, .map-til p { color: #fff }
.sum { width: 350px; height: 250px; position: absolute; left: 60px; top: 50%; margin-top: -125.5px; }
.map-til h1 { font-size: 24px; }
.map-til p { font-size: 16px; }
.map-til .button { min-width: 120px; height: 36px; line-height: 36px; background-color: transparent; border: solid 1px #fff; transition: all .5s ease-in-out; margin-left: 0; }
.button--wapasha::before { background-color: #AE2624; color: #FFF; }
.map-til .button:hover { border-color: #AE2624; color: #FFF; }
.m-map { display: none; }
.contact-us { background-color: #f0f0f0; height: 670px; overflow: hidden; }
.left-main { float: left; width: 40%; margin-left: 8%; }
.left-main p, .left-main span { display: block; }
.left-main p { font-size: 14px; color: #666; line-height: 28px; }
.left-main span { font-size: 24px; color: #AE2624; line-height: 40px; margin-bottom: 30px; }
.contact-us ul { float: right; margin-right: 8%; }
.contact-title { display: block; font-size: 40px; color: #ae2624; margin: 97px auto 85px; text-align: center; }
.contact-us ul li { display: block; }
.contact-us ul li span, .contact-us ul p { display: block; font-size: 16px; }
.contact-us ul li span { color: #666; }
.contact-us ul p { color: #AE2624; }

.massage { overflow: hidden; padding-bottom: 130px; }
.massage ul { overflow: hidden; }
.massage ul li { width: 48%; margin-bottom: 36px; position: relative }
.massage ul li:nth-of-type(2n-1) { float: left; }
.massage ul li:nth-of-type(2n) { float: right; }
.massage ul li input { display: block; width: 99%; border-radius: 4px; padding: 0 3%; text-align: left; height: 50px; line-height: 50px; background-color: #f9f9f9; box-shadow: 0px 0px 0px 2px transparent; transition: box-shadow 0.3s; position: relative; border: solid 1px #e0e0e0; outline: none; margin-left: 3px; }
.massage ul li span { display: block; font-size: 14px; color: #333; margin-left: 10px; margin-bottom: 10px; }
.massage ul li input:focus, .massage ul li input textarea:focus { box-shadow: 0px 0px 0px 2px #eca29b; }
.massage ul li input:focus { border: none }
.massage ul li:nth-of-type(5) { width: 100%; }
.massage ul li textarea { width: 100%; height: 150px; border-radius: 4px; padding: 1% 2%; text-align: left; resize: none; outline: none; border: solid 1px #e1e1e1; line-height: 30px; color: #bdbdbd; font-size: 14px; box-shadow: 0px 0px 0px 2px transparent; background-color: #f9f9f9; }
.massage .button { float: initial; margin: 0 auto; min-width: 150px; }
.article { margin-top: 160px; }
.article > h1 { display: block; font-size: 40px; color: #333; line-height: 58px; }
.article > span { display: block; font-size: 14px; color: #666; margin-bottom: 80px; }
.article > span > a { color: #AE2624; font-style: normal; margin-left: 10px }
.main { width: 100%; padding-bottom: 60px; }
.main img { width: 100%; margin-bottom: 60px; }
.main span { display: block; width: 80%; margin: 0 auto; font-size: 14px; color: #333; line-height: 28px; }
.bot { width: 80%; margin: 0 auto 116px; border-top: solid 1px #e0e0e0; padding-top: 30px; }
.bot a { float: left; width: 40%; font-size: 14px; color: #333; transition: all .5s ease-in-out; line-height: -36px; }
.bot a:hover { color: #AE2624; }
.share-platform { float: right; width: 231px; margin-top: -40px !important; }
.share-platform .share-platform-r { width: 66% !important; }

.m-img { display: none !important; }
.p-img { display: block; }
.pc-brand { display: block }
.mobile-brand { display: none }
.recruit-banner.swiper-container.banner-pic .p-img .banner-title { margin-top: 533px; }
.recruit-banner.swiper-container.banner-pic .swiper-slide .banner-title h1 { font-size: 80px; margin-bottom: 0 }
.recruit-banner.swiper-container.banner-pic .swiper-slide .banner-title p { font-size: 100px; text-align: left }
.validate-error { position: absolute; color: #ae2624; font-size: 15px; line-height: 30px; }
.pingBg { background: no-repeat center; height: 459px; background-size: contain; border-radius: 10px; background-color: #fff; }
.swiper-container1 { position: relative; width: 997px; height: 491px; margin: 20px auto; overflow: hidden; }
.swiper-container1 { position: relative; float: right; width: 583px; height: 403px; margin: 30px auto auto !important; overflow: hidden; background: url(../image/stylebg.png) no-repeat; background-position: 50% 0; background-size: 100%; }
.swiper-container1 .swiper-slide { overflow: hidden }
.online_consult { position: fixed; width: 100px; height:auto; box-shadow: 0px 0px 19px #f3dddd; top: 50%;  right: 0; z-index: 9999 }
.online_consult ul li { width: 100px; padding-left: 20px; height: 63px; font-size: 12px; line-height: 63px; background: #fff no-repeat left center; text-align: center; transition: all .3s ease-in-out }
.online_consult ul li:nth-child(1) { width: 100%; padding-left: 0; padding-top: 12px; background: #ae2624 url(image/online.png)no-repeat center; height: 63px; font-size: 14px; color: #fff; background-position-y: 12px; }
.online_consult ul li:nth-child(2) { background-image: url(image/bi.png); background-position-x: 8px; border-bottom: solid 1px #e0e0e0 }
.online_consult ul li:nth-child(2):hover { background: #ae2624 url(image/bi1.png)no-repeat left center; background-position-x: 10px; color: #fff }
.online_consult ul li:nth-child(3) { background-image: url(image/sao.png); background-position-x: 8px }
.online_consult ul li:nth-child(3):hover { background: #ae2624 url(image/sao1.png)no-repeat left center; background-position-x: 10px; color: #fff }
.online_consult ul li:nth-child(3):after { content: ''; background: url(image/chat.png) no-repeat center; background-size: cover; display:none; width: 190px; height: 190px; position: absolute; padding-left: 0; left: -197px; top: 0; background-color: transparent; box-shadow: 0px 0px 19px #f3dddd; z-index: 999 }
.online_consult ul li:nth-child(3):hover:after { display: block }
.win-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.53); z-index: 99999; }
.b-box { position: absolute; width: 600px; height: 520px; top: 50%; margin-top: -260px; left: 50%; margin-left: -300px; background-color: #fff; z-index: 9999999; }
.b-box h1 { display: block; font-size: 20px; color: #333; margin: 40px auto 28px; text-align: center; font-weight: normal; }
.b-box input[type=text] { display: block; width: 98%; height: 46px; border: solid 1px #E0E0E0; line-height: 46px; padding: 0 10px; margin: 0 auto 27px; background-color: #fafafa; font-size: 16px; color: #999; margin-left: 1% }
.b-box input.btn { display: block; width: 87%; margin: 0 auto; font-size: 16px; color: #fff; background-color: #00487E; height: 48px; line-height: 48px; text-align: center; border: none; outline: none; padding: 0 10px; }
/*.po div { position: absolute; top: 100%; left: 6%; font-size: 14px; color: #FF0000; }*/
.b-box ul { width: 80%; margin: 6% auto 0; }
.b-box ul li { width: 100%; margin-bottom: 0 }
.b-box ul li textarea { height: 100px }
.b-box .button { margin-top: 5%; }
.b-box ul li div { position: absolute; top: -26px; left: 10px; font-size: 14px; color: #ae2624; }
.navigation__item.is-active a { color: #f81c18 !important }
.footer .nav-list li:hover a, .footer .nav-list li.on a { color: #ae2624 }
.massage ul li input { -webkit-appearance: none; }
.m-about-his { display: none }
.ad-img-ele{
    width:100%;
    height:100%;
    object-fit:cover;
}