/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif,Arial; color: #333; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.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; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .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; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; }
  .commonweb { margin: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .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; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .commonweb { max-width: 970px; } }

@media (min-width: 1260px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .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; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { max-width: 1220px; } }

/* layout */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

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

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

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

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

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

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

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

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

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

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #dde2e9; }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 0px; bottom: 20px; z-index: 50; height: 2px; width: 100%; opacity: 1 !important; }

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

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #c1c7cf; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

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

.animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

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

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

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }



/*--头部--*/
@font-face { font-family: 'TitilliumWeb'; src: url("../../fonts/TitilliumWeb-SemiBold.ttf"); }

body { font-family: "iconfont"; }

html.hidescroll { overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.clearfloat::after, ul::after { display: block; content: ""; clear: both; }

.donghua { -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.imgScale { overflow: hidden; }

.imgScale img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.imgScale:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.dot1 { width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

body, html { overflow-x: hidden; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.row { width: 1200px; margin: 0 auto; position: relative; }

.container { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1200px; margin: 0 auto; }

.hideScroll { overflow: hidden; }

.header { background: #fff; width: 100%; top: 0px; z-index: 99; padding: 0px 30px; height: 88px; }

.header .logo { display: inline-block; line-height: 88px; }

.header .logo img { max-width: 100%; }

.nav { padding: 0 20px 0 23px; z-index: 99; float: left; }

.nav ul li { position: relative; display: inline-block; padding: 0 28px; }

.nav ul li a { color: #333; font-size: 16px; line-height: 88px; }

.nav ul li:hover > a, .nav ul li.active > a { color: #10bc3d; }

.nav2 { padding: 10px 0; z-index: 999 !important; }

.nav2 a:hover { color: #fff; background-color: #10bc3d !important; }

.nav ul li .nav2 a { font-size: 14px; text-align: center; }

.nav2 a { display: block; line-height: 40px !important; padding: 0 10px; white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; }

.nav2 a:hover { background-color: rgba(0, 0, 0, 0.2); }

.nav ul li > a { position: relative; line-height: 88px; display: block; font-weight: bold;}

.pupNav { position: fixed; z-index: 991; left: 0px; right: 0px; bottom: 0px; top: 0px; overflow: hidden; display: none; }

.pupNav .pupNav_logo { position: absolute; z-index: 99; left: 20px; top: 20px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.pupNav .pupNav_logo img { height: 65px; }

.pupNav .navbtn { opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.pupNav_closeNavbtn { position: absolute; z-index: 99; right: 20px; top: 20px; }

.pupNav_closeNavbtn p span:nth-child(1) { top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pupNav_closeNavbtn p span:nth-child(2) { display: none; }

.pupNav_closeNavbtn p span:nth-child(3) { top: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pupNav_left { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 30%; overflow: hidden; }

.pupNav_right { position: absolute; left: 30%; top: 0px; bottom: 0px; width: 70%; overflow: hidden; }
.bgimg{background-position: center;background-repeat: no-repeat;background-size: cover;}
.pupNav_nav { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #333; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.pupNav_nav ul { position: absolute; left: 25%; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.pupNav_nav ul li { color: rgba(255, 255, 255, 0.3); margin-bottom: 32px; position: relative; }

.pupNav_nav ul li span { font-size: 12px; color: rgba(255, 255, 255, 0.2); margin-right: 16px; float: left; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupNav_nav ul li > a { color: rgba(255, 255, 255, 0.3); font-size: 22px; float: left; line-height: 22px; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupNav_nav ul li p { position: absolute; padding-left: 120px; left: 170px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.pupNav_nav ul li p a { color: rgba(255, 255, 255, 0.4); float: left; font-size: 14px; margin-right: 40px; }

.pupNav_nav ul li p a:hover { color: white; }

.pupNav_nav ul li p:before { content: ''; width: 90px; height: 1px; background-color: #fff; position: absolute; left: 0px; display: block; top: 50%; }

.pupNav_nav ul li:hover p { opacity: 1; filter: alpha(opacity=100); }

.pupNav_nav ul li:hover > a { color: white; }

.pupNav_nav ul li:hover > span { color: rgba(255, 255, 255, 0.4); }

.pupNav_contactbox { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 30%; overflow: hidden; }

.pupNav_contact { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0%; background-color: #fff; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.pupNav_contact .title { font-size: 16px; color: #666666; padding-bottom: 10px; }

.pupNav_contact .add { color: #333333; font-size: 14px; padding-top: 10px; }

.pupNav_contact .title2 { color: #007757; font-size: 14px; padding-top: 25px; }

.pupNav_contact .tel { color: #007757; font-size: 30px; padding-top: 8px; }

.middle { width: 240px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; text-align: center; }

.pupNav_sharebox { position: absolute; left: 0px; top: 70%; right: 0px; bottom: 0%; overflow: hidden; }

.pupNav_share { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0%; background-color: #007757; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.pupNav_share p { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; text-align: center; width: 100%; text-align: center; }

.pupNav_share p a { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; margin: 0px 20px; float: none; padding: 0px; }

.pupNav_share p a.wx { background-image: url(../images/icon1.png); }

.pupNav_share p a.in { background-image: url(../images/icon2.png); }

.pupNav_share p a.wb { background-image: url(../images/icon3.png); }

.Admission .pupNav_nav { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.Admission .pupNav_contact { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.Admission .pupNav_share { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.Admission .pupNav_logo { display: block; opacity: 1; }

.Admission .navbtn { display: block; opacity: 1; }

.Leave .pupNav_nav { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.Leave .pupNav_contact { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.Leave .pupNav_share { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.Leave .pupNav_logo { display: none; }

.Leave .navbtn { display: none; }

.search { cursor: pointer; position: relative; padding: 0 23px; float: left; height: 88px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.searchIov { position: absolute; top: 88px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 150px; line-height: 45px; background-color: #fff; z-index: 999; display: none; }

#search-form { -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 100%; z-index: 99; right: 0; width: 300px; overflow: hidden; background: #ffffff; max-height: 0; }

#search-form fieldset { position: relative; padding: 0; border: none; z-index: 9; width: 100%; }

#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

#search-form #search-clear { display: none !important; }

input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button { opacity: 0 !important; }

#search-form input { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px; }

#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #ffffff; background: url(../images/search.png) no-repeat center #10bc3d; border: none; cursor: pointer; z-index: 11; }

.navbtn { width: 16px; height: 24px; position: relative; cursor: pointer; margin-top: 37px; text-align: right; float: left; }

.navbtn span { display: block; height: 2px; background: #333; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; right: 0; }

.navbtn span:nth-child(2) { top: 8px; width: 10px; }

.navbtn span:nth-child(3) { top: 16px; }

.navbtn.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.navbtn.active span:nth-child(2) { display: none; }

.navbtn.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

.navbtn p { border: 1px solid #fff; }

.navbtn p span { background-color: #fff; }

.navbtnclose p { -webkit-border-radius: 100%; border-radius: 100%; width: 36px; height: 36px; position: relative; cursor: pointer; }

.navbtnclose p span { position: absolute; top: 12px; width: 36px; height: 1px; left: 0; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff; }

.navbtnclose p span:nth-child(2) { top: 17px; }

.navbtnclose p span:nth-child(3) { top: 22px; }

.navbtnclose p span:nth-child(1) { top: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.navbtnclose p span:nth-child(2) { display: none; }

.navbtnclose p span:nth-child(3) { top: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*--右侧悬浮--*/
.le-box { width: 70px; height: auto; position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; border: 1px solid #f4f3ef; z-index: 999; }

.le-box .t { width: 70px; height: 70px; border-bottom: 1px solid #f4f3ef; position: relative; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.le-box .t:last-child { border: none; }

.le-box .t .i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.le-box .t .iove { display: none; }

.le-box .t .iov { width: 100px; height: auto; position: absolute; bottom: 0; right: 100%; background: #fff; padding: 10px 5px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; border: 1px solid #f4f3ef; -webkit-box-shadow: 0 5px 10px #999; box-shadow: 0 5px 10px #999; }

.le-box .t .iov::before { content: ""; border: 6px solid transparent; border-left-color: #fff; position: absolute; bottom: 15px; right: -12px; }

.le-box .t .iov .img { width: 80px; height: 80px; overflow: hidden; }

.le-box .t .iov .img img { width: 100%; }

.le-box .t .iov .h { font-size: 12px; color: #282828; text-align: center; line-height: 18px; }

.le-box .t:hover { background: #973f10; }

.le-box .t:hover .sow { display: none; }

.le-box .t:hover .iove { display: block; }

.le-box .t:hover .iov { display: block; }

/*--banner--*/
.banner { overflow: hidden; position: relative; width: 100%; }

.bannerImg { width: 100%; }

.banner img { display: block; width: 100%; }

.banner .swiper-button-prev, .banner .swiper-button-next { width: 56px; height: 56px; background: rgba(0, 0, 0, 0.5) url(../images/jiant1.png) no-repeat center center; top: 360px; left: auto; }

.banner .swiper-button-prev { left: 225px; }

.banner .swiper-button-next { right: 225px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home1 { padding: 70px 0 80px; background-color: #fff; }

.home1 .swiper-container { padding: 0 21.35%; overflow: auto !important; }

.home1 .swiper-container::-webkit-scrollbar { display: none; }

.home1 .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s; transition: all 0.5s; }

.home1Img { width: 55%; }

.home1Img img { width: 100%; }

.home1 .swiper-slide-active .home1Text { width: 45%; opacity: 1; }

.home1Text { padding-top: 70px; padding-left: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; width: 0; opacity: 0; }

.home1Text h2, .home1Text h1, .home1TextTit h3, .homeTextMore a, .home1Text p { overflow: hidden; white-space: nowrap; }

.home1TextTit { position: relative; }

.home1TextTit h1 { font-size: 150px; line-height: 0.85; color: rgba(0, 0, 0, 0.09); margin-left: -122px; position: relative; letter-spacing: -10px; }

.home1TextTit h1::before { content: ""; width: 240px; height: 2px; background-color: #03bc3a; position: absolute; left: -45px; bottom: 0; }

.home1TextTit h3 { font-size: 36px; color: #333; line-height: 1; position: absolute; bottom: 15px; left: 0; }

.home1Text p { font-size: 28px; color: #005bac; margin-top: 25px; }

.home1 .homeTextMore { margin-top: 40px; }

.homeTextMore a { display: block; width: 110px; line-height: 35px; text-align: center; border: 1px solid #d9d9d9; font-size: 14px; color: #444; }

.homeTextMore a img { margin-left: 10px; width: 5px; height: 9px; }

.home1 .swiper-slide .home1Img { -webkit-transition: all .5s; transition: all .5s; position: relative; left: 0; top: 0; z-index: -1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.homeTextMore a:hover { background-color: #10bc3d; border-color: #10bc3d; color: #fff; }

.swiper-slide.swiper-slide-prev .home1Img { position: relative; left: 45%; top: 0; }

.home1SwiperControl { width: 440px; height: 50px; position: absolute; right: 415px; bottom: 85px; }

.home1 .swiper-button-prev, .home1 .swiper-button-next { width: 50px; height: 50px; background: #10bc3d url(../images/jiant2.png) no-repeat center center; top: auto; left: auto; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; }

.home1 .swiper-button-prev { left: 0; }

.home1 .swiper-button-next { left: 60px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.jianimg2 { display: none; }

.homeTextMore a:hover .jianimg1 { display: none; }

.homeTextMore a:hover .jianimg2 { display: inline-block; }

.home1 .swiper-button-prev.swiper-button-disabled, .home1 .swiper-button-next.swiper-button-disabled { background: #444 url(../images/jiant2.png) no-repeat center center; opacity: 1; }

.home1 .swiper-pagination { position: absolute; right: 0; top: 0; }

.swiper-pagination { width: 45px; position: relative; }

.swiper-pagination::before { content: ""; width: 30px; height: 2px; background: #e5e5e5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.swiper-pagination-bullet { background: none; font-size: 16px; display: block; }

.paginationNum { text-align: left; color: #444; }

.paginationNum:last-child { text-align: right; color: #88a689; }

.home2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }

.home2Left { width: 31%; background: url(../images/bj1.jpg) no-repeat; padding: 165px 31px 0 270px; background-size: cover; height: 780px; }

.home2 .title { text-align: left; }

.title { text-align: center; }

.title h3 { font-size: 36px; color: #333; line-height: 1; }

.title p { font-size: 20px; color: #fff; margin-top: 15px; }

.home2Left .title h3 { color: #fff; }

.home2TabBar { margin-top: 35px; white-space: nowrap; overflow-x: auto; }

.home2TabBar .tabTerm { font-size: 16px; color: #008dca; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin-top: 5px; }

.home2TabBar .tabTerm.active { color: #fff; padding-left: 25px; }

.home2TabBar .tabTerm::before { content: ""; width: 16px; height: 8px; background: url(../images/jiant4.png) no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; }

.home2TabBar .tabTerm.active::before { opacity: 1; }

.home2 .homeTextMore { margin-top: 35px; }

.home2 .homeTextMore a { color: #fff; border-color: rgba(255, 255, 255, 0.15); }

.home2Right { width: 69%; }

.home2TabCont { position: relative; width: 100%; height: 100%; }

.home2TabCont .tabItem { position: absolute; top: 0; left: 0; display: none; width: 100%; }

.home2TabCont .tabItem.active { position: static; display: block; }

.home2tabItemImg { width: 100%; height: 780px; }

.home2tabItemImg img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.home2tabItemText { width: 72.6%; position: absolute; left: 0; bottom: 0; height: 118px; background: rgba(0, 0, 0, 0.5); z-index: 20;}

.home2tabItemText .t { line-height: 118px; font-size: 30px; color: #fff; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home2 .swiper-button-prev, .home2 .swiper-button-next { z-index: 100;width: 60px; height: 60px; background: #10bc3d url(../images/jiant2.png) no-repeat center center; top: auto; left: auto; bottom: 0; }

.home2 .swiper-button-prev { right: 360px; }

.home2 .swiper-button-next { right: 300px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home2 .swiper-button-prev.swiper-button-disabled, .home2 .swiper-button-next.swiper-button-disabled { background: #fff url(../images/jiant6.png) no-repeat center center; opacity: 1; }

.home3 { background: #fff; padding-top: 75px; overflow: hidden; }

.home3Con { width: 100%; background: url(../images/bj2.jpg) no-repeat; background-size: cover; padding: 0 11.7%; font-size: 0; margin-top: 30px; }

.home3ConBox { display: inline-block; width: 20%; padding: 105px 25px 135px; border-left: 1px solid #58676d; vertical-align: top; }

.home3ConBox:first-child { border: none; }

.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #10bc3d; }

.home3ConBox .num { font-size: 18px; color: #fff; padding-bottom: 5px; display: inline-block; border-bottom: 4px solid #1687fd; }

.home3ConBox h5 { padding-right: 47px; font-size: 24px; color: #fff; margin-top: 15px; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.home3ConBoxImg { margin-top: 85px; width: 100%; overflow: hidden; }

.home3ConBoxImg img { max-width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home3ConBoxImg:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home4 { padding: 90px 0; }

.home4 .swiper-container { padding: 0 15.105%; margin-top: 90px; overflow: auto !important; }

.home4 .swiper-container::-webkit-scrollbar { display: none; }

.home4 .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.home4 .swiper-slide-active .home4Text { display: block; }

.home4Img { width: 54.5%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.home4Img img { width: 100%; }

.home4Text { padding: 90px 0 0 75px; display: none; }

.home4Text p { font-size: 24px; color: #666; line-height: 60px; white-space: nowrap; }

.home4 .swiper-button-next, .home4 .swiper-button-prev { width: 60px; height: 60px; background: #10bc3d url(../images/jiant2.png) no-repeat center center; }

.home4 .swiper-button-prev { left: 15.105%; }

.home4 .swiper-button-next { right: 15.105%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.home4 .swiper-slide-active .home4Img { left: 10%; }

.home4Img { -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; left: 0; top: 0; z-index: -1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.home4 { overflow: hidden; }

.home4 .swiper-slide.swiper-slide-next .home4Img { left: 0 !important; }

.home4 .swiper-container { position: relative; }

.qingquan_home4Text { position: absolute; top: 0; right: 20%; z-index: 20; height: 100%; width: 15%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.qingquan_home4Text a { display: block; font-size: 24px; margin: 15px 0; }

.qingquan_home4Text a:hover { color: #10bc3d; }

.home4 .swiper-slide-prev .home4Img { left: 40%; }

.home4 .homeTextMore { width: 100%; margin-top: 54px; }

.home4 .homeTextMore a { margin: 0 auto; }

.home5 { width: 100%; background: url(../images/bj3.jpg) no-repeat; background-size: cover; padding:100px 0 285px; font-size: 0; overflow: hidden; }

.home6 { overflow: hidden; margin-top: -185px; }

.home5Box:nth-child(2) { width: 44%; position: relative; }

.home5Box:nth-child(2)::before { content: ""; width: 1px; height: 200px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.home5Box:nth-child(2)::after { content: ""; width: 1px; height: 200px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.home5Box { width: 28%; display: inline-block; text-align: center; }

.home5BoxImg { width: 100%; }

.home5BoxImg img { max-width: 100%; margin: 0 auto; }

.home5BoxText { margin-top: 20px; color: #fff; }

.home5BoxText .num { font-size: 80px; line-height: 1; }

.home5BoxText p { margin-top: 10px; font-size: 18px; line-height: 28px; }

.home6Row { width: 1325px; margin: 0 auto; padding: 110px 60px 40px; background: #fff; }

.home6Row .title p { color: #005bac; }

.home6Con { margin-top: 35px; font-size: 0; }

.home6ConLeft { width: 50%; padding-right: 10px; display: inline-block; vertical-align: top; }

.home6ConLeft a { display: block; }

.home6ConLeftImg { width: 100%; overflow: hidden; }

.home6ConLeftImg img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6ConLeftText { padding: 40px 20px; position: relative; }

.home6ConLeftText h5 { font-size: 20px; color: #444; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6ConLeftText p { font-size: 14px; color: #a7a7a7; display: -webkit-box; height: 66px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; }

.home6ConLeftText .data { font-size: 18px; color: #005bac; margin-top: 40px; }

.home6ConLeftText .More { width: 110px; line-height: 35px; text-align: center; border: 1px solid #d9d9d9; font-size: 14px; color: #444; position: absolute; bottom: 40px; right: 0; }

.home6ConLeftText .More img { display: inline-block; margin-left: 10px; }

.home6ConLeft:hover .home6ConLeftImg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home6ConLeft:hover .home6ConLeftText h5 { color: #005bac; }

.home6ConRight { width: 50%; display: inline-block; }

.home6ConRightBox { width: 50%; padding: 0 10px; display: inline-block; margin-bottom: 36px; }

.home6ConRightBoxImg { width: 100%; overflow: hidden; }

.home6ConRightBoxImg img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home6ConRightBoxText { padding: 40px 20px 45px; border-bottom: 1px solid #f4f4f4; }

.home6ConRightBoxText h5 { font-size: 20px; color: #444; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.home6ConRightBoxText .data { font-size: 18px; color: #005bac; margin-top: 20px; float: left; }

.home6ConRightBoxText .More { font-size: 14px; color: #444; float: right; margin-top: 20px; }

.home6ConRightBoxText .More img { margin-left: 10px; display: inline-block; }

.home6ConRightBox:hover .home6ConRightBoxImg img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home6ConRightBox:last-child .home6ConRightBoxText { border: none; }

.home6ConRightBox:nth-last-child(2) .home6ConRightBoxText { border: none; }

.case_tukulist{margin-top: 25px;display: flex;flex-wrap: wrap;}
.case_tukulist .item{margin-right:30px;width: calc(50% - 15px);margin-bottom: 30px;}
.case_tukulist .item:nth-child(2n){margin-right: 0;}

/*--底部--*/
.footer { background-color: #333333; padding: 80px 0 35px; }

.footerNav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.footerNavLi .tit a { font-size: 14px; color: #fff; padding-bottom: 10px; }

.footerNavLi a { font-size: 14px; color: #7a7a7a; line-height: 28px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerNavLi a:hover { color: #fff; }

.footerNavLi p { font-size: 14px; color: #7a7a7a; line-height: 28px; }

.footerNavLi p span { letter-spacing: 29px; }

.footerCon { margin-top:20px; padding-top:30px;border-top:1px solid rgba(255, 255, 255, 0.1); padding-bottom: 30px; border-bottom: 1px solid #4b4b4b; }

.footerLogo { width: 90px; overflow: hidden; }

.footerLogo img { width: 100%; }

.footerIconBox { display: inline-block; position: relative; cursor: pointer; margin: 0 5px; }

.footerIconBoxImg { width: 25px; height: 30px; }

.footerIconBoxImg img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.footerIconBoxImg .iov { display: none; }

.footerIconBoxIov { width: 100px; height: 100px; background-color: #fff; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 120%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.footerIconBoxIov img { width: 100%; }

.footerIconBox:hover .footerIconBoxIov { display: block; }

.footerIconBox:hover .footerIconBoxImg .iov { display: block; }

.footerIconBox:hover .footerIconBoxImg .sow { display: none; }

.footerBottom { padding-top: 25px; }

.footerBottomLeft a { display: inline-block; padding: 0 4px; font-size: 14px; color: #9d9d9d; border-left: 1px solid #9d9d9d; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerBottomLeft a:first-child { border: none; }

.footerBottomLeft a:hover { color: #fff; }

.footerBottomRight a { display: block; font-size: 14px; color: #9d9d9d; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerBottomRight a:hover { color: #fff; }

.sort_banner { height: 350px; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; }

.sort_banner::after { opacity: 0; display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); }

.sort_content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }

.sort_content { color: #fff; text-align: center; }

.sort_content h2 { font-size: 36px; line-height: 40px; }

.sort_content p { font-size: 36px; line-height: 50px; }

.sort_nav { height: 80px; background: url(../images/nav_bg.jpg) center right no-repeat; background-size: cover; }

.sort_navswiper .swiper-slide { width: auto; }

.sort_navswiper .swiper-slide a { display: block; position: relative; color: #fff; font-size: 18px; line-height: 80px; margin-right: 30px; }

.sort_navswiper .swiper-slide:last-child a { margin-right: 0; }

.sort_navswiper .swiper-slide a::after { position: absolute; top: 0; display: block; content: ""; width: 0; height: 3px; -webkit-transition: all 0.4s; transition: all 0.4s; background: #77e911; left: 50%; }

.sort_navswiper .swiper-slide.active a::after, .sort_navswiper .swiper-slide:hover a::after { width: 100%; margin-left: -50%; }

.tong_title { text-align: center; margin-top: 50px; }

.tong_title .title_en { font-family: 'TitilliumWeb'; font-size: 100px; line-height: 75px; text-transform: uppercase; color: #f9f9f9; }

.tong_title h2 { font-size: 36px; margin-top: -35px; }

.tong_title .xian { width: 48px; height: 2px; background: #000; margin-top: 20px; margin-left: auto; margin-right: auto; }

.tong_desc { font-size: 16px; line-height: 30px; color: #777777; text-align: center; margin-top: 40px; }

.business_swiper { margin-top: 85px; margin-bottom: 120px; }

.business_text { padding: 35px 50px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin-left: auto; margin-right: auto; margin-top: -66px; position: relative; z-index: 2; background: #fff; }

.business_text .bus_left { width: 50%; }

.business_text .bus_left h2 { font-weight: 600; padding-left: 20%; }

.business_text .bus_right { width: 50%; font-size: 16px; line-height: 26px; }

.swiper_btn { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; background: #fff; }

.swiper_btn:hover { background: #0fbc3e; }

.swiper_btn:hover i { color: #fff; }

.swiper_btn i { font-size: 26px; }

.bus_btnleft { position: absolute; left: 0; top: 40%; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.bus_btnright { position: absolute; right: 0; top: 40%; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.mobile_subnav { display: none; background-color: #fff; border-bottom: 1px solid #e6e2e2; position: relative; }

.mobile_subnav .channel_title { line-height: 50px; color: #4d5c63; position: relative; text-align: center; font-size: 16px; }

.channel_title:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -15px -3px 10px; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }

.mobile_subzi ul li { display: block; width: 100%; text-align: center; line-height: 42px; }

.mobile_subzi ul li.cur a { background-color: #0fbc3e; color: #fff; }

.mobile_subzi ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; padding-left: 20px; padding-right: 20px; color: #828282; }

.subnav_left .active > a { color: #0fbc3e !important; }

.mobile_subzi { display: none; position: absolute; width: 100%; top: 51px; z-index: 10; left: 0; background-color: #fff; padding-bottom: 0; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size: 0; }

.case_list { margin-top: 50px; }

.case_list li { margin-bottom: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li a { background: #fafafa; -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.case_list li .imgbox { width: 28.3333%; }

.case_list li .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.case_list li .case_text { width: 71.6777%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; }

.case_list li .case_text h2 { font-size: 24px; line-height: 30px; }

.case_list li:hover .imgbox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.more_btn { -webkit-transition: all 0.4s; transition: all 0.4s; width: 240px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #1d778f; text-align: center; line-height: 60px; color: #1d778f; cursor: pointer; margin-left: auto; margin-right: auto; margin-top: 60px; }

.case_main { padding-bottom: 160px; }

.more_btn:hover { background: #1d778f; color: #fff; }

.casedetails_main { padding-top: 50px; padding-bottom: 100px; }

.details_top .title { text-align: center; font-size: 36px; line-height: 40px; }

.details_top .date { font-size: 18px; text-align: center; margin-top: 20px; }

.details_content { border-top: 5px solid #1db470; margin-top: 30px;padding-top: 30px; }

.details_content ul li { padding: 20px 0; border-bottom: 1px solid #d7d8d9; }

.details_content ul li h2 { font-size: 20px; margin-bottom: 14px; }

.details_content ul li p { font-size: 14px; line-height: 24px; color: #777777; }



.details_video { margin-top: 25px; }

.deta_video { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); position: relative; margin-right: 20px; }

.deta_video .videoimg img { width: 100%; }

.deta_video .videoimg::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }

.play_btn { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(29, 180, 112, 0.5); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.popupVideobg { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; }

.popupVideoBox { position: absolute; width: 100%; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popupVideo { padding: 0px 20px; max-width: 1200px; margin: 0px auto; position: relative; }

.popupVideo i { position: absolute; top: -28px; right: 20px; width: 20px; height: 20px; display: block; background: url(../images/close.png) no-repeat; cursor: pointer; }

.popupVideo video { display: block; width: 100%; }

.popupVideo iframe { width: 100%; height: 400px; }

.deta_swiper { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }

.deta_swiper img { width: 100%; }

.engineering_tit { text-align: center; font-weight: 600; font-size: 32px; line-height: 40px; margin-bottom: 20px; }

.engineering_list { padding: 90px 0; background: #f7f7f7; }

.engineering_swiper .swiper-slide { -webkit-transition: all 0.4s; transition: all 0.4s; }

.engineering_list .engineering_desc { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4e6e3; border-top: none; padding: 26px; }

.engineering_desc h2 { font-size: 18px; line-height: 26px; font-weight: 600; margin-bottom: 15px; }

.engineering_desc p { font-size: 14px; color: #828282; line-height: 26px; }

.engineering_swiper .swiper-slide:hover .engineering_desc { background: #1db470; color: #fff !important; }

.engineering_swiper .swiper-slide:hover .engineering_desc p { color: #fff; }

.engineering_btnleft { position: absolute; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); left: -100px; border: 1px solid #dad7d7; }

.engineering_btnright { position: absolute; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); right: -100px; border: 1px solid #dad7d7; }

.engineering_list .container { position: relative; }

.details_content { overflow: hidden; }

.eng-pagination { display: none; text-align: center; margin-top: 30px; }

.eng-pagination span { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d8d4d4; display: inline-block; margin: 0 4px; }

.eng-pagination .swiper-pagination-bullet-active { background-color: #1db470; }

.product_nav { font-size: 0; text-align: center; margin-top: 50px; }

.product_nav a { display: inline-block; font-size: 20px; width: 280px; height: 60px; text-align: center; border: 2px solid #e5e5e5; line-height: 60px; margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product_nav a:last-child { margin-right: 0; }

.product_main .tong_desc { font-size: 18px; }

.product_nav a.active, .product_nav a:hover { border-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, right top, from(#04adec), to(#05b174)); background: linear-gradient(to right, #04adec, #05b174); color: #fff; border-left: none; border-right: none; }

.product_list { margin-top: 66px; }

.product_list .product_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f5f5f5; min-height: 540px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.product_list .product_item:nth-child(odd) .product_left { padding-left: -webkit-calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); padding-right: 120px; }

.product_list .product_item:nth-child(even) .product_left { padding-right: -webkit-calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); padding-left: 120px; }

.product_list .product_left { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; }

.product_list .product_right { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product_item .product_left h2 { font-size: 30px; margin-bottom: 55px; }

.product_item .product_left h2 span { font-size: 28px; color: #00acec; margin-right: 30px; }

.product_item .product_left ul{max-height: 300px;overflow-y: auto;}
.product_item .product_left ul::-webkit-scrollbar { width: 4px; }
.product_item .product_left ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: #10bc3d; }
.product_item .product_left ul::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; background: #e0eaf5; }

.product_item .product_left ul li { margin-bottom: 2px; }

.product_item .product_left ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 48px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #eaebed; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 16px; line-height: 24px; color: #282828; padding: 0 25px; }

.product_item .product_left ul li a:hover { background: -webkit-gradient(linear, left top, right top, from(#04adec), to(#05b174)); background: linear-gradient(to right, #04adec, #05b174); color: #fff; }

.product_list .product_item .imgbox { display: none; padding: 0 15px; }

.product_list .product_right .bgimg { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.product_more { margin-top: 70px; display: block; }

.product_more span, .product_more i { display: inline-block; vertical-align: text-top; }

.product_more i { margin-left: 16px; color: #27b7ef; }

.product_more:hover { color: #27b7ef; }

.product_details { margin-top: 100px; margin-bottom: 80px; }

.product_details .title { text-align: center; font-size: 32px; line-height: 40px; }

.product_details .pro_deta_cont { text-align: center; font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; padding-bottom: 55px; border-bottom: 2px solid #68bf62; }

.product_advantage { background: #f8f8f8; }

.product_advantage .left { padding: 50px 0; }

.product_advantage .left h2 { font-size: 20px; color: #0f6e8d; margin-bottom: 30px; }

.product_advantage .left .text { font-size: 16px; color: #666666; line-height: 24px; }

.advantage_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.advantage_box .right { width: 50%; }

.advantage_box .left { width: 50%; padding-right: 30px; }

.classic_case { margin-top: 80px; margin-bottom: 130px; }

.classic_case .title { font-size: 20px; color: #0f6e8d; margin-bottom: 36px; }

.classic_case_list .item { float: left; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }

.classic_case_list .item:nth-child(2n) { margin-right: 0; }

.classic_case_list .item .img_title { text-align: center; font-size: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 35px 15px; background: #f8f8f8; }

.classic_case_list .item .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.classic_case_list .item:hover .imgbox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.classic_case_list .item:hover .img_title { color: #fff; background: #1db470; }

.back_list { display: block; width: 200px; height: 60px; text-align: center; line-height: 60px; margin: 60px auto 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #dedede; }

.back_list:hover { border-color: #1db470; background: #1db470; color: #fff; }

.main_box { overflow: hidden; }

.qingquan_nav { font-size: 0; border-bottom: 1px solid #f3f3f3; margin-top: 45px; margin-bottom: 35px; }

.qingquan_nav a { position: relative; display: inline-block; font-size: 18px; padding-bottom: 16px; margin-right: 35px; font-weight: 600; }

.qingquan_nav a:last-child { margin-right: 0; }

.qingquan_nav a::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #035fac; opacity: 0; }

.qingquan_nav a.active, .qingquan_nav a:hover { color: #035fac; }

.qingquan_nav a.active::after, .qingquan_nav a:hover::after { opacity: 1; }

.qingquan_model { padding-bottom: 130px; }

.qingquan_list .item { margin-right: 20px; width: -webkit-calc(33.3333% - (40px / 3)); width: calc(33.3333% - (40px / 3)); margin-bottom: 40px; float: left; -webkit-transition: all 0.4s; transition: all 0.4s;border: 1px solid #eeeeee; }

.qingquan_list .item:nth-child(3n) { margin-right: 0; }

.qingquan_list .item .img_desc { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 25px 65px 25px; }

.qingquan_list .item .img_desc h2 { font-size: 18px; color: #035fac; margin-bottom: 10px; font-weight: bold; }

.qingquan_list .item .img_desc p { color: #777777; line-height: 24px; }

.qingquan_list .item:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); }

.qingquan_model .more_btn { margin-top: 0; }

.qingquan_details { margin-bottom: 60px; }

.qingquan_advantage .text { line-height: 28px !important; }



.qingquan_advantage .advantage_box .left { padding-right: 70px; }

.sb_title { font-size: 20px; color: #0f6e8d; }

.product_characteristic { padding-top: 95px;padding-bottom: 40px;}
.qingquan_list{display: flex;flex-wrap: wrap;}
.characteristic_list { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.characteristic_list .item { margin-bottom: 20px; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; padding: 26px 40px; cursor: pointer; }

.characteristic_list .item:nth-child(2n) { margin-right: 0; }

.characteristic_list .item h2 { font-size: 20px; font-weight: 600; margin-bottom: 6px; }

.characteristic_list .item p { font-size: 16px; line-height: 24px; color: #888888; }

.characteristic_list .item:hover { -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); }

.product_application { padding: 75px 0; background: #e6e9ee; }

.application_list { margin-top: 30px; }

.application_list .item { height: 100px; background: #fff; float: left; margin-right: 12px; width: -webkit-calc(25% - (36px / 4)); width: calc(25% - (36px / 4)); margin-bottom: 15px; font-size: 16px; line-height: 26px; padding: 0 25px; color: #888888; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.application_list .item:nth-child(4n) { margin-right: 0; }

.application_list .item:hover { background: #1db470; color: #fff; }



.development_main .tong_title .title_en { font-size: 80px; }

.development_row01 { margin-top: 40px; }

.development_row01 .left { width: 456px; }

.development_row01 .left p { font-size: 18px; line-height: 30px; padding-right: 70px; color: #888888; }

.development_row01 .right { width: 744px; }

.development_row01 .right .imgScale { width: 49%; }

.development_row01 .right .imgScale:first-child { margin-right: 2%; }

.development_row01 .left h2 { font-size: 80px; color: #f5f5f5; text-transform: uppercase; padding-left: 30px; }

.development_row02 .development_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 60px 0; border-bottom: 1px dotted #a8acaf; }

.development_row02 .development_item .develop_img { width: 340px; }

.development_row02 .development_item .develop_text { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); padding-left: 75px; }

.development_row02 .development_item .develop_text h2 { font-size: 36px; margin-bottom: 24px; }

.development_row02 .development_item .develop_text p { font-size: 18px; color: #888888; line-height: 30px; }

.development_row02 .development_item:last-child { border-bottom: none; }

.cooperation_main { background: url(../images/hezuo_bg.jpg) no-repeat; background-size: cover; padding-top: 110px; padding-bottom: 100px; }

.cooperation_main .tong_title { margin-top: 0 !important; }

.cooperation_main .tong_title h2 { color: #fff; }

.cooperation_main .tong_title .title_en { color: rgba(255, 255, 255, 0.1); }

.cooperation_main .tong_title .xian { background: #fff; }

.cooperation_text { color: #fff; font-size: 16px; line-height: 24px; margin-top: 50px; }

.kehu_main { margin-top: -55px; }

.kehu_main .imgbox { -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1); }

.hezuo_swiper { padding-bottom: 50px; }

.research_swiper { margin-top: 36px; margin-bottom: 110px; }

.research_box { position: relative; }

.research_swiper .imgbox { margin-bottom: 26px; -webkit-box-shadow: 0 5px 16px rgba(127, 155, 185, 0.5); box-shadow: 0 5px 16px rgba(127, 155, 185, 0.5); }

.research_swiper .text h2 { font-size: 24px; line-height: 30px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.research_box .swiper_btn { top: 22%; }
img{max-width: 100%;}
.development_history {padding: 90px 0;}
.development_history .tong_title{margin-top: 0 !important;}
.development_history .tong_title .title_en{color: rgba(255, 255, 255, 0.2);}
.development_history .tong_title{color: #fff;}
.development_history .tong_title .xian{background:#fff;}
.development_content{margin-top: 60px;}
.year_line{text-align: center;display: flex;justify-content: center;margin-top: 30px;}
.yearimgbox{position: relative;}
.year_line img{display: block;margin: 0 auto;}
.year_line ul li{position: absolute;cursor: pointer;}
.year_line ul li .year{font-size: 20px;margin-bottom: 10px;color: #fff;line-height: 1;transition: all 0.4s;}
.year_line ul li .year_btn{width: 25px;height: 25px;background: url(../images/year_time.png) center no-repeat;    margin: 0 auto;transition: all 0.4s;}
.year_line ul li.active .year_btn{width: 30px;height: 30px;background: url(../images/year_active.png) center no-repeat;    margin-bottom: -5px;}
.year_line ul li.active .year{font-size: 22px;}
.year_line ul .yearItem1{left: -48px; bottom: -9px;}
.year_line ul .yearItem2{left: 73px; bottom: 18px;}
.year_line ul .yearItem3{left: 190px; bottom: 54px;}
.year_line ul .yearItem4{left: 312px; bottom: 78px;}
.year_line ul .yearItem5{left: 430px; bottom: 132px;}
.year_line ul .yearItem6{left: 551px; bottom: 163px;}
.year_line ul .yearItem7{left: 673px; bottom: 203px;}
.year_line ul .yearItem8{left: 794px; bottom: 247px;}


@-moz-keyframes rotate {
  0% {
      -moz-transform: rotate(0deg);
  }
  100% {
      -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
      -webkit-transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
.develop_neirong{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 1000px;max-width: 100%;margin:0 auto;}
.develop_content{position: relative;padding:15px;width: 75%;max-width: 100%;}
.frame {width: 30px;height: 30px;position: absolute;}
.frame img{display: block;}
.frame_top_left {top: 0px;left: 0px;}
.frame_top_right {top: 0px;right: 0px;}
.frame_bottom_left {left: 0px;bottom: 0px;}
.frame_bottom_right {right: 0px;bottom: 0px;}
.hide_li_scroll{width: 100%;overflow-y: auto;max-height: 330px;background: rgba(255, 255, 255, 0.1);padding: 30px;font-size: 16px;color: #fff;line-height: 28px;}
.hide_li_scroll .item{display: none;}
.hide_li_scroll .item.active{display: block;}
.hide_li_scroll .item p{position: relative;padding-left: 20px;margin-bottom: 15px;}
.hide_li_scroll .item p::after{display: block;content: "";position: absolute;top:8px;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #fff;}
.develop_showYear{width: 160px;height: 160px;position: relative;}
.product_backbox{padding-bottom: 60px;}
.develop_showYear .develop_year{
  -moz-animation: rotate 10s infinite linear;
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
}
.develop_showYear .develop_year img{width: 100%;height: 100%;}
.develop_showYear .develop_year_line{position: absolute;left:-84px;top: 50%;transform: translateY(-50%);}
.develop_showYear .p_name{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 16px;}
.staff_main{padding-bottom: 100px;}
.hezuo_kehu{padding-top: 10px;padding-bottom: 80px;}
.customers_list{display: flex;flex-wrap: wrap;margin-top: 40px;}
.customers_list .item{margin-top: -1px;position: relative;width: 20%;display: flex;align-items: center;justify-content: center;height: 160px;border: 1px solid #dadada;border-right: none;}
.customers_list .item:nth-child(5n),.customers_list .item:last-child{border-right: 1px solid #dadada;}
.customers_list .item .kehu_img,.customers_list .item .hover_img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.customers_list .item .kehu_img img,.customers_list .item .hover_img img{max-height:80%;max-width: 80%;}
.customers_list .item .hoverbox{display: flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.4s;align-items: center;justify-content: center;border: 2px solid #37bbb8;border-radius: 20px;opacity: 0;z-index:-1;background: #fff;box-shadow: 0 4px 6px rgba(55, 187, 184,0.4);}
.customers_list .item:hover .hoverbox{opacity: 1;left: -10px;right: -10px;bottom: 10px;top: -10px;z-index: 10;}


.win_img { text-align: center; margin-top: 80px; }

.win_img img { max-width: 100%; }

.win_nav { text-align: center; margin-top: 35px; margin-bottom: 70px; }

.win_nav p { display: inline-block; font-size: 18px; margin-right: 70px; cursor: pointer; }

.win_nav p:last-child { margin-right: 0; }

.win_nav p.active { color: #005bac; }

.win_tiaojian h2 { font-size: 20px; text-align: center; margin-bottom: 35px; }

.win_tiaojianbox { padding-top: 30px; padding-bottom: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }

.win_tiaojianbox .win_tiaojian_item p { font-size: 14px; line-height: 24px; margin: 8px 0; color: #828080; }

.win_tiaojian_item { display: none; }

.win_tiaojianbox .win_tiaojian_item:first-child { display: block; }

.win_person .person_icon { text-align: center; }

.win_person p { text-align: center; font-size: 20px; font-weight: 600; margin-top: 30px; }

.win_person h2 { text-align: center; font-size: 28px; color: #e99b1f; font-weight: 600; }

.win_person { padding-top: 80px;padding-bottom: 0 !important;}

.win_form { padding: 80px 0; }

.win_form h2 { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #dedede; text-align: center; }

.form_title { font-size: 18px; text-align: center; margin-top: 40px; margin-bottom: 70px; }

.win_formcont { width: 835px; margin: 0 auto; }

.input_div { border-bottom: 1px solid #dedede; padding: 8px 0; margin-top: 30px; position: relative; }

.input_div span i { color: #db2d2d; margin-right: 5px; }

.input_div span { font-size: 16px; display: inline-block; text-align: center; width: 95px; margin-right: 20px; vertical-align: middle; }

.input_div input { display: inline-block; vertical-align: middle; font-size: 16px; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); }

.yanzhenma_img { position: absolute; bottom: 0; right: 0; }

.yanzhenma_img img { height: 50px; }

.tijiao_btn { width: 200px; height: 50px; text-align: center; border: none; background-image: -webkit-gradient(linear, left top, right top, from(#08649c), to(#18787c)); background-image: linear-gradient(to right, #08649c, #18787c); color: #fff; font-size: 18px; letter-spacing: 2px; margin: 60px auto 0 auto; }

.win_form { text-align: center; }

.staff_list { margin-top: 50px; margin-bottom: 100px; }

.staff_list .staff_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

.staff_list .staff_item .staff_swiper { width: 50%; }

.staff_list .staff_item .staff_text { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 60px; padding-right: 60px; background: #fafafa; }

.staff_list .staff_item .staff_text h2 { font-size: 30px; margin-top: 60px; margin-bottom: 50px; }

.staff_list .staff_item .staff_text p { font-size: 14px; line-height: 24px; }

.staff_left { left: 0 !important; z-index: 99; background: rgba(3, 188, 58, 0.4); border: none !important; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.staff_right { right: 0 !important; z-index: 99; background: rgba(3, 188, 58, 0.4); border: none !important; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.staff_left i, .staff_right i { color: #fff; }

.staff_list .staff_item:nth-child(2n) .staff_text { text-align: right; }

.mobile_staff { display: none; }

.news_nav a { background-color: #f8f8f8; }

.news_list { margin-top: 75px; margin-bottom: 140px; }

.news_one a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.news_one .imgbox { width: 50%; float: left; }

.news_one .news_desc { width: 50%; float: left; padding: 0 40px; background-color: #fafafa; }

.news_one .news_desc { position: relative; }

.news_one .news_desc .news_date { font-size: 18px; color: #117089; margin-bottom: 15px; margin-top: 40px; }

.news_one .news_desc h2 { font-size: 24px; color: #117089; line-height: 32px; margin-bottom: 35px; }

.news_one .news_desc .news_text { font-size: 13px; color: #117089; line-height: 20px; color: #33333b; }

.news-pagination span { width: 6px; height: 6px; background-color: #e7e5e1; margin-right: 6px; display: inline-block; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.news-pagination span:last-child { margin-right: 0; }

.news-pagination { position: absolute; left: 40px; bottom: 30px; }

.news-pagination .swiper-pagination-bullet-active { background-color: #117089; width: 20px; }

.news_two { margin-top: 20px; }

.news_two .news_item { background-color: #fafafa; margin-bottom: 10px; }

.news_two .news_item a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 30px; }

.news_two .news_item .left { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); }

.news_two .news_item .right { width: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.news_two .news_item h2 { font-size: 20px; line-height: 30px; }

.news_two .news_item .desc { font-size: 13px; line-height: 20px; color: rgba(51, 51, 59, 0.6); margin-top: 15px; margin-bottom: 20px; }

.news_two .news_item .date { font-size: 18px; color: #117089; }

.news_two .news_item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.news_two .news_item:hover h2 { color: #117089; }

.policy_onenew .imgbox { width: 68.33%; }

.policy_onenew .news_desc { width: 31.67%; }

.policy_onenew h2 { margin-top: 70px; margin-bottom: 0 !important; }

.policy_onenew .news_desc .news_date { margin-top: 26px; }

.new_details { margin-top: 30px; margin-bottom: 100px; }

.new_details .new_details_title { padding: 35px; border-bottom: 1px solid #dddddd; border-top: 2px solid #57c072; }

.new_details .new_details_title .newde_tit { font-size: 24px; line-height: 30px; color: #117089; }

.new_details .new_details_title .newde_time { font-size: 20px; color: #117089; }

.new_details_cont { padding: 20px 0; }

.new_details_cont p { line-height: 24px; font-size: 14px;}

.newprev { border-top: 2px solid #333; border-bottom: 1px solid #dddddd; }

.newprevnext .newprevnext_item { padding: 25px 35px; }

.newprevnext .newprevnext_item .newleft { width: -webkit-calc(100% - 95px); width: calc(100% - 95px); }

.newprevnext .newprevnext_item .newright { color: #999999; font-size: 16px; width: 90px; }

.newprevnext .newprevnext_item .newleft p { display: inline-block; }

.newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 75px; }

.newprevnext .newprevnext_item .newleft { font-size: 16px; }

.newprevnext .newprevnext_item .newleft:hover { color: #117089; }

.newnext { border-bottom: 2px solid #333; }

.newtext_icon i { font-size: 12px; }

.new_details_cont img { max-width: 100%; }

.invite_linian { background-color: #f4f7f9; margin: 60px 0; }

.invite_left h2 { font-size: 20px; color: #0f6e8d; }

.invite_left { width: 50%; padding-right: 50px; margin-top: 40px; margin-bottom: 50px; }

.invite_right { width: 50%; }

.invite_ln p { font-size: 14px; line-height: 20px; margin-top: 20px; }

.invite_ln p span:first-child { display: inline-block; width: 70px; }

.invite_ln p span:last-child { display: inline-block; width: -webkit-calc(100% - 75px); width: calc(100% - 75px); vertical-align: top; color: #6d7379; }

.invite_left > h4 { font-size: 16px; }

.invite_left > p { font-size: 14px; color: #6d7379; margin-top: 5px;line-height: 26px; }

.recruit_ul { margin-bottom: 80px; }

.recruit_ul .item { margin-bottom: 10px; }

.recruit_ul .recruit_biaoti { cursor: pointer; height: 60px; line-height: 60px; background: #fafafa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; }

.recruit_ul .recruit_biaoti p { font-size: 18px; }

.recruit_ul .recruit_biaoti i { font-size: 35px; color: #cbcbcb; position: absolute; top: 2px; right: 35px; -webkit-transition: all 0.4s; transition: all 0.4s; }

.recruit_content { background: #f2f2f2; padding: 30px 50px 60px 50px; }

.recruit_attr { font-size: 16px; color: #696969; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }

.recruit_attr li { float: left; width: 25%; margin-bottom: 10px; }

.recruit_attr li .yellow { color: #f57c13; }

.recruit_text h2 { font-size: 18px; margin-bottom: 5px; margin-top: 20px; }

.recruit_text p { font-size: 16px; color: #888888; line-height: 30px; }

.send_email { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 155px; height: 40px; line-height: 40px; background: #04b16e; margin-top: 45px; color: #fff; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.recruit_content { display: none; }

.recruit_ul .recruit_biaoti.active, .recruit_ul .recruit_biaoti:hover { background: #04b16e; color: #fff; }

.recruit_ul .recruit_biaoti.active i { color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.recruit_ul .recruit_biaoti:hover i { color: #fff; }

.contact_main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 50px; }

.contact_phone { width: 50%; background: #fcfcfc; padding: 60px 0; padding-left: -webkit-calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }

.contact_map { width: 50%; }

.contact_phone ul li { margin-bottom: 15px; }

.contact_phone ul li h2 { font-size: 16px; font-weight: 600; margin-bottom: 3px; }

.contact_phone ul li p { font-size: 16px; color: #929292; }

.erweima_box { padding: 6px; border: 1px solid #ebebeb; display: inline-block; margin-top: 5px; }

.erweima_box img { width: 100px; height: 100px; }

.BMapLabel { text-align: center; border: none !important; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.BMapLabel::after { display: block; content: ""; position: absolute; bottom: -6px; left: -webkit-calc(50% - 7px); left: calc(50% - 7px); width: 15px; height: 15px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.about_boxdesc { margin-top: 30px; }

.about_spirit { position: relative; }

.about_spirit .about_left { width: 52.08%; }
.about_spirit .about_left .imgbox{position: relative;}
.about_spirit .about_left .video_play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.video_play i{color: #39a43f;font-size: 50px;cursor: pointer;}

.PopupVideoBox { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }

.PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 920px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; }

.PopupVideo video { width: 100%; }

.PopupVideo iframe { width: 100%; height: 460px; }

.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.about_spirit .about_right { width: 53.3333%; background-color: #39a43f; padding-top: 100px; position: absolute; top: 50px; right: 0; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 45px; padding-right: 45px; line-height: 35px; padding-bottom: 90px; }

.about_spirit .about_right h2 { color: rgba(255, 255, 255, 0.2); font-size: 36px; text-transform: uppercase; }

.about_shown { position: absolute; top: 0; right: 0; }

.about_shown { width: 0; height: 0; border-bottom: 50px solid rgba(0, 0, 0, 0.15); border-left: 65px solid transparent; }

.about_left { position: relative; }

.about_spirit .about_right h3 { color: #fff; font-size: 24px; }

.about_jianjie p { font-size: 22px; line-height: 30px; color: #fff; margin-top: 30px; }

.about_logo { position: absolute; top: 60px; right: 30px; z-index: -1; }

.about_square { position: absolute; z-index: -1; right: 30px; bottom: 0; }

.about_square .square01 { width: 86px; height: 86px; background-color: #06ae6b; position: absolute; bottom: 0; right: 0; }

.about_square .square02 { width: 55px; height: 55px; background-color: #00b3f0; position: absolute; right: 65px; bottom: -22px; }

.mobile_xian { display: none; }

.sw-pagination { margin-top: 20px; text-align: center; display: none; }

.sw-pagination span { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.2); display: inline-block; margin: 0 4px; }
.honnor_pagination{margin-top: 10px;}
.honnor_pagination  span{background: rgba(255, 255, 255, 0.8);width: 5px;
  height: 5px;}
.sw-pagination .swiper-pagination-bullet-active { background: #359e3b; }

.about_numbox { text-align: center; font-size: 0; margin-top: 95px; margin-bottom: 50px; }

.about_numbox .item { display: inline-block; font-size: 16px; color: rgba(0, 0, 0, 0.6); margin-right: 100px; }

.about_numbox .item .counter { font-size: 44px; color: #359e3b; margin: 0 4px; }

.about_numbox .item:last-child { margin-right: 0; }

.about_sunmany p { font-size: 18px; color: #777777; line-height: 32px; }

.about_mission { margin: 100px 0; }

.about_mission .icon_box { cursor: pointer; margin: 0 auto; width: 150px; height: 150px; background-color: #fafafa; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.about_mission .icon_box img { max-width: 80%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.about_mission .swiper-slide { text-align: center; }

.about_mission .swiper-slide h2 { font-size: 20px; font-weight: 600; margin-top: 15px; }

.about_mission .swiper-slide p { font-size: 16px; color: #6d7f88; line-height: 22px; margin-top: 4px; }

.mission_btn { z-index: 99; width: 55px; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #e0e0e0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.mission_btn i { font-size: 20px; }

.mission_btn:hover { background-color: #359e3b; border-color: #359e3b; }

.mission_btn:hover i { color: #fff; }

.mission_left { left: 0; }

.mission_right { right: 0; }

.about_mission .icon_box:hover { border: 2px solid #359e3b; }

.about_mission .icon_box:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.about_lingyu { background: url(../images/lingyu.jpg) no-repeat; background-size: cover; padding: 80px 0; }

.title_one { text-align: center; color: #fff; font-size: 30px; margin-bottom: 40px; }

.yw_lingyu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.yw_lingyu .item { background-color: #328ee3; -webkit-border-radius: 5px; border-radius: 5px; padding: 30px 0; margin-right: 10px; width: -webkit-calc((100% / 8)); width: calc((100% / 8)); cursor: pointer; }

.yw_lingyu .item p { margin-top: 25px; font-size: 18px; line-height: 24px; color: #fff; text-align: center; }

.yw_lingyu .item:last-child { margin-right: 0; }

.yw_lingyu .item .iconbox { margin: 0 auto; height: 35%; text-align: center; }

.yw_lingyu .item .iconbox img { height: 100%; }

.yw_lingyu .item:hover { background-color: #04b170; }

.service_swiper { display: -ms-grid; display: grid; }

.lingyu_linetwo { margin-top: 70px; }

.service_swiper a { overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; display: block; height: 100%; background-color: #328ee3; }

.service_swiper a p { padding: 16px; color: #fff; font-size: 18px; color: rgba(255, 255, 255, 0.8); line-height: 24px; }

.service_swiper a:hover { background-color: #04b170; }

.service_box { position: relative; }

.service_left { left: -100px; top: 50%; }

.service_right { right: -100px; top: 50%; }

.service_left i, .service_right i { color: #fff; }

.history_swiper { padding: 200px 0; }

.history_content { margin-top: 50px; margin-bottom: 100px; }

.history_swiper .circle_box { margin: 0 auto; width: 100px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; border: 1px dashed #cfcfcf; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.history_swiper .circle_box span { font-size: 26px; }

.history_textbox { background-color: #f5f5f5; border: 2px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 136px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.history_textbox h2 { font-size: 24px; }

.history_xian { height: 36px; border-left: 2px dashed #dedede; width: 2px; margin: 0 auto; position: relative; }

.history_xian::after { display: block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; position: absolute; bottom: -3px; left: -4px; }

.history_xian::before { display: block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; position: absolute; top: -3px; left: -4px; }

.hide_opacity { opacity: 0; }

.history_swiper .swiper-slide:nth-child(odd) .history_text { position: absolute; left: 0; right: 0; }

.history_swiper .swiper-slide:nth-child(even) .history_text { position: absolute; left: 0; right: 0; bottom: 100px; }

.history_wenzi h4 { font-size: 18px; }

.history_wenzi { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; text-align: center; }

.history_wenzi p { font-size: 14px; line-height: 20px; margin-top: 5px; }

.history_swiper_xian { position: absolute; top: 50%; left: 0; right: 0; height: 2px; border-top: 2px dashed #dedede; }

.history_swiper_xian::before { display: block; content: ""; position: absolute; top: -4px; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; }

.history_swiper_xian::after { display: block; content: ""; position: absolute; top: -4px; right: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; }

.history_list { position: relative; }

.history_left { left: -90px; top: 50%; }

.history_right { right: -90px; top: 50%; }

.main_box { overflow: hidden; }

.honor_main { background-position: center;background-repeat: no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 130px; }
/* .honnor_swiper{display: flex;flex-wrap: wrap;} */
/* .honnor_swiper .swiper-slide{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
.honnor_swiper .swiper-slide:nth-child(4n){margin-right: 0;} */
.honner_desc{text-align: center;margin-top: 30px;font-size: 16px;color: #fff;}
.honor_main .tong_title { margin-top: 0 !important; }

.honor_main .tong_title h2 { color: #fff; }

.honor_main .tong_title .title_en { color: rgba(255, 255, 255, 0.1); }

.honnor_box { margin-top: 30px; position: relative; }
.honnor_box .honnor_swiper{display: none;}
.honnor_box .honnor_swiper:first-child{display: block;}

.overflow_box { overflow: hidden; }

.whitebox i { color: #fff; }

.search_container { padding: 60px 0; }

.searchtitle401 { margin-bottom: 30px; font-size: 24px; padding: 28px 15px; background-color: #f2f2f2; }

.searchinputcont401 input, .searchinputcont401 button { border: none; }

.searchinputcont401 { width: 45%; margin: 0 auto; }

.searchinputcont401 dt { float: left; width: 78%; }

.searchinputcont401 dd { float: left; width: 22%; }

.searchinputcont401 dt input { font-size: 16px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }

.noimgbox { width: 100% !important; }

.searchinputcont401 dd input { font-size: 16px; font-weight: bold; }

.searchinputcont401 dd input { margin-top: 0; }

.searchinputcont401 dd input { -webkit-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #399d38; text-align: center; font-family: "Microsoft YaHei"; }

.clearfloat::after { display: block; content: ""; clear: both; }

.search_list .item { padding: 18px 0; border-bottom: 1px solid #eee; }

.search_list .item h2 { margin-bottom: 20px; }

.search_list .item h2 a { font-size: 20px; margin-bottom: 20px; color: #333; }

.search_list .item h2 a br { display: none; }

.searchimg401 { float: left; margin-right: 30px; display: block; width: 200px; overflow: hidden; }

.search_list .item img { display: block; width: 100%; margin-bottom: 2%; }

.search_list .item img { width: 100%; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.searchbox { float: left; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); }

.resultlabel401 { color: #999; display: inline-block; padding-top: 20px; }

.resultlabel401 a { color: #333 !important; }

.search_list .item:first-child { border-top: 1px solid #eee; }

/* 总经理致辞 */
.about_zhici{padding: 90px 0;    background: #fcfcfc;}
.about_zhici .abZhici_title{text-align: center;font-size: 32px;line-height: 1;margin-bottom: 50px;width: 68%;}
.abZhici_content{display: flex;flex-wrap: wrap;align-items: center;}
.abZhici_content .abZhici{width: 60%;padding-right: 50px;position: relative;padding-top: 20px;}
.abZhici_content .abZhici::before{display: block;content: "“";position: absolute;top: -30px;left: -15px;line-height: 1;font-size: 100px;color: #eee;}
.abZhici_content .abZhici::after{display: block;content: "”";position: absolute;bottom: -15px;right: 30px;line-height: 1;font-size: 100px;color: #eee;}
.abZhici_content .abZhici img{float: right;margin-top: 60px;width: 100px;}
.abZhici_content .abZhici_img{width: 40%;margin-top: -90px;}
.abZhici_content .abZhici{line-height: 30px;font-size: 16px;}
.abZhici_content .abZhici p{text-indent: 34px;}

/*--友情链接--*/

.footlinkbox { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0px; margin-top:30px;}

.footlinkbox h3 { color: #dcdcdc; font-size: 16px; font-weight: 700; position: relative; }

.footlinkbox h3:after { content: ''; width: 20px; height: 2px; background-color: #10bc3d; display: block; margin-top: 15px; }

.footlinkbox h3 span { cursor: pointer; font-weight: normal; right: 0px; top: 0px; display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #dcdcdc; border: 1px solid #dcdcdc; position: absolute; }

.footlink { font-size: 13px; padding-top: 20px; display: none; }

.footlink a { color: rgba(255, 255, 255, 0.6); font-size: 13px; margin-right: 19px; display: inline-block; margin-top: 5px; }

.footlink a:hover { color: rgba(255, 255, 255, 1); }


@media (max-width: 1325px) { .home6Row { padding: 50px 20px; }
  .home6Row, .home6 { margin-top: 0; } }

@media (max-width: 1441px) { .home1SwiperControl { width: 265px; right: 255px; }
  .home1TextTit h1 { font-size: 100px; margin-left: -92px; }
  .home1TextTit h3 { font-size: 30px; bottom: 5px; }
  .home1Text p { font-size: 20px; margin-top: 20px; }
  .home2Left { padding: 100px 30px 0 55px; height: auto; }
  .home2tabItemImg { width: 100%; height: auto; }
  .home2tabItemImg img { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; position: static; }
  .home2 .swiper-button-prev { right: 272px; }
  .home2 .swiper-button-next { right: 212px; }
  .home3ConBox { padding: 100px 15px; }
  .home3ConBox h5 { padding-right: 0; font-size: 20px; }
  .home4Text { padding: 50px 0 0 30px; }
  .home4Text p { font-size: 20px; line-height: 50px; }

  .engineering_btnleft { left: -70px; }
  .engineering_btnright { right: -70px; }
  .product_item .product_left h2 { font-size: 26px; }
  .product_item .product_left h2 span { font-size: 26px; margin-right: 15px; }
  .product_item .product_left h2 { margin-bottom: 30px; }
  .product_list .product_item:nth-child(odd) .product_left { padding-right: 50px; }
  .product_list .product_item:nth-child(even) .product_left { padding-left: 50px; } }

@media (max-width: 1366px) { .home3Con { padding: 0 15px; }
  .home4Img { width: 60%; }
  .home4Text { width: 50%; }
  .qingquan_home4Text a { font-size: 20px; }
  .qingquan_home4Text { right: 22%; width: auto; } }

@media (min-width: 1220px) { .head_navlist ul li.active > a::after, .head_navlist ul li:hover > a::after { width: 100%; margin-left: -50%; }
  .head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #10bc3d; content: ""; display: block; left: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; } }

@media (max-width: 1220px) { .home1TextTit h1 { font-size: 70px; }
  .home1TextTit h3 { font-size: 24px; }
  .home1SwiperControl { bottom: 0; }
  .about_shown { display: none; }
  .service_left { left: -15px; }
  .service_right { right: -15px; }
  .history_left, .history_right, .service_left, .service_right { display: none; }
  .contact_phone { padding: 30px 15px; }
  .new_details .new_details_title { padding: 20px 0; }
  .new_details .new_details_title .newde_tit { font-size: 20px; }
  .new_details .new_details_title .newde_tit { float: none; }
  .new_details .new_details_title .newde_time { font-size: 16px; width: 100%; float: none; }
  .characteristic_list .item { padding: 15px; }
  .characteristic_list .item h2 { font-size: 16px; }
  .qingquan_advantage .advantage_box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .container, .row { width: auto !important; margin: 0 15px; }
  .nav ul li { padding: 0 20px; }
  .search { padding-left: 0; }
  .home6Row { width: 100%; }
  .banner .swiper-button-prev, .banner .swiper-button-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .banner .swiper-button-next { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .home2Left { padding: 50px 20px; }
  .title h3 { font-size: 32px; }
  .title p { font-size: 16px; margin-top: 10px; }
  .home2TabBar { margin-top: 20px; }
  .home2tabItemText .t { font-size: 26px; }
  .home2 .swiper-button-prev, .home2 .swiper-button-next { width: 50px; height: 50px; }
  .home2 .swiper-button-next { right: 21.4%; }
  .home2 .swiper-button-prev { right: 27.5%; }
  .home3Con { padding: 0 15px; }
  .home5 { padding: 100px 0; }
  .home6Row { margin-top: 0; }
  .home5BoxText .num { font-size: 60px; }
  .home5BoxText p { font-size: 16px; line-height: 24px; }
  .home6Row { padding: 50px 20px; }
  .engineering_btnleft { display: none; }
  .engineering_btnright { display: none; }
  .eng-pagination { display: block; text-align: center; }
  .product_list .product_item:nth-child(odd) .product_left { padding-left: 15px; padding-right: 15px; }
  .product_list .product_item:nth-child(even) .product_left { padding-left: 15px; padding-right: 15px; }
  .development_row01 .left { width: 100%; }
  .development_row01 .left p { padding-right: 0; }
  .development_row01 .right { width: 100%; }
  .development_row02 .development_item .develop_text h2 { font-size: 26px; }
  .development_row02 .development_item .develop_text p { font-size: 16px; line-height: 26px; }
  .news_one .news_desc h2 { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
  .about_jianjie p { font-size: 18px; }
  .about_spirit .about_right { padding-bottom: 50px; }
  .about_sunmany p { font-size: 16px; } }

@media (min-width: 992px) { .nav ul li i { display: none; }
  .case_list li:hover a { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  .nav2 { width: 200px; position: absolute; top: 100%; left: 50%; background-color: #fff;z-index: 99; -webkit-transform:translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px);
    pointer-events: none;opacity: 0;
  } 
  .head_navlist li .nav2 { -webkit-transition: all 0.3s; transition: all 0.3s; } 
  .head_navlist li:hover .nav2{ pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}

@media (max-width: 992px) { .nav ul li i { float: right; }
.product_list .product_item:last-child{margin-bottom: 20px;}
  .home4 .swiper-container { margin-top: 30px; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { top: 85%; }
  .home4 .swiper-button-next { right: 15px; }
  .home4 .swiper-button-prev { left: 15px; }
  .qingquan_home4Text { width: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .home4 .homeTextMore { margin-top: 30px; }
  .home4 .swiper-container { padding: 0 15px !important; }
  .home1 .swiper-slide .home1Img, .home4Img { position: static !important; }
  .qingquan_home4Text { position: static !important; }
  .home4Img { width: 100% !important; }
  .home3ConBox { padding: 60px 15px; }
  .home1 .swiper-container { padding: 0 15px; }
  .home1Text { opacity: 1 !important; }
  .mission_btn { display: none; }
  .sw-pagination { display: block; }
  .about_mission { margin: 60px 0; }
  .about_mission .icon_box { width: 100px; height: 100px; }
  .about_mission .icon_box img { max-width: 50%; }
  .about_mission .swiper-slide h2 { font-size: 18px; }
  .yw_lingyu .item { width: 23%; margin-bottom: 10px; }
  .yw_lingyu .item:nth-child(4n) { margin-right: 0; }
  .yw_lingyu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_spirit .about_right { padding-top: 50px; padding-left: 30px; padding-right: 30px; }
  .contact_main { display: block; }
  .contact_phone, .contact_map { width: 100%; }
  .contact_map { height: 400px; }
  .invite_left { width: 100%; }
  .invite_right { width: 100%; }
  .recruit_attr li { width: 33.3333%; }
  .news_one .news_desc .news_date { margin-top: 18px; }
  .news_two .news_item h2 { font-size: 18px; }
  .news_two .news_item .desc { margin-top: 10px; margin-bottom: 15px; }
  .news_two .news_item .date { font-size: 16px; }
  .win_formcont { width: 100%; }
  .development_main .tong_title .title_en { font-size: 50px; }
  .development_row01 .left h2 { font-size: 50px; padding-left: 0; }
  .product_advantage .left .text i { display: none; }
  .product_details .title { font-size: 26px; line-height: 30px; }
  .product_item .product_left ul li a { font-size: 14px; line-height: 22px; min-height: 55px; }
  .product_main .tong_desc { font-size: 14px; }
  .qingquan_nav a { font-size: 16px; margin-right: 15px; }
  .qingquan_nav { overflow-x: auto; white-space: nowrap; overflow-y: hidden; }
  .product_list .product_item .imgbox { display: block; }
  .product_list .product_left { padding-top: 30px; padding-bottom: 30px; }
  .product_item .product_left h2 { font-size: 22px; }
  .product_item .product_left h2 span { font-size: 22px; }
  .product_item .product_left h2 { margin-bottom: 15px; }
  .product_nav { margin-top: 30px; }
  .product_nav a { width: 200px; height: 50px; line-height: 50px; font-size: 16px; margin-bottom: 15px; }
  .details_top .title { font-size: 26px; line-height: 35px; }
  .nav ul li { padding: 0; }
  .nav ul li a { width: 70% !important; padding-left: 0 !important; }
  .nav ul li .nav2 a { width: 100% !important; text-align: left; }
  .nav2 { display: none; }
  .nav ul li .nav2 a { padding-left: 15px !important; line-height: 30px !important; }
  .title h3 { font-size: 28px; }
  .nav { position: absolute; top: 80px; left: 0; width: 100%; height: 100vh; background: #fff; display: none; }
  .nav ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #eae8e8; }
  .nav ul li i { width: 30%; height: 50px; display: inline-block; vertical-align: top; position: relative; }
  .nav ul li i.active::before { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
  .nav ul li i::before { background-position: center !important; }
  .nav ul li i::before { content: ""; background: url(../images/jiant6.png) no-repeat; position: absolute; top: 16px; right: 15px; width: 9px; height: 17px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
  .nav ul li a { line-height: 50px; padding-left: 20px; display: inline-block; width: 50%; }
  .nav ul li .nav2 a { font-size: 14px; }
  .nav2 { position: static; }
  .nav2 a { padding-left: 35px !important; }
  .le-box { display: none; }
  .banner .swiper-button-next { right: 50px; }
  .banner .swiper-button-prev { left: 50px; }
  .home1 { padding: 50px 0; }
  .home1SwiperControl { right: 20px; }
  .home2 { display: block; }
  .home2Left { width: 100%; }
  .home2TabBar { overflow: auto; }
  .home2TabBar .tabTerm { display: inline-block; padding: 0 30px; }
  .home2Right { width: 100%; }
  .home2 .swiper-button-next { right: 22.4%; }
  .home3 { padding-top: 50px; }
  .home3Con { overflow-x: auto; white-space: nowrap; padding: 0 15px; }
  .home3ConBox { width: 250px; }
  .home3ConBoxImg { margin-top: 30px; }
  .home4 { padding: 50px 0; }
  .home4Img { width: 65%; }
  .home4Text { width: 35%; }
  .home5BoxText .num { font-size: 40px; }
  .home6ConLeft { width: 100%; padding-right: 0; }
  .home6ConRight { width: 100%; }
  .footerNav { display: block; }
  .footerNavLi .tit a { padding: 5px 0; }
  .footerNavLi a { padding: 0 10px; }
  .footerNavLi p { padding-left: 10px; }
  .footerCon { margin-top: 20px; }
  .footerNavLi { border-bottom: 1px solid #666666; }
  .footerNavLiCont { display: none; }
  .tong_title .title_en { font-size: 70px; }
  .tong_desc { font-size: 14px; margin-top: 15px; line-height: 24px; }
  .tong_title h2 { font-size: 30px; }
  .business_swiper { margin: 50px 0; }
  .business_text .bus_left h2 { padding-left: 0; font-size: 16px; }
  .business_text .bus_right { font-size: 14px; line-height: 24px; }
  .business_text { padding: 20px 15px; }
  .sort_navswiper .swiper-slide a { font-size: 16px; }
  .product_list .product_item { display: block; }
  .product_list .product_item .product_left { width: 100%; }
  .product_list .product_item .product_right { width: 100%; }
  .product_list .product_right .bgimg { background: none; display: none; }
  .product_list .product_right .bgimg .imgbox { display: block; }
  .product_list .product_item { min-height: initial; }
  .qingquan_list .item .img_desc p br { display: none; }
  .qingquan_list .item .img_desc { padding: 15px; }
  .qingquan_list .item .img_desc h2 { font-size: 16px; }
  .staff_list .staff_item .staff_text { padding: 0 30px; }
  .staff_list .staff_item .staff_text h2 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } }

@media (max-width: 1024px) { .policy_onenew .imgbox { width: 100%; }
  .policy_onenew a { display: block; }
  .policy_onenew .news_desc { width: 100%; }
  .policy_onenew .news-pagination { position: static !important; margin-bottom: 15px; }
  .policy_onenew .news_desc h2 { margin-top: 20px; } 
  .honor_main{padding-bottom: 80px;}

}

@media (max-width: 768px) { .search { height: 60px; position: static;}
.honner_desc{margin-top: 15px;}
.honnor_swiper .swiper-slide{width: calc(50% - 10px);margin-right: 20px;}
.honnor_swiper .swiper-slide:nth-child(2n){margin-right: 0;}
.customers_list .item {
  width: 33.3333%;
  border-right: none !important;
}
.hezuo_kehu{padding-bottom: 40px;}
.customers_list{margin-top: 20px;}
.customers_list .item:nth-child(3n) {
  width: 33.3333%;
  border-right: 1px solid #dadada !important;
}
.customers_list .item:last-child {
  border-right: 1px solid #dadada !important;
}
.year_line img,.develop_showYear .develop_year_line{display: none;}
.year_line{margin-top: 30px;}
.year_line ul{display: flex;flex-wrap: wrap;}
.year_line ul li{position: static;margin-right: 20px;}
.year_line ul li .year_btn{width: 35px;height: 35px;}
.year_line ul li .year{font-size: 18px !important;}
.development_history{padding: 40px 0;}
  .history_textbox h2 { font-size: 18px; }
  .history_wenzi h4 { font-size: 16px; }
  .yw_lingyu .item p { font-size: 16px; }
  .honor_main { padding-top: 40px; padding-bottom: 40px; }
  .honnor_box { margin-top: 30px; }
  .history_content { margin-bottom: 0; }
  .title_one { font-size: 24px; margin-bottom: 20px; }
  .lingyu_linetwo { margin-top: 30px; }
  .about_lingyu { padding: 40px 0; }
  .about_spirit .about_left { width: 100%; }
  .about_spirit .about_right { width: 100%; position: relative; top: 0; padding-left: 15px; padding-right: 15px; }
  .about_spirit .about_right h3 { font-size: 22px; }
  .about_spirit .about_right h2 { font-size: 30px; }
  .about_jianjie p { font-size: 16px; line-height: 26px; margin-top: 15px; }
  .contact_main { margin-top: 30px; }
  .about_numbox { margin-top: 40px; margin-bottom: 30px; }
  .contact_phone { padding: 15px; }
  .policy_onenew h2 { margin-top: 0 !important; margin-bottom: 10px !important; }
  .news_one a { display: block; }
  .news_one .news_desc .news_date { margin-top: 0; }
  .news_one .news_desc { padding: 15px; }
  .news_one .news_desc h2 br { display: none; }
  .news-pagination { position: static !important; }
  .news_two .news_item a { padding: 15px; }
  .news_one .imgbox { width: 100%; }
  .news_two .news_item .right { display: none; }
  .news_two .news_item .left { width: 100%; }
  .news_one .news_desc { width: 100%; }
  .qingquan_model { padding-bottom: 40px; }
  .qingquan_list .item { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px !important; }
  .qingquan_list .item:nth-child(2n) { margin-right: 0 !important; }
  .product_item .product_left h2 { font-size: 18px; }
  .product_item .product_left h2 span { font-size: 18px; margin-right: 10px; }
  .product_list { margin-top: 30px; }
  .sort_banner { height: 260px; }
  .sort_nav { display: none; }
  .mobile_subnav { display: block; }
  .news_list { margin-top: 30px; margin-bottom: 40px; }
  .news_two { margin-top: 10px; }
  .sort_content h2, .sort_content p { font-size: 24px; line-height: 35px; }
  .header { height: 60px; padding: 0 15px; }
  .header .logo { line-height: 60px; width: 100px; }
  .nav { top: 60px; }
  .navbtn { margin-top: 23px; }
  .search { line-height: 60px; vertical-align: top; }
  .nav { padding: 15px; }
  .home1 .swiper-slide { display: block; }
  .home1Img { width: 100%; height: auto; max-height: 725px; }
  .home1TextTit h1 { margin-left: 0; }
  .home1Text { padding: 30px 0 0 20px; }
  .home2 .swiper-button-next { right: 0; }
  .home2 .swiper-button-prev { right: 50px; }
  .home2tabItemText { height: 80px; }
  .home2tabItemText .t { line-height: 80px; font-size: 22px; }
  .home4Text { padding: 20px; }
  .home4Text p { font-size: 16px; line-height: 40px; }
  .home4 .swiper-container { margin-top: 30px; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { width: 50px; height: 50px; }
  .home4Text { display: block; }
  .home4 .swiper-slide-prev .home4Img { position: static; }
  .home5 { padding: 0; }
  .home6Row { padding-bottom: 0; }
  .home5Box { width: 100%; padding: 20px 0; }
  .home5Box:nth-child(2) { width: 100%; }
  .home5Box:nth-child(2)::before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.34); position: absolute; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
  .home5Box:nth-child(2)::after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.34); position: absolute; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; }
  .home6ConRightBoxText h5 { font-size: 18px; }
  .footer { padding: 50px 0 30px; }
  #search-form {  width: auto; left: 15px; right: 15px; top: 60px; }
  .tong_title .title_en { font-size: 35px; }
  .tong_title h2 { font-size: 22px; }
  .tong_title { margin-top: 10px; }
  .tong_desc br { display: none; }
  .tong_title .xian { width: 35px; margin-top: 10px; }
  .business_swiper { margin-top: 30px; margin-bottom: 40px; }
  .swiper_btn i { font-size: 18px; }
  .swiper_btn { width: 40px; height: 40px; }
  .business_text { width: 96%; }
  .case_list li .case_text h2 { font-size: 16px; line-height: 22px; }
  .case_main { padding-bottom: 50px; }
  .case_list li .case_text { padding-left: 15px; padding-right: 15px; }
  .case_list li { margin-bottom: 15px; }
  .case_list li .imgbox { width: 40%; }
  .case_list li .case_text { width: 60%; }
  .details_top .title { font-size: 22px; line-height: 26px; }
  .details_top .date { font-size: 14px; margin-top: 10px; }
  .details_content { margin-top: 30px; }
  .casedetails_main, .engineering_list { padding: 40px 0; }
  .engineering_tit { font-size: 22px; }
  .product_details { margin: 40px 0; }
  .product_details .title { font-size: 20px; line-height: 26px; }
  .product_details .pro_deta_cont br { display: none; }
  .product_details .pro_deta_cont { text-align: left; padding-bottom: 25px; }
  .advantage_box { display: block; }
  .advantage_box .left { display: block; width: 100%; padding-right: 0; padding: 30px 0; }
  .advantage_box .right { display: block; width: 100%; }
  .classic_case { margin: 40px 0; }
  .classic_case_list .item .img_title { font-size: 16px; padding: 20px 10px; }
  .qingquan_advantage .advantage_box .left { padding-right: 0; }
  .product_back { margin-bottom: 40px; }
  .product_characteristic, .product_application { padding: 40px 0; }
  .characteristic_list .item p { font-size: 14px; line-height: 22px; }
  .application_list .item { width: -webkit-calc(50% - 6px); width: calc(50% - 6px); }
  .application_list .item:nth-child(2n) { margin-right: 0; }
  .development_row01 .left p { font-size: 16px; line-height: 26px; }
  .development_row02 .development_item .develop_img { width: 100%; }
  .development_row02 .development_item .develop_text { width: 100%; padding-left: 0; margin-top: 20px; }
  .development_row02 .development_item { display: block; padding: 30px 0; }
  .development_row01 { margin-top: 20px; }
  .cooperation_main { padding-top: 40px; padding-bottom: 80px; }
  .research_swiper { margin-bottom: 40px; }
  .win_img { margin-top: 30px; }
  .win_nav { margin: 30px 0; }
  .win_tiaojianbox { padding: 20px 0; }
  .win_person { padding-top: 30px; padding-bottom: 0 !important; }
  .form_title { margin: 20px 0; }
  .staff_list .staff_item { display: block; }
  .staff_list .staff_item .staff_swiper { width: 100%; }
  .staff_list .staff_item .staff_text { width: 100%; }
  .staff_list .staff_item .staff_text h2 { margin-top: 0; }
  .staff_list .staff_item .staff_text { padding: 30px 15px; }
  .pc_staff { display: none; }
  .mobile_staff { display: block; }
  .staff_list .staff_item:nth-child(even) .staff_text { text-align: left; }
  .staff_left, .staff_right { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .newprevnext .newprevnext_item { padding: 15px 0; }
  .newprevnext .newprevnext_item .newleft, .newprevnext .newprevnext_item .newright { font-size: 14px; }
  .newprevnext .newprevnext_item .newleft .newtext_icon { margin: 0 10px; }
  .new_details { margin-bottom: 40px; }
  .invite_linian { margin: 40px 0; }
  .invite_left h2 { font-size: 18px; }
  .invite_left { margin: 30px 0; padding-right: 0; }
  .recruit_ul .recruit_biaoti { padding: 0 15px; }
  .recruit_ul .recruit_biaoti p { font-size: 16px; }
  .recruit_ul .recruit_biaoti i { right: 8px; font-size: 24px; }
  .recruit_content { padding: 15px; }
  .send_email { margin-top: 30px; }
  .recruit_attr { font-size: 14px; margin-bottom: 10px; }
  .recruit_attr li { margin-bottom: 3px; }
  .recruit_text p { font-size: 14px; line-height: 24px; }
  .recruit_text h2 { font-size: 16px; margin-top: 10px; }
  .recruit_ul .recruit_biaoti { height: 50px; line-height: 50px; }
  .recruit_ul .recruit_biaoti i { top: 0; } 
  .abZhici_content .abZhici{width: 100%;padding-right: 0;}
  .about_zhici .abZhici_title{width: 100%;}
  .abZhici_content .abZhici::before{font-size: 50px;display: none;}
  .abZhici_content .abZhici::after{font-size: 50px;display: none;}
  .abZhici_content .abZhici_img{width: 100%;margin-top: 30px;}
  .right_aside{display: none !important;}
  .about_zhici{padding: 40px 0;}
  .about_zhici .abZhici_title{font-size: 22px;margin-bottom: 10px;}
  .abZhici_content .abZhici img{margin-top: 30px;}
}

@media (max-width: 520px) { .history_swiper .swiper-slide .history_text { position: static !important; }
.about_jianjie p{font-size: 14px;}
.case_tukulist .item{margin-right: 15px;margin-bottom: 15px;width: calc(50% - 15px / 2);}
.about_spirit .about_right h3{font-size: 18px;}
.win_person p{font-size: 14px;margin-top: 10px;}
.win_form{padding: 0 !important;}
.tijiao_btn{margin-top: 20px;width: 160px;font-size: 14px;}
.develop_showYear{display: none;}
.develop_content{width: 100%;}
.development_content{margin-top: 30px;}
.hide_li_scroll{padding: 15px;line-height: 26px;}
.year_line ul li{width: 33.3333%;margin: 0;margin-bottom: 15px;}
.year_line ul li .year{margin-bottom: 0;}
.hide_li_scroll{font-size: 14px;}
.yearimgbox{width: 100%;}
.year_line ul li .year {
  font-size: 16px !important;
}
.customers_list .item {
  height: 100px;
}
.customers_list .item .hoverbox {
  display: none;
}
.customers_list .item .kehu_img {
  max-width: 60%;
  max-height: 60%;
}
.right_aside{display: none;}
  .history_swiper { padding: 0; padding-bottom: 30px; }
  .history_swiper .mobile_xian { display: block; }
  .history_swiper .pc_xian { display: none; }
  .yw_lingyu .item { width: 48%; }
  .yw_lingyu .item:nth-child(2n) { margin-right: 0; }
  .about_mission { margin: 40px 0; }
  .about_numbox .item { margin-right: 0; display: block; }
  .about_numbox .item .counter { font-size: 30px; }
  .about_numbox { text-align: left; }
  .invite_ln p { margin-top: 10px; }
  .newprevnext .newprevnext_item .newright { display: none; }
  .newtext_name { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); }
  .new_details .back_list { margin-top: 30px; }
  .newprevnext .newprevnext_item .newleft { width: 100%; }
  .new_details .new_details_title .newde_tit { font-size: 18px; margin-bottom: 5px; line-height: 26px; }
  .staff_list .staff_item .staff_text h2 { font-size: 18px; }
  .staff_list { margin: 40px 0; }
  .product_more { margin-top: 0; }
  .details_content { margin-top: 15px; }
  .deta_video { float: none; display: block; width: 100%; margin-right: 0; }
  .deta_swiper { float: none; display: block; width: 100%; margin-top: 20px; }
  .details_top .title { font-size: 18px; }
  .details_content ul li h2 { font-size: 16px; margin-bottom: 5px; }
  .details_content ul li p { line-height: 22px; }
  .case_list { margin-top: 30px; }
  .sort_banner { height: 180px; }
  .more_btn { margin-top: 30px; width: 150px; height: 50px; line-height: 50px; }
  .case_list li .case_text h2 { font-size: 14px; }
  .sort_content h2, .sort_content p { font-size: 20px; line-height: 30px; }
  .business_text { margin-top: 0; width: 100%; padding: 0; }
  .business_text .bus_left { float: none; width: 100%; margin-top: 20px; margin-bottom: 15px; }
  .business_text .bus_right { float: none; width: 100%; }
  .business_text .bus_right br { display: none; }
  .bus_btnleft, .bus_btnright { top: 20%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .searchIov { top: 100%; z-index: 99; }
  .banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
  .home1 { padding: 20px 0; }
  .home1 .swiper-slide-active .home1Text { width: 100%; }
  .home1Img { width: 100%; overflow: hidden; position: relative; }
  .home1Text { padding-left: 0 !important; margin-bottom: 15px; }
  .home1TextTit h1 { font-size: 50px; line-height: 60px; }
  .home1TextTit h3 { font-size: 24px; }
  .home1Text p { font-size: 16px; margin-top: 10px; }
  .home1 .homeTextMore { margin-top: 20px; }
  .home1 .swiper-container { padding-bottom: 60px; }
  .home1TextTit h1 { letter-spacing: 0; }
  .home1SwiperControl { left: 0; bottom: 0; width: 100%; }
  .home1 .swiper-button-prev, .home1 .swiper-button-next { width: 40px; height: 40px; }
  .home1 .swiper-button-prev { left: 20px; }
  .home1 .swiper-button-next { left: 70px; }
  .home1 .swiper-pagination { right: 20px; }
  .home2TabBar { margin-top: 10px; }
  .home2 .homeTextMore { margin-top: 10px; }
  .home2Left { padding: 20px 15px; }
  .title h3 { font-size: 24px; }
  .title p { font-size: 14px; }
  .home2TabBar .tabTerm { padding: 0 10px; }
  .home2TabBar .tabTerm::before { display: none; }
  .homeTextMore a { width: 90px; font-size: 12px; }
  .home2tabItemText { height: 40px; }
  .home2tabItemText .t { font-size: 16px; line-height: 40px; }
  .home2 .swiper-button-prev, .home2 .swiper-button-next { width: 40px; height: 40px; }
  .home2 .swiper-button-prev { right: 40px; }
  .home3 { padding-top: 30px; }
  .home3Con { padding: 0; margin-top: 15px; }
  .home3ConBox { padding: 30px 15px; }
  .home3ConBox h5 { display: -webkit-box; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .home3ConBoxImg { margin-top: 15px; }
  .home4 { padding: 20px 0; }
  .home4 .swiper-slide { display: block; text-align: left; }
  .home4Img { width: 100%; }
  .home4Text { width: 100%; padding: 10px 20px; }
  .home4Text p { line-height: 30px; }
  .qingquan_home4Text a { font-size: 16px; }
  .home2TabBar .tabTerm:first-child { padding-left: 0; }
  .home4 .swiper-button-next, .home4 .swiper-button-prev { width: 40px; height: 40px; top: 75%; -webkit-transform: none; -ms-transform: none; transform: none; }
  .home4 .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .home4 .homeTextMore { margin-top: 15px; }
  .home5 { padding: 20px 0; }
  .home5BoxText .num { font-size: 30px; }
  .home5BoxText p { font-size: 14px; line-height: 20px; }
  .home5BoxImg img { max-width: 45px; }
  .home6Row { padding: 30px 15px; }
  .home6ConLeftText { padding: 20px 0; }
  .home6ConLeftText h5 { font-size: 16px; }
  .home6ConLeftText p { font-size: 12px; margin-top: 10px; display: -webkit-box; height: 54px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .home6ConLeftText .data { margin-top: 20px; }
  .home6ConLeftText .More { width: 100px; font-size: 12px; bottom: 20px; }
  .home6ConRightBox { width: 100%; margin-bottom: 15px; padding: 0; }
  .home6ConRightBoxText { padding: 20px 0; }
  .home6ConRightBoxText h5 { font-size: 16px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .home6ConRightBoxText .data { margin-top: 10px; }
  .footer { padding: 20px 0; }
  .footerCon { margin-top: 10px; padding-bottom: 5px; }
  .footerBottomLeft { float: none !important; width: 100%; text-align: center; }
  .footerBottomRight { float: none !important; width: 100%; text-align: center; padding-top: 10px; }
  .footerNavLi p { padding-left: 0; }
  .footerLogo { display: none; }
  .footerIconLi { float: none !important; text-align: center; }
  .product_nav a { width: 48%; margin-right: 4%; font-size: 14px; border-width: 1px; }
  .product_nav a:nth-child(2n) { margin-right: 0; }
  .product_details .pro_deta_cont { font-size: 14px; }
  .product_advantage .left h2 { margin-bottom: 15px; }
  .product_advantage .left .text { font-size: 14px; }
  .classic_case_list .item { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; }
  .back_list { margin-top: 0; width: 140px; height: 50px; line-height: 50px; border-width: 1px; }
  .qingquan_nav { margin: 20px 0; }
  .qingquan_list .item { width: 100%; margin-right: 0 !important; margin-bottom: 20px; }
  .characteristic_list { display: block; }
  .characteristic_list .item { margin-right: 0; width: 100%; }
  .application_list .item { margin-right: 0 !important; width: 100%; }
  .application_list .item { height: auto; min-height: 70px; }
  .product_back { margin-top: 30px; }
  .application_list, .characteristic_list { margin-top: 20px; }
  .development_main .tong_title .title_en { font-size: 22px; }
  .development_row01 .left p { font-size: 14px; line-height: 24px; }
  .development_row01 .left h2 { font-size: 30px; }
  .development_row02 .development_item .develop_text h2 { font-size: 20px; margin-bottom: 10px; }
  .development_row02 .development_item .develop_text p { font-size: 14px; line-height: 24px; }
  .cooperation_text { margin-top: 20px; font-size: 14px; line-height: 24px; }
  .research_swiper .text h2 { font-size: 18px; }
  .win_person h2 { font-size: 24px; }
  .win_form { padding: 40px 0; }
  .form_title, .input_div input { font-size: 14px; }
  .input_div span { font-size: 14px; margin-right: 10px; width: 82px; }
  .input_div input { width: -webkit-calc(100% - 97px); width: calc(100% - 97px); }
  .yanzhenma_img img { height: 40px; }
  .input_div { margin-top: 20px; } 

  .abZhici_content .abZhici{padding-top: 10px;font-size: 14px;line-height: 26px;}
  .abZhici_content .abZhici p {text-indent: 28px;}
  .abZhici_content .abZhici img{margin-top: 10px;}
  
}

@media (max-width: 768px) { .search_container { padding: 40px 0; }
  .searchtitle401 { padding: 15px 15px; }
  .searchinputcont401 { width: 98%; }
  .searchimg401 { float: none; width: 100%; }
  .searchbox { width: 100%; }
  .search_list .item h2 { margin-top: 10px; margin-bottom: 10px; }
  .search_list .item h2 a { font-size: 16px; }
  .resulttext401 { height: auto; } }

/* 10-25 添加 */
.honnor_categorylist{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 30px;}
.honnor_categorylist .item{width: 140px;height: 50px;line-height: 50px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.5);text-align: center;color: #fff;margin-right: 15px;cursor: pointer;}
.honnor_categorylist .item:last-child{margin-right: 0;}
.honnor_categorylist .item.active,.honnor_categorylist .item:hover{background: #10bc3d;border-color: #10bc3d;}
.honnor_boxListItem{display: none;}
.honnor_boxListItem:first-child{display: block;}
.home5 .title,.home5 .title h3{color: #fff;}
.home5 .title{margin-bottom: 80px;}
.contact_map  {position: relative;}
.map_content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.qingquan_home4Text a{color: rgba(0, 0, 0, 0.6);}

.right_aside { -webkit-transition: all .5s; transition: all .5s; position: fixed; top: 50%; z-index: 50; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -90px; }
/* .right_aside .block_box{border: 1px solid #d4f0da;} */
.right_aside .adisdebox{ padding: 15px 0 10px;border-bottom: 1px solid #d6f1e2;margin: 0 8px;}
.right_xinxi{margin-top: 25px;text-align: center;}
.right_aside .block {background-color: #ffffff;  position: relative; width: 75px; height: 85px; text-align: center;display: block; border: 1px solid #d4f0da;border-bottom: none !important;border-top: none !important;}
.right_aside .block:first-child{border-top: 1px solid #d4f0da !important;}
.right_aside .block:not(:last-child) { border-bottom: 0; }

.right_aside .block .name { font-size: 13px; line-height: 1.1; color: #33333b; opacity: 0.6; margin-top: 14px; -webkit-transition: all .5s; transition: all .5s; }

.right_aside .block .mask { display: none; width: 150px; height: 150px; position: absolute; -webkit-transition: all .5s; transition: all .5s; right: -webkit-calc(100% + 5px); right: calc(100% + 5px); background-color: #fff; padding: 10px; bottom: 0; }

.right_aside .block .mask img { width: 100%; }
.right_aside .block:hover{background-color: #03bc3a;border-color: #03bc3a;}
.right_aside .block:hover .name { color: #fff; }
.right_aside .block:hover .righticon_white{display: inline-block;}
.right_aside .block:hover .righticon_blue{display: none;}
.right_aside .block:hover .adisdebox{border-bottom-color: #03bc3a;}

.right_aside .block:hover .mask { display: block; }

.right_aside .go_top { display: block; line-height: 40px;text-align: center; font-size: 13px; color: #33333b; background-color: #fff;border: 1px solid #d4f0da;border-top: none;}
.right_aside .go_top:hover{background-color: #03bc3a;color: #fff;border-color:#03bc3a;}
.righticon_white{display: none;}
.header_active{position: fixed;left: 0;right: 0;z-index: 20;}
@media (max-width: 992px) {
  .contact_map{height: auto;}
  .map_content{position: static;}
  .map_content img{width: 100%;}
}
@media (max-width: 768px) {
  .home5 .title{margin-bottom: 30px;}
}




/* 新增 */
/* 地图分布 start */
.business_segment { padding-bottom: 80px; }

.business_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; }

.business_list .item { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px; }

.business_list .item:nth-child(2n) { margin-right: 0; }

.business_list .item .bu_title { height: 45px; background-color: #39a43f; color: #fff; line-height: 45px; font-size: 18px; padding-left: 48px; padding-right: 20px; position: relative; }

.business_list .item .bu_title::after { background: url(../images/company_icon.png) center no-repeat; display: block; content: ""; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 19px; }

.business_list .item .busine_desc { background: #f4f4f4; border: 1px solid #dcdcdc; border-top: none; padding: 30px 18px; font-size: 16px; }

.business_list .item .busine_desc p { margin-bottom: 15px; position: relative; padding-left: 35px; }

.business_list .item .busine_desc p::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 22px; }

.business_list .item .busine_desc p.per::after { background: url(../images/lxr_icon.png) center no-repeat; }

.business_list .item .busine_desc p.phone::after { background: url(../images/phone_icon.png) center no-repeat; }

.business_list .item .busine_desc p.qq::after { background: url(../images/qq_icon.png) center no-repeat; }

.business_list .item .busine_desc p.address::after { background: url(../images/address_icon.png) center no-repeat; }

.business_title{text-align: center;font-size: 36px;margin-bottom: 30px;}

/* 地图分布 end */
.classic_caseContent{position: relative;}
.classicSwiper_left {
  left: -90px;
  top: 50%;
}
.classicSwiper_right {
  right: -90px;
  top: 50%;
}
.classic_pagination {display: flex;justify-content: center;margin-top: 30px;}
.classic_pagination span{width: 8px;height: 8px;background: #eee;margin: 0 3px;border-radius: 50%;}
.classic_pagination .swiper-pagination-bullet-active{background: #10bc3d;}
/* 地图分布 start */
@media (max-width: 991px) { .business_segment { padding-bottom: 60px; } .staff_main{padding-bottom: 40px;}}

@media (max-width: 580px) { .business_list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .business_list .item .bu_title { font-size: 16px; }
  .business_list .item .busine_desc { font-size: 14px; padding: 20px 15px; }
  .business_segment { padding-bottom: 30px; } 
  .classic_pagination{margin-top: 0;margin-bottom: 30px;}
  .classic_case .title{margin-bottom: 20px;}
  .business_title{font-size: 22px;}

}