/*--公共部分--*/
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; }

html, body, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: 100; }

p { margin: 0px; padding: 0px; }

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


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

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

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

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

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

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

input, textarea, select { outline: none; }

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

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

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

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

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

.clearfix { *zoom: 1; }

.removeStyle { margin: 0px; padding: 0px; list-style: none; }

.removeStyle li { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dd { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dt { list-style: none; margin: 0px; padding: 0px; }

/* 字体图标 */
.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

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

.commonleft { float: none; }

.commonright { float: none; }

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

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

/* layout 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; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 920px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; }

.PopupVideo video { width: 100%; }

.PopupVideo iframe { width: 100%; height: 460px; }

.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }

.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }

.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; }

.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }

.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }

.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }

.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }

.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }

.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }

.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }

.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }

.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }

.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }

.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }

.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }

.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }

.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }

.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }

.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }

.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }

.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }

.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }

.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }

.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }

.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }

.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }

.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }

.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }

.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }

.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }

.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }

.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }

.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }

.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }

.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }

.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }

.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }

.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }

.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }

.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }

.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }

.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }

.bdshare-button-style0-16 .bds_more { background-position: 0 0; }

.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }

.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }

.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }

.bdshare-button-style0-16 { zoom: 1; }

.bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }

.bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

.bdshare-button-style0-16 .bds_more { color: #333; float: left; }

.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }

.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }

.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; }

.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }

.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }

.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; }

.commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonTitleLocation h3 { float: left; font-size: 16px; position: relative; }

.commonTitleLocation p { float: right; }

.commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonTitleLocation p a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

.commonTitleLocation p a:first-child::after { display: none; }

.commonTitleLocation p a.current { color: #333; }

.commonTitleLocation p img { display: inline-block; vertical-align: middle; }

.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonLocation a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

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

.commonLocation a.current { color: #333; }

.commonLocation img { display: inline-block; vertical-align: middle; }

.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

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

.DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.DefaultSelector > span:nth-child(2) { margin-right: 10px; }

.DefaultSelector > span:nth-child(4) { margin-right: 10px; }

.DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }

.defaSearchList { padding: 50px 0px; }

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

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

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

.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }

.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }

.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; }

.defaWebMap { background-color: #fff; }

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

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

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

.defaWebMap dl h3 span a { color: #d90000; }

.defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; }

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

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

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

.defaArticleDetails p { margin-bottom: 10px; }

.defaArticleDetails img { display: block; max-width: 100%; margin: 0px auto; }

.defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }

.defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }

.defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }

.defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }

.defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }

.defaPrevNextpage p:nth-child(2) { border: none; }

.defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }

@media (min-width: 768px) { .defaWebMap dl { margin-top: 50px; }
  .defaWebMap dl dd a { padding-right: 50px; } }

@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }
  .commonTitleLocation h3 { font-size: 24px; }
  .commonTitleLocation p { padding-top: 5px; }
  .commonTitleLocation p a { font-size: 14px; }
  .commonLocation { padding: 20px 0; }
  .commonLocation a { font-size: 14px; }
  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }
  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }
  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }
  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
  .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }
  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } }



/*--公共样式--*/
body { padding-top:90px; }

.hideScroll { overflow: hidden; }

.defaheader { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 15px; background: #000; }

.defalogo { display: block; float: left; }

.defalogo img { height: 30px; }

.defanav { position: fixed; left: 0px; top: 60px; background: #fff; bottom: 0px; overflow-y: auto; right: 0px; display: none; }

.defanav ul { padding: 20px; }

.defanav ul li { border-bottom: 1px solid #eee; line-height: 40px; position: relative; }

.defanav ul li > a { color: #000; display: block; }

.defanav ul li p { display: none; padding: 0px 10px 10px; }

.defanav ul li p a { display: block; font-size: 14px; line-height: 30px; }

.defanav ul li p a:hover { color: red; }

.defanavbtn { float: right; width: 28px; height: 22px; position: relative; cursor: pointer; margin-top: 5px; margin-left: 15px; }

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

.defanavbtn span:nth-child(2) { top: 8px; }

.defanavbtn span:nth-child(3) { top: 17px; }

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

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

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

.defanav ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.defanav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.defanav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.defaSearch { float: right; padding-left: 20px; }

.defaSearch span { width: 30px; height: 30px; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; display: block; }

.defaSearch .defaSearchbox { position: fixed; width: 100%; background: #fff; right: 0px; left: 0px; top: 60px; max-height: inherit; display: none; }

.defaSearch .defaSearchbox label { display: block; padding: 10px 65px 10px 15px; }

.defaSearch .defaSearchbox label input { width: 100%; vertical-align: middle; }

.defaSearch .defaSearchbox .defaSearchBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; background: rgba(0, 0, 0, 0.6) url(../images/searchIcon.png) no-repeat center; }

.defaSearch span.closeSearchbox { background: url(../images/closeIcon.png) no-repeat center; }

.defaLanguage { float: right; font-size: 12px; color: #fff; margin-left: 20px; position: relative; }

.defaLanguage span { display: inline-block; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; }

.defaLanguage span a { color: #fff; }

.defaLanguage p { position: absolute; left: 0px; top: 100%; background: #fff; right: 0px; text-align: center; display: none; }

.defaLanguage p a { display: block; line-height: 30px; }

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

.defacommonBanner img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defacommonBanner h3 { font-size: 20px; position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; }

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

.defaBanner img { display: block; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defaBanner ul li { overflow: hidden; }

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

.defaBannerText h3 { font-size: 24px; color: #fff; padding-bottom: 20px; -webkit-transition: all .8s ease; transition: all .8s ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBannerText .desc { font-size: 14px; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBanner ul li.swiper-slide-active .defaBannerText h3 { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBanner ul li.swiper-slide-active .defaBannerText .desc { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBannerdot { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 99; text-align: center; }

.defaBannerdot span { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

.defaBannerdot span.swiper-pagination-bullet-active { background: #fff; }

.defaBannerPrev, .defaBannerNext { width: 20px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; z-index: 99; cursor: pointer; }

.defaBannerPrev::after, .defaBannerNext::after { width: 10px; height: 10px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-top: none; border-left: none; left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 50%; }

.defaBannerPrev { left: 10px; }

.defaBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 2px); left: calc(50% + 2px); }

.defaBannerNext { right: 10px; }

.defaBannerNext::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.defaBannerPrev:hover, .defaBannerNext:hover { background: #fff; }

.defaBannerPrev:hover::after, .defaBannerNext:hover::after { border-color: #666; }

.defaSecondLevelColumn { overflow: hidden; position: relative; padding-right: 1px; }

.defaSecondLevelColumn ul li { width: auto; font-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; }

.defaSecondLevelColumn ul li a { display: block; padding: 0px 20px; }

.WaterfallFlow ul li { width: 50%; position: relative; padding: 0px 5px; margin-bottom: 10px; }

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

.WaterfallFlow ul li .FlowContent { padding: 10px; background: #f3f3f3; }

.WaterfallFlow ul li .FlowContent .time { font-size: 14px; padding-bottom: 10px; color: #585858; }

.WaterfallFlow ul li .FlowContent h3 { font-size: 14px; color: #000000; font-weight: 700; line-height: 22px; }

.WaterfallFlow ul li .FlowContent .desc { font-size: 12px; color: #585858; line-height: 18px; border-top: 1px solid #ebebeb; margin-top: 10px; padding-top: 10px; }

@media (min-width: 768px) { body { padding-top: 0px; }
  .defaBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .defaBannerText h3 { font-size: 38px; }
  .defaBannerText .desc { font-size: 16px; }
  .defaBannerdot span { width: 30px; height: 2px; }
  .defaBannerPrev, .defaBannerNext { width: 30px; height: 60px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 15px; height: 15px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); }
  .defaBannerPrev::after { left: -webkit-calc(50% + 5px); left: calc(50% + 5px); }
  .defacommonBanner h3 { font-size: 24px; }
  .defacommonBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .WaterfallFlow ul li { width: 33.333%; padding: 0px 10px; margin-bottom: 20px; }
  .WaterfallFlow ul li .FlowContent { padding: 20px; }
  .WaterfallFlow ul li .FlowContent .time { font-size: 16px; }
  .WaterfallFlow ul li .FlowContent h3 { font-size: 20px; line-height: 28px; }
  .WaterfallFlow ul li .FlowContent .desc { font-size: 14px; line-height: 24px; margin-top: 25px; padding-top: 20px; } }

@media (min-width: 1260px) { .defaBannerText h3 { font-size: 48px; }
  .defaBannerText .desc { font-size: 20px; }
  .defaBannerdot span { width: 40px; height: 3px; }
  .defaBannerPrev, .defaBannerNext { width: 40px; height: 80px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 20px; height: 20px; }
  .defaheader { background: none; padding: 15px 45px 0px; }
  .defalogo img { height: 55px; }
  .defanav { float: right; white-space: nowrap; padding-top: 15px; position: relative; overflow: visible; left: auto; right: auto; top: auto; bottom: auto; background: none; display: block; }
  .defanav ul { padding: 0px; }
  .defanav ul li { display: inline-block; margin-left: 20px; font-size: 16px; padding-bottom: 31px; position: relative; border-bottom: none; line-height: 24px; }
  .defanav ul li > a { color: #fff; }
  .defanav ul li p { background: #fff; position: absolute; left: -10px; right: -10px; top: 100%; text-align: center; max-height: 0px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; padding: 0px; }
  .defanav ul li i { display: none; }
  .defanav ul li:hover p { max-height: 300px; padding: 10px 0px; }
  .defaheaderbg { background: rgba(0, 0, 0, 0.5); }
  .defaSearch { padding-top: 12px; padding-bottom: 28px; }
  .defaSearch .defaSearchbox { max-height: 0px; left: auto; right: 45px; top: 100%; overflow: hidden; position: absolute; width: 300px; display: block; }
  .defaSearch:hover .defaSearchbox { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defaSearch:hover span { background: url(../images/closeIcon.png) no-repeat center; }
  .defaLanguage { padding-top: 12px; }
  .defaLanguage p { max-height: 0px; overflow: hidden; display: block; }
  .defaLanguage:hover p { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defanavbtn { display: none; }
  .defacommonBanner h3 { font-size: 30px; } }

* { padding: 0; margin: 0; }

/** 清除内外边距 **/
html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td { margin: 0; padding: 0; }

/** 设置默认字体 **/
i { font-style: normal !important; }

body, button, input, select, textarea { font: 14px/1.5 'Noto Sans SC', PingFangSC-Regular, sans-serif, 'Hiragino Sans GB', sans-serif, Arial；; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; }

/* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; }

/* 统一等宽字体 */
small { font-size: 12px; }

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none !important; color: #000; }

a:hover { text-decoration: underline; }

/** 重置表单元素 **/
legend { color: #000; }

/* for ie6 */
fieldset, img { border: 0; }

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; outline: none; border: none; background: none; }

/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 清除浮动 */
.ks-clear:after, .clear:after { content: "\20"; display: block; height: 0; clear: both; }

.ks-clear, .clear { *zoom: 1; }

img { display: block; border: none; max-width: 100%; }


.font { font-family: '方正兰亭中黑_GBK'; }

.fontjian { font-family: '方正兰亭黑简体'; }

body, html { overflow-x: hidden; }

.fl { float: left; }

.fr { float: right; }

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

.text-ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

a:hover, a { color: #000; }

body, html { overflow-x: hidden; }

.donghua { transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

.donghuatwo { transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: tall 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }

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

.container1400 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1400px; margin: 0 auto; }

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

.align_items_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.justify_content_flex_center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.justify_content_flex_justify { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.imgbox { overflow: hidden; }

.imgbox img { width: 100%; }

.index_banner{position: relative;}
.index_banner .swiper-slide img { width: 100%; }
.index_banner .swiper-slide video{position: absolute;top: 0;left: 0;right: 0;bottom:0;max-width: 100%;}
.index_banner .bannerText{position: absolute;top: 220px;left: 0;width: 100%;}
.index_banner .bannerText h5{font-size: 36px;color: #ffffff;transform: translateY(50px);opacity: 0;transition: all 0.8s;transition-delay: 0.3s;}
.index_banner .bannerText h3{font-size: 90px;font-weight: bolder;color: transparent;transform: translateY(50px);opacity: 0;
  transition: all 0.8s;transition-delay: 0.6s;text-transform: uppercase;letter-spacing: 10px;}
.index_banner .swiper-slide.swiper-slide-active .bannerText h5,
.index_banner .swiper-slide.swiper-slide-active .bannerText h3{opacity: 1;transform: translateY(0);}
.language { height: 90px; position: relative; padding: 0 20px; }

.language a img { margin-top: 33px; }

.language .language_menu { position: absolute; top: 100%; left: 0; background: #fff; z-index: 999; right: 0; }

.language .language_menu a { font-size: 16px; line-height: 50px; display: block; text-align: center;transition: all 0.3s; }

.language .language_menu a:hover{color: #36669d;}

.language_menu { display: none; }

/* 侧边 */
.navmenu_div { width: 80px; height: 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.head_cebian { width: 80px; position: fixed; top: 0; right: 0; z-index: 1001; display: none; }
.head_cebian.cur .input_divbox{background-color: #fff;}

.searchinput_zganwei{background-color: #36669d;}

.head_cebian .input_divbox { width: 100%; height: 400px; background-color: #36669d; position: relative; }

/* .head_cebian .boxsearch{display: none;} */

.head_cebian .searchbtn{ width: 100%; height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
  -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; 
  -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; cursor: pointer; border-top: 1px solid #36669d;}

/* 头部 */
.header { padding-left: 40px; height: 90px; background-color: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999; top: -90px; position: fixed;top: 0;left: 0;}

.header .logo { text-align: center; }

.header .logo img { height: 55px; text-align: center; margin: 0 auto; margin-top: 18px; }
.header .right .serch {position: relative;height: 90px;cursor:pointer;}
.header .right .serch .icon{padding: 33px 20px 20px;}
.header .right .serch .icon img{width: 20px;}
.header .right .serch .serchInput{width: 250px;position: absolute;top: 100%;right: 0;display: none;font-size: 0;}
.header .right .serch .serchInput input{width:calc(100% - 50px);flex: 1;background: #fff;line-height: 50px;padding-left: 15px;display: inline-block;font-size: 12px;vertical-align: top;}
.header .right .serch .serchInput button{width: 50px;height: 50px;background: #36669d url(../images/search3.png)no-repeat center center;display: inline-block;}

.head_navlist ul li { float: left; padding: 0 25px; position: relative; line-height: 90px; }

.head_navlist ul li > a { display: block; color: #333; font-size: 16px; }
body { padding-top:90px; }
@media (min-width: 1200px) { .head_cebian { display: block; }
  .head_navlist ul li .sub_zinav { -webkit-transition: all .4s ease; transition: all .4s ease; }
  .header_active .navmenu_box span { background: #333; }
  .header .navmenu_div { position: relative; z-index: 1002; height: 60px;}
  .header .navmenu_div .navmenu_box span { background: #333; }
  .navmenu_div:hover { position: relative; z-index: 1002; }
  .navmenu_div:hover .navmenu_box span { background: #333; }
  .searchinput_zganwei { height: 90px; width: 100%; }
  .searchinputbox { width: 100%; }
  .boxname { font-family: 'NexaBold'; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: 64px; padding-left: 16px; white-space: nowrap; }
  .search_sousuoinput { width: 100%; height: 100%; background: #fff; font-size: 16px; margin-top: 50px; display: block;position: relative; }
  /* .search_sousuoinput { width: 280px; height: 50px; background: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: -100px; line-height: 50px; font-size: 16px; margin-top: 130px; display: block; } */
  .boxsearch { display: none; }
  .search_sousuoinput p{position: absolute;top: 15px;left: 50%;transform: translateX(-50%);font-size: 16px;writing-mode: tb-rl;}
  .search_sousuoinput input { width: 24px;height: 200px;-webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; margin:  0 auto;display: block;}
  .search_sousuoinput input::placeholder{writing-mode: tb-rl;}
  /* .search_sousuoinput input { width: 225px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } */
  .search_sousuoinput button { background: #6072ff; width: 50px; height: 50px; color: #fff; cursor: pointer; font-size: 15px; } }

.head_navlist ul li .sub_zinav { position: absolute; top: 100%; left: 50%; height: 0; background: #36669d; line-height: 60px; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; position: absolute; width: 99999px; overflow: hidden; overflow: hidden; z-index: 100; }

.head_navlist ul li .sub_zinav a { color: rgba(255, 255, 255, 0.8); line-height: 60px; font-size: 15px; margin: 0 15px; display: inline-block; }

.head_navlist ul li:hover .sub_zinav { height: 60px; }

.head_navlist ul li > span { display: none; position: absolute; right: 15px; width: 20%; height: 41px; top: 10px; }

.head_navlist ul li > span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

/* 手机端导航 */
.navmenu_box { width: 30px; height: 30px; position: relative; cursor: pointer; z-index: 1003; margin-top: 25px;}

.navmenu_box span { display: block; height: 2px; background: #333; position: absolute; width: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; left: 5px; }

.navmenu_box span:nth-child(1) { top: 8px; }

.navmenu_box span:nth-child(2) { top: 50%; }

.navmenu_box span:nth-child(3) { bottom: 6px; }

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

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

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

.head_navlist ul li > a { position: relative; }

.head_navlist ul li > a::after { position: absolute; bottom: 0; width: 0; height: 2px; background: #36669d; content: ""; display: block; left: 50%; transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

.head_navlist ul li.active > a::after { width: 100%; margin-left: -50%; }

.head_navlist ul li.active > a { color: #36669d !important; }

.head_navlist ul li > a:hover::after { width: 100%; margin-left: -50%; }

.head_navlist ul li > a:hover { color: #36669d !important; }

.headeractive { background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.headeractive .head_navlist ul li > a { color: #333; }

.headeractive .navmenu_box span { background: #333; }

.index_swiper .swiper-slide a { display: block; }

.index_swiper .swiper-pagination-bullet { width: 40px; height: 4px; -webkit-border-radius: unset; border-radius: unset; background: rgba(255, 255, 255, 0.25); opacity: 1; margin: 0 5px; }

.index_swiper .swiper-pagination { bottom: 30px; width: 100%; }

.index_swiper .swiper-pagination-bullet-active { background: #36669d; }

/* 关于我们 */
.index_about { padding: 70px 0; background-color: #f7f7f7; }

.index_aboutbox { margin-top: 22px; }

.index_aboutbox .inab_title { font-family: '方正兰亭黑简体'; font-size: 48px; line-height: 60px; color: #333333; }

.index_aboutbox .inab_desc p { color: #828282; font-size: 16px; line-height: 30px; }

.index_T_title .t_left p { font-size: 20px; margin-bottom: 10px; }

.index_T_title .t_left h5{font-size: 56px;color: #333;line-height: 1;font-weight: bold;}
.index_T_title .t_left h5 span{font-weight: bolder;-webkit-text-stroke:1px #333;color: transparent;}
.index_T_title .t_left h6{font-size: 56px;color: #36669d;position: relative;padding-right: 10px;line-height: 1.3;display: inline-block;font-weight: bold;}
.index_T_title .t_left h6::before{content: "";width: 10px;height: 10px;background-color: #36669d;border-radius: 50%;position: absolute;right: 0;bottom: 0;}

.index_T_title .t_left h2 { font-size: 56px; font-weight: 600; font-family: "Source Han Sans CN"; line-height: 64px; }

.index_T_title .t_left h2 .se { color: #36669d; }

.see_detiles { font-family: 'gilroy'; font-size: 14px; display: block; width: 170px; height: 60px; line-height: 60px; text-align: center; background: #f4f4f4; -webkit-border-radius: 30px; border-radius: 30px; font-weight: 600; }

.see_detiles:hover { background: #36669d; color: #fff; }

.t_right { margin-top: 90px; }

/* 业务介绍 */
#baiduMap { height: 200px; }

.index_yewu { padding: 110px 0; background: url(../images/ywbg.png) no-repeat; background-size: cover; position: relative; }

.infw_box { padding-top: 85px; overflow: hidden; }

.infw_boxswiper .inywicon img { height: 62px; }

.infw_boxswiper .inywicon { margin-bottom: 50px; }

.infw_boxswiper .inywdesc .y_tt { font-size: 22px; font-weight: 600; margin-bottom: 8px; }

.infw_boxswiper .inywdesc .text { font-size: 14px; color: #828282;margin-bottom: 30px; height: 44px;  
  line-height: 22px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.infw_boxswiper .inywdesc .yw_jiantou { width: 45px; height: 45px; border: 1px solid #d1d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.infw_boxswiper .inywdesc .yw_jiantou .img02 { display: none; }

.infw_box-pagination { margin-top: 75px; text-align: center; }

.infw_box-pagination span { width: 40px; height: 2px; background: #dbdbdb; margin: 0 5px; -webkit-border-radius: 0; border-radius: 0; }

.infw_box-pagination .swiper-pagination-bullet-active { height: 4px; background: #36669d; }

.yw_line { position: absolute; left: 0; right: 0; height: 1px; background: #ededed; }

.yw_lineactive { position: absolute; left: 0; height: 1px; background: #36669d; z-index: 2; width: 0; }

.iconlv { display: none; }

.infw_boxswiper .swiper-slide:hover .iconlv { display: block; }

.infw_boxswiper .swiper-slide:hover .iconblack { display: none; }

.infw_boxswiper .swiper-slide:hover .inywicon img { -webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both; -webkit-transition: 1s; transition: 1s; }

.infw_box .swiper-container { overflow: unset; }

.infw_boxswiper .swiper-slide:hover .inywdesc .yw_jiantou { background: #427cb3; border-color: #427cb3; -webkit-box-shadow: 0 0 5px #427cb3; box-shadow: 0 0 5px #427cb3; }

.infw_boxswiper .swiper-slide:hover .inywdesc .yw_jiantou .img01 { display: none; }

.infw_boxswiper .swiper-slide:hover .inywdesc .yw_jiantou .img02 { display: block; }

/* 首页案例 */
.index_case { background: url(../images/casebgbgbg.jpg) left bottom no-repeat; background-size: cover; padding: 120px 0; }

.index_casebox { margin-top: 8px; }

.index_casebox ul li { margin-top: 45px; }

.index_casebox ul li a > img { width: 100%; }

.index_casebox ul li { float: left; margin-right: 32px; width: -webkit-calc(33.3333% - 64px / 3); width: calc(33.3333% - 64px / 3); }

.index_casebox ul li:nth-child(3n) { margin-right: 0; }

.index_casebox ul li .Ourworksbox { position: relative; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; }

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

.index_casebox ul li div.OurworksImgbox { position: relative; }

.index_casebox ul li div.OurworksContent { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 45px 40px; background-color: rgba(0, 0, 0, 0.8); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .6s ease; transition: all .6s ease; }

.index_casebox ul li div.OurworksContent h3 { font-weight: normal; font-size: 22px; color: #fff; line-height: 36px; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.index_casebox ul li div.OurworksContent .subtitle { font-family: 'RUBIK'; font-size: 14px; color: rgba(255, 255, 255, 0.6); padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.index_casebox ul li div.OurworksContent .desc { font-size: 14px; color: #fff; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.index_casebox ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; padding-left: 25px; }

.index_casebox ul li .positiveTitle { color: #4c4f55; font-size: 16px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 25px; }

.index_casebox ul li .positiveTitle span { float: right; color: #afb0b3; font-size: 14px; font-weight: 700; padding-left: 20px; }

.index_casebox ul li:hover .Ourworksbox { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

.index_casebox ul li:hover div.OurworksContent { opacity: 1; filter: alpha(opacity=100); }

.OurworksContent .caselink { margin-top: 18px; width: 46px; height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.OurworksContent .caselink img { width: auto; }

.casetext { margin-top: 26px; }

.casetext .caseline { width: 50px; height: 2px; background: #000000; margin-top: 9px; }

.casetext .title { width: -webkit-calc(100% - 82px); width: calc(100% - 82px); text-align: left; }

.casetext .title .date { font-size: 14px; font-family: 'RUBIK'; }

.casetext .title .ttt { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; margin-top: 7px; }

.index_kehu { background: url(../images/casebgimg.jpg) no-repeat; background-size: cover; padding: 130px 0; }

.case_btnbox { margin-top: 40px; }

.case_btnbox .divtong { display: inline-block; vertical-align: middle; cursor: pointer; }

.case_btnbox .divtong .imgaa02 { display: none; }

.case_btnbox .divtong:hover .imgaa02 { display: block; }

.case_btnbox .divtong:hover .imgaa01 { display: none; }

.case_btnbox .stop { margin: 0 20px; }

.kehu_swiper img { width: 100%; }

.kehu_swiper { margin-top: 40px; }

.kehu_swiper .swiper-slide img { border: 1px solid #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: none; border-bottom: none; }

.kehu_swiper .swiper-slide:nth-child(2n) img { border-bottom: 1px solid #e6e6e6; }

.kehu_swiper .swiper-slide:nth-child(10) ~ .swiper-slide img { border-right: 1px solid #e6e6e6; }

.kehu_swiper .swiper-slide img { position: relative; }

.kehu_swiper .swiper-slide::after { display: block; content: ""; width: 0; height: 2px; background-color: #36669d; position: absolute; top: 0; left: 0; transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; z-index: 2; }

.kehu_swiper .swiper-slide::before { display: block; content: ""; width: 0; height: 2px; background-color: #36669d; position: absolute; bottom: 0; left: 0; transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: tall 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; z-index: 2; }

.kehu_swiper .swiper-slide .borleft { display: block; content: ""; width: 2px; height: 0; background-color: #36669d; position: absolute; left: 0; top: 0; z-index: 2; }

.kehu_swiper .swiper-slide .borright { display: block; content: ""; width: 2px; height: 0; background-color: #36669d; position: absolute; right: 0; top: 0; z-index: 2; }

.kehu_swiper .swiper-slide:hover::after, .kehu_swiper .swiper-slide:hover::before { width: 100%; }

.kehu_swiper .swiper-slide:hover .borleft, .kehu_swiper .swiper-slide:hover .borright { height: 100%; }

/* 荣誉资质 */
.index_honner { background: url(../images/honnerbg.png) no-repeat; background-size: cover; padding: 130px 0; position: relative; }

.index_honnerbox { border: 2px solid rgba(255, 255, 255, 0.6); -webkit-box-sizing: border-box; box-sizing: border-box;}

.index_honnerswiper { padding: 110px 0; position: relative; }

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

.honnerimgbox img { margin: 0 auto; }

.index_honner .swiper-slide { width: 41.40625%; }

.index_honner .swiper-slide img { width: 100%; opacity: 0.2; }

.index_honner .swiper-slide-active img { opacity: 1; }

.index_honner .swiper-slide a { display: block; position: relative; }

/* .index_honner .swiper-slide a::after{display: block;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(to right, rgba(83,130,182,0.8) , rgba(48,97,152,0.8));z-index: 2;} */
.honnercontainer { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.honner_spancontainer { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 99; width: 50px; }

.index_honnerbox .honner_line { position: absolute; background: rgba(255, 255, 255, 0.2); right: 60px; width: 1px; height: 108px; }

.index_honnerbox .top_line { top: -10px; }

.index_honnerbox .bottom_line { bottom: -10px; }

.honner-pagination { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; width: 50px; }

.honner-pagination span { display: block; width: 15px; height: 1px; margin: 0 auto; padding: 12px 0; border-bottom: 2px solid #9ac9ff; opacity: 0.6; background: none; -webkit-border-radius: 0; border-radius: 0; }

.honner-pagination span.swiper-pagination-bullet-active { opacity: 1; width: 50px; }

/* 新闻资讯 */
.index_newsbox { padding-bottom: 40px; }

.index_news { padding: 120px 0; background: url(../images/indexnewbg.jpg) no-repeat; background-size: cover; }

.index_newsbox ul{font-size: 0;}
.index_newsbox{overflow: hidden;}
.index_newsbox .swiper-container-horizontal > .swiper-scrollbar{bottom: 0;}
.index_newsbox .swiper-scrollbar-drag{background: #36669d;}


.index_newsbox ul li:hover::after { width: 100%; margin-left: -50%; }

.index_newsbox { margin-top: 50px; }

.index_newsbox ul li {position: relative;margin-bottom: 40px;overflow: hidden;background: #2f3d4e;}
/* .index_newsbox ul li {border: 1px solid #e6e6e6;position: relative;margin-bottom: 40px;overflow: hidden;background: #2f3d4e;} */

.index_newsbox ul li::before{  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  top: 100%;
  z-index: 2;
transition: all 0.5s;}
.index_newsbox ul li:hover::before{top: 0;}

.index_newsbox ul li a { position: relative; display: block;height: 100%; }

.index_newsbox ul li .riqi { position: absolute; top: 35px; right: 40px; color: #fff; text-align: right; z-index: 9; }

.index_newsbox ul li .riqi .years { font-size: 16px; font-family: 'NexaBold'; color: #fff; }

.index_newsbox ul li .riqi .ri { font-size: 32px; font-family: 'NexaBold'; color: #fff; line-height: 32px; }

.index_newsbox .n_text { padding: 15px 40px 40px 40px;position: absolute; z-index: 31;bottom: -95px;left: 1px;width: 100%;overflow: hidden;z-index: 3;transition: all 0.4s;}

.index_newsbox .n_text h2 { font-weight: normal; color: #fff; font-size: 16px; }

.index_newsbox .n_text p { font-size: 24px; line-height: 28px; color: #fff; margin-top: 10px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.index_newsbox .n_text .t{
  font-size: 14px;
  color: #babcbd; 
   display: -webkit-box;
   margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  opacity: 0;
  transition: all 0.4s;}
  .index_newsbox .n_text .jiant{
    margin-top: 30px;
  }
  .index_newsbox .n_text .jiant img{width: 48px;}



.index_newsbox ul li .imgbox { position: relative;padding-top: 121.6279%; overflow: hidden;}
.index_newsbox ul li .imgbox img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;transition: all 0.3s;max-width: none;min-height: 100%;width: auto !important;}
/* 
.index_newsbox ul li .imgbox::after { content: ''; display: none; position: absolute; left: 0px; bottom: 0px; top: 0px; right: 0px; 
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #2f3d4e), color-stop(60%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #2f3d4e 20%, rgba(255, 255, 255, 0) 60%); opacity: 0.5; } */
/* 
.index_newsbox ul li { 
  -webkit-transition: border 0.3s linear 0.1s, 
  -webkit-transform 0.3s ease-in-out, 
  -webkit-box-shadow 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
  transition: border 0.3s linear 0.1s, 
  -webkit-transform 0.3s ease-in-out,
   -webkit-box-shadow 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s cubic-bezier(0.47, 0, 0.745, 0.715), 
    border 0.3s linear 0.1s;
     transition: transform 0.3s ease-in-out, box-shadow 0.3s cubic-bezier(0.47, 0, 0.745, 0.715), 
     border 0.3s linear 0.1s, 
     -webkit-transform 0.3s ease-in-out,
      -webkit-box-shadow 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); } */



.index_newsbox ul li:hover .imgbox img { opacity: 1; }

.index_newsbox ul li:hover .riqi .years, .index_newsbox ul li:hover .riqi .ri { color: #fff; }

.index_newsbox ul li:hover .imgbox::after { display: block; }
.index_newsbox ul li:hover{background: #fff;}
.index_newsbox ul li:hover .n_text{bottom: 0;}
.index_newsbox ul li:hover .n_text .t{opacity: 1;}
.index_newsbox ul li:hover{box-shadow:0 37px 39px -36px #7f99b9;}
/* .index_newsbox ul li:hover{background: #36669d;} */

/* 底部 */
.footer { background: #303437; }

.footer .ft_top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-top: 95px; padding-bottom: 65px; }

.ft_top .ft01 h2 { font-size: 34px; color: rgba(255, 255, 255, 0.5); font-weight: normal; }

.ft_top .ft01 p { color: #00aeef; font-family: 'NexaBold'; font-size: 28px; line-height: 26px; margin-top: 13px; }

.ft_top .ft02 { width: 660px; margin-top: 95px; }

.ft_top .ft02 ul li { float: left; width: -webkit-calc(100% / 6); width: calc(100% / 6); }

.ft_top .ft02 ul li a { color: rgba(255, 255, 255, 0.5); }

.ft_top .ft02 ul li a:hover { color: #00aeef; }

.ft_bottom { padding-top: 40px; padding-bottom: 90px; }

.ft_bottom .ft03{width: 45%;}
.ft_bottom .ft03 .ling01 { color: #00aeef; font-size: 16px; }

.ft_bottom .ft03 .ling02 { color: #00aeef; font-size: 26px; margin-top: 6px; margin-bottom: 12px; font-family: 'EuclidSquare'; }

.ft_bottom .ft03 .dizhi { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 20px; }

.ft_bottom .ft03 .beian { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 20px; }

.ft_bottom .ft03 .beian a { color: rgba(255, 255, 255, 0.5); }

.ft_bottom .ft03 .beian a:hover { color: #00aeef; }

.fticonbox { margin-top: 30px; margin-bottom: 30px; }

.fticonbox a { display: inline-block; margin-right: 15px; }

.ft_weixin { background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; }

.ft_bottom .ft04 { width: 660px; }

.ft_bottom .ft04 .ling01 { font-size: 16px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.5); }

.fticonbox { position: relative; }

.ft_erweima { position: absolute; top: -150px; left: 65px; width: 120px; height: 120px; opacity: 0; }

.fticonbox .ft_weixin:hover ~ .ft_erweima { top: -130px; opacity: 1; }
.map-view img{max-width: 100%;height: auto;}

/* 侧导航 */
.full-main-nav { display: block; position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s; width: 100%; height: 100%; }

.full-navbg { position: relative; z-index: 3; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }

.full-main-nav.active { z-index: 990; opacity: 1; }

.full-main-nav.active li { top: 0; opacity: 1; }

.nav-swiper li a { font-weight: normal; }

.nav-swiper li:nth-child(1) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.nav-swiper li { position: relative; top: 0; opacity: 1; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; transition-property: opacity, top; width: 16.66666%; border-right: 1px solid #f0f0f0; background-color: #ffffff; }

.nav-swiper li a { -webkit-transition: all ease .3s; transition: all ease .3s; }

.nav-swiper li > a { display: block; width: 100%; height: 100%; }

.full-text { position: absolute; left: 0; top: 29%; width: 100%; }

.nav-swiper li .id { -webkit-transition: all ease .5s; transition: all ease .5s; font-size: 56px; line-height: 56px; color: #f6f6f6; font-family: DINEng; text-align: center; }

.nav-swiper li .id::before { content: ''; display: block; width: 1px; height: 62px; background-color: #00b9fc; margin: 0 auto 25px; opacity: 0; }

.nav-swiper li .title { -webkit-transition: all ease .5s; transition: all ease .5s; text-align: center; font-size: 24px; color: #545454; line-height: 28px; margin: 57px 0 29px; }

.nav-swiper li .subnav { -webkit-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 28px; opacity: 1; text-align: center; }

.nav-swiper li .subnav a { color: #9a9a9a; position: relative; z-index: 11; }

.nav-swiper li:hover { background: none; }

.nav-swiper li:hover a { opacity: 1; color: #ffffff; }

.nav-swiper li:hover .id::before { opacity: 1; }

.nav-swiper li:hover .id, .nav-swiper li:hover .title, .nav-swiper li:hover .subnav { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

/* 关于我们-企业介绍 */
.row { width: 1200px; margin: 0 auto; }

.banner2 { width: 100%; position: relative; }

.banner2 img { width: 100%; }

.banner2Text { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; text-align: center; }

.banner2Text h5 { text-transform: uppercase; font-size: 20px; color: #fff; font-weight: bold; line-height: 1; }

.banner2Text h3 { font-size: 48px; color: #fff; font-weight: 500; }

.title { text-align: center; }

.title h5 { font-size: 34px; color: #333; font-weight: bold; }

.AboutOurCompany1 { padding: 75px 0 55px; }

.AOurCompany1Img { width: 100%; position: relative; margin-top: 25px; }

.AOurCompany1Img img { width: 100%; }

.AOurCompany1Tit { background: url(../images/bj3.png) no-repeat; background-size: cover; padding: 55px 40px 65px; width: 400px; position: absolute; right: -50px; bottom: -47px; -webkit-box-shadow: 0 10px 50px #016fbb; box-shadow: 0 10px 50px #016fbb; }

.AOurCompany1Tit h5 { font-size: 32px; color: #01aed9; line-height: 1; text-transform: uppercase; font-weight: bold; }

.AOurCompany1Tit h3 { font-size: 26px; color: #fff; margin-top: 10px; }

.AOurCompany1Tit::before { content: ""; width: 135px; height: 4px; background: url(../images/icon2.png) no-repeat; position: absolute; right: -63px; bottom: 76px; }

.AOurCompany1Con { padding: 65px 90px 0 100px; }

.AOCompany1ConTit { font-size: 34px; color: #333; line-height: 48px; }

.AOurCompany1ConText { margin-left: 80px; padding-left: 120px; position: relative; margin-top: 50px; }

.AOurCompany1ConText::before { content: ""; width: 2px; height: 105px; background: #36669d; position: absolute; top: 0; left: 0; }

.AOurCompany1ConText p { font-size: 18px; line-height: 30px; color: #828282; margin-bottom: 20px; text-align: justify; }

.banner3 { width: 100%; position: relative; }

.banner3 img { width: 100%; }

.banner3Text { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.banner3Text h5 { font-size: 54px; color: #fff; line-height: 1; }

.banner3Text h3 { font-size: 26px; color: #fff; letter-spacing: 18px; }

.AboutOurCompany2 { padding: 75px 0 125px; }

.AOCompany2Con { padding: 105px 60px 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.AOCompany2Con::before { content: ""; width: 826px; height: 116px; background: url(../images/xian.png) no-repeat; position: absolute; top: -10px; left: 180px; }

.AOCompany2ConBox { vertical-align: top; width: 250px; }

.AOCompany2ConBox:nth-child(2) { margin: 0 160px; }

.AOCompany2ConBoxIco { width: 246px; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #36669d; position: relative; height: 246px; }

.AOCompany2ConBoxIco::before { content: ""; width: 11px; height: 11px; background: #36669d; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: -7px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

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

.AOCompany2ConBoxText { margin-top: 30px; }

.AOCompany2ConBoxText .tit { padding: 0 35px 25px; font-size: 22px; color: #333; line-height: 30px; text-align: center; border-bottom: 1px solid #47a8fa; }

.AOCompany2ConBoxText p { padding: 25px 15px 0; font-size: 16px; color: #828282; line-height: 26px; text-align: justify; }

/* 关于我们-企业荣誉 */
.AOCorporateHonor { padding: 75px 0 100px; }

.AOCorporateHonorImg { width: 100%; position: relative; margin-top: 25px; }

.AOCorporateHonorImg img { width: 100%; }

.AOCorporateHImgCon { position: absolute; top: 80px; left: 100px; }

.AOCorporateHImgCon h3 { font-size: 52px; font-weight: bolder; -webkit-text-stroke: 1px #9dd2e9; color: transparent; line-height: 1; }

.AOCorporateHImgCon h5 { font-size: 26px; color: #fff; margin-top: 10px; }

.AOCorporateHImgCon .layui-form-select dl{top: 56px;}
.AOCorporateHImgCon .layui-form-selectup dl{bottom: 56px;}

.layui-unselect {
    width: 350px;
    height: 59px;
    border: 2px solid #96b3d8;
    position: relative;
    margin-top: 15px;
    cursor: pointer;
}

.AOCHImgConInp::before { content: ""; border: 5px solid transparent; border-top-color: #fff; position: absolute; top: 25px; right: 30px; }

.layui-select-title {
    font-size: 14px;
    color: #fff;
    line-height: 55px;
    padding-left: 25px;
}
    .layui-select-title input {
        width: 100%;
        line-height: 55px;
        background:none;
        height:55px;
        margin-top:0;
        color:#fff;
    }
        .layui-select-title input::placeholder {
            color: #fff;
        }

        .layui-anim {
            width: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff;
            display: none;
            z-index: 99;
        }

.layui-anim dd {
    line-height: 40px;
    padding-left: 25px;
    color: #333;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .layui-anim dd:hover {
        background: #afb0b3;
    }


/*
.AOCHImgConInp { width: 350px; height: 59px; border: 2px solid #96b3d8; position: relative; margin-top: 15px; cursor: pointer; }

.AOCHImgConInp::before { content: ""; border: 5px solid transparent; border-top-color: #fff; position: absolute; top: 25px; right: 30px; }

.AOCHImgConInp .t { font-size: 14px; color: #fff; line-height: 55px; padding-left: 25px; }

.AOCHImgConInp ul { width: 100%; position: absolute; top: 100%; left: 0; background: #fff; display: none; z-index: 99; }

.AOCHImgConInp ul li { line-height: 40px; padding-left: 25px; color: #333; font-size: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.AOCHImgConInp ul li:hover { background: #afb0b3; }*/
.AOCorporateHonorCon { margin-top: -75px; background: #fff; padding: 60px 40px 0; font-size: 0; position: relative; z-index: 10; }

.AOCHonorConBox { width: 32%; display: inline-block; padding-bottom: 40px; margin-bottom: 50px; position: relative;vertical-align: top; }

.AOCHonorConBox:not(:nth-child(3n + 1)) { margin-left: 2%; }

.AOCHonorConBox:nth-child(3n)::before { content: ""; width: 312%; height: 1px; background: #e5e5e5; position: absolute; right: 0; bottom: 0; }
.AOCHonorConBox:hover .img{border-color: #fb5757;}

.AOCHonorConBox .img { width: 100%; height: 280px; border: 1px solid #e5e5e5; position: relative; transition: all 0.3s;}

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

.AOCHonorConBox .t { margin-top: 15px; font-size: 14px; color: #666; text-align: center; }

/*.layui-box { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.layui-box em { font-style: normal; }

.layui-box a, .layui-box .layui-laypage-curr { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; font-size: 16px; color: #333333; margin: 0 2px; -webkit-transition: all .5s; transition: all .5s; border: solid 1px transparent; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.layui-box a:hover, .layui-box .layui-laypage-curr:hover { color: #fff; background-color: #36669d; border: solid 1px #36669d; }

.layui-box .layui-laypage-spr { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.layui-box .layui-laypage-curr { color: #fff; border: solid 1px #36669d; background-color: #36669d; }

.layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, .layui-box .layui-laypage-last, .layui-box .layui-laypage-first { font-size: 12px; font-weight: bold; color: #333; line-height: 38px; margin: 0 5px; border: solid 1px #dedede; }

.layui-box .layui-laypage-next { margin-left: 17px; }

.layui-box .layui-laypage-prev { margin-right: 17px; }

.layui-box .layui-laypage-last { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.layui-box .layui-laypage-first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }*/
.layui-box { margin-top: 70px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }


.layui-box em { font-style: normal; }


.layui-box a, .layui-box .layui-laypage-curr { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; -webkit-border-radius: 50% !important; border-radius: 50% !important; font-size: 24px; color: #333333; margin: 0 2px; -webkit-transition: all .5s; transition: all .5s; border: solid 1px transparent; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 0; }


.layui-box a .layui-laypage-em, .layui-box .layui-laypage-curr .layui-laypage-em { background: #36669d; }


.layui-box a:hover, .layui-box .layui-laypage-curr:hover { color: #fff; background-color: #36669d !important; border: solid 1px #36669d !important; }


.layui-box .layui-laypage-spr { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; -webkit-border-radius: 50% !important; border-radius: 50% !important; padding: 0; }


.layui-box .layui-laypage-curr { color: #fff; border: solid 1px #36669d; background-color: #36669d; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }


.layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, .layui-box .layui-laypage-last, .layui-box .layui-laypage-first { font-size: 12px; font-weight: bold; color: #989ba0; line-height: 38px; margin: 0 5px; border: solid 1px #dedede; }


.layui-box .layui-laypage-next { margin-left: 17px; }


.layui-box .layui-laypage-prev { margin-right: 17px; }


.layui-box .layui-laypage-last { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }


.layui-box .layui-laypage-first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }


/* 业务领域-专利业务 */
.BaPatentBusiness { padding: 75px 0 120px; background: #f8f8f8; }

.BaPatentBusinessText { margin-top: 30px; text-align: center; }

.BaPatentBusinessText h5 { font-size: 30px; color: #000; }

.BaPatentBusinessText p { font-size: 18px; color: #828282; line-height: 28px; margin-top: 10px; }

.BaPBusinessImg { width: 100%; position: relative; margin-top: 60px; }

.BaPBusinessImg img { width: 100%; }

.BaPBusinessImg h5 { position: absolute; top: 110px; left: 0; width: 100%; text-align: center; font-size: 32px; color: #fff; }

.BaPatentBusinesSWI { margin-top: -253px; position: relative; }

.BaPatentBusinesSWI .swiper-slide { background: url(../images/bj8.jpg) no-repeat; background-size: cover; padding: 25px 39px 50px; vertical-align: top; }

.BaPatentBusinesSWI .swiper-slide h5 { text-align: center; font-size: 22px; color: #36669d; padding-bottom: 20px; border-bottom: 2px solid #d7e0eb;margin-bottom: 25px; }

.BaPatentBusinesSWI .swiper-slide a { font-size: 16px; color: #828282; line-height: 32px;display: block; transition: all 0.3s;}
.BaPatentBusinesSWI .swiper-slide a:hover{color: #36669d;}

.BaPatentBusinesSWI .swiper-button-next, .BaPatentBusinesSWI .swiper-button-prev { width: 45px; height: 45px; background: #4480b6; font-size: 30px; text-align: center; -webkit-transition: all 0.3s; 
  transition: all 0.3s; color: #fff; -webkit-box-shadow: 0 3px 14px #4480b6; box-shadow: 0 3px 14px #4480b6; }

.BaPatentBusinesSWI .swiper-button-prev { left: -65px; }

.BaPatentBusinesSWI .swiper-button-next { right: -65px; }

.BaPatentBusinesSWI .swiper-button-next.swiper-button-disabled, .BaPatentBusinesSWI .swiper-button-prev.swiper-button-disabled { background: #fff; color: #9d9d9d; opacity: 1; -webkit-box-shadow: none; box-shadow: none; }

/* 关于我们-分支机构 */
.title p { font-size: 22px; color: #828282; }

.Branch { padding-top: 75px; }

.BranchConTop { border: 1px solid #e0e0e0; padding: 30px 30px 10px; margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.BranchConTop .tou { font-size: 16px; color: #828282; padding-left: 12px; position: relative; width: 60px; white-space: nowrap; }

.BranchConTop .tou::before { content: ""; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 10px; }

.BCTabBar { width: 100%; padding-left: 50px; }

.BCTabBar .tabTerm { display: inline-block; font-size: 16px; color: #999; margin-right: 20px; margin-bottom: 15px; cursor: pointer; }

/* .BCTabBar .tabTerm i { width: 14px; height: 14px; border: 2px solid #cfcfcf; display: inline-block; margin-right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } */

.BCTabBar .tabTerm.active, .BCTabBar .tabTerm:hover{color: #0171bc;}

.BranchConBot { width: 100%; margin-top: 60px; }
.BCTabCont{font-size: 0;}

.BCTabCont .Text{ width: 50%; background: url(../images/bj9.jpg) no-repeat; background-size: cover; padding: 165px 0 0 110px; position: relative; display: inline-block; min-height: 520px; }

.BCTabCont .tabItem{ position: absolute; top: 0; left: 0; display: none; }

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

.BCTabCont .tabItem h3 { font-size: 30px; color: #36669d; font-weight: bold; }

.BCTabCont .tabItem h5 { font-size: 30px; color: #dce2e9; padding-bottom: 20px; position: relative; text-transform: uppercase; font-weight: bold; }

.BCTabCont .tabItem h5::before { content: ""; width: 33px; height: 4px; background: #36669d; position: absolute; bottom: 0; left: 0; }

.BCTabCont .tabItem p { font-size: 16px; color: #979797; line-height: 38px; margin-top: 20px; }

.BCTabCont .tabItem p span { color: #333; }

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

.Branch .Mapbox .map { width: 100%; height: 520px;position: relative; }
.Branch .Mapbox .map img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-height: 100%;width: auto;}

/* 关于我们-服务客户 */
.ServingKH { padding: 75px 0 100px; background: url(../images/bj11.jpg) no-repeat; background-size: cover; }

.title h4 { font-size: 26px; color: #36669d; }

.title h3 { font-size: 18px; color: #666; line-height: 28px; }

.ServingKHCon { margin-top: 40px; }

.ServingKHCon .swiper-container { padding-bottom: 40px; padding: 40px; }

.ServingKHCon .swiper-slide.swiper-slide-active { opacity: 1; }

.ServingKHCon .swiper-slide { font-size: 0; opacity: 0; }

.ServingKHCon .swiper-slide a { border: 1px solid #e5e5e6; border-right: none; width: 100%; height: 150px; width: 20%; display: block; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; display: inline-block; }

.ServingKHCon .swiper-slide a:nth-child(5n) { border-right: 1px solid #e5e5e6; }

.ServingKHCon .swiper-slide a:last-child { border-right: 1px solid #e5e5e6; }

.ServingKHCon .swiper-slide a:nth-child(n + 6) { border-top: none; }

.ServingKHCon a img { position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; transition: all 0.5s; }

.ServingKHCon a .iov { display: none; }

.ServingKHCon a:hover { background: url(../images/bj10.png) no-repeat; background-size: cover; border-color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 99; }

.ServingKHCon a:hover .sow { display: none; }

.ServingKHCon a:hover .iov { display: block; }

.ServingKHCon .swiper-pagination { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; }

.ServingKHCon .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; background: #c7c7c7; margin: 0 8px; }

.ServingKHCon .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0168c0; }

/* 公司团队-研究专著 */
.CTResearchM { padding: 75px 0 100px; }

.CTResearchM .tit { margin-top: 10px; text-align: center; }

.CTResearchM .tit p { font-size: 16px; color: #828282; }

.CTResearchM .tit h5 { font-size: 22px; color: #36669d; margin-top: 10px; }

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

.CTResearchMConBox { width: 50%; display: inline-block; border-bottom: 1px solid #e1e1e1; }

.CTResearchMConBox a { display: block; padding: 34px 50px 34px 70px; border-bottom: 3px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .img { width: 153px; height: 216px; background: #fff; border: 1px solid #e1e1e1; position: relative; float: left; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .text { width: -webkit-calc(100% - 153px); width: calc(100% - 153px); padding: 35px 0 0 40px; float: left; color: #999; }

.CTResearchMConBox .text h5 { font-size: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .text p { font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .text .on { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #e5e5e5; position: relative; margin-top: 35px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox .text .on .iov { display: none; }

.CTResearchMConBox .text .on img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.CTResearchMConBox a:hover { background: #f0f4f7; border-bottom: 3px solid #36669d; }

.CTResearchMConBox a:hover h5 { color: #333; }

.CTResearchMConBox a:hover p { color: #828282; }

.CTResearchMConBox a:hover .on { background: #36669d; }

.CTResearchMConBox a:hover .on .iov { display: block; }

.CTResearchMConBox a:hover .on .sow { display: none; }

.CTResearchM .page_box { margin-top: 30px; }

/* 公司团队-专业人才 */
.Professionals { padding: 75px 0 100px; }

.ProfessionalsLeft { width: 25%; padding-right: 20px; margin-top: 25px; }

.PLeftScreen { width: 100%; background: url(../images/bj12.png) no-repeat; background-size: cover; height: 75px; padding: 0 20px; }

.PLeftScreen p { font-size: 16px; color: #fff; line-height: 75px; display: inline-block; }

.PLeftScreen button { font-size: 16px; color: #afbfd5; line-height: 75px; vertical-align: top; }

.PLeftScreen button img { display: inline-block; }

.PLeftInput { width: 100%; margin-top: 20px; border: 1px solid #e7e7e7; height: 55px; position: relative; }

.PLeftInput input { display: inline-block; padding-left: 20px; line-height: 55px; width: 78%; }

.PLeftInput button { position: relative; width: 55px; height: 55px; vertical-align: top; }

.PLeftInput img { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; }

.PLeftLi { width: 100%; margin-top: 10px; cursor: pointer; }

.PLeftLi .on { width: 100%; line-height: 55px; font-size: 16px; color: #828282; padding-left: 20px; position: relative; border: 1px solid #e7e7e7; }

.PLeftLi .on::before { content: ""; width: 12px; height: 2px; background: #999999; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.PLeftLi .on::after { content: ""; width: 2px; height: 12px; background: #999999; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.PLeftLi .left { padding: 10px 20px 20px; display:none; }
    .PLeftLi .left .label {
        margin-top:20px;
    }


    .PLeftLi .left .label input {
        font-size: 16px;
        color: #999;
    }

.PLeftLi .left .label input  { width: 23px; height: 23px; border: 2px solid #cfcfcf; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; background-position: center center; }

.PLeftLi .left .label input:hover , .PLeftLi .left .label input.active  { border-color: #0171bc; background: url(../images/icon1.png) no-repeat center center; }

.PLeftLi .on.active::before { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.PLeftLi .on.active::after { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ProfessionalsRight { width: 75%; font-size: 0; margin-top: 25px; }

.ProfessionalsRight .page_box { float: inherit; margin-top: 20px; width: 100%; }

.PRBox { width: 50%; float: left; padding-left: 20px; margin-bottom: 20px; }

.PRBox a { border: 1px solid #e7e7e7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding:0 20px; width: 100%; height: 100%;height: 205px; }

/*.PRBoxImg { width: 40%; height: auto; max-height: 100%; position: relative;padding-top: 90.5%;overflow: hidden;}*/

.PRBoxImg { width: 40%; height: auto; max-height: 100%; position: relative;overflow: hidden;}

.PRBoxImg img { -webkit-transition: all 0.3s; transition: all 0.3s;position: absolute;top: 20px;left: 0;bottom: 20px;right: 0; }

.PRBoxText { width: 60%; padding:50px 0 20px 20px; }

.PRBoxText h5 { font-size: 22px; color: #333; font-weight: bold; }

.PRBoxText p { font-size: 14px; color: #828282; line-height: 28px; margin-top: 10px; }

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

/* 公司团队-专业人才-详情页*/
.PDetails { background: url(../images/bj13.jpg) no-repeat; background-size: cover; width: 100%; padding-top: 30px; font-size: 0; border-bottom: 2px solid #d6dce6; }

.PDetailsImg { width: 50%; height: 465px; position: relative; display: inline-block; margin-bottom: -2px; z-index: 99; }

.PDetailsImg img { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; max-height: 100%; position: absolute; }

.PDetailsText { width: 50%; display: inline-block; padding: 85px 0 0 50px; vertical-align: top; }

.PDetailsText h5 { font-size: 36px; color: #333; font-weight: bold; }

.PDetailsText p { font-size: 16px; color: #828282; line-height: 36px; margin-top: 25px; }

.PersonalData .text { padding-bottom: 35px; border-bottom: 1px solid #e1e1e1; }

.PersonalData .text:last-child { border-bottom: none; }

.PersonalData h5 { margin-top: 45px; font-size: 24px; color: #333; padding-left: 10px; position: relative; line-height: 8/1; font-weight: bold; }

.PersonalData h5::before { content: ""; width: 4px; height: 23px; background: #36669d; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; }

.PersonalData p { font-size: 16px; color: #828282; line-height: 28px; margin-top: 10px; }

.PersonalDataCon { border-top: 1px solid #000; padding-bottom: 120px; }

.PDataConBox .on { width: 100%; line-height: 80px; border-bottom: 1px solid #ededed; position: relative; padding-left: 35px; font-size: 20px; color: #333; font-weight: bold; cursor: pointer; }

.PDataConBox .on::before { content: ""; width: 20px; height: 20px; border-top: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; position: absolute; top: 35px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: 43px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.PDataConBoxIov { background: #fbfbfb; padding: 30px; display: none; }

.PDataConBoxIov p { font-size: 14px; color: #666666; line-height: 32px; }

.PDataConBox .on.active::before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-color: #000; }

/* 经典案例 */

.ClassicCaseBox{padding: 75px 0 100px;}
.ClassicCase {  width: 65%;}

.ClassicCase form { margin-top: 25px; }

.ClassicCase form .on,
.ClassicCaseBox form .on { width: 165px; line-height: 50px; border: 1px solid #dddddd; position: relative; cursor: pointer; z-index: 99;padding-left:20px; }

.ClassicCase form .on2,
.ClassicCaseBox form .on2 {position: relative;}

.ClassicCase form .on2::before,
.ClassicCaseBox form .on2::before {content: ""; border: 4px solid transparent; border-top-color: #7f7f7f; position: absolute; top: 23px; right: 20px; }

.ClassicCase form .on .t,
.ClassicCaseBox form .on .t { font-size: 14px; color: #666; padding-left: 20px; }

.ClassicCase form .onIov,
.ClassicCaseBox form .onIov { position: absolute; top: 101%; left: 0; width: 100%; padding: 10px 0; background: #fff; display: none; z-index: 99; -webkit-box-shadow: 0 5px 10px #f0f0f0; box-shadow: 0 5px 10px #f0f0f0; }

.ClassicCase form .onIov a,
.ClassicCaseBox form .onIov a { display: block; line-height: 30px; padding-left: 20px; font-size: 14px; color: #666; }

.ClassicCase form .onIov a:hover,
.ClassicCaseBox form .onIov a:hover { background: rgba(0, 0, 0, 0.1); }

.ClassicCaseInp { width: 343px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; }

.ClassicCaseInp input { padding-left: 20px; line-height: 50px; border: 1px solid #ddd; width: -webkit-calc(100% - 52px); width: calc(100% - 52px); }

.ClassicCaseInp button { width: 52px !important; height: 52px; background: #36669d; position: relative; }

.ClassicCaseInp button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 21px; }

.ClassicCaseCon {  margin-top: 20px; font-size: 0;}

.CCaseConBox { width: 31%; border: 1px solid #dddddd; height: 440px; margin-bottom: 40px; display: inline-block;}
.CCaseConBox:not(:nth-child(3n)){margin-right: 3%;}

.CCaseConBox a { padding: 90px 30px 30px; display: block; width: 100%; height: 100%; }

.CCaseConBox h5 { font-size: 22px; color: #333333; font-weight: bold; display: -webkit-box; height: 64px; line-height: 32px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CCaseConBox p { font-size: 14px; color: #828282; display: -webkit-box; height: 96px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 20px; }

.CCaseConBox .data { margin-top: 60px; font-size: 16px; color: #999; }

.CCaseConBox:hover h5 { color: #36669d; }

/* 经典案例-详情页*/
.ClassicCaseBox .title{margin-bottom: 25px;border-bottom: 2px solid #3d3f48;}
.CCaseXQTit { border-bottom: 1px solid #dddddd; padding: 0 40px; }

.CCaseXQTit h5 { line-height:80px; font-size: 28px; color: #3d3f48; display: block; }

.CCaseXQTit .data { display: inline-block; font-size: 16px; color: #999; line-height: 103px; }

.CCaseXQText { text-align: left; padding: 0 40px 65px; }

.CCaseXQBut { width: 100%; border-top: 1px solid #141d29; border-bottom: 1px solid #141d29; }

.CCaseXQBut a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 40px; border-bottom: 1px solid #dddddd; }

.CCaseXQBut a:last-child { border: none; }

.CCaseXQBut .on { font-size: 18px; color: #333; padding-right: 90px; position: relative; line-height: 77px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; }

.CCaseXQBut .on::before { content: ""; border: 5px solid transparent; border-top-color: #000; position: absolute; top: 35px; right: 0; -webkit-transition: all 0.3; transition: all 0.3; }

.CCaseXQBut .text { padding-left: 80px; width: 87%; }

.CCaseXQBut .text a { width: 100%; height: 100%; display: block; }

.CCaseXQBut .text p { float: left; font-size: 18px; color: #333; line-height: 77px; -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.CCaseXQBut .text .data { font-size: 16px; color: #999; line-height: 77px; float: right; }

.CCaseXQBut a:hover .on { color: #36669d; }

.CCaseXQBut a:hover .on::before { border-top-color: #36669d; }

.CCaseXQBut a:hover p { color: #36669d; }

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

.CCaseXQBack a { display: inline-block; padding: 0 40px; line-height: 55px; text-align: center; border: 2px solid #36669d; -webkit-border-radius: 30px; border-radius: 30px; font-size: 14px; color: #313033; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s; }

.CCaseXQBack a:hover { background: #36669d; color: #fff; }

/* 新闻资讯-热点聚焦*/
.NewsHotSF { padding-top: 75px; }

.NewsHotSFSwi { width: 100%; font-size: 0; margin-top: 20px; }

.HotSFSwiImg { width: 67%; display: inline-block; height: 450px; position: relative; }

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

.HotSFSwiText { width: 33%; display: inline-block; background: #36669d; padding: 85px 40px 0; vertical-align: top; height: 450px; }

.HotSFSwiText .data { font-size: 16px; color: #c0cbdb; }

.HotSFSwiText h5 { font-size: 22px; color: #fff; display: -webkit-box; height: 64px; line-height: 32px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20px; }

.HotSFSwiText p { font-size: 14px; color: #d1d9e5; display: -webkit-box; height: 80px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 15px; }

.NewsHotSFSwi .swiper-pagination { bottom: 88px; left: 70.5%; }

.NewsHotSFSwi .swiper-pagination-bullet { width: 6px; height: 6px; -webkit-border-radius: 0; border-radius: 0; background: #a8a8a8; margin: 0 3px; }

.NewsHotSFSwi .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; background: #4494e6; }

.NewsHotSFbj { background: url(../images/bj16.jpg) no-repeat; background-size: cover; margin-top: -160px; padding: 150px 0 130px; }

.NewsHotSFForm form { margin-top: 25px; }

.NewsHotSFForm form .on { width: 155px; line-height: 55px; border: 2px solid #c6c7cb; position: relative; cursor: pointer; z-index: 50;text-indent: 10px; }

.NewsHotSFForm form .on2{position: relative;margin-left: 10px;}

.NewsHotSFForm form .on2::before { content: ""; border: 4px solid transparent; border-top-color: #8f8e91; position: absolute; top: 25px; right: 20px; }

.NewsHotSFForm form .on .t { font-size: 16px; color: #8f8e91; padding-left: 20px; }

.NewsHotSFForm form .onIov { position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 0; background: #fff; display: none; }

.NewsHotSFForm form .onIov a { display: block; line-height: 30px; padding-left: 20px; font-size: 14px; color: #666; }

.NewsHotSFForm form .onIov a:hover { background: rgba(0, 0, 0, 0.1); }

.NewsHotSFInp { width: 395px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; }

.NewsHotSFInp input { padding-left: 20px; line-height: 55px; border: 2px solid #c6c7cb; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); border-right: none; }

.NewsHotSFInp button { width: 120px !important; height: 58px; background: #333; position: relative; }

.NewsHotSFInp button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 21px; }

.NewsHotSFCon { margin-top: 20px;}

.HotSFConBox { width: 33%; margin-bottom: 60px; -webkit-transition: all 0.3s; transition: all 0.3s;display: inline-block; }


.HotSFConBox a { display: block; width: 100%; }

.HotSFConBoxImg { width: 100%; height: 267px; position: relative; overflow: hidden; }

.HotSFConBoxImg img { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.HotSFConBoxText { width: 100%; padding: 30px 45px; background: #fff; }

.HotSFConBoxText h5 { font-size: 22px; color: #333; display: -webkit-box; height: 56px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.HotSFConBoxText .data { font-size: 16px; color: #999; margin-top: 10px; }

.HotSFConBox:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }

.HotSFConBox:hover { -webkit-box-shadow: 0 45px 91px -39px #3465ae; box-shadow: 0 45px 91px -39px #3465ae; }

/* 新闻资讯-党建专栏*/
.NewsHotSFTabBar { width: 100%; text-align: center; margin-top: 15px; font-size: 0; white-space: nowrap; overflow: auto; }

.NewsHotSFTabBar .tabTerm {display: inline-block;border: 2px solid #e3e3e3; }
.NewsHotSFTabBar .tabTerm a{ padding: 0 55px; line-height: 60px; display: block; font-size: 16px; color: #828282; cursor: pointer; }

.NewsHotSFTabBar .tabTerm:not(:first-child) { border-left: none; }

.NewsHotSFTabBar .tabTerm.active { background: #36669d; border-color: #36669d; }
.NewsHotSFTabBar .tabTerm.active a{color: #fff; }

.NewsHotSFTCont { position: relative; width: 100%; }

.NewsHotSFTCont .tabItem { position: absolute; top: 0; left: 0; display: none; }

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

/* 新闻资讯-热点聚焦详情页*/
.NewsHotSF-XQ { padding: 75px 0 100px; }

.NewsHotSF-XQ .tit { font-size: 22px; color: #444; }

.NewsHotLeftCon { margin: 30px 0 60px; }

.NewsHotXQLeft { width: 65%; }

.NewsHotLTit { width: 100%; padding: 20px 30px; border-left: 5px solid #4583b9; position: relative; border-bottom: 1px solid #e4e4e4; }

.NewsHotLTit h5 { font-size: 26px; color: #444; line-height: 1; padding-bottom: 30px; }

.L_data { display: inline-block; font-size: 16px; color: #999; }

.L_Read { display: inline-block; margin-left: 15px; }
.L_Read img { display: inline-block; width: 17px; height: 12px; }
.L_Read .t { font-size: 16px; color: #444; display: inline-block; }
.L_Read .t span { color: #999; padding-left: 10px; }

/* 新闻资讯-热点聚焦详情页-分享*/
.NewsHotXQShare { width: 44px; position: absolute; bottom: -22px; right: 0; padding-bottom: 35px; width: 44px; }

.social-share { width: 100%; height: 122px; }

.NewsHotXQShare i { cursor: pointer; width: 44px; height: 44px; background: #36669d; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; bottom: 0; -webkit-box-shadow: 0 6px 10px #36669d; box-shadow: 0 6px 10px #36669d; }

.NewsHotXQShare i::before { content: ""; width: 16px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.NewsHotXQShare i::after { content: ""; width: 2px; height: 16px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.social-share a { width: 27px; height: 22px; display: block !important; margin: 14px auto !important; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); opacity: 0; }

.social-share a.icon-qq { background: url(../images/icon41.png) no-repeat center center; -webkit-transition: all 0.2s; transition: all 0.2s; }

.social-share a.icon-weibo { background: url(../images/icon42.png) no-repeat center center; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.social-share a.icon-wechat { background: url(../images/icon43.png) no-repeat center center; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.social-share a:hover.icon-qq { background: url(../images/icon41-1.png) no-repeat center center; }

.social-share a:hover.icon-weibo { background: url(../images/icon42-1.png) no-repeat center center; }

.social-share a:hover.icon-wechat { background: url(../images/icon43-1.png) no-repeat center center; }

.NewsHotXQShare:hover a { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.social-share .icon-wechat .wechat-qrcode { right: 150% !important; left: auto !important; top: -165px !important; }

.social-share .icon-wechat .wechat-qrcode:after { display: none; }

.NewsHotXQLeftText { padding-top: 25px; }

.NewsHotXQRight { width: 35%; height: 100%; padding-left: 59px; }

.NewsHotXQRBox { width: 100%; position: relative; }

.NewsHotXQRBox .tit { line-height: 60px; padding-left: 20px; font-size: 14px; color: #fff; background: #36669d; }

.NHXQRBoxCon { width: 100%;background-color: #fff; }

.NHXQRBoxCon a { width: 100%; display: block; border: 1px solid #eeeeee; border-top: none; padding: 20px 20px 30px; }

.NHXQRBoxCon .img { width: 100%; overflow: hidden; }

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

.NHXQRBoxCon .text { padding-top: 25px; }

.NHXQRBoxCon .text h5 { font-size: 20px; color: #363636; -webkit-transition: all 0.3s; transition: all 0.3s; }

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

.NHXQRBoxCon .text .data { font-size: 16px; color: #999; margin-top: 20px; }

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

.NHXQRBoxCon:hover h5 { color: #36669d; }
.NHXQRBoxCon .PRBox{width: 100%;padding-left: 0;}
.NHXQRBoxCon .PRBox a{display: flex;}
.NHXQRBoxCon .PRBox a .PRBoxImg{padding: 0;}
.NHXQRBoxCon .PRBoxText{padding: 0 0 0 15px;}
.NHXQRBoxCon .PRBoxText p{font-size: 12px;line-height: 20px;}

.NewsHotXQRBox .swiper-button-next, .NewsHotXQRBox .swiper-button-prev { width: 25px; height: 13px; background: url(../images/jint1.png) no-repeat; top: 24px; margin-top: 0; }

.NewsHotXQRBox .swiper-button-prev { right: 65px; }

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

/* 加入我们-联系我们*/
.JoinUs { padding: 75px 0 100px; }

.JUsApiOne { margin-top: 25px; text-align: center; }

.JUsApiOne .swiper-slide { font-size: 16px; color: #828282; border: 1px solid #dbdbdb; border-bottom-color: #36669d; line-height: 60px; }

.JUsApiOne .swiper-slide.swiper-slide-active { border-color: #36669d; border-bottom: none; border-left: 1px solid #36669d !important; border-top-width: 2px; }

.JUsApiOne .swiper-slide.swiper-slide-next { border-left: none; }

.JUsApiOne .swiper-slide.swiper-slide-prev { border-right: none; }

.JUsApiOne .swiper-slide:not(:first-child) { border-left: none; }

.JUsApiTwo { margin-top: 40px; }

.JUsApiTwo .swiper-container { width: 100%; }

.JUsApiTwo .swiper-container .swiper-slide { font-size: 0; opacity: 0.2; -webkit-transition: all 0.3s; transition: all 0.3s; }

.JUsApiTwo .swiper-slide.swiper-slide-active { opacity: 1; }

.JUsApiTwo .swiper-container .swiper-slide:last-child { opacity: 1; }

.JUsApiTwo .JUsApiTwoText { display: inline-block; width: 600px; vertical-align: top; padding: 15px 50px 0 0; }

.JUsApiTwo .JUsApiTwoTextDT { width: -webkit-calc(100% - 600px); width: calc(100% - 600px); display: inline-block; }

.JUsApiTwo .Mapbox { width: 100%; }

.JUsApiTwo .Mapbox img{max-width: 100%;}

.JUsApiTwo .Mapbox .bdmap { width: 100%; height: 490px; }

.JUsApiTwoText p span { color: #999999; }

.Message { padding: 95px 0 100px; background: #f7f7f7; }

.Message .title h3 { color: #292929; }

.Message form { margin-top: 40px; }

.Message form .xian { width: 100%; }

.formLi { width: 100%; padding: 20px 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #dddddd; }

.formLiInp { width: 45.5%; }

.formLi .t { display: inline-block; width: 110px; font-size: 15px; color: #292929; }

.formLi .t span { color: #ff1e1e; }

.formLiInp input { width: -webkit-calc(100% - 115px); width: calc(100% - 115px); background: #fff; line-height: 50px; padding: 0 20px; display: inline-block; }

.formLiText { width: 100%; }

.formLiText textarea { width: -webkit-calc(100% - 115px); width: calc(100% - 115px); background: #fff; padding: 15px 20px; display: inline-block; min-height: 120px; }

.formLi.Code { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.formLiCode input { width: 260px; line-height: 50px; background: #fff; padding-left: 20px; }

.formLiYzm { width: 130px; height: 50px; overflow: hidden; background: #fff; position: relative; margin-left: 10px; }

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

.Message form button { margin: 40px 0 0 40px; width: 180px; line-height: 60px; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; background: #36669d; font-size: 16px; color: #fff; display: block; }

/* 加入我们-社会招聘*/
.Recruit { padding: 75px 0 100px; }
.Recruit .TopImg{width: 100%;margin-top: 20px;}
.Recruit .TopImg img{width: 100%;}

.RecruitSearch { margin: 25px auto 0; width: 400px; background: #f5f5f5; }

.RecruitSearch input { line-height: 60px; width: 100%; padding-left: 20px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); float: left; }

.RecruitSearch button { width: 60px; height: 60px; position: relative; float: right; }

.RecruitSearch button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 23px; height: 23px; }

.RecruitCon { margin-top: 30px; }

.RecruitConBox { border: 1px solid #e5e5e5; position: relative; width: 100%; margin-bottom: 10px; cursor: pointer; }

.RConBoxTop { height: 80px; padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 80px; font-size: 14px; position: relative; white-space: nowrap; overflow: hidden; }

.RConBoxTop::before { content: ""; width: 36px; height: 1px; background: #c6c6c6; position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.RConBoxTop::after { content: ""; width: 1px; height: 36px; background: #c6c6c6; position: absolute; top: 50%; right: 57px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; }

.RConBoxToptitle1 { color: #333; }

.RConBoxToptitle2 { color: #999; margin-left: 180px; }

.RConBoxToptitle3 { color: #999; margin-left: 240px; padding-left: 25px; position: relative; }

.RConBoxToptitle3::before { content: ""; width: 17px; height: 17px; background: url(../images/icon46.png) no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.RConBoxBottom { width: 100%; padding: 50px 45px 50px 40px; border-top: 1px solid #e5e5e5; display: none; position: relative; }

.RecruitConBox.active { background: #f9f9f9; }

.RConBoxBottom a { position: absolute; bottom: 50px; right: 45px; width: 182px; line-height: 62px; background: #3c70a7; text-align: center; font-size: 16px; color: #fff; -webkit-box-shadow: 0 5px 15px #d6daea; box-shadow: 0 5px 15px #d6daea; display: block; }

.RConBoxBottom a img { vertical-align: middle; display: inline-block; margin-right: 10px; width: 21px; height: 20px; }

.RecruitConBox.active .RConBoxTop::before { background: #266dae; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.RecruitConBox.active .RConBoxTop::after { background: #266dae; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.RecruitCon .page_box { margin-top: 30px; }

/* 加入我们-校园招聘*/
.SchoolTop { margin-top: 20px; width: 100%; padding: 30px 30px 5px; border: 1px solid #e0e0e0; }

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

.SchoolTopLi .tou { width: 115px !important; font-size: 16px; color: #828282; line-height: 75px; padding-left: 12px; position: relative; }

.SchoolTopLi .tou::before { content: ""; width: 3px; height: 3px; background: #666; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.SchoolTopLi input { width: 82%; border-bottom: 2px solid #0a0905; line-height: 75px; }

.SchoolTopLi button { width: 75px !important; height: 75px; background: #f6f6f6; position: relative; margin-left: 20px; }

.SchoolTopLi button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; }

.SchoolTopList { height: 75px; line-height: 75px; border-bottom: 1px solid #e3e3e3; width: 90%; }

.SchoolTopList .t { display: inline-block; font-size: 16px; color: #999; margin-right: 20px; margin-bottom: 15px; cursor: pointer; }

.SchoolTopList .t input { width: 14px; height: 14px; border: 2px solid #cfcfcf; display: inline-block; margin-right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.SchoolTopList .t.active input, .SchoolTopList .t:hover input { border-color: #0171bc; background: url(../images/icon19.png) no-repeat center center; }

.SchoolTopLi:last-child .SchoolTopList { border-bottom: none; }

.RecruitCon.School .RConBoxBottom a { right: 215px; }

.RConBoxEwm { width: 130px; position: absolute; bottom: 50px; right: 45px; }

.RConBoxEwm .img { width: 100%; height: 130px; background: #fff; padding: 10px; -webkit-box-shadow: 0 5px 25px #cfd9e5; box-shadow: 0 5px 25px #cfd9e5; }

.RConBoxEwm .img img { width: 100%; }

.RConBoxEwm .t { font-size: 14px; color: #828282; text-align: center; margin-top: 5px; }

/*搜索*/
.search { background: #fff; }

.search .main1 { padding: 80px 0; }

.search .main1 .search_box { width: 60%; margin: 30px auto 30px; border: 1px solid #36669d; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }

.search .main1 .search_box input { padding: 0 20px; line-height: 48px; color: #333; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.search .main1 .search_box .btn { background-color: #36669d; width: 80px; cursor: pointer; border: none; text-align: center; }

.search .main1 .search_box .btn img { width: 22px; height: 22px; display: inline-block; }

.search .main1 .content { border-top: 1px solid #dddddd; }

.search .main1 .content .length { padding: 10px 0; }




.search .main1 .content .block_box{margin-bottom:15px;}
.search .main1 .content .block_box .block .txt { width: 100%; padding-left: 10px;}

.search .main1 .content .block_box .block .txt .name {padding-left: 20px;  position: relative; font-size: 14px;  font-weight: bold;  line-height: 24px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }

.search .main1 .content .block_box .block .txt .name::before{
    content: "";
    border: 6px solid transparent;
    border-left-color:#ddd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.3s;
     
  }
.search .main1 .content .block_box .block:hover .txt .name::before{border-left-color:#36669d;}
.search .main1 .content .block_box .block:hover .txt .name { color: #36669d; }


.index_about .ab_tit h5{font-size: 24px;color: #333;position: relative;display: inline-block;font-weight: bold;z-index: 2;}
.index_about .ab_tit h5::before{content: "";width: 100%;height: 13px;background-color: #aabdd3;position: absolute;bottom: 0;left: 0;z-index: -1;}

/*--PC端--*/
@media (max-width: 1400px) { .container, .container1400 { width: 1200px; }
  .index_aboutbox .inab_title { width: 35%; font-size: 40px; line-height: 48px; }
  .index_aboutbox .inab_title br { display: none; }
  .inab_desc { width: 60%; }
  .ft_bottom .ft03 .beian span { display: block; }
  .index_newsbox .n_text { padding: 15px 20px 30px 20px; }
  #baiduMap { height: 220px; } }

@media (max-width: 1300px) { .head_navlist ul li { padding: 0 15px; }
  .JUsApiTwo .Mapbox .bdmap { height: 540px; } }

@media (max-width: 1220px) { .navmenu_div { width: auto; }
.index_banner .bannerText{top: 50%;transform: translateY(-50%);}
.index_banner .bannerText h5{font-size: 30px;}
.index_banner .bannerText h3{font-size: 55px;}
  .container, .container1400 { width: auto; margin: 0 30px; }
  .head_navlist { display: none; }
  .header { height: 60px; }
  .header .logo img { height: 35px; margin-top: 11px; }
  .language { height: 60px;margin: 0 40px 0 20px; padding: 0;}
  .language a img { margin-top: 19px; }
  .index_T_title .t_left img { width: 280px; }
  .t_right { margin-top: 68px; }
  .casetext .caseline { width: 30px; }
  .casetext .title { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
  .casetext .title .ttt { font-size: 16px; }
  .index_casebox ul li div.OurworksContent { padding: 20px; }
  .index_newsbox .n_text p { font-size: 18px; line-height: 25px; }
  .index_aboutbox .inab_title { font-size: 30px; }
  .index_aboutbox .inab_desc p { font-size: 14px; }
  .index_about { padding: 50px 0; }
  .index_yewu { padding: 60px 0; }
  .index_honner { padding: 70px 0; }
  .index_honnerswiper { padding: 80px 0; }
  .index_case { padding: 60px 0; }
  .index_kehu { padding: 70px 0; }
  .index_news { padding: 60px 0; }
  .OurworksContent .caselink { display: none; }
  .index_casebox ul li div.OurworksContent .desc { height: 70px; line-height: 22px; }
  .infw_boxswiper .inywdesc .y_tt { font-size: 18px; }
  .honnercontainer { width: 100% !important; margin: 0 auto !important; padding: 0 30px; }
  .index_honnerbox .honner_line { right: 90px; }
  .index_casebox ul li div.OurworksContent h3 { font-size: 16px; line-height: 20px; }
  .footer .ft_top { padding-top: 50px; padding-bottom: 50px; }
  .ft_top .ft01 h2 { font-size: 22px; }
  .ft_top .ft01 p { font-size: 20px; }
  .ft_top .ft02 { width: 560px; margin-top: 70px; }
  .ft_bottom .ft04 { width: 560px; }
  .ft_bottom { padding-bottom: 50px; }
  .ft_bottom .ft03 .ling02 { font-size: 20px; }
  .header { padding:0 30px; }
  .head_navlist ul li:hover .sub_zinav { height: auto; }
  .row { width: 100%; padding: 0 15px; }
  .AOurCompany1Tit { right: 0; }
  .AOCorporateHImgCon { top: 35px; left: 35px; }
  .AOCorporateHonorCon { padding: 30px 20px 0; }
  .BaPBusinessImg h5 { top: 30px; }
  .BaPatentBusinesSWI { margin-top: 20px; }
  .BaPatentBusinesSWI .swiper-button-next, .BaPatentBusinesSWI .swiper-button-prev { width: 40px; height: 40px; }
  .BaPatentBusinesSWI .swiper-button-prev { left: -15px; }
  .BaPatentBusinesSWI .swiper-button-next { right: -15px; }
  .CCaseConBox a { padding: 50px 30px 30px; } }

  @media (max-width: 1220px) {
    body{padding-top: 60px;}
.AOCompany2Con::before{display: none;}
.AOCompany2ConBox:nth-child(2){margin: 0 60px;}
.header .right .serch{height: 60px;}
.header .right .serch .icon{padding: 25px 20px 0;}
.navmenu_box{margin-top: 5px;}
}
@media (max-width: 1200px) { .navmenu_div { height: 60px; }
  .head_navlist { display: none; position: fixed; top: 60px; left: 0; right: 0; background: #fff; height: 100%; z-index: 100; }
  .head_navlist ul li { float: none; display: block; }
  .head_navlist ul li > a { color: #333; }
  .head_navlist ul li .sub_zinav { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); background: none; text-align: left; display: none; }
  .head_navlist ul li .sub_zinav { width: 100%; }
  .head_navlist ul li .sub_zinav a { color: #333; line-height: 40px; font-size: 14px; }
  .head_navlist ul li .sub_zinav a { display: block; }
  .head_navlist ul li > span { display: block; cursor: pointer; }
  .head_navlist ul li > span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }
  .head_navlist ul li { display: block; float: none; line-height: 60px; padding: 0 15px; border-bottom: 1px solid #f7f7f7; }
  .head_navlist ul li > a::after, .head_navlist ul li.active > a::after { display: none; } 
  .index_casebox ul li div.OurworksContent{opacity: 1;position: static;background-color: #36669d;}
  .index_newsbox ul li .imgbox img{opacity: 1;}}

@media (max-width: 992px) { .header { padding: 0 15px; }
.index_newsbox .n_text{bottom: -40px;}
  .container, .container1400 { margin: 0 15px; }
  .index_casebox .left { width: 100%; }
  .index_casebox .right { width: 100%; }
  .index_casebox { display: block !important; }
  .index_casebox .right .csimg { display: block; width: 100%; }
  .index_casebox .right { margin-top: 20px; }
  .index_newbox .center .text { font-size: 16px; line-height: 22px; }
  .index_newbox .center .date { font-size: 20px; }
  .banner_box { position: static; }
  .banner_box .boxtit { font-size: 14px; }
  .ban_boxlist { width: -webkit-calc(100% - 110px); width: calc(100% - 110px); }
  .ban_boxlist ul li { width: -webkit-calc(33.333% - 6px); width: calc(33.333% - 6px); }
  .ft_top .ft01, .ft_bottom .ft03 { width: 100%; }
  .ft_top .ft02 { width: 100%; margin-top: 35px; }
  .ft_bottom .ft04 { width: 100%; margin-top: 35px; }
  .index_aboutbox .inab_title { width: 100%; }
  .inab_desc { width: 100%; margin-top: 20px; }
  .index_T_title .t_left img { width: 200px; }
  .see_detiles { width: 130px; height: 45px; line-height: 45px; font-size: 12px; }
  .t_right { margin-top: 56px; }
/*  .infw_box { margin-top: 40px; }*/
  .banner2Text h3 { font-size: 30px; }
  .AboutOurCompany1 { padding: 30px 0; }
  .title h5 { font-size: 26px; }
  .AOurCompany1Tit h5 { font-size: 26px; }
  .AOurCompany1Tit h3 { font-size: 20px; }
  .AOurCompany1Con { padding: 50px; }
  .AOCompany1ConTit { font-size: 26px; line-height: 32px; }
  .AOurCompany1ConText { margin-top: 0; margin-top: 50px; margin-left: 30px; padding-left: 30px; }
  .banner3Text h5 { font-size: 32px; }
  .banner3Text h3 { font-size: 20px; letter-spacing: 10px; }
  .AboutOurCompany2 { padding: 30px 0; }
  .AOCompany2Con { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 0; }
  .AOCompany2ConBox:nth-child(2) { margin: 0; }
  .AOCompany2Con::before { display: none; }
  .AOCompany2ConBox { width: 25%; }
  .AOCompany2ConBoxIco { width: 240px; height: 240px; }
  .AOCompany2ConBoxText .tit { padding: 0 20px 20px; font-size: 20px; }
  .AOCompany2ConBoxText p { font-size: 14px; line-height: 20px; }
  .AOCorporateHonor { padding: 30px 0; }
  .AOurCompany1Tit::before { display: none; }
  .AOCorporateHonorCon { margin-top: 0; }
  .AOCHonorConBox .img { height: 230px; }
  .AOCHonorConBox { padding-bottom: 20px; margin-bottom: 30px; }
  .BaPatentBusiness { padding: 30px 0; }
  .BaPatentBusinessText { margin-top: 15px; }
  .BaPatentBusinessText h5 { font-size: 24px; }
  .BaPatentBusinessText p { font-size: 14px; line-height: 20px; }
  .BaPBusinessImg { margin-top: 30px; }
  .BaPBusinessImg h5 { font-size: 24px; }
  .BaPatentBusinesSWI .swiper-slide h5 { font-size: 20px; padding-bottom: 15px; }
  .BCTabCont .Text{ padding: 50px 0 0 50px; }
  .CTResearchM { padding: 30px 0; }
  .CTResearchM .tit p { font-size: 14px; }
  .CTResearchM .tit h5 { font-size: 20px; }
  .CTResearchMCon { margin-top: 20px; }
  .CTResearchMConBox a { padding: 20px; }
  .CTResearchMConBox .text { padding: 20px 0 0 20px; }
  .CTResearchMConBox .img { width: 140px; height: 200px; }
  .CTResearchMConBox { width: 100%; }
  .ProfessionalsLeft { width: 100%; padding-right: 0; float: none !important; }
  .Professionals { padding: 30px 0; }
  .PLeftScreen { height: 50px; }
  .PLeftScreen p, .PLeftScreen button { line-height: 50px; }
  .PLeftInput { height: 50px; margin-top: 10px; }
  .PLeftInput input { line-height: 48px; width: 80%; }
  .PLeftLi ul li { margin-top: 10px; }
  .ProfessionalsRight { width: 100%; float: none !important; }
  .ProfessionalsRight .page_box { float: left; }
  .PRBox { padding-left: 10px; margin-bottom: 10px; }
  .PRBox:nth-child(odd) { padding-left: 0; padding-right: 10px; }
  .PersonalDataCon { padding-bottom: 30px; }
  .ClassicCaseBox { padding: 30px 0; }
  .ClassicCase{width: 100%;float: none !important;}
  .ClassicCaseBox .NewsHotXQRight{width: 100%;float: none !important;}
  .CCaseConBox { height: 330px; }
  .CCaseConBox a { padding: 20px; }
  .CCaseConBox h5 { font-size: 20px; display: -webkit-box; height: 56px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .CCaseConBox .data { margin-top: 30px; }
  .CCaseXQTit { height: 80px; }
  .CCaseXQTit h5 { line-height: 60px; font-size: 24px; }
  .CCaseXQTit .data { line-height: 80px; }
  .CCaseXQBut .text { padding-left: 30px; }
  .CCaseXQBut .text p { max-width: 80%; }
  .NewsHotSF { padding-top: 30px; }
  .NewsHotSFbj { padding: 150px 0 30px; }
  .HotSFConBox { margin-bottom: 20px; }
  .HotSFConBoxText { padding: 20px; }
  .HotSFConBoxText h5 { font-size: 18px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .HotSFSwiText { padding: 30px; }
  .HotSFSwiImg { height: 400px; }
  .HotSFSwiText { height: 400px; }
  .NewsHotLTit h5 { font-size: 22px; padding-bottom: 15px; }
  .NewsHotSF-XQ { padding: 30px 0; }
  .NewsHotXQRight { padding-left: 20px; }
  .NHXQRBoxCon .text h5 { font-size: 16px; }
  .NHXQRBoxCon .text p { font-size: 12px; margin-top: 10px; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .JoinUs { padding: 30px 0; }
  .JUsApiOne { white-space: nowrap; overflow-x: auto; }
  .JUsApiOne .swiper-slide { width: 350px !important; }
  .JUsApiTwo { margin-top: 20px; }
  .JUsApiTwo .JUsApiTwoText { padding: 0 20px; width: 100%; }
  .JUsApiTwo .JUsApiTwoTextDT { width: 100%; margin-top: 20px; margin-right: 20px; }
  .Message { padding: 30px 0; }
  .formLi .t { width: 80px; }
  .formLiInp input, .formLiText textarea { width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }
  .formLi { padding: 20px; }
  .Recruit { padding: 30px 0; }
  .RConBoxToptitle2 { margin-left: 100px; }
  .RConBoxToptitle3 { margin-left: 120px; }
  .RConBoxBottom { padding: 30px; }
  .search .main1 { padding: 30px 0; }
  .search .main1 .search_box { width: 90%; margin: 10px auto 10px; }
  .search .main1 .content .block_box .block { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
 
  .layui-laypage .layui-laypage-curr em{font-size: 18px;line-height: 25px;} 
  .layui-box a, .layui-box .layui-laypage-curr{line-height: 25px;}
  .layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, 
  .layui-box .layui-laypage-last, .layui-box .layui-laypage-first{line-height: 30px;}
  .ClassicCaseBox .NewsHotXQRight{width: 40%;}
  .NewsHotXQRBox{margin-top: 50px;}
  .NewsHotXQRBox .PRBox:nth-child(odd){padding-right: 0;}
  .PRBoxImg{padding-top: 45%;}
  .index_T_title .t_left h5,
  .index_T_title .t_left h6{font-size: 40px;}}

@media (max-width: 768px) {
  .AOCompany2ConBox{width: 31%;}
  .AOCompany2ConBoxIco{width: 180px;height: 180x;}
   .banner_text h2 { font-size: 20px; line-height: 30px; }
.language{margin: 0 20px;}
.index_banner .bannerText h5{font-size: 22px;}
.index_banner .bannerText h3{font-size: 40px;letter-spacing: 5px;}
  .banner_text p { font-size: 22px; line-height: 26px; }
  .banner_text { left: 15px; }
  .index_newbox .left, .index_newbox .center, .index_newbox .right { width: 100%; }
  .index_newbox .center { margin-bottom: 30px; margin-top: 30px; padding: 0; }
  .line { display: none; }
  .index_newbox .right { padding: 0; }
  .index_casebox .text_sesc { width: 40%; padding-right: 30px; }
  .index_casebox .caseimg { width: 60%; }
  .indexcase_swiper .casebtn { width: 40px; height: 40px; }
  .indexcase_swiper .case_prev { left: -45px; }
  .infw_box-pagination span { width: 20px; }
  .infw_boxswiper .inywicon img { height: 40px; }
  .infw_boxswiper .inywicon { margin-bottom: 40px; }
  .infw_box-pagination { margin-top: 40px; }
  .honner-pagination span { padding: 6px 0; }
  .index_newsbox ul li { width: 100%; margin-right: 0; margin-top: 40px;margin-bottom: 20px; }
  .index_newsbox { margin-top: 0; }
  .index_newsbox { padding-bottom: 0; border-bottom: none; }
  .index_newsbox ul li::after { display: none; }
  .index_casebox ul li { width: 100%; margin-right: 0; }
  .banner2Text h5 { font-size: 16px; }
  .banner2Text h3 { font-size: 22px; }
  .title h5 { font-size: 22px; }
  .AOurCompany1Tit { position: static; width: 100%; padding: 20px; }
  .AOurCompany1Tit h5 { font-size: 22px; }
  .AOurCompany1Tit h3 { font-size: 18px; }
  .AOurCompany1Con { padding: 30px 0; }
  .AOCompany1ConTit { font-size: 24px; }
  .AOurCompany1ConText { margin-top: 30px; margin-left: 0; }
  .AOurCompany1ConText p { font-size: 14px; line-height: 22px; margin-bottom: 10px; }
  .banner3Text h5 { font-size: 26px; }
  .banner3Text h3 { font-size: 16px; }
  .AOCompany2ConBoxIco { width: 130px; height: 130px; margin: 0 auto; }
  .AOCompany2ConBoxText { margin-top: 20px; }
  .AOCompany2ConBoxText .tit { font-size: 16px; line-height: 20px; padding-bottom: 10px; }
  .AOCompany2ConBoxText p { padding: 10px 0 0; }
  .AOCorporateHImgCon h3 { font-size: 34px; }
  .AOCorporateHImgCon h5 { font-size: 18px; }
  .AOCHImgConInp { width: 220px; height: 45px; }
  .AOCHImgConInp .t { line-height: 41px; }
  .AOCHImgConInp::before { top: 19px; right: 20px; }
  .AOCorporateHonorCon { padding: 20px 0; }
  .AOCHonorConBox { width: 49%; }
  .AOCHonorConBox:not(:nth-child(3n + 1)) { margin-left: 0; }
  .AOCHonorConBox:not(:nth-child(2n + 1)) { margin-left: 2%; }
  .AOCHonorConBox:nth-child(3n)::before { display: none; }
  .AOCHonorConBox:nth-child(2n)::before { content: ""; width: 206%; height: 1px; background: #e5e5e5; position: absolute; right: 0; bottom: 0; }
  .AOCorporateHonorImg { height: 250px; }
  .AOCorporateHonorImg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; max-width: inherit; }
  .AOCorporateHImgCon { top: 30px; left: 20px; }
  .BaPatentBusinesSWI .swiper-slide { padding: 20px 30px 30px; }
  .BaPatentBusinesSWI .swiper-slide p { padding-top: 10px; font-size: 14px; line-height: 24px; }
  .BaPBusinessImg h5 { font-size: 20px; }
  .title p { font-size: 16px; }
  .Branch { padding-top: 30px; }
  .BCTabBar { padding-left: 20px; }
  .BCTabBar .tabTerm { margin-right: 13px; }
  .Branch .Mapbox { width: 100%; }
  .BCTabCont .Text{ width: 100%; padding: 50px; min-height: auto; }
  .BranchConBot { margin-top: 20px; }
  .ServingKHCon .swiper-slide a { width: 25%; height: 100px; }
  .ServingKHCon .swiper-slide a:nth-child(5n) { border-right: none; }
  .ServingKHCon .swiper-slide a:nth-child(n + 5) { border-top: none; }
  .ServingKHCon .swiper-slide a:nth-child(4n) { border-right: 1px solid #e5e5e6; }
  .ServingKH { padding: 30px 0; }
  .title h4 { font-size: 18px; }
  .title h3 { font-size: 14px; line-height: 20px; }
  .ServingKHCon { margin-top: 20px; }
  .PRBox a { padding: 10px; }
  .PRBoxText { padding: 15px 0 0 15px; }
  .PRBoxText h5 { font-size: 18px; }
  .PRBoxText p { font-size: 12px; line-height: 18px; }
  .PDetailsImg { width: 100%; height: 300px; }
  .PDetailsText { width: 100%; padding: 20px; }
  .PersonalData h5 { margin-top: 20px; }
  .PDataConBox .on { line-height: 60px; }
  .PDataConBox .on::before { top: 25px; }
  .CCaseConBox { height: auto; margin-bottom: 10px; }
  .CCaseConBox h5 { font-size: 18px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .CCaseConBox p { margin-top: 10px; font-size: 12px; display: -webkit-box; height: 80px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .CCaseXQTit { padding: 0 20px; }
  .CCaseXQTit h5 { font-size: 20px; }
  .CCaseXQText { padding: 0 0 20px; }
  .CCaseXQBut .on { padding-right: 30px; }
  .HotSFSwiImg { width: 100%; height: auto; }
  .HotSFSwiImg img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }
  .HotSFSwiText { width: 100%; height: auto; }
  .NewsHotSFSwi .swiper-pagination { bottom: 20px; left: 30px; }
  .HotSFSwiText h5 { height: auto; }
  .HotSFConBox { width: 49%; }
  .NewsHotXQLeft, .NewsHotXQRight { width: 100%; float: none; padding-left: 0; margin-top: 20px; }
  .NewsHotXQRBox .tit { width: 100%; line-height: 50px; }
  .formLi { display: block; }
  .formLiInp { width: 100%; margin-top: 10px; }
  .formLi.Code { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .Message form button { margin: 30px auto 0; }
  .RecruitSearch { width: 350px; }
  .RecruitSearch input { line-height: 50px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }
  .RecruitSearch button { width: 50px; height: 50px; }
  .RConBoxTop { height: 60px; line-height: 60px; }
  .RConBoxTop::before { right: 20px; width: 25px; }
  .RConBoxTop::after { right: 32px; height: 25px; }
  .RConBoxBottom a { position: static; line-height: 50px; margin-top: 30px; }
  .RConBoxEwm { position: static; margin-top: 15px; }
  .SchoolTop { padding: 20px 20px 5px; }
  .SchoolTopLi .tou { line-height: 60px; }
  .SchoolTopLi input { line-height: 60px; }
  .SchoolTopLi button { width: 60px !important; height: 60px; }
  .SchoolTopList { height: 60px; line-height: 60px; }
  .CTResearchMConBox .text .on { width: 40px; height: 40px; }
  .Branch .Mapbox .map{height: auto;}
  .Branch .Mapbox .map img{position: static;transform: none;width: 100%;}
  .ClassicCaseBox .NewsHotXQRight{width: 50%;} 
  .PRBoxImg{padding-top: 53%;}
  .index_T_title .t_left h5,
  .index_T_title .t_left h6{font-size: 30px;}}

@media (max-width: 660px) { .banner_text h2 { margin-bottom: 0; }
.index_banner .bannerText h5{font-size: 16px;}
.index_banner .bannerText h3{font-size: 24px;letter-spacing: 1px;}
  .banner_box .boxtit { display: none; }
  .ban_boxlist { width: 100%; }
  .banner_box { height: 50px; }
  .ban_boxlist ul li h2 { height: 44px; line-height: 44px; }
  .ban_boxlist ul li h2 { font-size: 14px; }
  .ban_boxlist ul li .hoverbox { padding: 0 10px; }
  .ban_boxlist ul li { padding: 0 10px; }
  .ban_boxlist ul li a:hover .hoverbox { height: 150px; }
  .ban_boxlist ul li .hoverbox p { font-size: 14px; line-height: 18px; }
  .index_casebox .text_sesc { width: 100%; padding-right: 0; }
  .index_casebox .caseimg { width: 100%; margin-top: 20px; }
  .indexcase_swiper .case_next { right: 0; left: auto; }
  .indexcase_swiper .case_prev { left: 0; }
  .indexcase_swiper .swiper-slide { display: block; }
  .banner_text h2 { font-size: 16px; line-height: 18px; }
  .banner_text p { font-size: 16px; }
  .banner_text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .footer { padding: 0 0; }
  .footer .beian p span { display: block; }
  .footer .beian p { line-height: 20px; font-size: 12px; }
  .footer .lianxi { margin-top: 15px; }
  .BranchOffice h2 { margin-right: 10px; }
  .head_line { margin-left: 10px; margin-right: 10px; }
  .headsearch_form { right: -30px; } }

@media (max-width: 640px) { .index_about { padding: 40px 0; }
  .index_aboutbox .inab_title { font-size: 26px; line-height: 35px; }
  .index_aboutbox .inab_desc p { line-height: 26px; }
  .index_T_title .t_left img { width: 140px; }
  .index_T_title .t_left p { font-size: 16px; }
  .see_detiles { width: 110px; height: 40px; line-height: 40px; }
  .index_yewu { padding: 40px 0; }
  .infw_boxswiper .inywdesc .yw_jiantou { width: 35px; height: 35px; }
  .t_right { margin-top: 37px; }
  .infw_boxswiper .inywdesc .y_tt { font-size: 16px; }
  .infw_boxswiper .inywdesc .text { font-size: 12px; margin-bottom: 15px; height: auto; }
  .yw_line { display: none; }
  .index_newsbox ul li:hover .n_text { padding: 15px; }
  .index_newsbox .n_text { padding: 15px; }
  .index_newsbox .n_text p { font-size: 16px; line-height: 20px; height: auto; }
  .index_honnerswiper { padding: 40px 0; }
  .honnercontainer { padding: 0 15px; display: none; }
  .index_honner .swiper-slide { width: 80%; }
  .honner-pagination { position: static; text-align: center;top: auto;transform: none;bottom: 0; }
  .honner-pagination { width: 100%; }
  .index_honnerswiper { padding: 0; margin-bottom: 20px; }
  .index_honner { padding: 30px 0; padding-top: 40px; }
  .index_casebox ul li { margin-top: 30px; }
  .index_kehu { padding: 40px 0; }
  .honner-pagination span { width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; padding: 0; border-bottom: none; background: #fff; display: inline-block; margin: 0 4px; }
  .honner-pagination .swiper-pagination-bullet-active { width: 8px !important; background: red; }
  .case_btnbox .divtong img { height: 18px; }
  .case_btnbox .stop img { height: auto; }
  .case_btnbox { margin-top: 20px; }
  .kehu_swiper { margin-top: 30px; }
  .index_news { background: none; }
  .index_news { padding: 40px 0; }
  .footer .ft_top { padding-top: 30px; padding-bottom: 30px; } }

@media (max-width: 465px) { .ban_boxlist ul li .hoverbox p { font-size: 12px; line-height: 18px; }
.index_newsbox .n_text{bottom: 15px;}
.index_newsbox .n_text .t{opacity: 1;color: #fff;font-size: 12px;line-height: 1.5;}
.index_newsbox .n_text .jiant{margin-top: 20px;}
  .ft_top .ft01 h2 { font-size: 18px; }
  .ft_top .ft01 p { font-size: 16px; line-height: 20px; margin-top: 5px; }
  .ft_top .ft02 { margin-top: 20px; }
  .ft_top .ft02 ul li a { font-size: 12px; }
  .ft_bottom { padding-top: 30px; padding-bottom: 30px; }
  .fticonbox { margin: 20px 0; }
  .AboutOurCompany1 { padding: 20px 0 0; }
  .AOurCompany1Img { margin-top: 10px; }
  .AOurCompany1Tit h5 { font-size: 20px; }
  .AOurCompany1Tit h3 { font-size: 16px; margin-top: 5px; }
  .AOCompany1ConTit { font-size: 22px; }
  .banner3Text h5 { font-size: 22px; }
  .AOCompany2Con { padding: 20px 0 0; }
  .AOCompany2ConBox { width: 100%; margin-top: 20px; }
  .AOCompany2Con { display: block; }
  .AOCHonorConBox { width: 100%; margin-bottom: 0; }
  .AOCHonorConBox:not(:nth-child(2n + 1)) { margin-left: 0; }
  .AOCHonorConBox:nth-child(2n)::before { display: none; }
  .BaPBusinessImg h5 { font-size: 16px; }
  .BaPatentBusinessText h5 { font-size: 18px; }
  .BranchConTop { display: block;padding: 20px; }
  .BCTabBar { padding-left: 0; margin-top: 15px; }
  .BCTabCont .tabItem h3 { font-size: 22px; }
  .BCTabCont .tabItem h5 { font-size: 22px; }
  .BCTabCont .tabItem p { line-height: 30px; }
  .PersonalData h5 { font-size: 20px; }
  .ServingKHCon .swiper-slide a { width: 33%; height: 80px; }
  .ServingKHCon .swiper-slide a:nth-child(4n) { border-right: none; }
  .ServingKHCon .swiper-slide a:nth-child(n + 4) { border-top: none; }
  .ServingKHCon .swiper-slide a:nth-child(3n) { border-right: 1px solid #e5e5e6; }
  .CTResearchM .tit h5 { font-size: 18px; text-align: left; }
  .CTResearchMConBox .text h5 { font-size: 16px; }
  .CTResearchMConBox .text p { font-size: 12px; }
  .PRBox { width: 100%; padding: 0; }
  .PRBox:nth-child(odd) { padding: 0; }
  .ProfessionalsLeft { margin-top: 15px; }
  .PDetailsImg { height: 250px; }
  .PDetailsText { padding: 20px 0; }
  .PDetailsText h5 { font-size: 22px; }
  .PDetailsText p { margin-top: 10px; font-size: 14px; line-height: 20px; }
  .PersonalData p { font-size: 14px; line-height: 20px; }
  .PersonalData .text { padding-bottom: 20px; }
  .PDataConBox .on { padding-left: 0; font-size: 18px; line-height: 50px; }
  .PDataConBoxIov { padding: 15px; }
  .PDataConBox .on::before { width: 15px; height: 15px; top: 22px; }
  .ClassicCaseInp { width: 100%; float: none !important; margin-left: 0; }
  .ClassicCase form .on ,
  .ClassicCaseBox form .on{ margin-top: 15px; float: none !important; line-height: 40px; }
  .ClassicCase form .on::before,
  .ClassicCaseBox form .on::before { top: 18px; }
  .ClassicCaseInp input { line-height: 40px; }
  .ClassicCaseInp button { width: 42px; height: 42px; }
  .CCaseConBox { width: 49%; }
  .CCaseConBox:not(:nth-child(3n)){margin-right: 0;}
  .CCaseConBox:not(:nth-child(2n)){margin-right: 2%;}
  .CCaseConBox a { padding: 10px; }
  .CCaseConBox h5 { font-size: 16px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .CCaseConBox p { display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .CCaseConBox .data { margin-top: 20px; font-size: 12px; }
  .CCaseXQTit { padding: 15px 0; height: auto; }
  .CCaseXQTit h5 { font-size: 20px; line-height: 1.3; float: none !important; }
  .CCaseXQTit .data { float: none !important; line-height: 1; margin-top: 10px; width: 100%; text-align: right; }
  .CCaseXQBut a { padding: 20px 10px; height: auto; }
  .CCaseXQBut .on { font-size: 14px; line-height: 1.3; padding-right: 15px; }
  .CCaseXQBut .on::before { top: 7px; }
  .CCaseXQBut .text p { font-size: 14px; line-height: 1.3; float: none !important; max-width: 100%; }
  .CCaseXQBut .text .data { font-size: 12px; line-height: 1.3; float: none !important; margin-top: 10px; }
  .CCaseXQBack { margin-top: 30px; }
  .CCaseXQBack a { padding: 0 15px; line-height: 40px; font-size: 12px; }
  .NewsHotSFInp { width: 100%; float: none !important; margin-left: 0; }
  .NewsHotSFForm form .on { float: none !important; margin-top: 10px; }
  .HotSFConBox{width: 100%;}
  .HotSFConBoxImg { height: auto; }
  .HotSFConBoxImg img{transform: none;position: static;}
  .HotSFConBox:hover img{transform: none;}
  .HotSFConBoxText { padding: 10px; }
  .HotSFConBoxText h5 { font-size: 14px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .HotSFConBoxText .data { font-size: 12px; }
  .HotSFSwiText { padding: 20px 20px 40px; }
  .NewsHotSFSwi .swiper-pagination { left: 20px; }
  .HotSFSwiText h5 { font-size: 18px; margin-top: 10px; }
  .HotSFSwiText p { font-size: 12px; }
  .NewsHotLTit { padding: 10px 20px; }
  .NewsHotLeftCon { margin: 20px 0 30px; }
  .JUsApiOne .swiper-slide { width: auto !important; font-size: 14px; padding: 0 15px; line-height: 45px; }
  .JUsApiTwo .Mapbox .bdmap { height: 300px; }
  .Message form { margin-top: 10px; }
  .formLi .t { width: 60px; }
  .formLiInp input, .formLiCode input, .formLiText textarea { width: 100%; margin-top: 10px; }
  .formLi.Code { display: block; }
  .formLiCode { width: 100%; }
  .formLiYzm { margin-top: 20px; margin-left: 0; }
  .RConBoxTop { padding-left: 15px; font-size: 14px; }
  .RConBoxToptitle2 { margin-left: 20px; }
  .RConBoxToptitle3 { display: none; }
  .RConBoxBottom { padding: 20px 10px; }
  .RConBoxBottom a { width: 120px; font-size: 12px; }
  .SchoolTopLi { display: block; }
  .SchoolTopLi .tou { width: 100%;line-height: 40px; font-size: 14px;}
  .SchoolTopLi input { display: inline-block; width: 80%; padding-right: 10px; line-height: 40px; }
  .SchoolTopLi button { display: inline-block; margin-left: 0; width: 18% !important; height: 40px; }
  .SchoolTopList { height: 22px; line-height: 22px; }
  .SchoolTopList .t { margin-bottom: 0;font-size: 12px;line-height: 22px; }
  .BCTabBar{font-size: 0;}
  .BCTabBar .tabTerm {font-size: 12px; width: 20%;margin: 0 0 10px;}
  .BCTabCont .Text{ padding: 30px 10px; }
  .title h5 { font-size: 18px; }
  .AOCompany1ConTit { font-size: 18px; line-height: 24px; }
  .ft_top .ft02 ul li { float: none !important; width: 100%; line-height: 40px; border-bottom: 1px solid #919191; }
  .AOCorporateHonorImg { margin-top: 10px; }
  .CTResearchM .tit p { text-align: left; }
  .CTResearchMConBox a { padding: 15px 10px; }
  .NewsHotSFTabBar .tabTerm { padding: 0 20px; line-height: 50px; }
  .AOCompany2ConBoxIco { width: 100px; height: 100px; }
  .AOCompany2ConBoxIco img { max-width: 50%; }
  .AOCompany2ConBox:nth-child(2) { margin-top: 20px; }
  .layui-box a, .layui-box .layui-laypage-curr { width: 30px; height: 30px; line-height: 30px; }
  .ServingKHCon .swiper-slide a:last-child { border-right: 1px solid #e5e5e6; }
  .BaPatentBusinessText p { text-align: left; }
  .NewsHotSFInp input { line-height: 40px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); }
  .NewsHotSFInp button { height: 44px; width: 44px !important; }
  .NewsHotSFForm form .on { line-height: 40px; }
  .NewsHotSFForm form .on::before { top: 18px; }
  .NewsHotLTit h5 { font-size: 18px; line-height: 24px; }
  .Message form button { width: 120px; line-height: 40px; }
  .infw_box{padding-top: 30px;}
  .index_swiper .swiper-pagination{bottom: 10px;}
  .SchoolTop{padding: 10px;}
  .RConBoxTop::before { right: 20px; width: 20px; }
  .RConBoxTop::after { right: 29px; height: 20px; }
  .ClassicCaseBox .NewsHotXQRight{width: 100%;} 
  .PRBox a{height: auto;}
  .index_T_title .t_left h5,
  .index_T_title .t_left h6{font-size: 24px;}
}

.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }

.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }

.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; }

.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }

.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }

.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }

.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }

.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }

.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }

.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }

.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }

.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }

.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }

.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }

.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }

.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }

.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }

.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }

.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }

.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }

.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }

.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }

.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }

.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }

.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }

.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }

.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }

.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }

.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }

.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }

.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }

.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }

.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }

.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }

.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }

.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }

.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }

.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }

.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }

.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }

.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }

.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }

.bdshare-button-style0-16 .bds_more { background-position: 0 0; }

.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }

.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }

.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }

.bdshare-button-style0-16 { zoom: 1; }

.bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }

.bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

.bdshare-button-style0-16 .bds_more { color: #333; float: left; }

.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }

.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }

.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; }

.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }

.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }

.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; }