/*--公共部分--*/
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 { overflow-x: hidden; }

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 "思源宋体 CN", '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; -moz-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; -moz-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; -moz-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 15px; }

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

.contact-linksto img{width: 80px;display: inline-block;}
.contact-linksto span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  color: #00556a;
  margin-left: 15px;
}
.contact-linksto a:first-child{margin-right: 160px;}
.jiamenglinkfoot{margin-top: 10px;}
.jiamenglinkfoot a{display:inline-block;font-size: 16px;padding: 2px 22px;border-radius: 20px;color:#fff;background-color: #00556a;}
.jiamenglinkfoot a:first-child{margin-right: 20px;margin-left: 30px;}
@media (max-width: 560px) {
  .contact-linksto a{display:inline-block;width:49%;margin-right: 0 !important;}
  .contact-linksto img{width: 50px;}
  .contact-linksto span{font-size: 18px;}
  .contact-linksto{margin-top: 20px;}
}
@media (max-width: 1023px){
  .jiamenglinkfoot{margin: 25px 0;}
  .jiamenglinkfoot a:first-child{margin-left: 0 !important;}
}
@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; } }

@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%; } }

@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 { margin: 0px auto; max-width: 1200px; } }

@media (min-width: 1440px) { .commonweb { margin: 0px auto; max-width: 1410px; } }

/* layout start*/
.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; -moz-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: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(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; -o-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; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-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; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-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; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-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: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.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: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

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

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

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

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

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; -o-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); } }

@-o-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }

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

@-o-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; -o-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); } }

@-o-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; -o-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); } }

@-o-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; -o-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); } }

@-o-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; -o-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); } }

@-o-keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    -o-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);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; -o-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); } }

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

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

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -o-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); } }

@-o-keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; -o-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; } }

@-o-keyframes wobble { 0% { -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; -o-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); } }

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

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

.jello { -webkit-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; -o-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); } }

@-o-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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);
    -o-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);
    -o-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; -o-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; } }

@-o-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; -o-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; } }

@-o-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; -o-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; } }

@-o-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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;
    -o-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; -o-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); } }

@-o-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-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);
    -o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; }

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

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

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

.fadeIn { -webkit-animation-name: fadeIn; -o-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; } }

@-o-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; -o-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; } }

@-o-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -o-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; } }

@-o-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; -o-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; } }

@-o-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -o-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; } }

@-o-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; -o-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; } }

@-o-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -o-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; } }

@-o-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; -o-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; } }

@-o-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    -o-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;
    -o-transform: none;
    transform: none; } }

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

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

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

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

.fadeOut { -webkit-animation-name: fadeOut; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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; } }

@-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-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;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; -o-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); } }

@-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-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;
    -o-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; -o-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); } }

@-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    -o-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;
    -o-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; -o-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; } }

@-o-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; -o-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; } }

@-o-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; -o-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; } }

@-o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-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);
    -o-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -o-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; } }

@-o-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; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -o-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; } }

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

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

.rotateIn { -webkit-animation-name: rotateIn; -o-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; } }

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

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

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -o-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; } }

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

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

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -o-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; } }

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

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

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -o-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; } }

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

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

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -o-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; } }

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

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

.rotateOut { -webkit-animation-name: rotateOut; -o-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; } }

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

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

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -o-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; } }

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

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

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -o-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; } }

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

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

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -o-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; } }

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

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

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -o-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; } }

@-o-keyframes hinge { 0% { -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-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; -o-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -o-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; -o-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; } }

@-o-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;
    -o-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;
    -o-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; -o-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); } }

@-o-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; -o-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; } }

@-o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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); } }

@-o-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);
    -o-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);
    -o-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);
    -o-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);
    -o-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; -o-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; } }

@-o-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; -o-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); } }

@-o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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; -o-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; } }

@-o-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;
    -o-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;
    -o-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; -o-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; } }

@-o-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;
    -o-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;
    -o-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; -o-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); } }

@-o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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);
    -o-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;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-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); } }

@-o-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; -o-animation-name: slideOutUp; animation-name: slideOutUp; }



.about-content dl dt a:after, .about-strategy .firstYear dt:after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }

.about-Partybuilding { padding: 10px 0px 50px; }

.about-Partybuilding dl { border-bottom: 1px solid #dedede; padding: 30px 0px; }

.about-Partybuilding dl dt { padding-bottom: 20px; }

.about-Partybuilding dl dt span { display: block; position: relative; overflow: hidden; }

.about-Partybuilding dl dt span img { display: block; width: 100%; }

.about-Partybuilding dl dd .Title { font-size: 20px; color: #484b4c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.about-Partybuilding dl dd .time { font-size: 20px; color: #005469; margin-top: 10px; }

.about-Partybuilding dl dd .desc { font-size: 16px; color: #787c80; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }

.about-Partybuilding dl dd .more { font-size: 14px; margin-top: 25px; }

.about-Partybuilding dl dd .more span { display: inline-block; width: 125px; border: 1px solid #dfdfdf; height: 40px; line-height: 40px; text-align: center; color: #888888; }

.about-Partybuilding dl:hover dd .Title { color: #005469; }

.about-Partybuilding dl:hover dd .more span { background-color: #005469; border: 1px solid #005469; color: #fff; }

.about-Partybuilding-detail { padding-top: 50px; padding-bottom: 30px; }

.about-Partybuilding-detail .contentTitle { padding-bottom: 30px; }

.about-Partybuilding-detail .contentTitle h1 { font-size: 30px; color: #222222; padding-bottom: 10px; }

.about-Partybuilding-detail .contentTitle p { color: #1895bf; font-size: 20px; }

.about-Partybuilding-detail .contentLine { background: url(../images/img21.png) repeat-x; height: 8px; }

.about-Partybuilding-detail .content { padding: 30px 0px; font-size: 16px; line-height: 30px; }

.about-Partybuilding-detail .content img { max-width: 100%; }

.about-Partybuilding-detail .contentFoot dd { padding-top: 30px; }

.about-Partybuilding-detail .contentFoot .contentReturn { display: inline-block; background-color: #005469; color: #fff; height: 45px; width: 200px; font-size: 16px; text-align: center; line-height: 45px; }

.about-Partybuilding-detail .contentFoot .bdsharebuttonbox { display: inline-block; vertical-align: middle; }

.about-Partybuilding-detail .contentFoot .bdsharebuttonbox a { width: 26px; height: 26px; padding: 0px !important; margin: 0px 0px 0px 15px !important; background-repeat: no-repeat; background-position: center; display: inline-block !important; float: none !important; }

.about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_weixin { background-image: url(../images/icon10.png) !important; }

.about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_tsina { background-image: url(../images/icon11.png) !important; }

.about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_sqq { background-image: url(../images/icon12.png) !important; }

.about-Partybuilding-detail .NextPrevArticles { padding-top: 50px; }

.about-Partybuilding-detail .NextPrevArticles a { display: block; font-size: 16px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.about-Partybuilding-detail .NextPrevArticles a:hover { color: #005469; }

.about-Partybuilding-detail .recommend { background-color: #f2f2f2; margin-top: 20px; padding: 20px 20px 40px; }

.about-Partybuilding-detail .recommend .recommendTitle { font-size: 20px; padding-top: 20px; color: #444444; }

.about-Partybuilding-detail .recommend dl { padding-top: 15px; }

.about-Partybuilding-detail .recommend dl img { width: 100%; }

.about-Partybuilding-detail .recommend ul li { border-bottom: 1px solid #e2e2e2; padding: 20px 0px; }

.about-Partybuilding-detail .recommend ul li .time { font-size: 20px; color: #005469; }

.about-Partybuilding-detail .recommend ul li .title { color: #444; font-size: 18px; margin-top: 10px; }

.about-Partybuilding-detail .recommend ul li .desc { margin-top: 10px; color: #666666; font-size: 14px; max-height: 78px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.about-Partybuilding-detail .recommend ul li:hover .title { color: #005469; }

.about-development { padding: 50px 15px 90px; }

.about-development dl dt { padding-top: 40px; padding-left: 20px; padding-bottom: 30px; position: relative; }

.about-development dl dt .time { font-size: 20px; position: absolute; z-index: 9; left: 20px; top: 0px; }

.about-development dl dt .time .dot { border: 3px solid #005469; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; width: 12px; height: 12px; position: absolute; left: -26px; top: 50%; margin-top: -4px; }

.about-development dl dt .developmentContent { font-size: 16px; color: #333333; line-height: 36px; }

.about-development dl dt ul { margin: 0px -10px; padding-top: 20px; }

.about-development dl dt ul li { float: left; width: 50%; padding: 0px 10px; }

.about-development dl dt ul li img { width: 100%; display: block; }

.about-development dl dt:after { bottom: 0px; width: 3px; content: ''; position: absolute; left: -2px; top: 0px; background-color: #ebebeb; }

.about-development .moreBtn { padding-top: 60px; }

.about-development .moreBtn a { display: block; margin: 0px auto; background-color: #005469; width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; }

.aboutIntrobox { overflow: hidden; }

.aboutIntro { margin-top: 20px; position: relative; }

.aboutIntro dt img { width: 100%; display: block; }

.aboutIntro dd { background-color: #005469; padding: 20px; }

.aboutIntro dd:after { content: ''; position: absolute; display: none; top: -70px; left: 0px; border-bottom: 70px solid #004768; border-left: 57px solid transparent; }

.aboutIntro dd h1 { font-size: 22px; color: #fff; }

.aboutIntro dd .aboutStock { font-size: 16px; color: #fff; margin-top: 10px; }

.aboutIntro dd .desc { font-size: 14px; color: #8bb4be; line-height: 30px; margin-top: 10px; }

.aboutIntro dd .deep { width: 73px; height: 73px; display: none; position: absolute; bottom: 15px; right: 85px; background-color: #004f35; }

.aboutIntro dd .shallow { width: 58px; height: 58px; display: none; position: absolute; bottom: -15px; right: 140px; background-color: rgba(163, 197, 48, 0.8); }

.aboutThreeColumn { padding-top: 30px; overflow: hidden; }

.aboutThreeColumn li { text-align: center; padding-bottom: 30px; }

.aboutThreeColumn li img { display: block; margin: 0px auto; max-width: 30%; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; border: 2px solid transparent; }

.aboutThreeColumn li .title { color: #005469; font-size: 18px; padding-top: 10px; }

.aboutThreeColumn li .desc { font-size: 14px; padding-top: 5px; color: #666666; }

.aboutThreeColumn li:hover img { border: 2px solid #a3c530; }

.Emphasis { background: url(../images/img31.png) no-repeat center; background-size: cover; position: relative; margin: 20px 15px; font-size: 16px; padding: 30px 0px; text-align: center; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 10px 8px rgba(3, 1, 1, 0.4); box-shadow: 0px 10px 8px rgba(3, 1, 1, 0.4); }

.Emphasis span { font-size: 24px; color: #a3c530; }

.about-content { background: url(../images/img30.jpg) no-repeat center; background-size: cover; padding: 30px; margin-top: 40px; overflow: hidden; }

.about-content dl dt { font-size: 16px; color: #fff; line-height: 30px; }

.about-content dl dt a { color: #a3c530; position: relative; padding-right: 20px; }

.about-content dl dt a:after { border-width: 6px; border-style: solid dashed dashed dashed; border-color: #a3c530 transparent transparent transparent; content: ''; position: absolute; top: 50%; right: 0px; margin-top: -3px; }

.about-threeTow { overflow: hidden; }

.about-threeTow dl { padding: 20px 0px 0px; }

.about-threeTow dl dt img { width: 100%; display: block; }

.about-threeTow dl dd { font-size: 16px; line-height: 30px; padding: 20px 15px 0px 15px; }

.about-footImg { padding-top: 30px; padding-bottom: 40px; overflow: hidden; }

.about-footImg img { width: 100%; display: block; }

.about-footImg dl { font-size: 16px; line-height: 30px; padding-top: 15px; }

.about-culture { margin-top: 40px; background: url(../images/img36.jpg) no-repeat center; background-size: cover; padding: 20px 0px; }

.about-culture dt { color: #fff; font-size: 14px; padding: 15px; line-height: 30px; text-align: center; background-color: rgba(0, 84, 105, 0.9); }

.about-cultureReboot { padding-top: 20px; padding-bottom: 40px; }

.about-cultureReboot ul .roundImg { display: none; width: 100%; }

.about-cultureReboot ul .Rebootcenter { display: none; position: absolute; text-align: center; left: 0px; top: 50%; margin-top: -45px; width: 100%; }

.about-cultureReboot ul .Rebootcenter p { color: #1a1a1a; font-size: 18px; }

.about-cultureReboot ul .Rebootcenter .title { padding-top: 10px; color: #005469; font-size: 32px; }

.about-cultureReboot ul li { padding-top: 20px; text-align: center; }

.about-cultureReboot ul li img { position: relative; z-index: 9; max-width: 20%; }

.about-cultureReboot ul li div p { font-size: 14px; color: #333333; }

.about-cultureReboot ul li div .title { padding-top: 10px; color: #005469; font-size: 18px; font-weight: 700; }

.about-cultureSpirit { position: relative; overflow: hidden; padding-bottom: 80px; }

.about-cultureSpirit .commonweb { position: relative; }

.about-cultureSpirit dl dt { background-color: #f7f7f7; padding: 30px 15px; position: relative; }

.about-cultureSpirit dl dt .Spirit { font-size: 18px; color: #000000; position: relative; }

.about-cultureSpirit dl dt .Spirit:after { width: 90px; position: absolute; display: block; top: 50%; left: -50px; height: 1px; background-color: #484848; }

.about-cultureSpirit dl dt div { max-width: 390px; margin: 0px auto; position: relative; padding: 40px 0px; text-align: center; line-height: 40px; margin-top: 20px; }

.about-cultureSpirit dl dt div p { font-size: 18px; color: #005469; }

.about-cultureSpirit dl dt div::after { content: ''; display: block; position: absolute; right: 0px; bottom: 0px; width: 33px; height: 33px; background: url(../images/img47.png) no-repeat; }

.about-cultureSpirit dl dt div::before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 33px; height: 33px; background: url(../images/img46.png) no-repeat; }

.about-cultureSpirit dl dt:after { top: 0px; left: -100%; background-color: #f7f7f7; content: ''; position: absolute; width: 100%; height: 100%; }

.about-cultureSpirit dl dd img { display: block; width: 100%; }

.supply { padding: 40px 10px; }

.supply .supplyText { font-size: 16px; line-height: 30px; max-width: 1000px; margin: 0px auto; text-align: center; }

.supply .supplyMap { max-width: 830px; margin: 40px auto 0px; position: relative; }

.supply .supplyMap .bigimg { display: none; width: 100%; }

.supply .supplyMap .topLayer { position: absolute; left: 0; top: 0; z-index: 1000; }

.supply .supplyMap area { position: relative; z-index: 9; }

.supply .supplyMap .province a { display: none; position: absolute; }

.supply .supplyMap .name { color: #fff; font-size: 14px; }

.supply .supplyMap .name span { position: absolute; z-index: 999; font-weight: bold; width: 80px; }

.supply .supplyMap ul li { padding: 0px 10px 20px; }

.supply .supplyMap ul li div { padding: 10px; background-color: #fff; border: 1px solid #005469; position: relative; z-index: 9999; }

.supply .supplyMap ul li div img { display: block; width: 100%; }

.supply .supplyMap ul li div p { font-size: 14px; color: #005469; line-height: 24px; margin-top: 5px; }

.supply .supplyMap ul li div .title { margin-top: 10px; }

.about-strategy { margin-top: 40px; }

.about-strategy dt { position: relative; }

.about-strategy dt .title { font-size: 24px; }

.about-strategy dt .desc { font-size: 16px; line-height: 28px; }

.about-strategy dd img { width: 100%; display: block; }

.about-strategy .firstYear dt { background-color: #005469; padding: 30px 0px 30px 20px; }

.about-strategy .firstYear dt .desc { color: #fff; }

.about-strategy .firstYear dt .title { color: #fff; margin-top: 15px; }

.about-strategy .firstYear dt:after { display: none; content: ''; position: absolute; left: 0px; top: 50%; margin-top: -10px; border-width: 15px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; }

.about-strategy .secondYear dt { background: url(../images/img53.jpg) no-repeat; background-size: cover; padding: 20px; }

.about-strategy .secondYear dt .title { padding-bottom: 10px; }

.about-strategy .thirdYear { position: relative; }

.about-strategy .thirdYear img { width: 100%; display: block; }

.about-strategy .thirdYear dt { background-color: rgba(255, 255, 255, 0.75); padding: 20px; }

.about-strategy .thirdYear dt .title { padding-bottom: 10px; }

.about-strategy .thirdYear dt .desc { line-height: 32px; }

.about-CooperationDesc { margin-top: 30px; position: relative; }

.about-CooperationDesc img { display: block; width: 100%; }

.about-CooperationDesc dt { background-color: #fff; padding: 20px; font-size: 14px; line-height: 24px; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); }

.about-CooperationDesc dt .Emphasize { color: #005469; font-size: 16px; }

.CooperationFourColumn { padding-top: 40px; padding-bottom: 0px; }

.CooperationFourColumn li { text-align: center; padding-bottom: 20px; }

.CooperationFourColumn li img { display: block; margin: 0px auto; max-width: 50%; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); }

.CooperationFourColumn li .title { color: #005469; font-size: 18px; padding-top: 10px; }

.CooperationFourColumn li .desc { font-size: 14px; padding-top: 5px; color: #666666; }

.about-Cooperation { padding-top: 30px; padding-bottom: 40px; }

.about-Cooperation li { margin-top: 15px; }

.about-Cooperation li img { border: 1px solid #e4e4e4; width: 100%; }

.contact-service { font-size: 14px; color: #1a1a1a; line-height: 20px; padding-top: 40px; }

.contact-service h3 { font-size: 26px; color: #005469; padding-bottom: 10px; line-height: 30px; }

.contact-service p { padding-bottom: 10px; }

.contact-service p.font18 { font-size: 16px; }

.contact-service p.pdl80 { padding-left: 70px; padding-bottom: 20px; }

.contact-service p.Suggestions { padding-bottom: 5px; }

.contact-service img { display: block; width: 100%; }

.contact-service dt { padding-bottom: 30px; }

.contact-colFour { padding-top: 40px; padding-bottom: 30px; }

.contact-colFour div { position: relative; padding-left: 40px; font-size: 16px; line-height: 30px; margin-left: 10px; color: #404040; padding-bottom: 25px; }

.contact-colFour div img { position: absolute; left: 0px; top: 2px; height: 28px; }

.contact-colFour div p.font21 { font-size: 18px; }

.contact-colThreebox { padding-bottom: 40px; }

.contact-colThree { background-color: #fff; padding: 20px 0px; font-size: 20px; line-height: 28px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; color: #042536; font-size: 16px; }

.contact-colThree img { display: block; width: 100%; }

.contact-colThree p { position: relative; padding: 0px 0px 0px 60px; }

.contact-colThree p span { position: absolute; left: 0px; }

.contact-colThree p.Title { font-size: 22px; margin-top: 15px; padding: 0px 0px 5px; }

.contact-colThree p.Title:after { content: ''; width: 25px; height: 2px; background-color: #042536; display: block; margin-top: 15px; }

.honor-Timebox { padding: 0px 80px; background-color: #005469; margin-top: 40px; position: relative; }

.honor-Timebox .honor-TimeNext, .honor-Timebox .honor-TimePrev { position: absolute; top: 50%; margin-top: -12px; display: block; background-repeat: no-repeat; width: 30px; height: 30px; cursor: pointer; background-position: center; }

.honor-Timebox .honor-TimeNext { right: 25px; background-image: url(../images/img198.png); }

.honor-Timebox .honor-TimePrev { left: 25px; background-image: url(../images/img197.png); }

.honor-Time { position: relative; overflow: hidden; }

.honor-Time li { text-align: center; font-size: 18px; color: #fff; line-height: 40px; height: 60px; padding: 10px 0px; }

.honor-Time li span { display: block; cursor: pointer; }

.honor-Time li.cur span { background-color: #fff; color: #005469; }

.honor-listbox { overflow: hidden; position: relative; margin-top: 30px; padding-bottom: 50px; }

.honor-listbox ul li { width: 100%; position: relative; overflow: hidden; }

.honor-listDesc { font-size: 16px; line-height: 38px; padding-left: 10px; padding-top: 20px; }

.honor-listDesc p.blue { color: #005469; }

.honor-listImg { width: 100%; position: relative; overflow: hidden; padding-bottom: 60px; }

.honor-listImg ul li { width: 100%; position: relative; overflow: hidden; }

.honor-listImg dt { font-size: 18px; color: #333333; }

.honor-listImg dt .honorTile { padding-top: 40px; text-align: center; padding-bottom: 20px; }

.honor-listImg dd { text-align: center; }

.honor-listImg dd img { background-color: #f8f8f8; padding: 50px 30px; max-width: 100%; }

.honor-listImg .honor-listImgNext, .honor-listImg .honor-listImgPrev { position: absolute; bottom: 0; display: block; background-repeat: no-repeat; width: 36px; height: 36px; cursor: pointer; background-position: center; background-color: #f0f0f0; z-index: 20; -webkit-border-radius: 100%; border-radius: 100%; }

.honor-listImg .honor-listImgNext { left: 50%; margin-left: 10px; background-image: url(../images/img201.png); }

.honor-listImg .honor-listImgPrev { left: 50%; margin-left: -40px; background-image: url(../images/img200.png); }

.honor-listImg .honor-listImgNext:hover { background-image: url(../images/img0201.png); background-color: #005469; }

.honor-listImg .honor-listImgPrev:hover { background-image: url(../images/img0200.png); background-color: #005469; }

.page { text-align: center; }

.page a, .page span { display: inline-block; vertical-align: middle; height: 28px; line-height: 26px; border: 1px solid #ddddde; min-width: 28px; padding: 0 3px; margin: 0 5px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #999; }

.page a:hover, .page span.laypage_curr { border-color: #005469 !important; background: #005469 !important; color: #fff; }

/*广东*/
#pro_Guangdong { background: url(../images/Guangdong.png) no-repeat; width: 152px; height: 110px; left: 570px; top: 597px; }

#detail_Guangdong .arrow { margin-top: 80px; }

#name_Guangdong { left: 634px; top: 627px; }

.map_detail { top: 133px; left: 160px; }

/*安徽*/
#pro_Anhui { background: url(../images/Anhui.png) no-repeat; width: 93px; height: 115px; left: 665px; top: 400px; }

#name_Anhui { left: 690px; top: 457px; }

/*北京*/
#pro_Beijing { background: url(../images/Beijing.png) no-repeat; width: 43px; height: 41px; left: 661px; top: 272px; }

#name_Beijing { left: 666px; top: 280px; }

#pro_Chongqing { background: url(../images/Chongqing.png) no-repeat; width: 95px; height: 99px; left: 500px; top: 452px; }

#name_Chongqing { left: 522px; top: 486px; }

#pro_Fujian { background: url(../images/Fujian.png) no-repeat; width: 87px; height: 106px; left: 690px; top: 530px; }

#name_Fujian { left: 714px; top: 573px; }

#pro_Gansu { background: url(../images/Gansu.png) no-repeat; width: 261px; height: 231px; left: 305px; top: 227px; }

#name_Gansu { left: 369px; top: 280px; }

#pro_Guangxi { background: url(../images/Guangxi.png) no-repeat; width: 153px; height: 113px; left: 480px; top: 581px; }

#detail_Guangxi .arrow { margin-top: 80px; }

#name_Guangxi { left: 540px; top: 625px; }

#pro_Guizhou { background: url(../images/Guizhou.png) no-repeat; width: 118px; height: 105px; left: 466px; top: 516px; }

#name_Guizhou { left: 507px; top: 562px; }

#pro_Hainan { background: url(../images/Hainan.png) no-repeat; width: 57px; height: 46px; left: 550px; top: 706px; }

#name_Hainan { left: 560px; top: 713px; }

#pro_Hebei { background: url(../images/Hebei.png) no-repeat; width: 108px; height: 146px; left: 633px; top: 239px; }

#name_Hebei { left: 645px; top: 320px; }

#pro_Heilongjiang { background: url(../images/Heilongjiang.png) no-repeat; width: 208px; height: 194px; left: 716px; top: 14px; }

#detail_Heilongjiang .arrow { margin-top: -105px; }

#name_Heilongjiang { left: 816px; top: 129px; }

#pro_Hongkong { background: url(../images/Hongkong.png) no-repeat; width: 29px; height: 24px; left: 649px; top: 646px; }

#name_Hongkong { left: 649px; top: 646px; }

#pro_Hubei { background: url(../images/Hubei.png) no-repeat; width: 146px; height: 95px; left: 552px; top: 434px; }

#name_Hubei { left: 608px; top: 475px; }

#pro_Hunan { background: url(../images/Hunan.png) no-repeat; width: 107px; height: 126px; left: 557px; top: 498px; }

#name_Hunan { left: 594px; top: 544px; }

#pro_Henan { background: url(../images/Henan.png) no-repeat; width: 113px; height: 109px; left: 588px; top: 370px; }

#name_Henan { left: 620px; top: 414px; }

#pro_Jiangsu { background: url(../images/Jiangsu.png) no-repeat; width: 104px; height: 108px; left: 690px; top: 390px; }

#name_Jiangsu { left: 724px; top: 414px; }

#pro_Jiangxi { background: url(../images/Jiangxi.png) no-repeat; width: 97px; height: 129px; left: 645px; top: 494px; }

#name_Jiangxi { left: 665px; top: 542px; }

#pro_Jilin { background: url(../images/Jilin.png) no-repeat; width: 158px; height: 109px; left: 743px; top: 160px; }

#name_Jilin { left: 802px; top: 195px; }

#pro_Liaoning { background: url(../images/Liaoning.png) no-repeat; width: 118px; height: 108px; left: 714px; top: 215px; }

#name_Liaoning { left: 764px; top: 250px; }

#pro_Mongol { background: url(../images/Mongol.png) no-repeat; width: 403px; height: 332px; left: 385px; top: 25px; }

#name_Mongol { left: 535px; top: 274px; }

#pro_Ningxia { background: url(../images/Ningxia.png) no-repeat; width: 61px; height: 88px; left: 485px; top: 310px; }

#name_Ningxia { left: 499px; top: 343px; }

#pro_Qinghai { background: url(../images/Qinghai.png) no-repeat; width: 231px; height: 174px; left: 238px; top: 291px; }

#name_Qinghai { left: 334px; top: 364px; }

#pro_Shaanxi { background: url(../images/Shaanxi.png) no-repeat; width: 100px; height: 170px; left: 506px; top: 307px; }

#name_Shaanxi { left: 600px; top: 338px; }

#pro_Shandong { background: url(../images/Shandong.png) no-repeat; width: 128px; height: 87px; left: 662px; top: 330px; }

#name_Shandong { left: 699px; top: 358px; }

#pro_Shanghai { background: url(../images/Shanghai.png) no-repeat; width: 35px; height: 33px; left: 765px; top: 462px; }

#name_Shanghai { left: 765px; top: 462px; }

#pro_Shanxi { background: url(../images/Shanxi.png) no-repeat; width: 77px; height: 131px; left: 581px; top: 282px; }

#name_Shanxi { left: 555px; top: 387px; }

#pro_Sichuan { background: url(../images/Sichuan.png) no-repeat; width: 187px; height: 179px; left: 362px; top: 413px; }

#name_Sichuan { left: 436px; top: 480px; }

#pro_Taiwan { background: url(../images/Taiwan.png) no-repeat; width: 44px; height: 79px; left: 766px; top: 589px; }

#name_Taiwan { left: 768px; top: 613px; }

#pro_Tianjin { background: url(../images/Tianjin.png) no-repeat; width: 31px; height: 38px; left: 683px; top: 295px; }

#name_Tianjin { left: 706px; top: 312px; }

#pro_Xinjiang { background: url(../images/Xinjiang.png) no-repeat; width: 365px; height: 281px; left: 14px; top: 81px; }

#detail_Xinjiang .arrow { left: -12px; right: auto; background: url(../images/arrow_l.png) no-repeat; }

#name_Xinjiang { left: 182px; top: 237px; }

#pro_Xizang { background: url(../images/Xizang.png) no-repeat; width: 357px; height: 229px; left: 41px; top: 325px; }

#detail_Xizang .arrow { left: -12px; right: auto; background: url(../images/arrow_l.png) no-repeat; }

#name_Xizang { left: 187px; top: 430px; }

#pro_Yunnan { background: url(../images/Yunnan.png) no-repeat; width: 170px; height: 177px; left: 347px; top: 512px; }

#detail_Yunnan .arrow { margin-top: 60px; }

#name_Yunnan { left: 404px; top: 603px; }

#pro_Zhejiang { background: url(../images/Zhejiang.png) no-repeat; width: 77px; height: 76px; left: 724px; top: 484px; }

#name_Zhejiang { left: 745px; top: 510px; }

@media (min-width: 640px) { .about-Partybuilding { padding: 30px 0px 50px; }
  .about-Partybuilding dl { border-bottom: 1px solid #dedede; padding: 40px 0px; }
  .about-Partybuilding dl dt { float: left; max-width: 280px; margin-right: 25px; padding-bottom: 0px; }
  .about-Partybuilding dl dt span { display: block; max-width: 375px; position: relative; overflow: hidden; }
  .about-Partybuilding dl dt span img { display: block; width: 100%; }
  .about-Partybuilding dl dd .Title { font-size: 18px; color: #484b4c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .about-Partybuilding dl dd .time { font-size: 16px; color: #005469; margin-top: 0px; }
  .about-Partybuilding dl dd .desc { font-size: 14px; color: #787c80; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0px; }
  .about-Partybuilding dl dd .more { font-size: 14px; margin-top: 5px; }
  .about-Partybuilding dl dd .more span { display: inline-block; width: 125px; border: 1px solid #dfdfdf; height: 40px; line-height: 40px; text-align: center; color: #888888; }
  .about-Partybuilding dl:hover dd .more span { background-color: #005469; border: 1px solid #005469; color: #fff; } }

@media (min-width: 768px) { .about-Partybuilding { padding: 30px 0px 80px; }
  .about-Partybuilding dl { border-bottom: 1px solid #dedede; padding: 40px 0px; }
  .about-Partybuilding dl dt { float: left; max-width: 300px; margin-right: 45px; }
  .about-Partybuilding dl dt span { display: block; max-width: 375px; position: relative; overflow: hidden; }
  .about-Partybuilding dl dt span img { display: block; width: 100%; }
  .about-Partybuilding dl dd .Title { font-size: 18px; color: #484b4c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .about-Partybuilding dl dd .time { font-size: 16px; color: #005469; margin-top: 5px; }
  .about-Partybuilding dl dd .desc { font-size: 14px; color: #787c80; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0px; }
  .about-Partybuilding dl dd .more { font-size: 14px; margin-top: 10px; }
  .about-Partybuilding dl dd .more span { display: inline-block; width: 125px; border: 1px solid #dfdfdf; height: 40px; line-height: 40px; text-align: center; color: #888888; }
  .about-Partybuilding dl:hover dd .more span { background-color: #005469; border: 1px solid #005469; color: #fff; }
  .about-Partybuilding-detail { padding-top: 50px; padding-bottom: 50px; }
  .about-Partybuilding-detail .recommend { margin-top: 0px; margin-left: 30px; min-height: 1200px; padding: 40px; }
  .about-Partybuilding-detail .contentTitle { padding-bottom: 30px; }
  .about-Partybuilding-detail .contentTitle h1 { font-size: 30px; color: #222222; padding-bottom: 10px; }
  .about-Partybuilding-detail .contentTitle p { color: #1895bf; font-size: 20px; }
  .about-Partybuilding-detail .contentLine { background: url(../images/img21.png) repeat-x; height: 8px; }
  .about-Partybuilding-detail .content { padding: 30px 0px; font-size: 16px; line-height: 30px; }
  .about-Partybuilding-detail .content img { max-width: 100%; }
  .about-Partybuilding-detail .contentFoot .contentReturn { display: inline-block; background-color: #005469; color: #fff; height: 45px; width: 200px; font-size: 16px; text-align: center; line-height: 45px; }
  .about-Partybuilding-detail .contentFoot .bdsharebuttonbox { display: inline-block; vertical-align: middle; }
  .about-Partybuilding-detail .contentFoot .bdsharebuttonbox a { width: 26px; height: 26px; padding: 0px !important; margin: 0px 0px 0px 15px !important; background-repeat: no-repeat; background-position: center; }
  .about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_weixin { background-image: url(../images/icon10.png) !important; }
  .about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_tsina { background-image: url(../images/icon11.png) !important; }
  .about-Partybuilding-detail .contentFoot .bdsharebuttonbox .bds_sqq { background-image: url(../images/icon12.png) !important; }
  .about-Partybuilding-detail .NextPrevArticles { padding-top: 50px; }
  .about-Partybuilding-detail .NextPrevArticles a { display: block; font-size: 16px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .about-Partybuilding-detail .NextPrevArticles a:hover { color: #005469; }
  .about-Partybuilding-detail .recommend { background-color: #f2f2f2; margin-top: 20px; padding: 20px 20px 40px; }
  .about-Partybuilding-detail .recommend .recommendTitle { font-size: 20px; padding-top: 20px; color: #444444; }
  .about-Partybuilding-detail .recommend dl { padding-top: 15px; }
  .about-Partybuilding-detail .recommend dl img { width: 100%; }
  .about-Partybuilding-detail .recommend ul li { border-bottom: 1px solid #e2e2e2; padding: 20px 0px; }
  .about-Partybuilding-detail .recommend ul li .time { font-size: 20px; color: #005469; }
  .about-Partybuilding-detail .recommend ul li .title { color: #444; font-size: 18px; margin-top: 10px; }
  .about-Partybuilding-detail .recommend ul li .desc { margin-top: 10px; color: #666666; font-size: 14px; max-height: 78px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .about-Partybuilding-detail .recommend ul li:hover .title { color: #005469; }
  .about-development { padding: 200px 0px 90px; }
  .about-development dl { margin-top: -100px; }
  .about-development dl dt { width: 50%; float: right; padding-left: 100px; padding-bottom: 50px; position: relative; }
  .about-development dl dt .time { font-size: 26px; position: absolute; z-index: 9; left: 25px; top: 0px; }
  .about-development dl dt .time .dot { border: 3px solid #005469; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; width: 12px; height: 12px; position: absolute; left: -31px; top: 50%; margin-top: -4px; }
  .about-development dl dt .developmentContent { font-size: 16px; color: #333333; line-height: 36px; padding-right: 15%; }
  .about-development dl dt ul { margin: 0px -10px; padding-top: 20px; }
  .about-development dl dt ul li { float: left; width: 50%; padding: 0px 10px; }
  .about-development dl dt ul li img { width: 100%; display: block; }
  .about-development dl dt:after { bottom: 0px; width: 3px; content: ''; position: absolute; left: -2px; top: -50px; background-color: #ebebeb; }
  .about-development dl:nth-child(2n) dt { float: left; padding-right: 100px; padding-left: 0px; text-align: right; }
  .about-development dl:nth-child(2n) dt:after { left: auto; right: -1px; }
  .about-development dl:nth-child(2n) dt .time { left: auto; right: 20px; }
  .about-development dl:nth-child(2n) dt .time .dot { left: 70px; }
  .about-development dl:nth-child(2n) dt .developmentContent { padding-right: 0px; padding-left: 15%; }
  .about-development .moreBtn { padding-top: 60px; }
  .about-development .moreBtn a { display: block; margin: 0px auto; background-color: #005469; width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; }
  .about-culture { margin-top: 100px; background: url(../images/img36.jpg) no-repeat center; background-size: cover; height: 505px; }
  .about-culture dt { float: right; width: 460px; height: 405px; color: #fff; font-size: 18px; padding: 100px 30px 0px; line-height: 34px; text-align: center; background-color: rgba(0, 84, 105, 0.9); margin-top: -75px; }
  .about-cultureReboot { padding-top: 20px; padding-bottom: 40px; }
  .about-cultureReboot ul .roundImg { display: none; width: 100%; }
  .about-cultureReboot ul .Rebootcenter { display: none; position: absolute; text-align: center; left: 0px; top: 50%; margin-top: -45px; width: 100%; }
  .about-cultureReboot ul .Rebootcenter p { color: #1a1a1a; font-size: 18px; }
  .about-cultureReboot ul .Rebootcenter .title { padding-top: 10px; color: #005469; font-size: 32px; }
  .about-cultureReboot ul li { float: left; width: 50%; padding-top: 20px; text-align: center; }
  .about-cultureReboot ul li img { position: relative; z-index: 9; max-width: 20%; }
  .about-cultureReboot ul li div p { font-size: 14px; color: #333333; }
  .about-cultureReboot ul li div .title { padding-top: 10px; color: #005469; font-size: 18px; font-weight: 700; }
  .contact-colFour li:nth-child(2n+1) { clear: left; }
  .contact-colThreebox { padding-bottom: 40px; padding-bottom: 90px; }
  .contact-colThreebox li { float: left; width: 50%; border-right: 1px solid #ebf2f5; }
  .contact-colThreebox li:nth-last-child(n+2) { border-bottom: 1px solid #ebf2f5; }
  .contact-colThreebox li:nth-child(2n) { border-right: none; }
  .contact-colThreebox li:hover div { -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); position: relative; z-index: 9; }
  .contact-colThreebox li:hover div p.Title:after { background-color: #f57c13; }
  .contact-colThree { padding: 30px 20px 0px; min-height: 490px; }
  .supply { padding: 40px 10px; }
  .supply .supplyMap ul li { float: left; width: 50%; padding: 0px 10px 20px; }
  .supply .supplyMap ul li div { padding: 10px; background-color: #fff; border: 1px solid #005469; }
  .supply .supplyMap ul li div img { display: block; width: 100%; }
  .supply .supplyMap ul li div p { font-size: 14px; color: #005469; line-height: 24px; margin-top: 5px; }
  .supply .supplyMap ul li div .title { margin-top: 10px; }
  .supply .supplyMap ul li:nth-child(2n+1) { clear: left; } }

@media (min-width: 992px) { .about-cultureSpirit { position: relative; overflow: hidden; padding-bottom: 120px; }
  .about-cultureSpirit .commonweb { position: relative; }
  .about-cultureSpirit dl dt { float: left; width: 55%; background-color: #f7f7f7; padding: 50px 0px 50px 70px; position: relative; }
  .about-cultureSpirit dl dt .Spirit { font-size: 18px; color: #000000; padding-left: 50px; position: relative; }
  .about-cultureSpirit dl dt .Spirit:after { width: 90px; content: ''; position: absolute; display: block; top: 50%; left: -50px; height: 1px; background-color: #484848; }
  .about-cultureSpirit dl dt div { width: 390px; margin: 0px; position: relative; padding: 30px 0px; text-align: center; line-height: 60px; margin-top: 20px; }
  .about-cultureSpirit dl dt div p { font-size: 22px; color: #005469; }
  .about-cultureSpirit dl dt div::after { content: ''; display: block; position: absolute; right: 0px; bottom: 0px; width: 33px; height: 33px; background: url(../images/img47.png) no-repeat; }
  .about-cultureSpirit dl dt div::before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 33px; height: 33px; background: url(../images/img46.png) no-repeat; }
  .about-cultureSpirit dl dt:after { top: 0px; left: -100%; background-color: #f7f7f7; content: ''; position: absolute; width: 100%; height: 100%; }
  .about-cultureSpirit dl dd { position: absolute; right: 0px; top: 55px; width: 52%; }
  .about-cultureSpirit dl dd img { display: block; width: 100%; }
  .contact-service { font-size: 14px; color: #1a1a1a; line-height: 20px; padding-top: 60px; }
  .contact-service h3 { font-size: 28px; color: #005469; padding-bottom: 20px; line-height: 35px; }
  .contact-service p { padding-bottom: 10px; }
  .contact-service p.pdl80 { padding-bottom: 25px; padding-left: 70px; }
  .contact-service dt { padding-bottom: 0px; }
  .contact-colThreebox li { float: left; width: 33.3333%; }
  .contact-colThreebox li:nth-last-child(n+2) { border-bottom: none; }
  .contact-colThreebox li:nth-child(2n) { border-right: 1px solid #ebf2f5; }
  .contact-colThreebox li:nth-last-child(n+4) { border-bottom: 1px solid #ebf2f5; }
  .contact-colThreebox li:nth-child(3n) { border-right: none; }
  .contact-colThree { background-color: #fff; padding: 40px 30px 0px; font-size: 20px; line-height: 28px; min-height: 490px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; color: #042536; font-size: 16px; }
  .contact-colThree img { display: block; width: 100%; }
  .contact-colThree p { position: relative; padding: 0px 0px 0px 60px; }
  .contact-colThree p span { position: absolute; left: 0px; }
  .contact-colThree p.Title { font-size: 22px; margin-top: 25px; padding: 0px 0px 15px; }
  .contact-colThree p.Title:after { content: ''; width: 25px; height: 2px; background-color: #042536; display: block; margin-top: 15px; }
  .honor-listDesc { font-size: 18px; line-height: 42px; padding-left: 80px; padding-top: 30px; }
  .honor-listImg dt { font-size: 22px; color: #333333; }
  .honor-listImg dt .honorTile { max-width: 180px; padding-top: 70px; text-align: left; padding-bottom: 0px; }
  .honor-listImg .honor-listImgNext, .honor-listImg .honor-listImgPrev { position: absolute; bottom: 10%; display: block; background-repeat: no-repeat; width: 36px; height: 36px; cursor: pointer; background-position: center; background-color: #f0f0f0; z-index: 20; -webkit-border-radius: 100%; border-radius: 100%; }
  .honor-listImg .honor-listImgNext { left: 60px; right: auto; background-image: url(../images/img201.png); }
  .honor-listImg .honor-listImgPrev { left: 70px; right: auto; background-image: url(../images/img200.png); }
  .honor-Time li { text-align: center; font-size: 24px; color: #fff; line-height: 40px; height: 60px; padding: 10px 0px; }
  .supply { padding: 80px; }
  .supply .supplyText { font-size: 16px; line-height: 30px; max-width: 1000px; margin: 0px auto; text-align: center; }
  .supply .supplyMap { max-width: 830px; margin: 40px auto 0px; position: relative; }
  .supply .supplyMap .bigimg { display: block; max-width: 100%; }
  .supply .supplyMap ul li { position: absolute; left: 50%; top: 50%; display: none; z-index: 99999; }
  .supply .supplyMap ul li .ul{ position: absolute; width: 580px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; display: block; margin-left: -5px; margin-right: -5px; border: 3px solid rgb(215, 215, 215); }
  .supply .supplyMap ul li .ul .li{ padding-left: 5px; padding-right: 5px; float: left; display: block; width: 50%; }
  .supply .supplyMap ul li .ul h2{ font-size: 16px; font-weight: normal; margin-bottom: 15px; background: #f8f8f8; padding: 10px 20px; position: relative; }
  .supply .supplyMap ul li .ul .close{ display: block; width: 21px; height: 21px; background: url(../images/close.png) no-repeat; position: absolute; right: 10px; top: 10px; cursor: pointer; }
  .supply .supplyMap ul li div { position: static; top: 260px; left: 200px; width: 100%; min-height: 230px; padding: 10px; background-color: #fff; border: 1px solid #005469; margin-bottom: 10px; }
  .supply .supplyMap ul li div p { font-size: 14px; color: #005469; line-height: 24px; margin-top: 5px; }
  .supply .supplyMap ul li div .title { margin-top: 10px; }
  .supply .supplyMap ul li:nth-child(2n+1) { clear: left; } }

@media (min-width: 1024px) { .aboutIntro { margin-top: 50px; }
  .aboutIntro dt { float: left; width: 52%; }
  .aboutIntro dt img { width: 100%; display: block; }
  .aboutIntro dd { position: absolute; width: 52%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px); right: 0px; top: 70px; padding: 30px 30px 0px; }
  .aboutIntro dd h1 { font-size: 24px; color: #fff; }
  .aboutIntro dd .deep { width: 73px; height: 73px; position: absolute; bottom: 15px; right: 35px; background-color: #004f35; display: none; }
  .aboutIntro dd .shallow { width: 58px; height: 58px; position: absolute; bottom: -15px; right: 90px; background-color: rgba(163, 197, 48, 0.8); display: none; }
  .aboutIntro dd .aboutStock { font-size: 20px; color: #fff; margin-top: 10px; }
  .aboutIntro dd .desc { font-size: 14px; color: #8bb4be; line-height: 24px; margin-top: 10px; }
  .aboutThreeColumn { padding-top: 150px; }
  .aboutThreeColumn li { text-align: center; }
  .aboutThreeColumn li img { display: block; margin: 0px auto; max-width: 100%; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); }
  .aboutThreeColumn li .title { color: #005469; font-size: 20px; padding-top: 10px; }
  .aboutThreeColumn li .desc { font-size: 16px; padding-top: 5px; color: #666666; }
  .about-threeTow dl { padding: 50px 0px 0px; }
  .about-threeTow dl dt { float: left; width: 50%; }
  .about-threeTow dl dt img { width: 95%; display: block; }
  .about-threeTow dl dd { float: right; width: 50%; font-size: 16px; line-height: 30px; padding: 10px 20px 0px 20px; }
  .about-threeTow dl:nth-child(2n) dt { float: right; text-align: right; }
  .about-threeTow dl:nth-child(2n) dt img { width: 100%; display: block; }
  .about-threeTow dl:nth-child(2n) dd { float: left; padding: 30px 80px 0px 40px; }
  .about-footImg { padding-top: 50px; padding-bottom: 40px; }
  .about-footImg img { width: 100%; display: block; }
  .about-footImg dl { font-size: 16px; line-height: 30px; padding-top: 0px; }
  .about-footImg dl dt { float: left; padding: 25px; width: 50%; }
  .about-footImg dl dd { float: left; padding: 25px; width: 50%; }
  .about-Partybuilding-detail { padding-top: 100px; padding-bottom: 100px; }
  .about-Partybuilding-detail .contentFoot dd { padding-top: 0px; }
  .about-strategy { margin-top: 90px; }
  .about-strategy dt { position: relative; }
  .about-strategy dt .title { font-size: 24px; }
  .about-strategy dt .desc { font-size: 16px; line-height: 28px; }
  .about-strategy dd img { width: 100%; display: block; }
  .about-strategy .firstYear { float: right; width: 50%; }
  .about-strategy .firstYear dt { background-color: #005469; padding: 70px 0px 0px 150px; height: 290px; }
  .about-strategy .firstYear dt .desc { color: #fff; }
  .about-strategy .firstYear dt .title { color: #fff; margin-top: 35px; }
  .about-strategy .firstYear dt:after { display: block; content: ''; position: absolute; left: 0px; top: 50%; margin-top: -10px; }
  .about-strategy .secondYear { float: left; width: 50%; }
  .about-strategy .secondYear dt { background: url(../images/img53.jpg) no-repeat; background-size: cover; height: 303px; padding: 70px 20% 0px 35%; }
  .about-strategy .secondYear dt .title { padding-bottom: 35px; }
  .about-strategy .thirdYear { position: relative; }
  .about-strategy .thirdYear img { width: 100%; display: block; }
  .about-strategy .thirdYear dt { position: absolute; top: 10%; right: 5%; width: 495px; padding: 25px 30px; }
  .about-strategy .thirdYear dt .title { padding-bottom: 20px; }
  .about-strategy .thirdYear dt .desc { line-height: 32px; }
  .about-CooperationDesc { margin-top: 90px; position: relative; }
  .about-CooperationDesc img { display: block; width: 100%; }
  .about-CooperationDesc dt { background-color: #fff; position: absolute; left: 80px; top: 20%; width: 360px; height: 380px; padding: 70px 35px 0px; font-size: 16px; line-height: 30px; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); }
  .about-CooperationDesc dt .Emphasize { color: #005469; font-size: 18px; }
  .about-CooperationDesc dt :after { height: 1px; width: 100px; position: absolute; content: ''; background-color: #1eb9ee; left: -35px; top: 45px; display: block; }
  .CooperationFourColumn { padding-top: 150px; padding-bottom: 40px; }
  .CooperationFourColumn li { text-align: center; padding-bottom: 0px; }
  .CooperationFourColumn li img { display: block; margin: 0px auto; max-width: 100%; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); box-shadow: 0px 2px 8px rgba(3, 1, 1, 0.2); }
  .CooperationFourColumn li .title { color: #005469; font-size: 20px; padding-top: 15px; }
  .CooperationFourColumn li .desc { font-size: 16px; padding-top: 10px; color: #666666; }
  .about-Cooperation { padding-top: 50px; padding-bottom: 80px; }
  .about-Cooperation li { margin-top: 15px; }
  .about-Cooperation li img { border: 1px solid #e4e4e4; width: 100%; } }

@media (min-width: 1260px) { .aboutIntro { margin-top: 100px; }
  .aboutIntro dt { float: left; width: 52%; }
  .aboutIntro dt img { width: 100%; display: block; }
  .aboutIntro dd { position: absolute; width: 52%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px); right: 0px; top: 70px; padding: 30px 60px 0px; }
  .aboutIntro dd .deep { width: 73px; height: 73px; display: block; position: absolute; bottom: 15px; right: 35px; background-color: #004f35; }
  .aboutIntro dd .shallow { width: 58px; height: 58px; display: block; position: absolute; bottom: -15px; right: 90px; background-color: rgba(163, 197, 48, 0.8); }
  .Emphasis { background: url(../images/img31.png) no-repeat center; background-size: cover; max-width: 1200px; height: 150px; position: relative; padding: 0px; margin: 85px auto -80px; line-height: 150px; font-size: 28px; text-align: center; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 10px 8px rgba(3, 1, 1, 0.4); box-shadow: 0px 10px 8px rgba(3, 1, 1, 0.4); }
  .Emphasis span { font-size: 36px; color: #a3c530; }
  .about-content { background: url(../images/img30.jpg) no-repeat center; background-size: cover; height: 620px; }
  .about-content dl { padding-top: 180px; }
  .about-content dl dt { padding-left: 50%; font-size: 16px; color: #fff; line-height: 30px; }
  .about-content dl dt a { color: #a3c530; position: relative; padding-right: 20px; }
  .about-footImg { padding-top: 100px; padding-bottom: 40px; }
  .about-footImg img { width: 100%; display: block; }
  .about-footImg dl { font-size: 16px; line-height: 30px; }
  .about-footImg dl dt { float: left; padding: 35px; width: 50%; }
  .about-footImg dl dd { float: left; padding: 35px; width: 50%; }
  .about-Partybuilding { padding: 100px 0px; }
  .about-Partybuilding dl { border-bottom: 1px solid #dedede; padding: 40px 0px; }
  .about-Partybuilding dl dt { float: left; max-width: 375px; margin-right: 45px; }
  .about-Partybuilding dl dt span { display: block; max-width: 375px; position: relative; overflow: hidden; }
  .about-Partybuilding dl dt span img { display: block; width: 100%; }
  .about-Partybuilding dl dd .Title { font-size: 20px; color: #484b4c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .about-Partybuilding dl dd .time { font-size: 20px; color: #005469; margin-top: 10px; }
  .about-Partybuilding dl dd .desc { font-size: 16px; color: #787c80; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }
  .about-Partybuilding dl dd .more { font-size: 14px; margin-top: 25px; }
  .about-Partybuilding dl dd .more span { display: inline-block; width: 125px; border: 1px solid #dfdfdf; height: 40px; line-height: 40px; text-align: center; color: #888888; }
  .about-Partybuilding dl:hover dd .more span { background-color: #005469; border: 1px solid #005469; color: #fff; }
  .about-development { padding: 250px 0px 90px; }
  .about-development dl { margin-top: -100px; }
  .about-development dl dt { width: 50%; float: right; padding-left: 150px; padding-bottom: 50px; position: relative; }
  .about-development dl dt .time { font-size: 30px; position: absolute; z-index: 9; left: 50px; top: 0px; }
  .about-development dl dt .time .dot { border: 3px solid #005469; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; width: 12px; height: 12px; position: absolute; left: -57px; top: 50%; margin-top: -4px; }
  .about-development dl dt .developmentContent { font-size: 16px; color: #333333; line-height: 36px; padding-right: 30%; }
  .about-development dl dt ul { margin: 0px -10px; padding-top: 20px; }
  .about-development dl dt ul li { float: left; width: 50%; padding: 0px 10px; }
  .about-development dl dt ul li img { width: 100%; display: block; }
  .about-development dl dt:after { bottom: 0px; width: 3px; content: ''; position: absolute; left: -2px; top: -50px; background-color: #ebebeb; }
  .about-development dl:nth-child(2n) dt { float: left; padding-right: 150px; padding-left: 0px; text-align: right; }
  .about-development dl:nth-child(2n) dt:after { left: auto; right: -1px; }
  .about-development dl:nth-child(2n) dt .time { left: auto; right: 40px; }
  .about-development dl:nth-child(2n) dt .time .dot { left: 98px; }
  .about-development dl:nth-child(2n) dt .developmentContent { padding-right: 0px; padding-left: 30%; }
  .about-development .moreBtn { padding-top: 60px; }
  .about-development .moreBtn a { display: block; margin: 0px auto; background-color: #005469; width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; }
  .about-strategy .thirdYear dt { position: absolute; top: 20%; right: 5%; width: 495px; min-height: 480px; padding: 35px 50px; }
  .about-culture { margin-top: 180px; background: url(../images/img36.jpg) no-repeat center; background-size: cover; height: 505px; }
  .about-culture dt { float: right; width: 560px; height: 505px; color: #fff; font-size: 18px; padding: 160px 60px 0px; line-height: 34px; text-align: center; background-color: rgba(0, 84, 105, 0.9); margin-top: -75px; }
  .about-cultureReboot { padding-top: 100px; padding-bottom: 100px; }
  .about-cultureReboot ul { position: relative; width: 324px; margin: 0px auto; }
  .about-cultureReboot ul .roundImg { display: block; width: 100%; }
  .about-cultureReboot ul .Rebootcenter { position: absolute; text-align: center; left: 0px; top: 50%; margin-top: -45px; width: 100%; }
  .about-cultureReboot ul .Rebootcenter p { color: #1a1a1a; font-size: 18px; }
  .about-cultureReboot ul .Rebootcenter .title { padding-top: 10px; color: #005469; font-size: 32px; }
  .about-cultureReboot ul li { position: absolute; width: 107px; height: 107px; top: -33px; left: -140px; }
  .about-cultureReboot ul li img { position: relative; z-index: 9; max-width: 100%; }
  .about-cultureReboot ul li i { background-repeat: no-repeat; background-image: url(../images/img42.png); display: block; width: 105px; height: 51px; position: absolute; left: 105px; top: 54px; }
  .about-cultureReboot ul li i.Tow { background-image: url(../images/img43.png); }
  .about-cultureReboot ul li i.Three { background-image: url(../images/img44.png); }
  .about-cultureReboot ul li i.four { background-image: url(../images/img45.png); }
  .about-cultureReboot ul li div { position: absolute; width: 295px; left: -315px; top: 20px; text-align: right; }
  .about-cultureReboot ul li div p { font-size: 18px; color: #333333; }
  .about-cultureReboot ul li div .title { padding-bottom: 10px; color: #005469; font-size: 22px; font-weight: 700; }
  .about-cultureReboot ul li.second { top: -33px; left: 359px; }
  .about-cultureReboot ul li.second i { left: -105px; }
  .about-cultureReboot ul li.second div { text-align: left; left: 125px; }
  .about-cultureReboot ul li.third { top: 247px; left: -140px; }
  .about-cultureReboot ul li.third i { left: 105px; top: 4px; }
  .about-cultureReboot ul li.third div { text-align: right; }
  .about-cultureReboot ul li.fourth { top: 247px; left: 359px; }
  .about-cultureReboot ul li.fourth i { left: -105px; top: 4px; }
  .about-cultureReboot ul li.fourth div { text-align: left; left: 125px; }
  .about-cultureSpirit { position: relative; overflow: hidden; padding-bottom: 180px; }
  .about-cultureSpirit .commonweb { position: relative; }
  .about-cultureSpirit dl dt { float: left; width: 55%; background-color: #f7f7f7; padding: 50px 0px 50px 90px; position: relative; }
  .about-cultureSpirit dl dt .Spirit { font-size: 18px; color: #000000; padding-left: 50px; position: relative; }
  .about-cultureSpirit dl dt .Spirit:after { width: 90px; content: ''; position: absolute; display: block; top: 50%; left: -50px; height: 1px; background-color: #484848; }
  .about-cultureSpirit dl dt div { width: 390px; position: relative; padding: 50px 0px; text-align: center; line-height: 60px; margin-top: 20px; }
  .about-cultureSpirit dl dt div p { font-size: 28px; color: #005469; }
  .about-cultureSpirit dl dt div::after { content: ''; display: block; position: absolute; right: 0px; bottom: 0px; width: 33px; height: 33px; background: url(../images/img47.png) no-repeat; }
  .about-cultureSpirit dl dt div::before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 33px; height: 33px; background: url(../images/img46.png) no-repeat; }
  .about-cultureSpirit dl dt:after { top: 0px; left: -100%; background-color: #f7f7f7; content: ''; position: absolute; width: 100%; height: 100%; }
  .about-cultureSpirit dl dd { position: absolute; right: 0px; top: 105px; width: 52%; }
  .about-cultureSpirit dl dd img { display: block; width: 100%; }
  .contact-colFour li { padding-bottom: 0px; }
  .contact-colFour li:nth-child(2n+1) { clear: none; }
  .contact-colFour div { margin-left: 50px; padding-left: 60px; }
  .contact-colFour div img { height: 38px; top: 0px; }
  .contact-colFour div p.font21 { font-size: 21px; }
  .contact-colFour li:first-child div { margin-left: 0px; color: #3f3f3f; padding-left: 50px; }
  .contact-colFour { padding-top: 80px; padding-bottom: 80px; }
  .honor-Timebox { margin-top: 90px; }
  .honor-listbox { margin-top: 60px; padding-bottom: 100px; } }

@media (min-width: 1440px) { .aboutIntro { margin-top: 100px; position: relative; }
  .aboutIntro dt { float: left; width: 52%; }
  .aboutIntro dt img { width: 100%; display: block; }
  .aboutIntro dd { position: absolute; width: 52%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px); right: 0px; top: 70px; background-color: #005469; padding: 70px 60px 0px; }
  .aboutIntro dd:after { content: ''; position: absolute; display: block; top: -70px; left: 0px; border-bottom: 70px solid #004768; border-left: 57px solid transparent; }
  .aboutIntro dd h1 { font-size: 28px; color: #fff; }
  .aboutIntro dd .aboutStock { font-size: 20px; color: #fff; margin-top: 15px; }
  .aboutIntro dd .desc { font-size: 16px; color: #8bb4be; line-height: 30px; margin-top: 20px; }
  .aboutIntro dd .deep { width: 73px; height: 73px; display: block; position: absolute; bottom: 15px; right: 85px; background-color: #004f35; }
  .aboutIntro dd .shallow { width: 58px; height: 58px; display: block; position: absolute; bottom: -15px; right: 140px; background-color: rgba(163, 197, 48, 0.8); }
  .about-threeTow dl { padding: 100px 0px 0px; }
  .about-threeTow dl dt { float: left; width: 50%; }
  .about-threeTow dl dt img { width: 90%; display: block; }
  .about-threeTow dl dd { float: right; width: 50%; font-size: 16px; line-height: 30px; padding: 30px 80px 0px 40px; }
  .about-threeTow dl:nth-child(2n) dt { float: right; text-align: right; }
  .about-threeTow dl:nth-child(2n) dt img { width: 100%; display: block; }
  .about-threeTow dl:nth-child(2n) dd { float: left; padding: 30px 80px 0px 40px; }
  .about-CooperationDesc { margin-top: 90px; position: relative; }
  .about-CooperationDesc img { display: block; width: 100%; }
  .about-CooperationDesc dt { background-color: #fff; position: absolute; left: 80px; top: 45%; width: 360px; height: 400px; padding: 70px 35px 0px; font-size: 16px; line-height: 30px; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); }
  .about-CooperationDesc dt .Emphasize { color: #005469; font-size: 18px; }
  .about-CooperationDesc dt :after { height: 1px; width: 100px; position: absolute; content: ''; background-color: #1eb9ee; left: -35px; top: 45px; display: block; }
  .about-cultureReboot { padding-top: 100px; padding-bottom: 100px; }
  .about-cultureReboot ul { position: relative; width: 324px; margin: 0px auto; }
  .about-cultureReboot ul .roundImg { display: block; width: 100%; }
  .about-cultureReboot ul .Rebootcenter { position: absolute; text-align: center; left: 0px; top: 50%; margin-top: -45px; width: 100%; }
  .about-cultureReboot ul .Rebootcenter p { color: #1a1a1a; font-size: 18px; }
  .about-cultureReboot ul .Rebootcenter .title { padding-top: 10px; color: #005469; font-size: 32px; }
  .about-cultureReboot ul li { position: absolute; width: 107px; height: 107px; top: -33px; left: -140px; }
  .about-cultureReboot ul li img { position: relative; z-index: 9; max-width: 100%; }
  .about-cultureReboot ul li i { background-repeat: no-repeat; background-image: url(../images/img42.png); display: block; width: 105px; height: 51px; position: absolute; left: 105px; top: 54px; }
  .about-cultureReboot ul li i.Tow { background-image: url(../images/img43.png); }
  .about-cultureReboot ul li i.Three { background-image: url(../images/img44.png); }
  .about-cultureReboot ul li i.four { background-image: url(../images/img45.png); }
  .about-cultureReboot ul li div { position: absolute; width: 295px; left: -330px; top: 20px; text-align: right; }
  .about-cultureReboot ul li div p { font-size: 18px; color: #333333; }
  .about-cultureReboot ul li div .title { padding-bottom: 10px; color: #005469; font-size: 22px; font-weight: 700; }
  .about-cultureReboot ul li.second { top: -33px; left: 359px; }
  .about-cultureReboot ul li.second i { left: -105px; }
  .about-cultureReboot ul li.second div { text-align: left; left: 145px; }
  .about-cultureReboot ul li.third { top: 247px; left: -140px; }
  .about-cultureReboot ul li.third i { left: 105px; top: 4px; }
  .about-cultureReboot ul li.third div { text-align: right; }
  .about-cultureReboot ul li.fourth { top: 247px; left: 359px; }
  .about-cultureReboot ul li.fourth i { left: -105px; top: 4px; }
  .about-cultureReboot ul li.fourth div { text-align: left; left: 145px; }
  .contact-service { font-size: 16px; color: #1a1a1a; line-height: 20px; padding-top: 80px; }
  .contact-service h3 { font-size: 32px; color: #005469; padding-bottom: 20px; line-height: 40px; }
  .contact-service p { padding-bottom: 20px; }
  .contact-service p.font18 { font-size: 18px; }
  .contact-service p.pdl80 { padding-left: 80px; padding-bottom: 40px; }
  .contact-service p.Suggestions { padding-bottom: 5px; }
  .contact-service img { display: block; width: 100%; }
  .contact-colThree { background-color: #fff; padding: 50px 51px; font-size: 20px; line-height: 38px; min-height: 550px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; color: #042536; font-size: 20px; }
  .contact-colThree img { display: block; width: 100%; }
  .contact-colThree p { position: relative; padding: 0px 0px 0px 60px; }
  .contact-colThree p span { position: absolute; left: 0px; }
  .contact-colThree p.Title { font-size: 26px; margin-top: 25px; padding: 0px 0px 15px; }
  .contact-colThree p.Title:after { content: ''; width: 25px; height: 2px; background-color: #042536; display: block; margin-top: 15px; } }

.commonbanner { position: relative; z-index: 9; }

.commonbanner .bannerImg { width: 100%; display: block; }

.commonbanner .commonbannerText { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -80px; }

.commonbanner .commonbannerText p { padding-left: 90px; font-size: 18px; color: #fff; line-height: 55px; }

.commonbanner .commonbannerText .title { font-size: 32px; }

.commonbanner .Columnclass { position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; }

.commonbanner .Columnclass .ColumnclassTitle { background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; display: block; padding: 10px 0px; }

.commonbanner .Columnclass ul { background-color: #166d83; display: none; position: absolute; left: 15px; right: 15px; }

.commonbanner .Columnclass ul li { font-size: 14px; position: relative; }

.commonbanner .Columnclass ul li > a { height: 45px; line-height:45px; color: #fff; display: block; position: relative; }

.commonbanner .Columnclass ul li:last-child > a:after { display: none; }

.commonbanner .Columnclass ul li:hover > a { background-color: #00556a; }

.commonbanner .Columnclass ul li:hover > a:after { display: none; }

.commonbanner .Columnclass ul li.cur > a { background-color: #00556a; }

.commonbanner .Columnclass ul li.cur > a:after { display: none; }

.commonbanner .Columnclass ul li.menuIcon { position: relative; }

.commonbanner .Columnclass ul li.menuIcon span { content: ''; display: block; width: 30%; height: 60px; position: absolute; right: 0px; top: 0px; background: url(../images/img202.png) no-repeat 80% center; }

.commonbanner .Columnclass ul li.cur2 span { background: url(../images/img203.png) no-repeat 80% center; }

.commonbanner .Columnclass ul li p { background-color: #f7f7f7; line-height: 44px; font-size: 14px; display: none; padding: 10px 0px; }

.commonbanner .Columnclass ul li p a { display: block; }

.commonbanner .Columnclass ul li p a:hover { color: #005469; }

.page { padding: 60px 0px 0px; text-align: center; }

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

.loadDataBtn { text-align: center; padding: 60px 0px; }

.loadDataBtn a { display: inline-block; width: 200px; height: 50px; color: #fff; text-align: center; background-color: #005469; line-height: 50px; }

.loadDataBtn a span { background: url(../images/icon0004.png) no-repeat right center; padding-right: 30px; }

.commonPageTitle { font-size: 24px; text-align: center; }

.webmap01 { background-color: #fff; padding: 10px 0px 50px; }

.webmap01 dl { border: 1px solid #e6e6e6; margin-top: 30px; }

.webmap01 dl h3 { padding-left: 20px; padding-bottom: 5px; }

.webmap01 dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }

.webmap01 dl h3 span a { color: #005469; }

.webmap01 dl dd { padding-left: 33px; padding-bottom: 10px; }

.webmap01 dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }

.webmap01 dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #005469; vertical-align: middle; }

.layui-laydate-content td, .layui-laydate-content th { border: none !important; }

.searchResult { max-width: 1260px; margin: 0px auto; padding: 50px 0px; }

.searchResult dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }

.searchResult dl dt { float: left; font-size: 16px; }

.searchResult dl dd { float: right; font-size: 14px; }

.searchResultList li { padding: 15px 35px 25px; margin-top: 25px; border-bottom: 1px solid #eee; background: #f6f6f6; }

.searchResultList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }

.searchResultList li p { font-size: 13px; color: #1a1a1a; padding-top: 10px; line-height: 24px; }

@media (min-width: 768px) { .commonbanner .Columnclass ul { left: 20px; right: 20px; }
  .commonPageTitle { font-size: 36px; text-align: center; }
  .webmap01 { background-color: #fff; padding: 10px 40px 50px; }
  .webmap01 dl { margin-top: 50px; }
  .webmap01 dl dd a { padding-right: 50px; } }

@media (min-width: 992px) { .commonbanner .Columnclass ul { left: 10px; right: 10px; } }

@media (min-width: 1260px) { .commonbanner { position: relative; z-index: 9; }
  .commonbanner .bannerImg { width: 100%; display: block; }
  .commonbanner .commonbannerText { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -80px; }
  .commonbanner .commonbannerText p { padding-left: 90px; font-size: 18px; color: #fff; line-height: 55px; }
  .commonbanner .commonbannerText .title { font-size: 32px; }
  .commonbanner .Columnclass { position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; font-size: 0; }
  .commonbanner .Columnclass .ColumnclassTitle { background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; display: none; padding: 10px 0px; }
  .commonbanner .Columnclass ul { background-color: rgba(22, 109, 131, 0.9); display: block; position: relative; left: 0px; right: 0px; }
  .commonbanner .Columnclass ul li { float: left; font-size: 16px; }
  .commonbanner .Columnclass ul li > a { color: #fff; display: block; position: relative; height: 60px; line-height: 60px; }
  .commonbanner .Columnclass ul li > a:after { content: ''; width: 1px; height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; background-color: #fff; }
  .commonbanner .Columnclass ul li:last-child > a:after { display: none; }
  .commonbanner .Columnclass ul li:hover > a { background-color: #00556a; }
  .commonbanner .Columnclass ul li:hover > a:after { display: none; }
  .commonbanner .Columnclass ul li.cur > a { background-color: #00556a; }
  .commonbanner .Columnclass ul li.cur > a:after { display: none; }
  .commonbanner .Columnclass ul li p { position: absolute; left: 0px; right: 0px; top: 60px; display: block; background-color: #f7f7f7; line-height: 44px; font-size: 14px; overflow: hidden; max-height: 0px; padding: 0px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; }
  .commonbanner .Columnclass ul li p a { display: block; }
  .commonbanner .Columnclass ul li p a:hover { color: #005469; }
  .commonbanner .Columnclass ul li:hover p { max-height: 400px; padding: 10px 0px; }
  .commonbanner .Columnclass ul li.menuIcon { position: relative; }
  .commonbanner .Columnclass ul li.menuIcon span { content: ''; display: block; width: 50px; height: 100%; position: absolute; right: 0%; top: 0%; background: url(../images/img202.png) no-repeat center; }
  .commonbanner .Columnclass ul.aboutClass li { width: -webkit-calc(100% / 6); width: calc(100% / 6); }
  .commonbanner .Columnclass ul.EcologyClass { max-width: 700px; margin: 0px auto; }
  .commonbanner .Columnclass ul.EcologyClass li { width: -webkit-calc(100% / 3); width: calc(100% / 3); }
  .commonbanner .Columnclass ul.InnovationClass { margin: 0px auto; } /* max-width: 935px; */
  .commonbanner .Columnclass ul.InnovationClass li { width: -webkit-calc(100% / 6); width: calc(100% / 6); }
  .commonbanner .Columnclass ul.NewsClass { max-width: 935px; margin: 0px auto; }
  .commonbanner .Columnclass ul.NewsClass li { width: -webkit-calc(100% / 4); width: calc(100% / 4); }
  .commonbanner .Columnclass ul.investorClass li { width: -webkit-calc(100% / 6); width: calc(100% / 6); }
  .commonbanner .Columnclass ul.jobsClass { max-width: 900px; margin: 0px auto; }
  .commonbanner .Columnclass ul.jobsClass li { width: -webkit-calc(100% / 4); width: calc(100% / 4); } }

.EcologyTitle { position: relative; text-align: center; font-size: 24px; color: #0a142d; padding: 0px 0px 20px; }

.EcologyTitle span { margin: 20px auto 0px; display: block; bottom: 0px; width: 48px; height: 2px; background-color: #0a142d; }

.Ecology-financialBox { padding-top: 40px; padding-bottom: 20px; }

.Ecology-financialBox .Ecology-financial { margin-top: 15px; }

.Ecology-financialBox .Ecology-financial p { font-size: 14px; color: #262626; line-height: 22px; margin-bottom: 10px; }

.Ecology-financialBox .Ecology-financial .ThirdOrder { font-size: 20px; text-align: center; line-height: 30px; }

.Ecology-financialBox .Ecology-financial .font14 { font-size: 13px; }

.Ecology-financialBox .Ecology-financial .font18 { font-size: 16px; }

.Ecology-financialBox .Ecology-financial .font36 { font-size: 24px; font-weight: 700; text-align: center; color: #222222; padding-bottom: 10px; }

.Ecology-financialBox .Ecology-financial .font28 { font-size: 18px; text-align: center; color: #005469; padding-bottom: 10px; }

.Ecology-financialBox .Ecology-financial .Title { font-size: 18px; color: #005469; }

.Ecology-financialBox .Ecology-financial img { max-width: 100%; }

.Ecology-financialBox .Ecology-financial .Ecology-Features { padding: 0px 0px; }

.Ecology-financialBox .Ecology-financial .Ecology-Features li { text-align: center; padding-top: 25px; }

.Ecology-financialBox .Ecology-financial .Ecology-Features li span { display: block; background-color: #005469; color: #fff; font-size: 16px; max-width: 210px; height: 45px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 45px; }

.Ecology-financialBox .EcologyLine { height: 1px; background-color: #dbdbdb; }

.Ecology-financialBox .Ecology-Technology dl dt img { display: block; width: 100%; }

.Ecology-financialBox .Ecology-Technology dl dd { padding: 20px 0px; }

.Ecology-financialBox .Ecology-Technology dl dd .title { font-size: 18px; color: #222222; padding-bottom: 10px; }

.Ecology-financialBox .Ecology-Technology dl dd .desc { font-size: 14px; color: #666666; line-height: 24px; }

.Ecology-financialBox .Ecology-Store li { padding-bottom: 15px; }

.Ecology-financialBox .Ecology-Store li img { display: block; width: 100%; }

.Ecology-retailFoot { background-color: #f6f6f6; padding: 55px 0px; }

.Ecology-retailFoot .font36 { font-size: 36px; font-weight: 700; text-align: center; color: #222222; padding-bottom: 20px; }

.Ecology-retailFoot .font28 { font-size: 28px; text-align: center; color: #005469; padding-bottom: 20px; }

.Ecology-retailFoot img { max-width: 100%; }

.Ecology-business dt { padding-bottom: 20px; }

.Ecology-business dt p { font-size: 14px; color: #005469; }

.Ecology-business dt p:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; background-color: #005469; margin-right: 10px; }

.Ecology-business dt .Title { font-size: 20px; color: #333333; padding-bottom: 10px; }

.Ecology-business dt .Title::before { display: none; }

.Ecology-business dd { font-size: 14px; color: #4c4c4c; line-height: 24px; }

.Ecology-business ul { padding-top: 40px; }

.Ecology-business ul li { padding-bottom: 35px; }

.Ecology-business ul li .service { background-color: #e5ecf2; text-align: center; max-width: 355px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }

.Ecology-business ul li .service p { margin-top: 10px; font-size: 14px; color: #323232; }

.Ecology-business ul li .service p span { font-size: 16px; font-weight: 700; }

.Ecology-business ul li .service .Title { background-color: #004c7d; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; }

.Ecology-business ul li .serviceImg { max-width: 424px; position: relative; margin: 0px auto; }

.Ecology-business ul li .serviceImg img { max-width: 100%; }

.Ecology-business ul li .value { background-color: #fde9d1; text-align: center; max-width: 300px; margin: 0px auto; height: 300px; -webkit-border-radius: 8px; border-radius: 8px; }

.Ecology-business ul li .value p { margin-top: 30px; font-size: 18px; color: #323232; line-height: 40px; }

.Ecology-business ul li .value .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; }

.Ecology-Logistics li { padding-top: 20px; }

.Ecology-Logistics li img { margin-bottom: 2px; max-width: 40%; }

.Ecology-Logistics li p { font-size: 14px; line-height: 28px; }

.Ecology-Logistics li p .Orange { font-size: 20px; color: #f39800; height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; }

.Ecology-Logistics li p .blue { font-size: 20px; color: #01a6c1; }

.Ecology-Logistics li p .font30 { font-size: 16px; }

.Ecology-company { padding-bottom: 40px; }

.Ecology-company li { margin-top: 20px; }

.Ecology-company li .companyImg { position: relative; padding-bottom: 150px; }

.Ecology-company li .companyImg img { display: block; width: 100%; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; }

.Ecology-company li .companyInfo { position: absolute; bottom: 0px; left: 0px; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: 2px solid #082430; padding: 15px; background-color: #fff; -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }

.Ecology-company li .companyInfo h3 { font-size: 18px; color: #005469; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.Ecology-company li .companyInfo .aims { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; font-size: 14px; }

.Ecology-company li .companyInfo .aims span { font-weight: 700; color: #005469; }

.Ecology-company li .companyInfo .companyName { font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.Ecology-company li .companyInfo .desc { max-height: 0px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 12px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.Ecology-company li .companyInfo .desc em { font-style: normal; color: #005469; padding-right: 20px; background: url(../images/icon004.png) no-repeat right center; }

.Ecology-company li:hover .companyInfo .desc { padding-top: 10px; margin-top: 10px; border-top: 1px dashed #cccccc; max-height: 82px; }

.Ecology-platform { padding-bottom: 40px; }

.Ecology-platform dt { padding-bottom: 20px; }

.Ecology-platform dt p { font-size: 14px; color: #005469; }

.Ecology-platform dt p:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; background-color: #005469; margin-right: 1-px; }

.Ecology-platform dt .Title { font-size: 22px; padding-bottom: 15px; color: #333333; }

.Ecology-platform dt .Title::before { display: none; }

.Ecology-platform dd { font-size: 14px; color: #4c4c4c; line-height: 30px; }

.Ecology-platform ul { padding-top: 40px; }

.Ecology-platform ul li { padding-bottom: 35px; }

.Ecology-platform ul li .service { background-color: #e5ecf2; text-align: center; max-width: 355px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }

.Ecology-platform ul li .service p { font-size: 20px; color: #323232; line-height: 50px; padding-top: 40px; font-weight: 700; }

.Ecology-platform ul li .service .Title { background-color: #004c7d; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; padding: 0px; }

.Ecology-platform ul li .serviceImg { max-width: 424px; position: relative; margin: 0px auto; }

.Ecology-platform ul li .serviceImg img { margin: 0px auto; display: block; max-width: 100%; }

.Ecology-platform ul li .value { background-color: #fde9d1; max-width: 320px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }

.Ecology-platform ul li .value .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; text-align: center; }

.Ecology-platform ul li .value .valueContent { padding: 35px 20px 15px; }

.Ecology-platform ul li .value .valueContent p { color: #696969; font-size: 14px; padding-bottom: 30px; line-height: 30px; }

.Ecology-platform ul li .value .valueContent .titleTwo { font-size: 16px; color: #323232; padding: 0px; font-weight: 700; line-height: 20px; padding-bottom: 8px; }

.Ecology-platform ul li .depthvalue { background-color: #fde9d1; max-width: 320px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }

.Ecology-platform ul li .depthvalue .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; text-align: center; }

.Ecology-platform ul li .depthvalue .valueContent { padding: 35px 20px 15px; }

.Ecology-platform ul li .depthvalue .valueContent p { color: #323232; font-size: 14px; padding-bottom: 20px; }

@media (min-width: 768px) { .Ecology-Logistics li { padding-top: 40px; }
  .Ecology-Logistics li img { margin-bottom: 10px; }
  .Ecology-Logistics li p { font-size: 16px; line-height: 30px; }
  .Ecology-Logistics li p .Orange { font-size: 30px; color: #f39800; height: 36px; overflow: hidden; display: inline-block; vertical-align: middle; }
  .Ecology-Logistics li p .blue { font-size: 30px; color: #01a6c1; }
  .Ecology-Logistics li p .font30 { font-size: 30px; } }

@media (min-width: 1024px) { .EcologyTitle { position: relative; text-align: center; font-size: 36px; color: #0a142d; padding: 30px 0px 60px; }
  .EcologyTitle span { margin: 20px auto 0px; display: block; bottom: 0px; width: 48px; height: 2px; background-color: #0a142d; }
  .Ecology-financialBox { padding-top: 40px; padding-bottom: 100px; }
  .Ecology-financialBox .Ecology-financial { margin-top: 15px; }
  .Ecology-financialBox .Ecology-financial p { font-size: 16px; color: #262626; line-height: 30px; margin-bottom: 15px; }
  .Ecology-financialBox .Ecology-financial .ThirdOrder { font-size: 30px; text-align: center; line-height: 40px; }
  .Ecology-financialBox .Ecology-financial .font14 { font-size: 14px; }
  .Ecology-financialBox .Ecology-financial .font18 { font-size: 18px; }
  .Ecology-financialBox .Ecology-financial .font36 { font-size: 36px; font-weight: 700; text-align: center; color: #222222; padding-bottom: 20px; }
  .Ecology-financialBox .Ecology-financial .font28 { font-size: 28px; text-align: center; color: #005469; padding-bottom: 20px; }
  .Ecology-financialBox .Ecology-financial .Title { font-size: 24px; color: #005469; }
  .Ecology-financialBox .Ecology-financial img { max-width: 100%; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features { padding: 0px 100px; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features li { text-align: center; padding-top: 25px; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features li span { background-color: #005469; color: #fff; font-size: 26px; height: 45px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 45px; }
  .Ecology-financialBox .EcologyLine { height: 1px; background-color: #dbdbdb; }
  .Ecology-financialBox .Ecology-Technology dl dt { float: left; width: 50%; }
  .Ecology-financialBox .Ecology-Technology dl dt img { display: block; width: 100%; }
  .Ecology-financialBox .Ecology-Technology dl dd { float: right; width: 50%; padding: 4% 5% 0px; }
  .Ecology-financialBox .Ecology-Technology dl dd .title { font-size: 18px; color: #222222; padding-bottom: 10px; }
  .Ecology-financialBox .Ecology-Technology dl dd .desc { font-size: 14px; color: #666666; line-height: 24px; }
  .Ecology-financialBox .Ecology-Technology dl:nth-child(2n) dt { float: right; }
  .Ecology-financialBox .Ecology-Technology dl:nth-child(2n) dd { float: left; text-align: right; }
  .Ecology-financialBox .Ecology-Store li { padding-bottom: 15px; }
  .Ecology-financialBox .Ecology-Store li img { display: block; width: 100%; }
  .Ecology-business ul li .value { height: 425px; }
  .Ecology-business ul li .value p { margin-top: 60px; } }

@media (min-width: 1260px) { .Ecology-Logistics li { padding-top: 40px; }
  .Ecology-Logistics li img { margin-bottom: 10px; }
  .Ecology-Logistics li p { font-size: 20px; line-height: 40px; }
  .Ecology-Logistics li p .Orange { font-size: 48px; color: #f39800; height: 48px; overflow: hidden; display: inline-block; vertical-align: middle; }
  .Ecology-Logistics li p .blue { font-size: 48px; color: #01a6c1; }
  .Ecology-Logistics li p .font30 { font-size: 30px; }
  .Ecology-company li { margin-top: 20px; }
  .Ecology-company li .companyImg { position: relative; padding-bottom: 150px; }
  .Ecology-company li .companyImg img { display: block; width: 100%; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; }
  .Ecology-company li .companyInfo { position: absolute; bottom: 0px; left: 0px; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: 2px solid #082430; padding: 30px 20px; background-color: #fff; -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
  .Ecology-company li .companyInfo h3 { font-size: 24px; color: #005469; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .Ecology-company li .companyInfo .aims { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; font-size: 16px; }
  .Ecology-company li .companyInfo .aims span { font-weight: 700; color: #005469; }
  .Ecology-company li .companyInfo .companyName { font-size: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .Ecology-company li .companyInfo .desc { max-height: 0px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .Ecology-company li .companyInfo .desc em { font-style: normal; color: #005469; padding-right: 20px; background: url(../images/icon004.png) no-repeat right center; }
  .Ecology-company li:hover .companyInfo .desc { padding-top: 10px; margin-top: 10px; border-top: 1px dashed #cccccc; max-height: 82px; } }

@media (min-width: 1440px) { .Ecology-financialBox { padding-top: 40px; padding-bottom: 100px; }
  .Ecology-financialBox .Ecology-financial { margin-top: 15px; }
  .Ecology-financialBox .Ecology-financial p { font-size: 16px; color: #262626; line-height: 30px; margin-bottom: 15px; }
  .Ecology-financialBox .Ecology-financial .font14 { font-size: 14px; }
  .Ecology-financialBox .Ecology-financial .font36 { font-size: 36px; font-weight: 700; text-align: center; color: #222222; padding-bottom: 20px; }
  .Ecology-financialBox .Ecology-financial .font28 { font-size: 28px; text-align: center; color: #005469; padding-bottom: 20px; }
  .Ecology-financialBox .Ecology-financial .Title { font-size: 24px; color: #005469; }
  .Ecology-financialBox .Ecology-financial img { max-width: 100%; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features { padding: 0px 100px; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features li { text-align: center; padding-top: 25px; }
  .Ecology-financialBox .Ecology-financial .Ecology-Features li span { background-color: #005469; color: #fff; font-size: 26px; height: 45px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 45px; }
  .Ecology-financialBox .EcologyLine { height: 1px; background-color: #dbdbdb; }
  .Ecology-financialBox .Ecology-Technology dl dt { float: left; width: 50%; }
  .Ecology-financialBox .Ecology-Technology dl dt img { display: block; width: 100%; }
  .Ecology-financialBox .Ecology-Technology dl dd { float: right; width: 50%; padding: 5% 5% 0px; }
  .Ecology-financialBox .Ecology-Technology dl dd .title { font-size: 24px; color: #222222; padding-bottom: 10px; }
  .Ecology-financialBox .Ecology-Technology dl dd .desc { font-size: 18px; color: #666666; line-height: 30px; }
  .Ecology-financialBox .Ecology-Technology dl:nth-child(2n) dt { float: right; }
  .Ecology-financialBox .Ecology-Technology dl:nth-child(2n) dd { float: left; text-align: right; }
  .Ecology-financialBox .Ecology-Store li { padding-bottom: 15px; }
  .Ecology-financialBox .Ecology-Store li img { display: block; width: 100%; }
  .Ecology-business dt { padding-bottom: 20px; }
  .Ecology-business dt p { font-size: 16px; color: #005469; }
  .Ecology-business dt p:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; background-color: #005469; margin-right: 30px; }
  .Ecology-business dt .Title { font-size: 30px; color: #333333; padding-bottom: 10px; }
  .Ecology-business dt .Title::before { display: none; }
  .Ecology-business dd { font-size: 16px; color: #4c4c4c; line-height: 30px; }
  .Ecology-business ul { padding-top: 40px; }
  .Ecology-business ul li { padding-bottom: 35px; }
  .Ecology-business ul li .service { background-color: #e5ecf2; text-align: center; max-width: 355px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }
  .Ecology-business ul li .service p { margin-top: 10px; font-size: 14px; color: #323232; }
  .Ecology-business ul li .service p span { font-size: 16px; font-weight: 700; }
  .Ecology-business ul li .service .Title { background-color: #004c7d; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; }
  .Ecology-business ul li .serviceImg { max-width: 424px; position: relative; margin: 0px auto; }
  .Ecology-business ul li .serviceImg:after { background: url(../images/img91.png) no-repeat; position: absolute; left: -17%; top: 50%; width: 71px; height: 25px; margin-top: -12.5px; display: block; content: ''; }
  .Ecology-business ul li .serviceImg:before { background: url(../images/img91.png) no-repeat; position: absolute; right: -22%; top: 50%; width: 71px; height: 25px; margin-top: -12.5px; display: block; content: ''; }
  .Ecology-business ul li .value { background-color: #fde9d1; text-align: center; max-width: 300px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }
  .Ecology-business ul li .value p { margin-top: 60px; font-size: 18px; color: #323232; line-height: 40px; }
  .Ecology-business ul li .value .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; }
  .Ecology-platform { padding-bottom: 40px; }
  .Ecology-platform dt { padding-bottom: 20px; }
  .Ecology-platform dt p { font-size: 16px; color: #005469; }
  .Ecology-platform dt p:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; background-color: #005469; margin-right: 30px; }
  .Ecology-platform dt .Title { font-size: 30px; padding-bottom: 15px; color: #333333; }
  .Ecology-platform dt .Title::before { display: none; }
  .Ecology-platform dd { font-size: 16px; color: #4c4c4c; line-height: 30px; }
  .Ecology-platform ul { padding-top: 40px; }
  .Ecology-platform ul li { padding-bottom: 35px; }
  .Ecology-platform ul li .service { background-color: #e5ecf2; text-align: center; max-width: 355px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }
  .Ecology-platform ul li .service p { font-size: 20px; color: #323232; line-height: 50px; padding-top: 40px; font-weight: 700; }
  .Ecology-platform ul li .service .Title { background-color: #004c7d; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; padding: 0px; }
  .Ecology-platform ul li .serviceImg { max-width: 424px; position: relative; margin: 0px auto; }
  .Ecology-platform ul li .serviceImg img { margin: 0px auto; display: block; max-width: 100%; }
  .Ecology-platform ul li .serviceImg:after { background: url(../images/img106.jpg) no-repeat; position: absolute; left: -14%; top: 50%; width: 71px; height: 25px; margin-top: -12.5px; display: block; content: ''; }
  .Ecology-platform ul li .serviceImg:before { background: url(../images/img106.jpg) no-repeat; position: absolute; right: -16%; top: 50%; width: 71px; height: 25px; margin-top: -12.5px; display: block; content: ''; }
  .Ecology-platform ul li .value { background-color: #fde9d1; max-width: 320px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }
  .Ecology-platform ul li .value .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; text-align: center; }
  .Ecology-platform ul li .value .valueContent { padding: 35px 20px 15px; }
  .Ecology-platform ul li .value .valueContent p { color: #696969; font-size: 14px; padding-bottom: 30px; line-height: 30px; }
  .Ecology-platform ul li .value .valueContent .titleTwo { font-size: 16px; color: #323232; padding: 0px; font-weight: 700; line-height: 20px; padding-bottom: 8px; }
  .Ecology-platform ul li .depthvalue { background-color: #fde9d1; max-width: 320px; margin: 0px auto; height: 425px; -webkit-border-radius: 8px; border-radius: 8px; }
  .Ecology-platform ul li .depthvalue .Title { background-color: #f8931f; color: #fff; line-height: 64px; font-size: 22px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0px; text-align: center; }
  .Ecology-platform ul li .depthvalue .valueContent { padding: 35px 20px 15px; }
  .Ecology-platform ul li .depthvalue .valueContent p { color: #323232; font-size: 14px; padding-bottom: 20px; } }

.Innovation-supplyChainDesc { max-width: 800px; color: #4c4c4c; line-height: 30px; font-size: 16px; text-align: center; margin: 0px auto; padding-top: 30px; }

.Innovation-purchase { padding: 30px 0px; }

.Innovation-textContent { padding-bottom: 20px; }

.Innovation-textContent .titleTwo { font-size: 16px; color: #3ea2b9; }

.Innovation-textContent .title { font-size: 24px; color: #00556a; }

.Innovation-textContent .desc { font-size: 14px; line-height: 24px; color: #4c4c4c; margin-top: 10px; }

.Innovation-img img { max-width: 80%; display: block; margin: auto; }

.Innovation-Processimg { padding: 30px 0px; }

.Innovation-Processimg img { width: 100%; display: block; }

.Innovation-foot { background: url(../images/img113.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; margin-top: 30px; padding: 40px 20px; }

.Innovation-foot div { width: 100%; }

.Innovation-foot div p { font-size: 18px; color: #ffa235; }

.Innovation-foot div .bigTitle { font-size: 24px; line-height: 40px; color: #fff; }

.Innovation-Flat { background-color: #f6f6f6; padding: 40px 0px 30px; }

.Innovation-Flat dt div { padding-top: 20px; }

.Innovation-footContact { padding-bottom: 30px; margin-top: 20px; position: relative; z-index: 9; }

.Innovation-footContact dl { background-color: #fff; -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); padding-top: 35px; padding-bottom: 35px; }

.Innovation-footContact dl dt { text-align: center; }

.Innovation-footContact dl dt p { font-size: 16px; padding-top: 10px; }

.Innovation-footContact dl dt img { -webkit-border-radius: 5px; border-radius: 5px; border: 8px solid #1f4e79; max-width: 169px; display: inline-block; }

.Innovation-footContact dl dd ul { position: relative; padding-left: 15px; padding-right: 15px; margin-top: 20px; }

.Innovation-footContact dl dd ul li { float: left; width: 50%; font-size: 15px; color: #4c4c4c; line-height: 40px; }

.Innovation-footContact dl dd ul p { font-size: 20px; color: #4c4c4c; line-height: 40px; }

.Innovation-footContact dl dd .address { font-size: 16px; color: #4c4c4c; line-height: 40px; padding-top: 30px; padding: 30px 15px 0px; }

.Innovation-ComprehensiveClass { overflow-y: hidden; overflow-x: auto; height: 50px; white-space: nowrap; text-align: center; }

.Innovation-ComprehensiveClass::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }

.Innovation-ComprehensiveClass::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.Innovation-ComprehensiveClass::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #005469; }

.Innovation-ComprehensiveClass a { display: inline-block; padding: 0px 30px; color: #333333; font-size: 14px; line-height: 40px; position: relative; }

.Innovation-ComprehensiveClass a:hover { color: #005469; }

.Innovation-ComprehensiveClass a.cur { color: #005469; }

.Innovation-ComprehensiveClass a::after { height: 20px; width: 1px; content: ''; display: block; position: absolute; right: 0px; top: 50%; margin-top: -10px; background-color: #808080; }

.Innovation-ComprehensiveClass a:first-child:before { height: 20px; width: 1px; content: ''; display: block; position: absolute; left: 0px; top: 50%; margin-top: -10px; background-color: #808080; }

.Innovation-ComprehensiveTab { display: none; }

.Innovation-Comprehensive { padding-top: 30px; padding-bottom: 30px; }

.Innovation-Comprehensive dt { text-align: center; }

.Innovation-Comprehensive dt img { max-width: 100%; vertical-align: middle; }

.Innovation-Comprehensive dd .Innovation-ComprehensiveText { padding-top: 30px; font-size: 14px; line-height: 24px; padding-left: 20px; padding-right: 20px; }

.Innovation-ComprehensiveEightplatform { background: url(../images/img116.jpg) no-repeat; background-size: cover; padding: 20px 0px 40px; }

.Innovation-ComprehensiveEightplatform ul li { color: #fff; font-size: 16px; text-align: center; padding-top: 20px; }

.Innovation-ComprehensiveEightplatform ul li p { padding-top: 0px; }

.Innovation-ComprehensiveEightplatform ul li img { display: inline-block; }

@media (min-width: 768px) { .Innovation-textContent { padding: 0px; max-width: 470px; }
  .Innovation-textContent .titleTwo { font-size: 20px; color: #3ea2b9; padding-bottom: 8px; }
  .Innovation-textContent .title { font-size: 32px; color: #00556a; }
  .Innovation-textContent .desc { font-size: 16px; line-height: 30px; color: #4c4c4c; margin-top: 30px; }
  .Innovation-img img { max-width: 100%; display: block; }
  .Innovation-Flat { background-color: #f6f6f6; padding: 60px 0px; }
  .Innovation-Flat dt div { float: right; padding-top: 90px; }
  .Innovation-Flat dt div .titleTwo { text-align: right; }
  .Innovation-Flat dt div .title { text-align: right; } }

@media (min-width: 1024px) { .Innovation-supplyChainDesc { max-width: 800px; color: #4c4c4c; line-height: 30px; font-size: 16px; text-align: center; margin: 0px auto; padding-top: 50px; }
  .Innovation-purchase { padding: 60px 0px; }
  .Innovation-Processimg { padding: 80px 0px; }
  .Innovation-Processimg img { width: 100%; display: block; }
  .Innovation-footContact { padding-bottom: 90px; margin-top: -90px; position: relative; z-index: 9; }
  .Innovation-footContact dl { background-color: #fff; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); padding-top: 35px; padding-bottom: 35px; }
  .Innovation-footContact dl dt { text-align: center; }
  .Innovation-footContact dl dt p { font-size: 16px; padding-top: 10px; }
  .Innovation-footContact dl dt img { -webkit-border-radius: 5px; border-radius: 5px; border: 8px solid #1f4e79; max-width: 169px; display: inline-block; }
  .Innovation-footContact dl dd ul { position: relative; padding-left: 100px; padding-right: 100px; margin-top: 20px; }
  .Innovation-footContact dl dd ul li { float: left; width: 50%; font-size: 16px; color: #4c4c4c; line-height: 40px; }
  .Innovation-footContact dl dd ul p { font-size: 16px; color: #4c4c4c; line-height: 40px; position: absolute; left: 0px; top: 0px; }
  .Innovation-footContact dl dd .address { font-size: 16px; color: #4c4c4c; line-height: 40px; padding: 30px 0px 0px; }
  .Innovation-foot { height: 499px; background: url(../images/img113.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; }
  .Innovation-foot div { position: absolute; left: 0px; width: 100%; top: 100px; }
  .Innovation-foot div p { font-size: 28px; color: #ffa235; }
  .Innovation-foot div .bigTitle { font-size: 38px; line-height: 60px; color: #fff; padding-bottom: 10px; }
  .Innovation-Comprehensive { padding-top: 70px; padding-bottom: 0px; }
  .Innovation-Comprehensive dt { text-align: center; }
  .Innovation-Comprehensive dt img { max-width: 100%; vertical-align: middle; }
  .Innovation-Comprehensive dd .Innovation-ComprehensiveText { padding-top: 0; font-size: 16px; line-height: 30px; padding-left: 0px; padding-right: 0px; }
  .Innovation-ComprehensiveEightplatform { background: url(../images/img116.jpg) no-repeat; background-size: cover; height: 584px; padding: 0px; }
  .Innovation-ComprehensiveEightplatform ul li { color: #fff; font-size: 20px; text-align: center; padding-top: 120px; }
  .Innovation-ComprehensiveEightplatform ul li p { padding-top: 15px; }
  .Innovation-ComprehensiveEightplatform ul li img { display: inline-block; }
  .Innovation-ComprehensiveEightplatform ul li:nth-child(-n+4) { padding-right: 80px; }
  .Innovation-ComprehensiveEightplatform ul li:nth-child(n+5) { padding-left: 80px; }
  .Innovation-ComprehensiveClass { text-align: center; display: flex;flex-direction: row;justify-content: center;}
  .Innovation-ComprehensiveClass a {background-color: transparent; display: inline-block; width: 205px; font-size: 18px; line-height: 50px; position: relative; }
  .Innovation-ComprehensiveClass a:hover { color: #ffff; background-color: #005469;}
  .Innovation-ComprehensiveClass a.cur { color: #ffff;  background-color: #005469; }
  .Innovation-ComprehensiveClass a::after { height: 20px; width: 1px; content: ''; position: absolute; right: 0px; top: 50%; margin-top: -10px; background-color: #808080; }
  .Innovation-ComprehensiveClass a:first-child:before { height: 20px; width: 1px; content: ''; position: absolute; left: 0px; top: 50%; margin-top: -10px; background-color: #808080; } }

@media (min-width: 1260px) { .Innovation-foot { height: 499px; background: url(../images/img113.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; }
  .Innovation-foot div { position: absolute; left: 0px; width: 100%; top: 100px; }
  .Innovation-foot div p { font-size: 34px; color: #ffa235; }
  .Innovation-foot div .bigTitle { font-size: 50px; line-height: 74px; color: #fff; padding-bottom: 30px; } }

@media (min-width: 1440px) { .Innovation-footContact { padding-bottom: 90px; margin-top: -90px; position: relative; z-index: 9; }
  .Innovation-footContact dl { background-color: #fff; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); padding-top: 35px; padding-bottom: 35px; }
  .Innovation-footContact dl dt { text-align: center; }
  .Innovation-footContact dl dt p { font-size: 20px; padding-top: 10px; }
  .Innovation-footContact dl dt img { -webkit-border-radius: 5px; border-radius: 5px; border: 8px solid #1f4e79; max-width: 169px; display: inline-block; }
  .Innovation-footContact dl dd ul { position: relative; padding-left: 100px; padding-right: 100px; margin-top: 20px; }
  .Innovation-footContact dl dd ul li { float: left; width: 50%; font-size: 20px; color: #4c4c4c; line-height: 40px; }
  .Innovation-footContact dl dd ul p { font-size: 20px; color: #4c4c4c; line-height: 40px; position: absolute; left: 0px; top: 0px; }
  .Innovation-footContact dl dd .address { font-size: 20px; color: #4c4c4c; line-height: 40px; padding: 30px 0px 0px; } }

.location dt a:after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }

.investor-stock { position: relative; background: url(../images/img132.jpg) no-repeat left top; background-size: cover; height: 279px; padding: 50px 0px 0px 80px; margin-top: 80px; }

.investor-stock dl dt { float: left; font-size: 14px; color: #fff; margin-right: 100px; }

.investor-stock dl dt p { font-size: 60px; color: #f42a2a; font-weight: 700; }

.investor-stock dl dt p span { font-size: 23px; margin-right: 15px; }

.investor-stock dl dt p img { height: 42px; }

.investor-stock dl dd p { float: left; font-size: 14px; color: #fff; text-align: center; padding-right: 60px; }

.investor-stock dl dd p span { display: block; font-size: 24px; font-weight: 700; padding-top: 15px; }

.investor-stock .desc { font-size: 14px; color: #a9c4cb; padding-top: 25px; }

.investor-list { padding-top: 10px; padding-bottom: 40px; }

.investor-list ul li { line-height: 50px; padding: 0px 10px; font-size: 14px; border-bottom: 1px solid #e3e3e3; }

.investor-list ul li span { float: right; margin-left: 10px; }

.investor-list ul li .icon { width: 20px; height: 20px; background-position: center; display: block; background-size: cover; margin-top: 15px; }

.investor-list ul li .video { background-image: url(../images/img137.png); }

.investor-list ul li .Document { background-image: url(../images/img141.png); }

.investor-list ul li .audio { background-image: url(../images/img139.png); }

.investor-list ul li a { color: #333333; }

.investor-list ul li:hover a { color: #005469; }

.investor-list ul li:hover span { color: #005469; }

.investor-list ul li:hover .video { background-image: url(../images/img138.png); }

.investor-list ul li:hover .Document { background-image: url(../images/img142.png); }

.investor-list ul li:hover .audio { background-image: url(../images/img140.png); }

.location dt { line-height: 16px; font-size: 16px; padding: 20px 0px 20px; border-bottom: 1px solid #e5e5e5; }

.location dt a { padding-right: 20px; margin-right: 8px; position: relative; }

.location dt a img { vertical-align: baseline; }

.location dt a:first-child { padding-right: 0px; }

.location dt a:first-child:after { display: none; }

.location dt a:last-child:after { display: none; }

.location dt a:after { border-width: 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #000; position: absolute; right: 0px; top: 50%; margin-top: -5px; content: ''; }

.location dd { position: relative; }

.location dd h3 { margin-top: 20px; line-height: 50px; background-color: #005469; color: #fff; text-align: center; }

.location dd h3:after { content: ''; display: block; width: 9px; height: 6px; position: absolute; right: 5%; top: 50%; margin-top: -3px; background: url(../images/img202.png) no-repeat center; }

.location dd h3.cur:after { background: url(../images/img203.png) no-repeat center; }

.location dd .investorClass { z-index: 99; background-color: #f7f7f7; position: absolute; padding: 10px 0px; display: none; top: 50px; left: 0px; right: 0px; }

.location dd p { text-align: center; }

.location dd p a { display: block; padding: 10px 0px 10px; font-size: 14px; }

.location dd p:hover a { color: #005469; }

.investor-stockTwobox { position: relative; margin-top: 30px; }

.investor-stockTwobox .investor-stockTwo { background: url(../images/img135.jpg) no-repeat left top; background-size: cover; padding: 30px 0px; }

.investor-stockTwobox .investor-stockTwo dl dt { padding-left: 20px; padding-bottom: 15px; font-size: 14px; color: #fff; }

.investor-stockTwobox .investor-stockTwo dl dt p { font-size: 40px; color: #f42a2a; font-weight: 700; }

.investor-stockTwobox .investor-stockTwo dl dt p span { font-size: 23px; margin-right: 15px; }

.investor-stockTwobox .investor-stockTwo dl dt p img { height: 42px; }

.investor-stockTwobox .investor-stockTwo dl dt p.down { color: #349400; }

.investor-stockTwobox .investor-stockTwo dl dd p { float: left; width: 25%; font-size: 12px; color: #fff; text-align: center; }

.investor-stockTwobox .investor-stockTwo dl dd p span { display: block; font-size: 18px; font-weight: 700; padding-top: 15px; }

.investor-stockTwobox .investor-stockTwo .desc { font-size: 14px; color: #a9c4cb; padding-top: 25px; padding-left: 20px; padding-right: 20px; }

.investor-stockTwobox .investor-stockTwoImg { display: none; }

.investor-stockTwobox .investor-stockTwoImg img { display: block; width: 100%; }

.investor-director { padding-top: 30px; }

.investor-director ul li { position: relative; background-color: #f7f7f7; margin-top: 10px; padding: 20px; }

.investor-director ul li .Name { font-size: 16px; color: #4c4c4c; min-height: 70px; border-bottom: 1px solid #dedede; line-height: 40px; padding-top: 0px; }

.investor-director ul li .Name span { font-size: 20px; color: #333333; display: block; }

.investor-director ul li p { line-height: 24px; padding-top: 15px; }

.investor-accessbox { background-color: #fafafa; padding-bottom: 65px; }

.investor-access { margin-top: 30px; padding: 30px 10px; }

.investor-access .accessDesc { font-size: 14px; color: #4c4c4c; padding-bottom: 20px; }

.investor-access .accessDesc span { color: #005469; }

.investor-access .dottedline { background: url(../images/img21.png) repeat-x; height: 8px; }

.investor-access .accessForm { padding-top: 35px; padding-bottom: 35px; }

.investor-access .accessForm dl { padding-bottom: 10px; }

.investor-access .accessForm dl dt { font-size: 14px; padding-bottom: 10px; color: #333333; }

.investor-access .accessForm dl dt span { color: #f00000; }

.investor-access .accessForm dl dd { font-size: 16px; color: #333333; }

.investor-access .accessForm dl dd em { vertical-align: middle; font-style: normal; display: block; padding: 5px 0px; }

.investor-access .accessForm dl dd em i { color: #f00000; font-style: normal; padding-right: 15px; }

.investor-access .accessForm dl dd .label { -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e6e6e6; display: inline-block; padding: 7px 20px; vertical-align: middle; margin-right: 15px; min-height: 39px; }

.investor-access .accessForm dl dd .label input { float: left; width: 100%; }

.investor-access .accessForm dl dd .label textarea { float: left; width: 100%; resize: none; height: 180px; }

.investor-access .accessForm dl dd .label textarea::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }

.investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #005469; }

.investor-access .accessForm dl dd .w325 { width: 325px; }

.investor-access .accessForm dl dd .w160 { width: 160px; }

.investor-access .accessForm dl dd .w740 { width: 100%; }

.investor-access .accessForm dl .accessFormTab span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }

.investor-access .accessForm dl .accessFormTab span.cur { background-image: url(../images/img144.png); }

.investor-access .accessForm dl .purposeOptions p { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-bottom: 10px; margin-top: 10px; font-size: 14px; }

.investor-access .accessForm dl .purposeOptions p.cur { background-image: url(../images/img144.png); }

.investor-access .accessForm dl .purposeOptions p:nth-child(1) { margin-top: 0px; }

.investor-access .accessForm dl .pdt10 { padding-top: 8px; }

.investor-access .accessForm dl .center { text-align: left; }

.investor-access .accessForm .visitorInfo { padding-top: 20px; }

.investor-access .accessForm .visitorInfo table { border-collapse: collapse; width: 100%; }

.investor-access .accessForm .visitorInfo table th { height: 45px; color: #333333; font-size: 14px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }

.investor-access .accessForm .visitorInfo table th span { color: #f00000; }

.investor-access .accessForm .visitorInfo table td { width: 33.3333%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }

.investor-access .accessForm .visitorInfo table td label { display: block; padding: 0px 20px; }

.investor-access .accessForm .visitorInfo table td label input { width: 100%; text-align: center; font-size: 16px; }

.investor-access .accessForm .unit { font-size: 14px; padding-bottom: 35px; }

.investor-access .accessForm .unit span { color: #005469; }

.investor-access .accessForm .unit em { font-style: normal; }

.investor-access .accessForm .netxStep { padding-top: 30px; text-align: center; }

.investor-access .accessForm .netxStep a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 120px; margin: 0px 10px; }

.investor-access .accessForm .selectLanguage { padding-top: 30px; font-size: 14px; }

.investor-access .accessForm .selectLanguage span { display: block; background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-top: 10px; margin-bottom: 8px; margin-right: 20px; }

.investor-access .accessForm .selectLanguage span.cur { background-image: url(../images/img144.png); }

.investor-access .accessForm .selectLanguage em { font-style: normal; color: #ff1a1a; }

.investor-access .accessForm .communicatewith { font-size: 14px; padding-top: 30px; }

.investor-access .accessForm .communicatewith em { font-style: normal; color: #ff1a1a; }

.investor-access .accessForm .communicatewithBtn { padding-top: 10px; font-size: 14px; }

.investor-access .accessForm .communicatewithBtn span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }

.investor-access .accessForm .communicatewithBtn span.cur { background-image: url(../images/img144.png); }

.investor-access .accessForm .fillinContact p { padding-top: 20px; font-size: 14px; padding-bottom: 20px; }

.investor-access .accessForm .fillinContact p em { font-style: normal; color: #ff1a1a; }

.investor-access .accessForm .fillinContact table { border-collapse: collapse; width: 100%; }

.investor-access .accessForm .fillinContact table th { height: 45px; color: #333333; font-size: 14px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }

.investor-access .accessForm .fillinContact table th span { color: #f00000; }

.investor-access .accessForm .fillinContact table td { width: 25%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }

.investor-access .accessForm .fillinContact table td label { padding: 5px 20px; display: block; }

.investor-access .accessForm .fillinContact table td label input { width: 100%; font-size: 16px; }

.investor-access .accessForm .fillinContact table td label textarea { width: 100%; height: 130px; font-size: 16px; }

.investor-access .accessForm .fillinContact table .pad20 { padding: 10px; text-align: left; }

.investor-access .accessForm .fillinContact table .pad20 label { width: 100%; display: block; padding: 10px 0px; }

.investor-access .accessForm .fillinContact table .pad20 label textarea { font-size: 14px; }

.investor-access .accessForm .fillinContact .desc { color: #f00000; font-size: 14px; padding: 20px 0px; }

.investor-access .accessForm .pdl60 { padding-left: 0px; }

.investor-access .fillinInfo p { font-size: 14px; line-height: 34px; color: #333333; padding: 10px 0px; border-bottom: 1px solid #dedede; line-height: 24px; }

.investor-access .fillinInfo p span { display: block; font-size: 16px; }

.investor-access .fillinInfo p strong { color: #ff0000; font-size: 18px; }

.investor-access .fillinInfo p .Numbering { color: #005469; }

.investor-access .thirdStep { padding-bottom: 40px; }

.investor-access .Visitlist { padding-top: 30px; }

.investor-access .Visitlist table { border-collapse: collapse; width: 100%; }

.investor-access .Visitlist table th { background-color: #f8f8f8; color: #005469; font-size: 14px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 24px; height: 50px; text-align: center; }

.investor-access .Visitlist table td { border: 1px solid #dadcdd; line-height: 24px; height: 50px; text-align: center; font-size: 14px; }

.investor-access .VisitNumberpeople p { padding: 30px 0px 20px; font-size: 14px; }

.investor-access .VisitNumberpeople p span { color: #f00000; }

.investor-access .VisitNumberpeople p span em { font-style: normal; padding-left: 20px; }

.investor-access .VisitNumberpeople table { border-collapse: collapse; width: 100%; }

.investor-access .VisitNumberpeople table th { background-color: #f8f8f8; color: #005469; font-size: 14px; font-weight: normal; border: 1px solid #dadcdd; width: 33.3333%; line-height: 24px; height: 50px; text-align: center; }

.investor-access .VisitNumberpeople table td { border: 1px solid #dadcdd; line-height: 24px; height: 50px; text-align: center; font-size: 14px; }

.investor-access .VisitLanguage { padding-top: 20px; }

.investor-access .VisitLanguage span { font-size: 14px; color: #333333; padding-top: 10px; display: block; }

.investor-access .VisitLanguage span em { font-style: normal; padding-left: 20px; margin-left: 0px; margin-right: 0px; margin-top: 10px; display: block; }

.investor-access .VisitLanguage span em.cur { background-image: url(../images/img144.png); background-position: left center; background-repeat: no-repeat; }

.investor-access .VisitLanguage span i { color: #f00000; font-style: normal; }

.investor-access .VisitContact { padding-top: 30px; }

.investor-access .VisitContact table { border-collapse: collapse; width: 100%; }

.investor-access .VisitContact table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 24px; height: 50px; text-align: center; }

.investor-access .VisitContact table td { border: 1px solid #dadcdd; line-height: 24px; height: 50px; text-align: center; font-size: 16px; }

.investor-access .confirmInfo { color: #f00000; font-size: 16px; padding: 20px 0px 0px; }

.investor-access .submitBtn { padding-top: 30px; text-align: center; }

.investor-access .submitBtn a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 190px; margin: 0px 10px; }

.investor-access .Contactperson { padding-top: 20px; }

.investor-access .Contactperson table { border-collapse: collapse; width: 100%; }

.investor-access .Contactperson table th { height: 45px; color: #333333; font-size: 14px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }

.investor-access .Contactperson table td { width: 33.3333%; text-align: center; height: 45px; font-size: 14px; border: 1px solid #e0e0e0; }

.SecondStep { display: none; }

.thirdStep { display: none; }

@media (min-width: 768px) { .investor-director { padding-top: 30px; }
  .investor-director ul li { position: relative; background-color: #f7f7f7; margin-top: 10px; padding: 30px 30px 30px 230px; }
  .investor-director ul li .Name { position: absolute; left: 30px; top: 30px; font-size: 18px; color: #4c4c4c; min-height: 70px; margin-right: 35px; border-right: 1px solid #dedede; border-bottom: none; width: 165px; line-height: 40px; }
  .investor-director ul li .Name span { font-size: 24px; color: #333333; display: block; }
  .investor-director ul li p { line-height: 30px; padding: 0px; }
  .investor-access { margin-top: 30px; padding: 35px 30px; }
  .investor-access .accessForm dl dd .w325 { width: 325px; }
  .investor-access .accessForm dl dd .w160 { width: 140px; }
  .investor-access .accessForm dl dd .w740 { width: 420px; }
  .investor-access .accessForm dl dd em:nth-child(3) { padding-left: 10px; } }

@media (min-width: 992px) { .location { border-bottom: 1px solid #e5e5e5; }
  .location dt { float: left; line-height: 16px; font-size: 16px; padding: 44px 0px 0px; border-bottom: none; }
  .location dt a { padding-right: 20px; margin-right: 8px; position: relative; }
  .location dt a img { vertical-align: baseline; }
  .location dt a:first-child { padding-right: 0px; }
  .location dt a:first-child:after { display: none; }
  .location dt a:last-child:after { display: none; }
  .location dt a:after { position: absolute; right: 0px; top: 50%; margin-top: -5px; content: ''; }
  .location dd { float: right; }
  .location dd h3 { display: none; }
  .location dd .investorClass { display: block; z-index: 99; background-color: none; position: relative; padding: 0px; top: 0px; left: 0px; right: 0px; }
  .location dd p { float: left; margin-bottom: -1px; padding-left: 25px; }
  .location dd p a { display: block; padding: 40px 0px 25px; border-bottom: 3px solid transparent; font-size: 16px; }
  .location dd p:hover a { border-bottom: 3px solid #005469; }
  .location dd p.cur a { border-bottom: 3px solid #005469; } }

@media (min-width: 1024px) { .investor-stockTwobox { position: relative; padding-left: 66%; margin-top: 30px; }
  .investor-stockTwobox .investor-stockTwo { position: absolute; left: 0px; bottom: 0px; right: 36%; top: 0px; background: url(../images/img135.jpg) no-repeat left top; background-size: cover; padding: 20px 0px 0px 50px; }
  .investor-stockTwobox .investor-stockTwo dl dt { float: left; font-size: 14px; color: #fff; padding: 0px; margin-right: 0px; }
  .investor-stockTwobox .investor-stockTwo dl dt p { font-size: 40px; color: #f42a2a; font-weight: 700; }
  .investor-stockTwobox .investor-stockTwo dl dt p span { font-size: 23px; margin-right: 15px; }
  .investor-stockTwobox .investor-stockTwo dl dt p img { height: 42px; }
  .investor-stockTwobox .investor-stockTwo dl dd { float: left; width: -webkit-calc(100% - 180px); width: calc(100% - 180px); }
  .investor-stockTwobox .investor-stockTwo dl dd p { float: left; width: 25%; font-size: 12px; color: #fff; text-align: center; }
  .investor-stockTwobox .investor-stockTwo dl dd p span { display: block; font-size: 18px; font-weight: 700; padding-top: 15px; }
  .investor-stockTwobox .investor-stockTwo .desc { font-size: 14px; color: #a9c4cb; padding: 10px 0px 0px; }
  .investor-stockTwobox .investor-stockTwoImg { display: block; }
  .investor-stockTwobox .investor-stockTwoImg img { display: block; width: 100%; }
  .investor-list { padding-top: 40px; padding-bottom: 60px; }
  .investor-list ul li { padding: 0px 65px; line-height: 60px; font-size: 14px; }
  .investor-list ul li>div{ margin-top: 30px; margin-bottom: 20px; }
  .investor-list ul li span { float: right; margin-left: 50px; }
  .investor-list ul li .icon { margin-top: 25px; }
  .investor-access { margin-top: 60px; padding: 35px 40px; }
  .investor-access .accessDesc { font-size: 16px; color: #4c4c4c; padding-bottom: 20px; }
  .investor-access .accessDesc span { color: #005469; }
  .investor-access .dottedline { background: url(../images/img21.png) repeat-x; height: 8px; }
  .investor-access .accessForm { padding-top: 35px; padding-bottom: 35px; }
  .investor-access .accessForm dl { padding-bottom: 20px; }
  .investor-access .accessForm dl dt { width: 235px; float: left; font-size: 16px; color: #333333; }
  .investor-access .accessForm dl dt span { color: #f00000; }
  .investor-access .accessForm dl dd { float: left; font-size: 16px; color: #333333; }
  .investor-access .accessForm dl dd em { vertical-align: middle; font-style: normal; display: initial; }
  .investor-access .accessForm dl dd em i { color: #f00000; font-style: normal; padding-right: 15px; }
  .investor-access .accessForm dl dd em:nth-child(3) { padding-left: 30px; }
  .investor-access .accessForm dl dd .label { -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e6e6e6; display: inline-block; padding: 7px 20px; vertical-align: middle; margin-right: 15px; }
  .investor-access .accessForm dl dd .label input { float: left; width: 100%; }
  .investor-access .accessForm dl dd .label textarea { float: left; width: 100%; resize: none; height: 180px; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #005469; }
  .investor-access .accessForm dl dd .w325 { width: 325px; }
  .investor-access .accessForm dl dd .w160 { width: 160px; }
  .investor-access .accessForm dl dd .w740 { width: 600px; }
  .investor-access .accessForm dl .accessFormTab span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }
  .investor-access .accessForm dl .accessFormTab span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm dl .purposeOptions p { background-repeat: no-repeat; background-position: left center; cursor: pointer; font-size: 16px; background-image: url(../images/img143.png); padding-left: 20px; margin-bottom: 10px; margin-top: 10px; }
  .investor-access .accessForm dl .purposeOptions p.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm dl .purposeOptions p:nth-child(1) { margin-top: 0px; }
  .investor-access .accessForm dl .pdt10 { padding-top: 8px; }
  .investor-access .accessForm dl .center { text-align: center; }
  .investor-access .accessForm .visitorInfo { padding-top: 20px; }
  .investor-access .accessForm .visitorInfo table { border-collapse: collapse; width: 100%; }
  .investor-access .accessForm .visitorInfo table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .accessForm .visitorInfo table th span { color: #f00000; }
  .investor-access .accessForm .visitorInfo table td { width: 33.3333%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }
  .investor-access .accessForm .visitorInfo table td label { display: block; padding: 0px 20px; }
  .investor-access .accessForm .visitorInfo table td label input { width: 100%; text-align: center; font-size: 16px; }
  .investor-access .accessForm .unit { font-size: 16px; padding-bottom: 35px; }
  .investor-access .accessForm .unit span { color: #005469; }
  .investor-access .accessForm .unit em { font-style: normal; }
  .investor-access .accessForm .netxStep { padding-top: 30px; text-align: center; }
  .investor-access .accessForm .netxStep a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 190px; margin: 0px 10px; }
  .investor-access .accessForm .selectLanguage { padding-top: 30px; font-size: 16px; }
  .investor-access .accessForm .selectLanguage span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; display: inline-block; }
  .investor-access .accessForm .selectLanguage span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm .selectLanguage span:first-child { margin-left: 30px; }
  .investor-access .accessForm .selectLanguage em { font-style: normal; color: #ff1a1a; margin-left: 15px; }
  .investor-access .accessForm .communicatewith { font-size: 16px; padding-top: 30px; }
  .investor-access .accessForm .communicatewith em { font-style: normal; color: #ff1a1a; }
  .investor-access .accessForm .communicatewithBtn { padding-left: 292px; padding-top: 10px; font-size: 16px; }
  .investor-access .accessForm .communicatewithBtn span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }
  .investor-access .accessForm .communicatewithBtn span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm .fillinContact p { padding-top: 30px; font-size: 16px; padding-bottom: 30px; }
  .investor-access .accessForm .fillinContact p em { font-style: normal; color: #ff1a1a; }
  .investor-access .accessForm .fillinContact table { border-collapse: collapse; width: 100%; }
  .investor-access .accessForm .fillinContact table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .accessForm .fillinContact table th span { color: #f00000; }
  .investor-access .accessForm .fillinContact table td { width: 25%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }
  .investor-access .accessForm .fillinContact table td label { padding: 5px 20px; display: block; }
  .investor-access .accessForm .fillinContact table td label input { width: 100%; font-size: 16px; }
  .investor-access .accessForm .fillinContact table td label textarea { width: 100%; height: 130px; font-size: 16px; }
  .investor-access .accessForm .fillinContact table .pad20 { padding: 20px 0px; text-align: center; }
  .investor-access .accessForm .fillinContact table .pad20 label { width: 80%; display: inline-block; }
  .investor-access .accessForm .fillinContact .desc { color: #f00000; font-size: 16px; padding: 20px 0px; }
  .investor-access .accessForm .pdl60 { padding-left: 60px; }
  .investor-access .fillinInfo p { font-size: 16px; line-height: 34px; color: #333333; border-bottom: none; padding: 0px; }
  .investor-access .fillinInfo p span { display: inline-block; width: 200px; }
  .investor-access .fillinInfo p strong { color: #ff0000; font-size: 20px; }
  .investor-access .fillinInfo p .Numbering { color: #005469; }
  .investor-access .thirdStep { padding-bottom: 40px; }
  .investor-access .Visitlist { padding-top: 30px; }
  .investor-access .Visitlist table { border-collapse: collapse; width: 100%; }
  .investor-access .Visitlist table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 50px; text-align: center; }
  .investor-access .Visitlist table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .VisitNumberpeople p { padding: 30px 0px 20px; font-size: 16px; }
  .investor-access .VisitNumberpeople p span { color: #f00000; }
  .investor-access .VisitNumberpeople p span em { font-style: normal; padding-left: 20px; }
  .investor-access .VisitNumberpeople table { border-collapse: collapse; width: 100%; }
  .investor-access .VisitNumberpeople table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 33.3333%; line-height: 50px; text-align: center; }
  .investor-access .VisitNumberpeople table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .VisitLanguage { padding-top: 30px; }
  .investor-access .VisitLanguage span { font-size: 16px; color: #333333; display: initial; padding: 0px; margin: 0px; }
  .investor-access .VisitLanguage span em { font-style: normal; padding-left: 20px; margin-left: 20px; margin-right: 20px; display: initial; }
  .investor-access .VisitLanguage span em.cur { background-image: url(../images/img144.png); background-position: left center; background-repeat: no-repeat; }
  .investor-access .VisitLanguage span i { color: #f00000; font-style: normal; }
  .investor-access .VisitContact { padding-top: 30px; }
  .investor-access .VisitContact table { border-collapse: collapse; width: 100%; }
  .investor-access .VisitContact table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 50px; text-align: center; }
  .investor-access .VisitContact table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .confirmInfo { color: #f00000; font-size: 16px; padding: 20px 0px 0px; }
  .investor-access .submitBtn { padding-top: 30px; text-align: center; }
  .investor-access .submitBtn a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 190px; margin: 0px 10px; }
  .investor-access .Contactperson { padding-top: 20px; }
  .investor-access .Contactperson table { border-collapse: collapse; width: 100%; }
  .investor-access .Contactperson table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .Contactperson table td { width: 33.3333%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; } }

@media (min-width: 1260px) { .investor-stockTwobox { position: relative; padding-left: 66%; margin-top: 30px; }
  .investor-stockTwobox .investor-stockTwo { position: absolute; left: 0px; bottom: 0px; right: 36%; top: 0px; background: url(../images/img135.jpg) no-repeat left top; background-size: cover; padding: 20px 0px 0px 50px; }
  .investor-stockTwobox .investor-stockTwo dl dt { float: left; font-size: 14px; color: #fff; margin-right: 60px; }
  .investor-stockTwobox .investor-stockTwo dl dt p { font-size: 60px; color: #f42a2a; font-weight: 700; }
  .investor-stockTwobox .investor-stockTwo dl dt p span { font-size: 23px; margin-right: 15px; }
  .investor-stockTwobox .investor-stockTwo dl dt p img { height: 42px; }
  .investor-stockTwobox .investor-stockTwo dl dd { float: left; width: -webkit-calc(100% - 290px); width: calc(100% - 290px); }
  .investor-stockTwobox .investor-stockTwo dl dd p { float: left; width: 25%; font-size: 14px; color: #fff; text-align: center; }
  .investor-stockTwobox .investor-stockTwo dl dd p span { display: block; font-size: 24px; font-weight: 700; padding-top: 15px; }
  .investor-stockTwobox .investor-stockTwo .desc { font-size: 14px; color: #a9c4cb; padding: 25px 0px 0px; }
  .investor-stockTwobox .investor-stockTwoImg img { display: block; width: 100%; }
  .investor-access { margin-top: 60px; padding: 35px 50px; } }

@media (min-width: 1440px) { .investor-stockTwobox { position: relative; padding-left: 66%; margin-top: 30px; }
  .investor-stockTwobox .investor-stockTwo { position: absolute; left: 0px; bottom: 0px; right: 36%; top: 0px; background: url(../images/img135.jpg) no-repeat left top; background-size: cover; padding: 50px 0px 0px 80px; }
  .investor-stockTwobox .investor-stockTwo dl dt { float: left; font-size: 14px; color: #fff; margin-right: 100px; }
  .investor-stockTwobox .investor-stockTwo dl dt p { font-size: 60px; color: #f42a2a; font-weight: 700; }
  .investor-stockTwobox .investor-stockTwo dl dt p span { font-size: 23px; margin-right: 15px; }
  .investor-stockTwobox .investor-stockTwo dl dt p img { height: 42px; }
  .investor-stockTwobox .investor-stockTwo dl dd { float: left; width: -webkit-calc(100% - 350px); width: calc(100% - 350px); }
  .investor-stockTwobox .investor-stockTwo dl dd p { float: left; width: 25%; font-size: 14px; color: #fff; text-align: center; }
  .investor-stockTwobox .investor-stockTwo dl dd p span { display: block; font-size: 24px; font-weight: 700; padding-top: 15px; }
  .investor-stockTwobox .investor-stockTwo .desc { font-size: 14px; color: #a9c4cb; padding: 25px 0px 0px; }
  .investor-stockTwobox .investor-stockTwoImg img { display: block; width: 100%; }
  .investor-access { margin-top: 60px; padding: 35px 100px; }
  .investor-access .accessDesc { font-size: 16px; color: #4c4c4c; padding-bottom: 20px; }
  .investor-access .accessDesc span { color: #005469; }
  .investor-access .dottedline { background: url(../images/img21.png) repeat-x; height: 8px; }
  .investor-access .accessForm { padding-top: 35px; padding-bottom: 35px; }
  .investor-access .accessForm dl { padding-bottom: 20px; }
  .investor-access .accessForm dl dt { width: 235px; float: left; font-size: 16px; color: #333333; }
  .investor-access .accessForm dl dt span { color: #f00000; }
  .investor-access .accessForm dl dd { float: left; font-size: 16px; color: #333333; }
  .investor-access .accessForm dl dd em { vertical-align: middle; font-style: normal; }
  .investor-access .accessForm dl dd em i { color: #f00000; font-style: normal; padding-right: 15px; }
  .investor-access .accessForm dl dd em:nth-child(3) { padding-left: 30px; }
  .investor-access .accessForm dl dd .label { -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e6e6e6; display: inline-block; padding: 7px 20px; vertical-align: middle; margin-right: 15px; }
  .investor-access .accessForm dl dd .label input { float: left; width: 100%; }
  .investor-access .accessForm dl dd .label textarea { float: left; width: 100%; resize: none; height: 180px; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }
  .investor-access .accessForm dl dd .label textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #005469; }
  .investor-access .accessForm dl dd .w325 { width: 325px; }
  .investor-access .accessForm dl dd .w160 { width: 160px; }
  .investor-access .accessForm dl dd .w740 { width: 740px; }
  .investor-access .accessForm dl .accessFormTab span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }
  .investor-access .accessForm dl .accessFormTab span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm dl .purposeOptions p { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-bottom: 10px; margin-top: 10px; }
  .investor-access .accessForm dl .purposeOptions p.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm dl .purposeOptions p:nth-child(1) { margin-top: 0px; }
  .investor-access .accessForm dl .pdt10 { padding-top: 8px; }
  .investor-access .accessForm dl .center { text-align: center; }
  .investor-access .accessForm .visitorInfo { padding-top: 20px; }
  .investor-access .accessForm .visitorInfo table { border-collapse: collapse; width: 100%; }
  .investor-access .accessForm .visitorInfo table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .accessForm .visitorInfo table th span { color: #f00000; }
  .investor-access .accessForm .visitorInfo table td { width: 33.3333%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }
  .investor-access .accessForm .visitorInfo table td label { display: block; padding: 0px 20px; }
  .investor-access .accessForm .visitorInfo table td label input { width: 100%; text-align: center; font-size: 16px; }
  .investor-access .accessForm .unit { font-size: 16px; padding-bottom: 35px; }
  .investor-access .accessForm .unit span { color: #005469; }
  .investor-access .accessForm .unit em { font-style: normal; }
  .investor-access .accessForm .netxStep { padding-top: 30px; text-align: center; }
  .investor-access .accessForm .netxStep a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 190px; margin: 0px 10px; }
  .investor-access .accessForm .selectLanguage { padding-top: 30px; font-size: 16px; }
  .investor-access .accessForm .selectLanguage span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }
  .investor-access .accessForm .selectLanguage span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm .selectLanguage span:first-child { margin-left: 30px; }
  .investor-access .accessForm .selectLanguage em { font-style: normal; color: #ff1a1a; margin-left: 15px; }
  .investor-access .accessForm .communicatewith { font-size: 16px; padding-top: 30px; }
  .investor-access .accessForm .communicatewith em { font-style: normal; color: #ff1a1a; }
  .investor-access .accessForm .communicatewithBtn { padding-left: 292px; padding-top: 10px; font-size: 16px; }
  .investor-access .accessForm .communicatewithBtn span { background-repeat: no-repeat; background-position: left center; cursor: pointer; background-image: url(../images/img143.png); padding-left: 20px; margin-right: 20px; }
  .investor-access .accessForm .communicatewithBtn span.cur { background-image: url(../images/img144.png); }
  .investor-access .accessForm .fillinContact p { padding-top: 30px; font-size: 16px; padding-bottom: 30px; }
  .investor-access .accessForm .fillinContact p em { font-style: normal; color: #ff1a1a; }
  .investor-access .accessForm .fillinContact table { border-collapse: collapse; width: 100%; }
  .investor-access .accessForm .fillinContact table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .accessForm .fillinContact table th span { color: #f00000; }
  .investor-access .accessForm .fillinContact table td { width: 25%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; }
  .investor-access .accessForm .fillinContact table td label { padding: 5px 20px; display: block; }
  .investor-access .accessForm .fillinContact table td label input { width: 100%; font-size: 16px; }
  .investor-access .accessForm .fillinContact table td label textarea { width: 100%; height: 130px; font-size: 16px; }
  .investor-access .accessForm .fillinContact table .pad20 { padding: 20px 0px; }
  .investor-access .accessForm .fillinContact table .pad20 label { width: 80%; display: inline-block; }
  .investor-access .accessForm .fillinContact .desc { color: #f00000; font-size: 16px; padding: 20px 0px; }
  .investor-access .accessForm .pdl60 { padding-left: 60px; }
  .investor-access .fillinInfo p { font-size: 16px; line-height: 34px; color: #333333; }
  .investor-access .fillinInfo p span { display: inline-block; width: 200px; }
  .investor-access .fillinInfo p strong { color: #ff0000; font-size: 20px; }
  .investor-access .fillinInfo p .Numbering { color: #005469; }
  .investor-access .thirdStep { padding-bottom: 40px; }
  .investor-access .Visitlist { padding-top: 30px; }
  .investor-access .Visitlist table { border-collapse: collapse; width: 100%; }
  .investor-access .Visitlist table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 50px; text-align: center; }
  .investor-access .Visitlist table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .VisitNumberpeople p { padding: 30px 0px 20px; font-size: 16px; }
  .investor-access .VisitNumberpeople p span { color: #f00000; }
  .investor-access .VisitNumberpeople p span em { font-style: normal; padding-left: 20px; }
  .investor-access .VisitNumberpeople table { border-collapse: collapse; width: 100%; }
  .investor-access .VisitNumberpeople table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 33.3333%; line-height: 50px; text-align: center; }
  .investor-access .VisitNumberpeople table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .VisitLanguage { padding-top: 30px; }
  .investor-access .VisitLanguage span { font-size: 16px; color: #333333; }
  .investor-access .VisitLanguage span em { font-style: normal; padding-left: 20px; margin-left: 20px; margin-right: 20px; }
  .investor-access .VisitLanguage span em.cur { background-image: url(../images/img144.png); background-position: left center; background-repeat: no-repeat; }
  .investor-access .VisitLanguage span i { color: #f00000; font-style: normal; }
  .investor-access .VisitContact { padding-top: 30px; }
  .investor-access .VisitContact table { border-collapse: collapse; width: 100%; }
  .investor-access .VisitContact table th { background-color: #f8f8f8; color: #005469; font-size: 16px; font-weight: normal; border: 1px solid #dadcdd; width: 25%; line-height: 50px; text-align: center; }
  .investor-access .VisitContact table td { border: 1px solid #dadcdd; line-height: 50px; text-align: center; font-size: 16px; }
  .investor-access .confirmInfo { color: #f00000; font-size: 16px; padding: 20px 0px 0px; }
  .investor-access .submitBtn { padding-top: 30px; text-align: center; }
  .investor-access .submitBtn a { background-color: #005469; color: #fff; display: inline-block; line-height: 50px; font-size: 16px; width: 190px; margin: 0px 10px; }
  .investor-access .Contactperson { padding-top: 20px; }
  .investor-access .Contactperson table { border-collapse: collapse; width: 100%; }
  .investor-access .Contactperson table th { height: 45px; color: #333333; font-size: 16px; background-color: #f8f8f8; border: 1px solid #e0e0e0; font-weight: normal; }
  .investor-access .Contactperson table td { width: 33.3333%; text-align: center; height: 45px; font-size: 16px; border: 1px solid #e0e0e0; } }

.companySmallImgbox .companySmallImglist li.cur:after, .strokelist .Title p span:after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }

.surroundingsTitle { padding-top: 40px; font-size: 18px; padding-bottom: 30px; color: #005469; }

.Surroundinglistbox { padding: 0px 10px; position: relative; }

.Surroundinglistbox span { position: absolute; top: 50%; background-repeat: no-repeat; background-size: cover; display: block; width: 15px; height: 27px; cursor: pointer; }

.Surroundinglistbox .SurroundinglistNext { right: -10px; background-image: url(../images/img150.png); }

.Surroundinglistbox .SurroundinglistNext:hover { background-image: url(../images/img0150.png); }

.Surroundinglistbox .SurroundinglistPrev { left: -10px; background-image: url(../images/img149.png); }

.Surroundinglistbox .SurroundinglistPrev:hover { background-image: url(../images/img0149.png); }

.Surroundinglistbox .Surroundinglist { position: relative; overflow: hidden; }

.Surroundinglistbox .Surroundinglist ul li { float: left; width: 33.3333%; }

.Surroundinglistbox .Surroundinglist ul li img { width: 100%; display: block; }

.OfficeBox { background: #fff; -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); margin-top: 30px; position: relative; }

.OfficeBox i { display: block; left: 0px; right: 0px; top: 0px; height: 50%; position: absolute; background-color: #005469; z-index: 1; }

.OfficeBox .Title { font-size: 20px; text-align: center; position: relative; z-index: 2; color: #ffffff; padding-top: 15px; padding-bottom: 15px; }

.OfficeBox .Officelist { position: relative; overflow: hidden; z-index: 2; margin: 0px auto; width: -webkit-calc(100% - 76px); width: calc(100% - 76px); padding-bottom: 30px; }

.OfficeBox .Officelist ul li { position: relative; overflow: hidden; }

.OfficeBox .Officelist ul li img { width: 100%; display: block; }

.OfficeBox .Officelist ul li p { font-size: 14px; color: #333333; text-align: center; padding-top: 10px; }

.OfficeBox span { position: absolute; top: 50%; margin-top: -29px; z-index: 99; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); cursor: pointer; }

.OfficeBox .OfficelistNext { background-image: url(../images/img153.png); right: 5px; }

.OfficeBox .Officelistprev { background-image: url(../images/img152.png); left: 5px; }

.companyImgbox { margin-top: 40px; padding-bottom: 40px; position: relative; }

.companySmallImgbox { float: left; display: none; width: 335px; height: 550px; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); padding-left: 50px; }

.companySmallImgbox .companySmallImglist { position: relative; margin-top: 30px; width: 245px; height: 475px; overflow: hidden; padding-left: 15px; }

.companySmallImgbox .companySmallImglist li { overflow: hidden; position: relative; padding-right: 20px; }

.companySmallImgbox .companySmallImglist li p { text-align: center; font-size: 22px; color: #222222; padding-top: 10px; }

.companySmallImgbox .companySmallImglist li img { width: 100%; display: block; }

.companySmallImgbox .companySmallImglist li.cur { position: relative; }

.companySmallImgbox .companySmallImglist li.cur img { border: 2px solid #1a7bad; }

.companySmallImgbox .companySmallImglist li.cur:after { display: block; content: ''; position: absolute; right: 0px; top: 50%; margin-top: -28px; border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #1a7bad; }

.companySmallImgbox .companySmallImglist .swiper-scrollbar { left: 0px; right: auto !important; opacity: 1 !important; background: #dddddd !important; }

.companySmallImgbox .companySmallImglist .swiper-scrollbar .swiper-scrollbar-drag { background: #005469 !important; }

.companyBigImglist { overflow: hidden; position: relative; }

.companyBigImglist span { position: absolute; top: 50%; margin-top: -22.5px; z-index: 99; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; cursor: pointer; }

.companyBigImglist .companyBigImgNext { background-image: url(../images/img159.png); right: 0px; }

.companyBigImglist .companyBigImgPrev { background-image: url(../images/img158.png); left: 0px; }

.companyBigImglist ul li { overflow: hidden; position: relative; width: 100%; }

.companyBigImglist ul li img { width: 100%; display: block; }

.jobs-developmentbox { padding: 0px 0px 40px; }

.jobs-developmentbox .jobs-development { padding-top: 45px; }

.jobs-developmentbox .jobs-development img { max-width: 100%; }

.jobs-developmentbox .jobs-developmentImgTitle { padding-top: 30px; padding-bottom: 25px; font-size: 24px; text-align: center; }

.jobs-developmentbox .jobs-developmentImgTitle span { position: relative; }

.jobs-developmentbox .jobs-developmentImgTitle span:after { position: absolute; width: 35px; height: 1px; content: ''; right: -55px; top: 50%; background-color: #000000; }

.jobs-developmentbox .jobs-developmentImgTitle span:before { position: absolute; width: 35px; height: 1px; content: ''; left: -55px; top: 50%; background-color: #000000; }

.jobs-developmentbox .jobs-welfare { padding-top: 35px; padding-bottom: 40px; border-bottom: 1px dashed #dbdbdb; }

.jobs-developmentbox .jobs-welfare .jobs-welfare-content { line-height: 30px; font-size: 14px; color: #4c4c4c; }

.jobs-developmentbox .jobs-welfare .jobs-welfare-content .title { font-size: 24px; color: #00556a; padding-bottom: 5px; }

.jobs-developmentbox .jobs-welfare .jobs-welfare-content .titleTwo { font-size: 14px; color: #1a1a1a; font-weight: 700; padding-bottom: 20px; }

.jobs-developmentbox .jobs-welfare dd { padding-top: 30px; }

.jobs-developmentbox .jobs-welfare dd img { max-width: 100%; }

.jobs-developmentbox .jobs-welfare-item { padding-top: 20px; padding-bottom: 40px; }

.jobs-developmentbox .jobs-welfare-item .title { font-size: 24px; color: #005469; }

.jobs-developmentbox .jobs-welfare-item .desc { color: #666666; font-size: 14px; line-height: 24px; }

.jobs-developmentbox .jobs-welfare-item dl { border-bottom: 1px solid #dbdbdb; padding: 20px 0px; }

.jobs-developmentbox .jobs-welfare-item dl dt { text-align: left; font-size: 20px; color: #005469; }

.jobs-developmentbox .jobs-welfare-item dl dd { line-height: 28px; position: relative; }

.Talent-idea { padding-bottom: 90px; }

.Talent-idea .Talent-idea-content { background-repeat: no-repeat; background-position: left top; background-size: 40%; padding: 25px 0px 0px 30px; margin: 20px 0px 0px; }

.Talent-idea .Talent-idea-content .title { font-size: 18px; color: #005469; border-bottom: 1px solid #005469; padding-bottom: 15px; }

.Talent-idea .Talent-idea-content .desc { margin-top: 15px; font-size: 14px; line-height: 24px; color: #5c5c5c; }

.Talent-idea .one { background-image: url(../images/img168.png); }

.Talent-idea .Two { background-image: url(../images/img169.png); }

.Talent-idea .Three { background-image: url(../images/img170.png); }

.Talent-idea .four { background-image: url(../images/img171.png); }

.Talent-idea .Fives { background-image: url(../images/img172.png); }

.jobs-Cooperation { padding: 20px 0px 40px; }

.jobs-Cooperation dl { border-bottom: 1px solid #e5e5e5; padding-top: 0px; overflow: hidden; }

.jobs-Cooperation dl dt { padding-left: 0px; padding-bottom: 30px; }

.jobs-Cooperation dl dt .Title { font-size: 18px; color: #005469; font-weight: 700; padding-bottom: 10px; }

.jobs-Cooperation dl dt .desc { font-size: 14px; color: #4c4c4c; line-height: 24px; }

.jobs-Cooperation dl dt .desc span { color: #005469; }

.jobs-Cooperation dl dd { padding: 30px 0px 15px; }

.jobs-Cooperation dl dd img { display: block; width: 128px; border: 6px solid #005469; -webkit-border-radius: 4px; border-radius: 4px; }

.jobs-searchbox { padding: 0px 15px 40px; }

.jobs-searchbox .searchTitle { font-size: 30px; color: #333333; text-align: center; padding-top: 40px; padding-bottom: 40px; }

.selectResult { text-align: center; font-size: 16px; color: #333333; padding: 30px 0px 0px; }

.selectResult span { color: #a3c530; }

.jobs-select { position: relative; margin-bottom: 20px; }

.jobs-select p { height: 56px; border: 1px solid #dbdbdb; line-height: 56px; color: #333333; padding-left: 25px; cursor: pointer; font-size: 16px; background: url(../images/img177.png) no-repeat 90% center; }

.jobs-select ul { position: absolute; display: none; background-color: #fff; left: 0px; right: 0px; top: 55px; max-height: 200px; overflow-y: auto; overflow-x: hidden; border: 1px solid #dbdbdb; z-index: 999; }

.jobs-select ul li { height: 45px; line-height: 45px; padding-left: 20px; cursor: pointer; }

.jobs-select ul li:hover { background-color: #f5f5f5; color: #005469; }

.selectbox { display: block; height: 56px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #dbdbdb; position: relative; padding: 15px 60px 0px 10px; }

.selectbox .selectval { width: 100%; background: none; border: none; font-size: 16px; }

.selectbox .selectBtn { position: absolute; right: 0px; top: 0px; width: 56px; height: 56px; background: url(../images/icon01.png) no-repeat center; border: none; }

.jobs-list { padding-bottom: 30px; }

.jobs-list ul li { margin-top: 15px; border: 1px solid #dbdbdb; }

.jobs-list ul li .jobs-list-Title { line-height: 50px; padding-left: 20px; cursor: pointer; }

.jobs-list ul li .jobs-list-Title span { float: left; font-size: 14px; margin-right: 8%; }

.jobs-list ul li .jobs-list-Title .JobTitle { background: url(../images/img178.png) no-repeat left center; padding-left: 35px; font-size: 18px; }

.jobs-list ul li .jobs-list-Title .more { float: right; margin-right: 4%; }

.jobs-list ul li .jobs-list-Title .Number, .jobs-list ul li .jobs-list-Title .place, .jobs-list ul li .jobs-list-Title .time { display: none; }

.jobs-list ul li .jobs-list-contentbox { padding: 20px; display: none; }

.jobs-list ul li .jobs-list-content { font-size: 14px; color: #4c4c4c; line-height: 24px; }

.jobs-list ul li .jobs-list-btn { padding-top: 40px; color: #005469; font-size: 14px; }

.jobs-list ul li .jobs-list-btn a { display: inline-block; font-size: 14px; color: #fff; background-color: #005469; padding: 10px 30px; margin-right: 20px; }

.jobs-list ul li.cur .jobs-list-Title { background-color: #005469; }

.jobs-list ul li.cur .jobs-list-Title span { color: #fff; }

.jobs-list ul li.cur .jobs-list-Title .JobTitle { background: url(../images/img179.png) no-repeat left center; }

.Suspension { position: fixed; left: 35px; top: 100px; z-index: 99; width: 66px; text-align: center; }

.Suspension a { display: block; height: 73px; color: #fff; font-size: 14px; padding-top: 45px; }

.Suspension a.Recruitment { background: url(../images/img181.png) no-repeat center 10px #00556a; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; }

.Suspension a.Speech { background: url(../images/img182.png) no-repeat center 10px #227e99; }

.Suspension a.stop { background: url(../images/img183.png) no-repeat center 20px #e6e3e3; }

.strokelist .Title { position: relative; font-size: 30px; color: #000000; text-align: center; padding-bottom: 40px; }

.strokelist .Title p { position: absolute; right: 0px; top: 0px; font-size: 18px; background: url(../images/img180.png) no-repeat right center; line-height: 38px; padding-right: 50px; }

.strokelist .Title p span { position: absolute; right: 0px; top: 45px; display: none; }

.strokelist .Title p span:after { content: ''; position: absolute; top: -16px; right: 10px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #005469 transparent; }

.strokelist .Title p span img { display: block; width: 153px; -webkit-border-radius: 5px; border-radius: 5px; border: 5px solid #005469; }

.strokelist .Title p:hover span { display: block; }

.strokelist ul { padding-bottom: 20px; }

.strokelist ul li { border-bottom: 1px solid #e3e3e3; }

.strokelist ul li span { float: left; width: 33.3333%; line-height: 65px; text-align: center; font-size: 18px; color: #4c4c4c; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.strokelist ul li span.specificTime, .strokelist ul li span.place, .strokelist ul li span.view { display: none; }

.strokelist ul li.listTitle { background-color: #005469; }

.strokelist ul li.listTitle span { color: #fff; line-height: 52px; }

@media (min-width: 768px) { .OfficeBox { background: #fff; -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); margin-top: 60px; position: relative; }
  .OfficeBox i { display: block; left: 0px; right: 0px; top: 0px; height: 50%; position: absolute; background-color: #005469; z-index: 1; }
  .OfficeBox .Title { font-size: 30px; text-align: center; position: relative; z-index: 2; color: #ffffff; padding-top: 45px; padding-bottom: 20px; }
  .OfficeBox .Officelist { position: relative; overflow: hidden; z-index: 2; margin: 0px auto; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding-bottom: 60px; }
  .OfficeBox .Officelist ul li { position: relative; overflow: hidden; }
  .OfficeBox .Officelist ul li img { width: 100%; display: block; }
  .OfficeBox .Officelist ul li p { font-size: 22px; color: #333333; text-align: center; padding-top: 40px; }
  .OfficeBox span { position: absolute; top: 50%; margin-top: -29px; z-index: 99; width: 58px; height: 58px; background-repeat: no-repeat; background-position: center; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); cursor: pointer; }
  .OfficeBox .OfficelistNext { background-image: url(../images/img153.png); right: 30px; }
  .OfficeBox .Officelistprev { background-image: url(../images/img152.png); left: 30px; }
  .Talent-idea { padding-bottom: 90px; }
  .Talent-idea .Talent-idea-content { background-repeat: no-repeat; background-position: left top; background-size: contain; padding: 45px 0px 0px 30px; margin: 40px 0% 0px 7%; }
  .Talent-idea .Talent-idea-content .title { font-size: 22px; color: #005469; border-bottom: 1px solid #005469; padding-bottom: 15px; }
  .Talent-idea .Talent-idea-content .desc { margin-top: 15px; font-size: 16px; line-height: 30px; color: #5c5c5c; }
  .Talent-idea li:nth-child(2n+1) { clear: left; }
  .jobs-Cooperation { padding: 20px 15px 40px; }
  .jobs-list { padding-bottom: 30px; }
  .jobs-list ul li { margin-top: 20px; border: 1px solid #dbdbdb; }
  .jobs-list ul li .jobs-list-Title { line-height: 60px; padding-left: 20px; cursor: pointer; }
  .jobs-list ul li .jobs-list-Title span { float: left; font-size: 14px; margin-right: 6%; }
  .jobs-list ul li .jobs-list-Title .JobTitle { background: url(../images/img178.png) no-repeat left center; padding-left: 25px; font-size: 16px; }
  .jobs-list ul li .jobs-list-Title .more { float: right; margin-right: 4%; }
  .jobs-list ul li .jobs-list-Title .Number, .jobs-list ul li .jobs-list-Title .place, .jobs-list ul li .jobs-list-Title .time { display: block; }
  .jobs-list ul li .jobs-list-contentbox { padding: 30px 40px; display: none; }
  .jobs-list ul li .jobs-list-content { font-size: 14px; color: #4c4c4c; line-height: 30px; }
  .jobs-list ul li .jobs-list-btn { padding-top: 40px; color: #005469; font-size: 14px; }
  .jobs-list ul li .jobs-list-btn a { display: inline-block; font-size: 14px; color: #fff; background-color: #005469; padding: 10px 30px; margin-right: 20px; }
  .jobs-list ul li.cur .jobs-list-Title { background-color: #005469; }
  .jobs-list ul li.cur .jobs-list-Title span { color: #fff; }
  .jobs-list ul li.cur .jobs-list-Title .JobTitle { background: url(../images/img179.png) no-repeat left center; }
  .jobs-select { float: left; width: 23%; position: relative; margin: 0px 1%; }
  .jobs-select p { height: 56px; border: 1px solid #dbdbdb; line-height: 56px; color: #333333; padding-left: 25px; cursor: pointer; font-size: 16px; background: url(../images/img177.png) no-repeat 90% center; }
  .jobs-select ul { position: absolute; display: none; background-color: #fff; left: 0px; right: 0px; top: 55px; max-height: 200px; overflow-y: auto; overflow-x: hidden; border: 1px solid #dbdbdb; }
  .jobs-select ul li { height: 45px; line-height: 45px; padding-left: 20px; cursor: pointer; }
  .jobs-select ul li:hover { background-color: #f5f5f5; color: #005469; }
  .selectbox { display: block; float: left; width: 23%; margin: 0px 1%; height: 56px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #dbdbdb; position: relative; padding: 15px 60px 0px 10px; }
  .selectbox .selectval { width: 100%; background: none; border: none; font-size: 16px; }
  .selectbox .selectBtn { position: absolute; right: 0px; top: 0px; width: 56px; height: 56px; background: url(../images/icon01.png) no-repeat center; border: none; } }

@media (min-width: 992px) { .Talent-idea li:nth-child(2n+1) { clear: none; }
  .Talent-idea li:nth-child(3n+1) { clear: left; }
  .jobs-Cooperation { padding: 80px 0px; }
  .jobs-Cooperation dl { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 40px; }
  .jobs-Cooperation dl dt { padding-bottom: 50px; }
  .jobs-Cooperation dl dt .Title { font-size: 22px; color: #005469; font-weight: 700; padding-bottom: 0px; }
  .jobs-Cooperation dl dt .desc { font-size: 14px; color: #4c4c4c; line-height: 22px; }
  .jobs-Cooperation dl dt .desc span { color: #005469; }
  .jobs-Cooperation dl dd { float: right; padding: 40px 20px 80px 20px; }
  .jobs-Cooperation dl dd img { display: block; width: 128px; border: 6px solid #005469; -webkit-border-radius: 4px; border-radius: 4px; }
  .jobs-Cooperation dl:nth-child(2n) { border-right: none; padding-left: 40px; }
  .jobs-Cooperation dl:nth-last-child(2) { border-bottom: none; }
  .jobs-Cooperation dl:last-child { border-bottom: none; } }

@media (min-width: 1024px) { .surroundingsTitle { padding-top: 90px; font-size: 30px; padding-bottom: 30px; color: #005469; }
  .Surroundinglistbox { padding: 0px; }
  .Surroundinglistbox .SurroundinglistNext { right: -20px; }
  .Surroundinglistbox .SurroundinglistPrev { left: -20px; }
  .OfficeBox { background: #fff; -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); margin-top: 60px; margin-left: 10px; margin-right: 10px; position: relative; }
  .OfficeBox i { display: block; left: 0px; right: 0px; top: 0px; height: 50%; position: absolute; background-color: #005469; z-index: 1; }
  .OfficeBox .Title { font-size: 30px; text-align: center; position: relative; z-index: 2; color: #ffffff; padding-top: 45px; padding-bottom: 20px; }
  .OfficeBox .Officelist { position: relative; overflow: hidden; z-index: 2; margin: 0px auto; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding-bottom: 60px; }
  .OfficeBox .Officelist ul li { position: relative; overflow: hidden; }
  .OfficeBox .Officelist ul li img { width: 100%; display: block; }
  .OfficeBox .Officelist ul li p { font-size: 22px; color: #333333; text-align: center; padding-top: 40px; }
  .OfficeBox span { position: absolute; top: 50%; margin-top: -29px; z-index: 99; width: 58px; height: 58px; background-repeat: no-repeat; background-position: center; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); cursor: pointer; }
  .OfficeBox .OfficelistNext { background-image: url(../images/img153.png); right: 30px; }
  .OfficeBox .Officelistprev { background-image: url(../images/img152.png); left: 30px; }
  .companyBigImglist { position: absolute; width: -webkit-calc(100% - 365px); width: calc(100% - 365px); top: 0px; right: 0px; max-height: 550px; overflow: hidden; }
  .companyBigImglist span { position: absolute; top: 50%; margin-top: -22.5px; z-index: 99; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; cursor: pointer; }
  .companyBigImglist .companyBigImgNext { background-image: url(../images/img159.png); right: 0px; }
  .companyBigImglist .companyBigImgPrev { background-image: url(../images/img158.png); left: 0px; }
  .companyBigImglist ul li { overflow: hidden; position: relative; width: 100%; }
  .companyBigImglist ul li img { width: 100%; display: block; }
  .companyImgbox { margin-top: 60px; padding-bottom: 40px; position: relative; }
  .companySmallImgbox { display: block; }
  .jobs-developmentbox { padding: 0px 0px 100px; }
  .jobs-developmentbox .jobs-development { padding-top: 75px; }
  .jobs-developmentbox .jobs-development img { max-width: 100%; }
  .jobs-developmentbox .jobs-developmentImgTitle { padding-top: 50px; padding-bottom: 45px; font-size: 34px; text-align: center; }
  .jobs-developmentbox .jobs-developmentImgTitle span { position: relative; }
  .jobs-developmentbox .jobs-developmentImgTitle span:after { position: absolute; width: 35px; height: 1px; content: ''; right: -55px; top: 50%; background-color: #000000; }
  .jobs-developmentbox .jobs-developmentImgTitle span:before { position: absolute; width: 35px; height: 1px; content: ''; left: -55px; top: 50%; background-color: #000000; }
  .jobs-developmentbox .jobs-welfare { padding-top: 135px; padding-bottom: 80px; border-bottom: 1px dashed #dbdbdb; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content { max-width: 820px; line-height: 40px; font-size: 16px; color: #4c4c4c; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content .title { font-size: 30px; color: #00556a; padding-bottom: 15px; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content .titleTwo { font-size: 16px; color: #1a1a1a; font-weight: 700; padding-bottom: 20px; }
  .jobs-developmentbox .jobs-welfare dd { padding-top: 60px; }
  .jobs-developmentbox .jobs-welfare dd img { max-width: 100%; }
  .jobs-developmentbox .jobs-welfare-item { padding-top: 20px; padding-bottom: 70px; }
  .jobs-developmentbox .jobs-welfare-item .title { font-size: 24px; color: #005469; padding-bottom: 10px; }
  .jobs-developmentbox .jobs-welfare-item .desc { color: #666666; font-size: 14px; line-height: 24px; }
  .jobs-developmentbox .jobs-welfare-item dl { border-bottom: 1px solid #dbdbdb; padding: 25px 0px; }
  .jobs-developmentbox .jobs-welfare-item dl dt { text-align: center; font-size: 18px; color: #005469; padding-top: 10px; }
  .jobs-developmentbox .jobs-welfare-item dl dd { line-height: 35px; position: relative; } }

@media (min-width: 1260px) { .Surroundinglistbox { padding: 0px; }
  .Surroundinglistbox span { position: absolute; top: 50%; background-repeat: no-repeat; display: block; width: 20px; height: 36px; cursor: pointer; }
  .Surroundinglistbox .SurroundinglistNext { right: -20px; background-image: url(../images/img150.png); }
  .Surroundinglistbox .SurroundinglistNext:hover { background-image: url(../images/img0150.png); }
  .Surroundinglistbox .SurroundinglistPrev { left: -20px; background-image: url(../images/img149.png); }
  .Surroundinglistbox .SurroundinglistPrev:hover { background-image: url(../images/img0149.png); }
  .jobs-developmentbox { padding: 0px 0px 100px; }
  .jobs-developmentbox .jobs-development { padding-top: 75px; }
  .jobs-developmentbox .jobs-development img { max-width: 100%; }
  .jobs-developmentbox .jobs-developmentImgTitle { padding-top: 50px; padding-bottom: 45px; font-size: 34px; text-align: center; }
  .jobs-developmentbox .jobs-developmentImgTitle span { position: relative; }
  .jobs-developmentbox .jobs-developmentImgTitle span:after { position: absolute; width: 35px; height: 1px; content: ''; right: -55px; top: 50%; background-color: #000000; }
  .jobs-developmentbox .jobs-developmentImgTitle span:before { position: absolute; width: 35px; height: 1px; content: ''; left: -55px; top: 50%; background-color: #000000; }
  .jobs-developmentbox .jobs-welfare { padding-top: 135px; padding-bottom: 80px; border-bottom: 1px dashed #dbdbdb; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content { max-width: 820px; line-height: 40px; font-size: 16px; color: #4c4c4c; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content .title { font-size: 30px; color: #00556a; padding-bottom: 15px; }
  .jobs-developmentbox .jobs-welfare .jobs-welfare-content .titleTwo { font-size: 16px; color: #1a1a1a; font-weight: 700; padding-bottom: 20px; }
  .jobs-developmentbox .jobs-welfare dd { padding-top: 60px; }
  .jobs-developmentbox .jobs-welfare dd img { max-width: 100%; }
  .jobs-developmentbox .jobs-welfare-item { padding-top: 40px; padding-bottom: 70px; }
  .jobs-developmentbox .jobs-welfare-item .title { font-size: 30px; color: #005469; padding-bottom: 10px; }
  .jobs-developmentbox .jobs-welfare-item .desc { color: #666666; font-size: 16px; line-height: 30px; }
  .jobs-developmentbox .jobs-welfare-item dl { border-bottom: 1px solid #dbdbdb; padding: 45px 0px; }
  .jobs-developmentbox .jobs-welfare-item dl dt { text-align: center; font-size: 24px; color: #005469; padding-top: 10px; text-indent: -4em; }
  .jobs-developmentbox .jobs-welfare-item dl dd { line-height: 35px; position: relative; }
  .jobs-developmentbox .jobs-welfare-item dl dd:after { content: ''; display: block; width: 100px; height: 1px; background: #fff; left: -120px; bottom: -46px; position: absolute; }
  .jobs-Cooperation { padding: 80px 0px; }
  .jobs-Cooperation dl { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 40px; }
  .jobs-Cooperation dl dt { padding-left: 0px; padding-bottom: 50px; }
  .jobs-Cooperation dl dt .Title { font-size: 22px; color: #005469; font-weight: 700; padding-bottom: 10px; }
  .jobs-Cooperation dl dt .desc { font-size: 14px; color: #4c4c4c; line-height: 24px; }
  .jobs-Cooperation dl dt .desc span { color: #005469; }
  .jobs-Cooperation dl dd { float: right; padding: 40px 20px 50px 20px; }
  .jobs-Cooperation dl dd img { display: block; width: 128px; border: 6px solid #005469; -webkit-border-radius: 4px; border-radius: 4px; }
  .jobs-Cooperation dl:nth-child(2n) { border-right: none; padding-left: 60px; }
  .jobs-Cooperation dl:nth-last-child(2) { border-bottom: none; }
  .jobs-Cooperation dl:last-child { border-bottom: none; }
  .jobs-searchbox { padding: 0px 100px 40px; }
  .jobs-searchbox .searchTitle { font-size: 30px; color: #333333; text-align: center; padding-top: 80px; padding-bottom: 40px; }
  .jobs-list { padding-bottom: 30px; }
  .jobs-list ul li { margin-top: 30px; border: 1px solid #dbdbdb; }
  .jobs-list ul li .jobs-list-Title { line-height: 80px; padding-left: 40px; cursor: pointer; }
  .jobs-list ul li .jobs-list-Title span { float: left; font-size: 16px; margin-right: 6%; }
  .jobs-list ul li .jobs-list-Title .JobTitle { background: url(../images/img178.png) no-repeat left center; padding-left: 35px; font-size: 22px; }
  .jobs-list ul li .jobs-list-Title .more { float: right; margin-right: 4%; }
  .jobs-list ul li .jobs-list-contentbox { padding: 40px 100px; display: none; }
  .jobs-list ul li .jobs-list-content { font-size: 16px; color: #4c4c4c; line-height: 30px; }
  .jobs-list ul li .jobs-list-btn { padding-top: 40px; color: #005469; font-size: 16px; }
  .jobs-list ul li .jobs-list-btn a { display: inline-block; font-size: 16px; color: #fff; background-color: #005469; padding: 10px 30px; margin-right: 20px; }
  .jobs-list ul li.cur .jobs-list-Title { background-color: #005469; }
  .jobs-list ul li.cur .jobs-list-Title span { color: #fff; }
  .jobs-list ul li.cur .jobs-list-Title .JobTitle { background: url(../images/img179.png) no-repeat left center; }
  .selectResult { text-align: center; font-size: 20px; color: #333333; padding: 30px 0px 0px; }
  .selectResult span { color: #a3c530; } }

@media (min-width: 1440px) { .Surroundinglistbox span { position: absolute; top: 50%; background-repeat: no-repeat; display: block; width: 25px; height: 45px; cursor: pointer; }
  .Surroundinglistbox .SurroundinglistNext { right: -20px; background-image: url(../images/img150.png); }
  .Surroundinglistbox .SurroundinglistNext:hover { background-image: url(../images/img0150.png); }
  .Surroundinglistbox .SurroundinglistPrev { left: -20px; background-image: url(../images/img149.png); }
  .Surroundinglistbox .SurroundinglistPrev:hover { background-image: url(../images/img0149.png); }
  .companyBigImglist { position: absolute; width: -webkit-calc(100% - 300px); width: calc(100% - 300px); top: -65px; right: 0px; max-height: 550px; overflow: hidden; }
  .companyBigImglist span { position: absolute; top: 50%; margin-top: -22.5px; z-index: 99; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; cursor: pointer; }
  .companyBigImglist .companyBigImgNext { background-image: url(../images/img159.png); right: 0px; }
  .companyBigImglist .companyBigImgPrev { background-image: url(../images/img158.png); left: 0px; }
  .companyBigImglist ul li { overflow: hidden; position: relative; width: 100%; }
  .companyBigImglist ul li img { width: 100%; display: block; }
  .companyImgbox { margin-top: 130px; padding-bottom: 90px; position: relative; }
  .Talent-idea { padding-bottom: 90px; }
  .Talent-idea .Talent-idea-content { background-repeat: no-repeat; background-position: left top; padding: 45px 0px 0px 30px; margin: 80px 7% 0px; }
  .Talent-idea .Talent-idea-content .title { font-size: 26px; color: #005469; border-bottom: 1px solid #005469; padding-bottom: 15px; }
  .Talent-idea .Talent-idea-content .desc { margin-top: 15px; font-size: 18px; color: #5c5c5c; }
  .jobs-Cooperation { padding: 80px 0px; }
  .jobs-Cooperation dl { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 40px; }
  .jobs-Cooperation dl dt { padding-bottom: 50px; }
  .jobs-Cooperation dl dt .Title { font-size: 30px; color: #005469; font-weight: 700; padding-bottom: 10px; }
  .jobs-Cooperation dl dt .desc { font-size: 16px; color: #4c4c4c; line-height: 28px; }
  .jobs-Cooperation dl dt .desc span { color: #005469; }
  .jobs-Cooperation dl dd { float: right; padding: 60px 60px 60px 50px; }
  .jobs-Cooperation dl dd img { display: block; width: 128px; border: 6px solid #005469; -webkit-border-radius: 4px; border-radius: 4px; }
  .jobs-Cooperation dl:nth-child(2n) { border-right: none; padding-left: 60px; }
  .jobs-Cooperation dl:nth-last-child(2) { border-bottom: none; }
  .jobs-Cooperation dl:last-child { border-bottom: none; }
  .jobs-list { padding-bottom: 30px; }
  .jobs-list ul li { margin-top: 30px; border: 1px solid #dbdbdb; }
  .jobs-list ul li .jobs-list-Title { line-height: 80px; padding-left: 100px; cursor: pointer; }
  .jobs-list ul li .jobs-list-Title span { float: left; font-size: 16px; margin-right: 8%; }
  .jobs-list ul li .jobs-list-Title .JobTitle { background: url(../images/img178.png) no-repeat left center; padding-left: 35px; font-size: 22px; }
  .jobs-list ul li .jobs-list-Title .more { float: right; margin-right: 4%; }
  .jobs-list ul li .jobs-list-contentbox { padding: 40px 100px; display: none; }
  .jobs-list ul li .jobs-list-content { font-size: 16px; color: #4c4c4c; line-height: 30px; }
  .jobs-list ul li .jobs-list-btn { padding-top: 40px; color: #005469; font-size: 16px; }
  .jobs-list ul li .jobs-list-btn a { display: inline-block; font-size: 16px; color: #fff; background-color: #005469; padding: 10px 30px; margin-right: 20px; }
  .jobs-list ul li.cur .jobs-list-Title { background-color: #005469; }
  .jobs-list ul li.cur .jobs-list-Title span { color: #fff; }
  .jobs-list ul li.cur .jobs-list-Title .JobTitle { background: url(../images/img179.png) no-repeat left center; } }

@media (min-width: 1680px) { .Surroundinglistbox span { position: absolute; top: 50%; background-repeat: no-repeat; display: block; width: 25px; height: 45px; cursor: pointer; }
  .Surroundinglistbox .SurroundinglistNext { right: -60px; background-image: url(../images/img150.png); }
  .Surroundinglistbox .SurroundinglistNext:hover { background-image: url(../images/img0150.png); }
  .Surroundinglistbox .SurroundinglistPrev { left: -60px; background-image: url(../images/img149.png); }
  .Surroundinglistbox .SurroundinglistPrev:hover { background-image: url(../images/img0149.png); } }


.header .navbox .Language i, .footerbox .footer dd span:after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }

/*--头部开始--*/
.header { height: 50px; }

.header a.logo { margin-left: 20px; margin-top: 10px; float: left; display: block; }

.header a.logo img { display: block; height:30px; }

.header .navbox { float: right; }

.header .navbox .nav { display: none; vertical-align: middle; }

.header .navbox .nav li { float: left; line-height: 70px; position: relative; margin-left: 40px; }

.header .navbox .nav li > a { display: block; font-size: 16px; color: #0c1a1e; position: relative; }

.header .navbox .nav li > a:after { position: absolute; display: block; height: 2px; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; background-color: #005469; content: ''; width: 0%; left: 0px; bottom: 0px; }

.header .navbox .nav li:hover > a:after { width: 100%; }

.header .navbox .nav li:hover > a { color: #005469; }

.header .navbox .nav li:hover p a { opacity: 1; pointer-events: auto; transition: all .3s; transform: translateY(0px); }

.header .navbox .nav li:first-child { margin-left: 0px; }

.header .navbox .nav li p { position: absolute; text-align: center; padding: 0px; top: 66px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; z-index: 88; white-space: nowrap; font-size: 0; pointer-events: none; left: -120px; }

.header .navbox .nav li p.bg { position: fixed; z-index: 87; }

.header .navbox .nav li p .ul { display: block; }

.header .navbox .nav li p .ul .li { min-width: 110px; margin-left: 60px; display: inline-block; }

.header .navbox .nav li p .ul .li>a { border-bottom: 1px solid #5c5c5c; margin-bottom: 10px; }

.header .navbox .nav li p a { display: inline-block; font-size: 14px; line-height: 52px; opacity: 0; pointer-events: none; background-color: #f7f7f7; padding: 0 20px; }

.header .navbox .nav li p a:hover { color: #005469; }

/* .header .navbox .nav li:hover p { max-height: 300px; padding: 10px 0px; } */

.header .navbox .search { margin-left: 60px; display: none; width: 240px; vertical-align: middle; }

.header .navbox .search p { position: relative; }

.header .navbox .search p label { background-color: #f6f6f6; padding: 5px 45px 6px 15px; -webkit-border-radius: 15px; border-radius: 15px; display: block; }

.header .navbox .search .searchText { width: 100%; background: none; float: left; }

.header .navbox .search .searchBtn { position: absolute; right: 5px; top: 0px; width: 34px; height: 34px; border: none; background: url(../images/icon01.png) no-repeat center; }

.header .navbox .Language { position: relative; vertical-align: middle; color: #333; font-size: 14px; padding-right: 20px; margin-left:0px; display: inline-block; }

.header .navbox .Language i { position: absolute; right: 0px; top: 50%; margin-top: -3px; border-width: 7px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }

.header .navbox .navBtn { display: inline-block; vertical-align: middle; position: relative; background-color: #005469; width: 50px; height: 50px; padding:5px 10px 0px; margin-left:10px; cursor: pointer; }

.header .navbox .navBtn i { background-color: #fff; display: block; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 8px; height: 4px; }

.indexHeader .navbox .nav li:hover p { display: none; }

.popUpNav { position: fixed; display: none; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 999; background-color: #fff; }

.popUpNav .popUpNavlogo { position: absolute; left: 20px; top: 10px; height: 30px; z-index: 99; }

.popUpNav .closePopupNav { position: absolute; right: 0px; top: 0px; font-size: 30px; width:50px; height: 50px; z-index: 99; background-color: #005469; background-image: url(../images/icon07.png); background-position: center; background-repeat: no-repeat; cursor: pointer; }

.popUpNav ul { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; padding: 100px 5% 0px; overflow-x: hidden; overflow-y: auto; }

.popUpNav ul li { border-bottom: 1px solid #f0f0f0; }

.popUpNav ul li:last-child { border-right: none; }

.popUpNav ul li span { background-color: #fff; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }

.popUpNav ul li div .ColumnNum { display: none; }

.popUpNav ul li div .ColumnOne { font-size: 18px; padding: 10px 15px 10px; position: relative; }

.popUpNav ul li div .ColumnOne a { color: #0c1a1e; }

.popUpNav ul li div .ColumnOne a:hover { color: #005469; }

.popUpNav ul li div .ColumnOne em { display: block; width: 50px; height: 100%; position: absolute; right: 0px; top: 0px; line-height: 140%; text-align: center; font-style: normal; color: #666; font-size: 30px; }

.popUpNav ul li div .ColumnTwo { display: none; border-top: 1px solid #f0f0f0; padding: 10px 25px; font-size: 14px; line-height: 34px; }

.popUpNav ul li div .ColumnTwo a { color: #666666; display: block; }

.popUpNav ul li div .ColumnTwo a:hover { color: #005469; }

.hidescroll { overflow: hidden; }

/*--头部结束--*/
/*--首页标题--*/
.indexTitle { font-size: 35px; color: #000; line-height: 40px; font-weight: 700; }

.indexTitle span { font-size: 30px; color: #e5e5e5; line-height: 40px; display: block; }

/*--首页标题--*/
/*--首页开始--*/
.banner { width: 100%; position: relative; overflow: hidden; }

.banner li { overflow: hidden; position: relative; }

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

.banner .bannerdot { position: absolute; left: 0px; width: 100%; bottom: 0px; z-index: 99; text-align: center; }

.banner .bannerdot span { background: #fff; width: 20px; height: 3px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }

.banner .bannerdot span.swiper-pagination-bullet-active { width: 30px; height: 6px; }

.banner em { display: block; width: 24px; height: 49px; position: absolute; top: 50%; margin-top: -24.5px; background-repeat: no-repeat; z-index: 99; cursor: pointer; background-size: 24px 49px; }

.banner em.bannerNext { background-image: url(../images/icon08.png); left: 0px; }

.banner em.bannerPrev { background-image: url(../images/icon09.png); right: 0px; }

.indexBusinessBox { padding: 40px 0px; }

.indexBusinessBox .businessClass { padding-top: 20px; }

.indexBusinessBox .businessClass ul { border-bottom: 1px solid #e5e5e5; text-align: center; }

.indexBusinessBox .businessClass ul li { padding: 0px 15px; display: inline-block; }

.indexBusinessBox .businessClass ul li a { display: inline-block; font-size: 18px; color: #000; height: 55px; line-height: 55px; position: relative; }

.indexBusinessBox .businessClass ul li a:after { position: absolute; display: block; height: 4px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: #005469; content: ''; left: 0px; width: 0px; bottom: 0px; }

.indexBusinessBox .businessClass ul li:hover a:after { width: 100%; }

.indexBusinessBox .businessClass ul li.cur a:after { width: 100%; }

.indexBusinessBox .businessClass ul li.cur a { color: #005469; }

.indexBusinessBox .businessClass ul li:hover a { color: #005469; }

.indexBusinessBox .indexBusinesslistTab { position: relative; margin-top: 45px; }

.indexBusinessBox .indexBusinesslistbox { width: 100%; position: absolute; z-index: -1; left: 0px; right: 0px; opacity: 0; filter: alpha(opacity=0); }

.indexBusinessBox .indexBusinesslistbox span { display: block; position: absolute; width: 19px; height: 34px; top: 50%; margin-top: -17px; background-repeat: no-repeat; cursor: pointer; }

.indexBusinessBox .indexBusinesslistbox span.indexBusinesslistNext { right: 0px; background-image: url(../images/icon03.png); }

.indexBusinessBox .indexBusinesslistbox span.indexBusinesslistPrev { left: 0px; background-image: url(../images/icon02.png); }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); margin: 0px auto; position: relative; overflow: hidden; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li { float: left; width: 25%; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a { display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a em { display: block; overflow: hidden; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.title { font-size: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-top: 20px; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.desc { -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-top: 15px; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.more { margin-top: 30px; font-size: 14px; color: #666; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-repeat: no-repeat; background-image: url(../images/icon04.png); background-position: 95% center; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:after { position: absolute; display: block; height: 1px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: #005469; content: ''; left: 0px; width: 0px; bottom: 0px; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover:after { width: 100%; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover p.title { color: #005469; }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover em img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover p.more { background-image: url(../images/icon004.png); background-position: 98% center; color: #005469; }

.indexBusinessBox .indexBusinesslistShow { position: relative !important; z-index: 1; left: 0px; top: 0px; opacity: 1; filter: alpha(opacity=100); }

.indexNewsBox { background-color: #f3f3f3; padding: 30px 0px 20px; }

.indexNewsBox .indexTitle span { color: #ccc !important; }

.indexNewsBox .indexNewsClass { padding-top: 30px; }

.indexNewsBox .indexNewsClass li { float: left; width: 25%; font-size: 16px; color: #333333; position: relative; text-align: center; }

.indexNewsBox .indexNewsClass li a { display: block; height: 50px; line-height: 50px; }

.indexNewsBox .indexNewsClass li:after { height: 23px; background-color: #808080; content: ''; right: 0px; position: absolute; top: 50%; width: 1px; margin-top: -11px; }

.indexNewsBox .indexNewsClass li.cur a { background-color: #005469; color: #fff; }

.indexNewsBox .indexNewsClass li.cur:after { display: none; }

.indexNewsBox .indexNewsClass li:hover a { background-color: #005469; color: #fff; }

.indexNewsBox .indexNewsClass li:hover:after { display: none; }

.indexNewsBox .indexNewsClass li:last-child:after { display: none; }

.indexNewsBox .indexNewsHot { display: block; position: relative; margin-top: 30px; overflow: hidden; }

.indexNewsBox .indexNewsHot img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }

.indexNewsBox .indexNewsHot p { position: absolute; bottom: 30px; left: 20px; right: 20px; font-size: 16px; color: #fff; }

.indexNewsBox .indexNewsHot p span { font-size: 22px; height: 31px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; max-width: -webkit-calc(100% - 111px); max-width: calc(100% - 111px); display: inline-block; vertical-align: sub; margin-right: 30px; }

.indexNewsBox .indexNewsHot:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexNewsBox .indexNewslist { margin-top: 30px; }

.indexNewsBox .indexNewslist dl { padding-bottom: 20px; }

.indexNewsBox .indexNewslist dl dt span { display: block; max-width: 200px; overflow: hidden; }

.indexNewsBox .indexNewslist dl dt span img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }

.indexNewsBox .indexNewslist dl dd p.title { font-size: 16px; font-weight: 700; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.indexNewsBox .indexNewslist dl dd p.time { font-size: 12px; color: #666666; margin-top: 2px; }

.indexNewsBox .indexNewslist dl dd p.desc { font-size: 12px; color: #383838; -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; margin-top: 5px; }

.indexNewsBox .indexNewslist dl:hover dt span img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexNewsBox .indexNewslist dl:hover dd p.title { color: #005469; }

.indexNewsBox .indexNewsTab { display: none; }

.indexAboutbox { background-image: url(../images/img10.png); background-position: left bottom; background-repeat: no-repeat; padding: 50px 0px; }

.indexAboutbox .indexAboutdesc { max-width: 635px; padding-bottom: 30px; }

.indexAboutbox .indexAboutdesc .indexTitle { float: none !important; }

.indexAboutbox .indexAboutdesc dl { max-width: 635px; padding-top: 20px; }

.indexAboutbox .indexAboutdesc dl dt { font-size: 24px; color: #005469; font-weight: 700; }

.indexAboutbox .indexAboutdesc dl dd { padding-top: 10px; }

.indexAboutbox .indexAboutdesc dl dd .stockrise { float: left; font-size: 35px; line-height: 55px; color: #f41011; margin-right: 30px; }

.indexAboutbox .indexAboutdesc dl dd .stockrise img { vertical-align: revert; height: 30px; }

.indexAboutbox .indexAboutdesc dl dd .down { color: #349400 !important; }

.indexAboutbox .indexAboutdesc dl dd .percentage { float: left; text-align: center; font-size: 14px; line-height: 23px; }

.indexAboutbox .indexAboutdesc dl dd .percentage p { color: #f41011; }

.indexAboutbox .indexAboutdesc dl dd .percentage p.time { color: #000; }

.indexAboutbox .indexAboutdesc .desc { font-size: 14px; color: #000; padding-top: 15px; -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.indexAboutbox .indexAboutdesc .more { padding-top: 45px; }

.indexAboutbox .indexAboutdesc .more a { display: block; max-width: 150px; background-color: #005469; text-align: center; padding: 12px 0px; }

.indexAboutbox .indexAboutdesc .more a span { color: #fff; background-image: url(../images/icon0004.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 14px; font-weight: 700; }

.indexAboutbox .indexAboutimg { position: relative; }

.indexAboutbox .indexAboutimg p { position: relative; z-index: 9; overflow: hidden; }

.indexAboutbox .indexAboutimg p img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }

.indexAboutbox .indexAboutimg p:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexAboutbox .indexAboutimg span { display: none; position: absolute; left: 20px; top: -15px; background-color: #dbeff3; z-index: 8; width: 100%; height: 100%; }

.indexAboutbox .indexAboutimg em { display: none; position: absolute; left: 40px; top: -30px; background-color: #f2f9fb; z-index: 7; width: 100%; height: 100%; }

/*--首页结束--*/
.footerbox { background-color: #333333; padding: 50px 0px 0px; }

.footerbox .footLogo dt img { display: block; margin-right: 40px; }

.footerbox .footLogo dt span { display: block; margin-top: 15px; position: relative; }

.footerbox .footLogo dt span .wechat { background: #1f4e79; width: 120px; height: 120px; position: absolute; padding: 5px; top: -130px; left: -42px; opacity: 0; transition: all .3s; }

.footerbox .footLogo dt span .wechat img { width: 100%; }

.footerbox .footLogo dt span a { display: block; float: left; width: 30px; height: 30px; background-repeat: no-repeat; margin: 0px 10px 0px 0px; padding: 0px; background-color: #e0e0e0; -webkit-border-radius: 100%; border-radius: 100%; }

.footerbox .footLogo dt span a.wx { background-image: url(../images/icon05.png); }

.footerbox .footLogo dt span a.wx:hover ~ .wechat { opacity: 1; }

.footerbox .footLogo dt span a.wb { background-image: url(../images/icon06.png); }

.footerbox .footLogo .footTab { margin-top: 20px; position: relative; width: 190px; }

.footerbox .footLogo .footTab .hover-btn { display: block; width: 190px; height: 45px; text-align: center; color: #fff; font-size: 18px; font-weight: 700; line-height: 45px; background-color: #005469; }

.footerbox .footLogo .footTab .child-company { display: none; padding-top: 15px; position: absolute; width: 100%; text-align: center; background-color: #005469; top: 0; transform: translateY(-100%); z-index: 1; }

.footerbox .footLogo .footTab .child-company li a { color: #fff; line-height: 32px; display: block; }

.footerbox .footLogo .footTab .child-company li a:hover { background-color: #025b71; }

.footerbox .footClass { padding-top: 10px; padding-bottom: 20px; }

.footerbox .footClass dt { padding-top: 10px; }

.footerbox .footClass dt p a { display: block; font-size: 16px; color: #b2b2b2; }

.footerbox .footClass dt p a:hover { color: #618d98; }

.footerbox .footClass dt p:last-child { padding-right: 0px; }

.footerbox .footClass dd { font-size: 16px; color: #b2b2b2; }

.footerbox .footClass dd span { color: #618d98; font-size: 24px; font-weight: 700; }

.footerbox .line { height: 1px; background-color: #484848; }

.footerbox .footer { padding: 20px 0px; }

.footerbox .footer dt { font-size: 12px; color: #b2b2b2; padding-bottom: 10px; }

.footerbox .footer dt a { color: #b2b2b2; padding: 0px 5px; }

.footerbox .footer dt a:hover { color: #618d98; }

.footerbox .footer dd { font-size: 14px; color: #b2b2b2; }

.footerbox .footer dd span { position: relative; padding-right: 15px; }

.footerbox .footer dd span:after { position: absolute; right: 0px; top: 50%; margin-top: -4px; content: ''; border-width: 4px; border-style: dashed dashed solid dashed; border-color: transparent transparent #b2b2b2 transparent; }

@media (min-width: 768px) { .banner .bannerdot { position: absolute; left: 0px; width: 100%; bottom: 0px; z-index: 99; text-align: center; }
  .banner .bannerdot span { background: #fff; width: 40px; height: 3px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
  .banner .bannerdot span.swiper-pagination-bullet-active { width: 70px; height: 6px; }
  .banner em { width: 40px; height: 81px; top: 50%; margin-top: -40.5px; background-size: 40px 81px; } }

@media (min-width: 1024px) { .footerbox .footLogo dt { float: left; }
  .footerbox .footLogo dt img { display: block; float: left; margin-right: 40px; }
  .footerbox .footLogo dt span { display: block; float: left; margin-top: 10px; }
  .footerbox .footLogo dt span a { display: block; float: left; width: 30px; height: 30px; background-repeat: no-repeat; margin: 0px 10px 0px 0px; padding: 0px; background-color: #e0e0e0; -webkit-border-radius: 100%; border-radius: 100%; }
  .footerbox .footLogo dt span a.wx { background-image: url(../images/icon05.png); }
  .footerbox .footLogo dt span a.wb { background-image: url(../images/icon06.png); }
  .footerbox .footLogo .footTab { float: right; padding-top: 0px; }
  .footerbox .footLogo .footTab .hover-btn { display: block; width: 190px; height: 45px; text-align: center; color: #fff; font-size: 18px; font-weight: 700; line-height: 45px; background-color: #005469; }
  .footerbox .footClass dt { float: left; padding-top: 12px; }
  .footerbox .footClass dt p { padding-right: 20px; float: left; }
  .footerbox .footClass dt p a { font-size: 20px; }
  .footerbox .footClass dd { float: right; font-size: 18px; color: #b2b2b2; }
  .footerbox .footClass dd span { color: #618d98; font-size: 30px; font-weight: 700; }
  .footerbox .footer dt { float: left; padding-bottom: 0px; }
  .footerbox .footer dd { float: right; } }

@media (min-width: 1260px) { .header { height: 70px; }
  .header a.logo { margin-left: 30px; margin-top: 17px; }
  .header a.logo img { display: block; height: 40px; }
  .header .navbox { float: right; }
  .header .navbox .nav { display: inline-block; }
  .header .navbox .nav li { margin-left: 30px; }
  .header .navbox .search { display: inline-block; margin-left: 20px; width: 160px; }
  .header .navbox .Language { display: inline-block; margin-left: 20px; font-size: 18px; }
  .header .navbox .navBtn { margin-left: 20px; width: 70px; height: 70px; padding: 15px 15px 0px; }
  .popUpNav .popUpNavlogo { left: 30px; top: 7px; height: 56px; }
  .popUpNav .closePopupNav { width: 70px; height: 70px; }
  .popUpNav ul { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; padding: 0px; }
  .popUpNav ul li { float: left; width: -webkit-calc(100% / 7); width: calc(100% / 7); background-image: url(../images/img13.jpg); background-size: cover; background-position: center; height: 100%; position: relative; text-align: center; padding: 0px; border-right: 1px solid #f0f0f0; border-bottom: none; }
  .popUpNav ul li:last-child { border-right: none; }
  .popUpNav ul li span { background-color: #fff; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }
  .popUpNav ul li div { position: absolute; top: 50%; width: 100%; margin-top: -200px; height: 390px; }
  .popUpNav ul li div .ColumnNum { display: block; color: #e5e5e5; font-size: 80px; position: relative; }
  .popUpNav ul li div .ColumnNum:after { height: 100px; width: 1px; background-color: #fff; position: absolute; top: -70px; content: ''; left: 50%; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; opacity: 0; filter: alpha(opacity=0); }
  .popUpNav ul li div .ColumnOne { font-size: 24px; padding: 10px 0px 10px; }
  .popUpNav ul li div .ColumnOne a { color: #0c1a1e; }
  .popUpNav ul li div .ColumnOne a:hover { color: #005469; }
  .popUpNav ul li div .ColumnOne em { display: none; }
  .popUpNav ul li div .ColumnTwo { font-size: 14px; line-height: 34px; display: block; border: none; }
  .popUpNav ul li div .ColumnTwo a { color: #666666; display: block; }
  .popUpNav ul li div .ColumnTwo a:hover { color: #005469; }
  .popUpNav ul li:hover span { opacity: 0; filter: alpha(opacity=0); }
  .popUpNav ul li:hover div a { color: #fff; }
  .popUpNav ul li:hover div .ColumnNum:after { top: -100px; opacity: 1; filter: alpha(opacity=100); }
  .indexBusinessBox { padding: 70px 0px; }
  .indexBusinessBox .businessClass { width: -webkit-calc(100% - 380px); width: calc(100% - 380px); float: right; padding-top: 20px; margin-right: 100px; }
  .indexBusinessBox .businessClass ul { border-bottom: 1px solid #e5e5e5; text-align: right; }
  .indexBusinessBox .businessClass ul li { padding-left: 70px; display: inline-block; }
  .indexBusinessBox .businessClass ul li a { display: inline-block; font-size: 22px; color: #000; height: 55px; line-height: 55px; position: relative; }
  .indexBusinessBox .indexBusinesslistbox span { display: block; position: absolute; width: 19px; height: 34px; top: 50%; margin-top: -17px; background-repeat: no-repeat; cursor: pointer; }
  .indexBusinessBox .indexBusinesslistbox span.indexBusinesslistNext { right: 0px; background-image: url(../images/icon03.png); }
  .indexBusinessBox .indexBusinesslistbox span.indexBusinesslistPrev { left: 0px; background-image: url(../images/icon02.png); }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist { width: -webkit-calc(100% - 200px); width: calc(100% - 200px); margin: 0px auto; position: relative; overflow: hidden; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li { float: left; width: 25%; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a { display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a em { display: block; overflow: hidden; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.title { font-size: 22px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-top: 20px; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.desc { -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-top: 15px; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a p.more { margin-top: 30px; font-size: 14px; color: #666; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-repeat: no-repeat; background-image: url(../images/icon04.png); background-position: 95% center; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:after { position: absolute; display: block; height: 1px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; background-color: #005469; content: ''; left: 0px; width: 0px; bottom: 0px; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover:after { width: 100%; }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover em img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .indexBusinessBox .indexBusinesslistbox .indexBusinesslist li a:hover p.more { background-image: url(../images/icon004.png); background-position: 98% center; color: #005469; }
  .indexNewsBox { background-color: #f3f3f3; padding: 60px 0px 30px; }
  .indexNewsBox .indexNewsTitle { float: left; font-size: 50px; color: #000; line-height: 55px; font-weight: 700; }
  .indexNewsBox .indexNewsTitle span { font-size: 46px; color: #ccc; line-height: 50px; display: block; }
  .indexNewsBox .indexNewsClass { width: -webkit-calc(100% - 510px); width: calc(100% - 510px); float: right; padding: 0px; }
  .indexNewsBox .indexNewsClass li { float: left; width: 25%; font-size: 22px; color: #333333; position: relative; text-align: center; }
  .indexNewsBox .indexNewsClass li a { display: block; height: 50px; line-height: 50px; }
  .indexNewsBox .indexNewsClass li:after { height: 23px; background-color: #808080; content: ''; right: 0px; position: absolute; top: 50%; width: 1px; margin-top: -11px; }
  .indexNewsBox .indexNewsClass li.cur a { background-color: #005469; color: #fff; }
  .indexNewsBox .indexNewsClass li.cur:after { display: none; }
  .indexNewsBox .indexNewsClass li:hover a { background-color: #005469; color: #fff; }
  .indexNewsBox .indexNewsClass li:hover:after { display: none; }
  .indexNewsBox .indexNewsClass li:last-child:after { display: none; }
  .indexNewsBox .indexNewsHot { display: block; position: relative; max-width: 770px; margin-top: 45px; overflow: hidden; }
  .indexNewsBox .indexNewsHot img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }
  .indexNewsBox .indexNewsHot p { position: absolute; bottom: 30px; left: 20px; right: 20px; font-size: 16px; color: #fff; }
  .indexNewsBox .indexNewsHot p span { font-size: 22px; height: 31px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; max-width: -webkit-calc(100% - 111px); max-width: calc(100% - 111px); display: inline-block; vertical-align: sub; margin-right: 30px; }
  .indexNewsBox .indexNewsHot:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .indexNewsBox .indexNewslist { margin-top: 45px; margin-left: 0px; margin-right: 0px; }
  .indexNewsBox .indexNewslist dl { padding-bottom: 37px; }
  .indexNewsBox .indexNewslist dl dt span { display: block; max-width: 200px; overflow: hidden; }
  .indexNewsBox .indexNewslist dl dt span img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }
  .indexNewsBox .indexNewslist dl dd p.title { font-size: 20px; font-weight: 700; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
  .indexNewsBox .indexNewslist dl dd p.time { font-size: 16px; color: #666666; margin-top: 4px; }
  .indexNewsBox .indexNewslist dl dd p.desc { font-size: 14px; color: #383838; margin-top: 8px; -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-top: 8px; }
  .indexNewsBox .indexNewslist dl:hover dt span img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .indexTitle { float: left; font-size: 50px; color: #000; line-height: 55px; font-weight: 700; }
  .indexTitle span { font-size: 46px; color: #e5e5e5; line-height: 50px; display: block; }
  .indexAboutbox { background-image: url(../images/img10.png); background-position: left bottom; background-repeat: no-repeat; padding: 120px 0px; }
  .indexAboutbox .indexAboutdesc { max-width: 635px; }
  .indexAboutbox .indexAboutdesc .indexTitle { float: none !important; }
  .indexAboutbox .indexAboutdesc dl { max-width: 635px; padding-top: 20px; }
  .indexAboutbox .indexAboutdesc dl dt { font-size: 29px; color: #005469; font-weight: 700; }
  .indexAboutbox .indexAboutdesc dl dd { padding-top: 20px; }
  .indexAboutbox .indexAboutdesc dl dd .stockrise { float: left; font-size: 50px; line-height: 55px; color: #f41011; margin-right: 30px; }
  .indexAboutbox .indexAboutdesc dl dd .stockrise img { vertical-align: revert; }
  .indexAboutbox .indexAboutdesc dl dd .percentage { float: left; text-align: center; font-size: 14px; line-height: 33px; }
  .indexAboutbox .indexAboutdesc dl dd .percentage p { color: #f41011; }
  .indexAboutbox .indexAboutdesc dl dd .percentage p.time { color: #000; }
  .indexAboutbox .indexAboutdesc .desc { font-size: 16px; color: #000; padding-top: 25px; -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
  .indexAboutbox .indexAboutdesc .more { padding-top: 45px; }
  .indexAboutbox .indexAboutdesc .more a { display: block; max-width: 150px; background-color: #005469; text-align: center; padding: 12px 0px; }
  .indexAboutbox .indexAboutdesc .more a span { color: #fff; background-image: url(../images/icon0004.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 14px; font-weight: 700; }
  .indexAboutbox .indexAboutimg { position: relative; }
  .indexAboutbox .indexAboutimg p { position: relative; z-index: 9; overflow: hidden; }
  .indexAboutbox .indexAboutimg p img { width: 100%; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; }
  .indexAboutbox .indexAboutimg p:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .indexAboutbox .indexAboutimg span { display: block; position: absolute; left: 10px; top: -10px; background-color: #dbeff3; z-index: 8; width: 100%; height: 100%; }
  .indexAboutbox .indexAboutimg em { display: block; position: absolute; left: 20px; top: -20px; background-color: #f2f9fb; z-index: 7; width: 100%; height: 100%; }
  .footerbox .footClass dt { padding-top: 12px; }
  .footerbox .footClass dt p { padding-right: 50px; }
  .footerbox .footClass dt p a { font-size: 20px; }
  .footerbox .footClass dd { font-size: 18px; color: #b2b2b2; }
  .footerbox .footClass dd span { color: #618d98; font-size: 30px; font-weight: 700; }
  .indexNewsBox .indexNewslist dl { padding-bottom: 20px; }
  .banner .bannerdot { position: absolute; left: 0px; width: 100%; bottom: 0px; z-index: 99; text-align: center; }
  .banner .bannerdot span { background: #fff; width: 50px; height: 3px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
  .banner .bannerdot span.swiper-pagination-bullet-active { width: 90px; height: 6px; }
  .banner em { width: 56px; height: 114px; top: 50%; margin-top: -57px; background-size: 56px 114px; } }

@media (min-width: 1440px) { .header a.logo { margin-left: 80px; }

  .header .navbox { float: right; }
  .header .navbox .nav li { margin-left: 30px; }
  .header .navbox .search { margin-left: 30px; width: 200px; }
  .header .navbox .Language { margin-left: 30px; }
  .header .navbox .navBtn { margin-left: 30px; }
  .popUpNav .popUpNavlogo { left: 80px; top: 17px; }
  .indexAboutbox .indexAboutimg span { display: block; }
  .indexAboutbox .indexAboutimg em { display: block; } }

@media (min-width: 1680px) { .header a.logo { margin-left: 100px;}
  .header .navbox { float: right; }
  .header .navbox .nav li { margin-left: 55px; }
  .header .navbox .nav li:first-child { padding-left: 0px; }
  .header .navbox .search { margin-left: 60px; width: 240px; }
  .header .navbox .Language { margin-left: 40px; }
  .header .navbox .navBtn { margin-left: 60px; }
  .popUpNav .popUpNavlogo { position: absolute; left: 100px; top: 17px; z-index: 99; }
  .indexNewsBox .indexNewslist dl { padding-bottom: 37px; }
  .indexNewsBox .indexNewslist dl dd p.time { margin-top: 8px; }
  .indexNewsBox .indexNewslist dl dd p.desc { margin-top: 15px; }
  .indexBusinessBox .commonweb, .indexNewsBox .commonweb, .indexAboutbox .commonweb, .indexFooterBox .commonweb { max-width: 1620px; } }

.newsBannerbox { padding-top: 40px; padding-bottom: 40px; }

.newsBannerbox .newsBanner { width: 100%; position: relative; overflow: hidden; }

.newsBannerbox .newsBanner ul li { width: 100%; position: relative; overflow: hidden; background-color: #f2f2f2; }

.newsBannerbox .newsBanner ul li img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.newsBannerbox .newsBanner ul li .img { position: relative; overflow: hidden; }

.newsBannerbox .newsBanner ul li .img::after { content: ""; display: block; padding-bottom: 56.20915%; }

.newsBannerbox .newsBanner ul li .newsInfo { padding: 20px; }

.newsBannerbox .newsBanner ul li .newsInfo .Title { font-size: 18px; color: #4c4c4c; max-height: 24px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: 700; }

.newsBannerbox .newsBanner ul li .newsInfo .desc { font-size: 14px; max-height: 96px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 15px; }

.newsBannerbox .newsBanner ul li .newsInfo .more { font-size: 12px; margin-top: 15px; color: #4c4c4c; }

.newsBannerbox .newsBanner ul li:hover .newsInfo .Title { color: #005469; }

.newsBannerbox .newsBanner .newsBannerdot { position: absolute; left: 0%; bottom: 5%; z-index: 99; text-align: center; right: 0px; }

.newsBannerbox .newsBanner .newsBannerdot span { background: #d9d9d9; width: 11px; height: 11px; margin: 0px 5px; }

.newsBannerbox .newsBanner .newsBannerdot span.swiper-pagination-bullet-active { background-color: #005469; }

.newsListBox { background-color: #f2f2f2; padding: 30px 0px 50px; }

.newsListBox ul li { margin-top: 20px; }

.newsListBox ul li .newslistInfo { margin: 0px 10px; padding: 0px 20px 20px; background-color: #fff; position: relative; }

.newsListBox ul li .newslistInfo .Time { width: 75px; height: 75px; background-color: #005469; color: #fff; text-align: center; font-size: 30px; }

.newsListBox ul li .newslistInfo .Time span { display: block; font-size: 14px; }

.newsListBox ul li .newslistInfo .Title { font-size: 18px; color: #4c4c4c; margin-top: 10px; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsListBox ul li .newslistInfo .desc { font-size: 14px; color: #666666; margin-top: 10px; max-height: 96px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.newsListBox ul li .newslistInfo .newsListImg { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #005469; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; z-index: 9; }

.newsListBox ul li .newslistInfo .newsListImg img { display: block; width: 100%; }

.newsListBox ul li .newslistInfo .newsListImg .TitleTwo { font-size: 22px; color: #fff; margin-top: 30px; max-height: 70px; line-height: 35px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20%; padding: 0px 30px 0px; }

.newsActivitybox { padding-top: 40px; padding-bottom: 105px; }

.newsActivitybox .newsActivity { margin: 20px 0px 0px; border: 1px solid #dcdce5; padding-bottom: 20px; }

.newsActivitybox .newsActivity span { display: block; overflow: hidden; }

.newsActivitybox .newsActivity span img { display: block; width: 100%; -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.newsActivitybox .newsActivity .Title { font-size: 18px; margin: 20px 10px 0px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.newsActivitybox .newsActivity .time { color: #666666; margin: 6px 10px 0px; font-size: 14px; }

.newsActivitybox .newsActivity .desc { font-size: 12px; color: #666666; margin: 10px 10px 0px; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsActivitybox .newsActivity:hover span img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media (min-width: 768px) { .newsListBox { background-color: #f2f2f2; padding: 45px 0px 85px; }
  .newsListBox ul li { margin-top: 40px; }
  .newsListBox ul li .newslistInfo { margin: 0px 10px; padding: 0px 30px; background-color: #fff; height: 405px; position: relative; }
  .newsListBox ul li .newslistInfo .Time { width: 75px; height: 75px; background-color: #005469; color: #fff; text-align: center; font-size: 30px; }
  .newsListBox ul li .newslistInfo .Time span { display: block; font-size: 14px; }
  .newsListBox ul li .newslistInfo .Title { font-size: 20px; color: #4c4c4c; margin-top: 20px; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListBox ul li .newslistInfo .desc { font-size: 16px; color: #666666; margin-top: 20px; max-height: 112px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .newsListBox ul li .newslistInfo .newsListImg { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #005469; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; z-index: 9; }
  .newsListBox ul li .newslistInfo .newsListImg img { display: block; width: 100%; }
  .newsListBox ul li .newslistInfo .newsListImg .TitleTwo { font-size: 18px; color: #fff; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20px; padding: 0px 30px 0px; }
  .newsListBox ul li:hover .newslistInfo .newsListImg { opacity: 1; filter: alpha(opacity=100); } }

@media (min-width: 992px) { .newsBannerbox { padding-top: 100px; padding-bottom: 100px; }
  .newsBannerbox .newsBanner { width: 100%; position: relative; overflow: hidden; }
  .newsBannerbox .newsBanner ul li { width: 100%; position: relative; overflow: hidden; padding-right: 45%; background-color: #f2f2f2; }
  .newsBannerbox .newsBanner ul li img { width: 100%; }
  .newsBannerbox .newsBanner ul li .newsInfo { position: absolute; right: 0px; bottom: 0px; left: 55%; top: 0px; padding: 2% 4% 0px; }
  .newsBannerbox .newsBanner ul li .newsInfo .Title { font-size: 20px; color: #4c4c4c; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 700; }
  .newsBannerbox .newsBanner ul li .newsInfo .desc { font-size: 14px; max-height: 96px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 20px; }
  .newsBannerbox .newsBanner ul li .newsInfo .more { font-size: 12px; margin-top: 20px; color: #4c4c4c; }
  .newsBannerbox .newsBanner .newsBannerdot { position: absolute; left: 60%; bottom: 5%; z-index: 99; }
  .newsBannerbox .newsBanner .newsBannerdot span { background: #d9d9d9; width: 11px; height: 11px; margin: 0px 5px; }
  .newsBannerbox .newsBanner .newsBannerdot span.swiper-pagination-bullet-active { background-color: #005469; }
  .newsListBox { background-color: #f2f2f2; padding: 45px 0px 85px; }
  .newsListBox ul li { margin-top: 40px; }
  .newsListBox ul li .newslistInfo { margin: 0px 10px; padding: 0px 30px; background-color: #fff; height: 405px; position: relative; }
  .newsListBox ul li .newslistInfo .Time { width: 75px; height: 75px; background-color: #005469; color: #fff; text-align: center; font-size: 30px; }
  .newsListBox ul li .newslistInfo .Time span { display: block; font-size: 14px; }
  .newsListBox ul li .newslistInfo .Title { font-size: 20px; color: #4c4c4c; margin-top: 20px; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListBox ul li .newslistInfo .desc { font-size: 16px; color: #666666; margin-top: 20px; max-height: 112px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .newsListBox ul li .newslistInfo .newsListImg { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #005469; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; z-index: 9; }
  .newsListBox ul li .newslistInfo .newsListImg img { display: block; width: 100%; }
  .newsListBox ul li .newslistInfo .newsListImg .TitleTwo { font-size: 18px; color: #fff; max-height: 56px; line-height: 28px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10%; padding: 0px 30px 0px; }
  .newsListBox ul li:hover .newslistInfo .newsListImg { opacity: 1; filter: alpha(opacity=100); } }

@media (min-width: 1260px) { .newsBannerbox { padding-top: 100px; padding-bottom: 100px; }
  .newsBannerbox .newsBanner { width: 100%; position: relative; overflow: hidden; }
  .newsBannerbox .newsBanner ul li { width: 100%; position: relative; overflow: hidden; padding-right: 45%; background-color: #f2f2f2; }
  .newsBannerbox .newsBanner ul li img { width: 100%; }
  .newsBannerbox .newsBanner ul li .newsInfo { position: absolute; right: 0px; bottom: 0px; left: 55%; top: 0px; padding: 2% 4% 0px; }
  .newsBannerbox .newsBanner ul li .newsInfo .Title { font-size: 20px; color: #4c4c4c; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 700; }
  .newsBannerbox .newsBanner ul li .newsInfo .desc { font-size: 14px; max-height: 104px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 20px; }
  .newsBannerbox .newsBanner ul li .newsInfo .more { font-size: 12px; margin-top: 20px; color: #4c4c4c; }
  .newsBannerbox .newsBanner .newsBannerdot { position: absolute; left: 60%; bottom: 5%; z-index: 99; }
  .newsBannerbox .newsBanner .newsBannerdot span { background: #d9d9d9; width: 11px; height: 11px; margin: 0px 5px; }
  .newsBannerbox .newsBanner .newsBannerdot span.swiper-pagination-bullet-active { background-color: #005469; }
  .newsActivitybox { padding-top: 40px; padding-bottom: 105px; }
  .newsActivitybox .newsActivity { margin: 40px 10px 0px; border: 1px solid #dcdce5; padding-bottom: 30px; }
  .newsActivitybox .newsActivity span { display: block; overflow: hidden; }
  .newsActivitybox .newsActivity span img { display: block; width: 100%; -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .newsActivitybox .newsActivity .Title { font-size: 20px; margin: 20px 20px 0px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .newsActivitybox .newsActivity .time { color: #666666; margin: 6px 20px 0px; font-size: 16px; }
  .newsActivitybox .newsActivity .desc { font-size: 14px; color: #666666; margin: 10px 20px 0px; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .newsActivitybox .newsActivity:hover span img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } }

@media (min-width: 1440px) { .newsBannerbox { padding-top: 100px; padding-bottom: 100px; }
  .newsBannerbox .newsBanner { width: 100%; position: relative; overflow: hidden; }
  .newsBannerbox .newsBanner ul li { width: 100%; position: relative; overflow: hidden; padding-right: 45%; background-color: #f2f2f2; }
  .newsBannerbox .newsBanner ul li img { width: 100%; }
  .newsBannerbox .newsBanner ul li .newsInfo { position: absolute; right: 0px; bottom: 0px; left: 55%; top: 0px; padding: 4% 5% 0px; }
  .newsBannerbox .newsBanner ul li .newsInfo .Title { font-size: 24px; color: #4c4c4c; max-height: 76px; line-height: 38px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 700; }
  .newsBannerbox .newsBanner ul li .newsInfo .desc { font-size: 16px; line-height: 30px; max-height: 120px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 30px; }
  .newsBannerbox .newsBanner ul li .newsInfo .more { font-size: 14px; margin-top: 30px; color: #4c4c4c; }
  .newsBannerbox .newsBanner .newsBannerdot { position: absolute; left: 60%; bottom: 5%; z-index: 99; }
  .newsBannerbox .newsBanner .newsBannerdot span { background: #d9d9d9; width: 11px; height: 11px; margin: 0px 5px; }
  .newsBannerbox .newsBanner .newsBannerdot span.swiper-pagination-bullet-active { background-color: #005469; }
  .newsListBox { background-color: #f2f2f2; padding: 45px 0px 85px; }
  .newsListBox ul li { margin-top: 40px; }
  .newsListBox ul li .newslistInfo { margin: 0px 10px; padding: 0px 30px; background-color: #fff; height: 505px; position: relative; }
  .newsListBox ul li .newslistInfo .Time { width: 90px; height: 90px; background-color: #005469; color: #fff; text-align: center; font-size: 40px; }
  .newsListBox ul li .newslistInfo .Time span { display: block; font-size: 14px; }
  .newsListBox ul li .newslistInfo .Title { font-size: 22px; color: #4c4c4c; margin-top: 30px; max-height: 70px; line-height: 35px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListBox ul li .newslistInfo .desc { font-size: 18px; color: #666666; margin-top: 30px; max-height: 120px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .newsListBox ul li .newslistInfo .newsListImg { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #005469; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; z-index: 9; }
  .newsListBox ul li .newslistInfo .newsListImg img { display: block; width: 100%; }
  .newsListBox ul li .newslistInfo .newsListImg .TitleTwo { font-size: 22px; color: #fff; margin-top: 30px; max-height: 70px; line-height: 35px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20%; padding: 0px 30px 0px; }
  .newsListBox ul li:hover .newslistInfo .newsListImg { opacity: 1; filter: alpha(opacity=100); } }

  @media(max-width: 768px){
    .footerbox .footLogo dt span .wechat{
      left: 0;
    }

    .commonbanner .Columnclass .ColumnclassTitle{
      position: relative;
    }

    .commonbanner .Columnclass .ColumnclassTitle .drop-icon{
      position: absolute;
      height: 100%;
      width: 30%;
      right: 0;
      top: 0;
      display: block;
      background: url(../images/img202.png) no-repeat 80% center;
    }

    .commonbanner .Columnclass .ColumnclassTitle .drop-icon.active {
      background: url(../images/img203.png) no-repeat 80% center;
    }
  }

  @media(max-width: 480px){
    .commonbanner{
      height: 200px;
      width: 100%;
    }

    .commonbanner .bannerImg{
      width: auto;
      position: absolute;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .commonbanner .commonbannerText p{
      padding-left: 0;
      text-align: center;
    }

    .commonbanner .commonbannerText .title{
      font-size: 26px;
    }

    .header .navbox .Language{
      display: inline-block;
    }

    .header .navbox .navBtn{
      margin-left: 20px;
    }

    .about-Partybuilding-detail .content img{
      height: auto !important;
      max-width: 100% !important;
    }

    .about-development dl dt .developmentContent{
      font-size: 14px;
    }

    .honor-listDesc{
      font-size: 14px !important;
    }

    .about-footImg dl span,
    .about-footImg dl p,
    .about-threeTow dl dd p,
    .about-threeTow dl dd span,
    .about-content dl dt span,
    .about-content dl dt p{
      font-size: 14px !important;
    }

    .Emphasis span{
      font-size: 18px !important;
    }

    .Ecology-business img,
    .Ecology-platform img{
      max-width: 100% !important;
      height: auto !important;
    }

    .Suspension{
      display: none;
    }

    .strokelist .Title p{
      left: 0;
      top: 0px;
      width: 124px;
      margin: 48px auto 0;
    }
    
    .strokelist .Title{
      padding-bottom: 50px;
    }
  }

@media(min-width: 1024px){
  .commonbanner .Columnclass .ColumnclassTitle .drop-icon{
    display: none;
  }
}

.investor-access .accessForm dl dd .label{
  background-color: #fff;
}

/*常见问题 s*/
.faq-view { padding-bottom: 40px; }

.faq-view .hgy-pagination { margin-top: 20px; }

.faq-list { margin-top: 50px; margin-bottom: 50px; }

.faq-list li { margin-bottom: 10px; border: solid 1px #e9e9e9; }

.faq-list li.active h2 { background-color: #005469; color: #fff; }

.faq-list li.active h2::before { background-image: url(../images/icon-q1.png); }

.faq-list li.active .icon { background-color: #016c86; background-image: url(../images/icon-read2.png); }

.faq-list .hb { position: relative; }

.faq-list .hb h2 { font-size: 16px; line-height: 30px; padding: 9px 80px 9px 30px; position: relative; }

.faq-list .hb h2::before { content: ''; position: absolute; left: 3px; top: 12px; width: 26px; height: 26px; background: url(../images/icon-q.png) no-repeat center center; background-size: 100% 100%; }

.faq-list .hb .icon { position: absolute; top: 0; right: 0; width: 60px; height: 100%; background-color: #f0f0f0; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icon-read.png); }

.faq-list .bd { display: none; padding: 15px; }

.faq-list .bd .txt { padding-left: 40px; background-image: url(../images/icon-a.png); background-position: left top; background-size: 26px 26px; min-height: 28px; color: #4d4d4d; line-height: 22px; padding-top: 2px; }

/*常见问题 e*/
@media (min-width: 768px) { /*常见问题 s*/
  .faq-list .hb h2 { padding-right: 110px; }
  .faq-list .hb .icon { width: 80px; }
  /*常见问题 e*/ }