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

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

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

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

ul, li { list-style: none; }

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

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

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

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

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

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

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

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

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

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

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

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

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

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

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

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

/* 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; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #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: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face { font-family: 'GoogleSans'; font-display: swap; src: url("../images/GOOGLESANS-MEDIUM.eot"); /* IE9*/ src: url("../images/GOOGLESANS-MEDIUM.eot?#iefix") format("embedded-opentype"), url("../images/GOOGLESANS-MEDIUM.woff2") format("woff2"), url("../images/GOOGLESANS-MEDIUM.woff") format("woff"), url("../images/GOOGLESANS-MEDIUM.svg#NotoSansHans-Black") format("svg"); /* iOS 4.1- */ }



/*--头部开始--*/
body { padding-top: 60px; }

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

.new_index_header a.logo { display: block; float: left; }

.new_index_header a.logo img { height: 30px; }

.demandBtn { float: right; margin-left: 15px; margin-top: 0px; }

.demandBtn a { display: block; line-height: 9px; text-align: center; font-size: 24px; width: 32px; height: 32px; -webkit-border-radius: 100%; border-radius: 100%; background: url(../images/new_navicon58.png) no-repeat center; border: 2px solid #fff; color: #fff; }

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

.new_Common_nav ul { padding: 20px 15px 0px; }

.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; }

.new_Common_nav ul li > a { font-weight: 700; height: 40px; line-height: 40px; font-size: 14px; display: block; color: #333; position: relative; }

.new_Common_nav ul li h2 a { font-weight: 700; height: 40px; line-height: 40px; font-size: 14px; display: block; color: #333; position: relative; }

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

.new_Common_nav 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); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }

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

.new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }

.new_childnav_desc { float: left; width: 380px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; display: none; }

.new_childnav_desc h3 { font-size: 14px; color: #4c4f55; font-weight: 700; padding-left: 35px; position: relative; }

.new_childnav_desc h3 img { display: block; left: 0px; top: 0px; width: 24px; position: absolute; }

.new_childnav_desc .desc { font-size: 20px; color: #6a6d73; padding-right: 80px; line-height: 26px; padding-left: 35px; margin-top: 13px; }

.new_childnav_desc .img { text-align: right; background-color:white;}

.new_childnav_desc .img img { vertical-align: middle; max-width: 100%; }

.new_childnav_web dd p { padding-top: 10px; }

.new_childnav_web dd p span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.new_childnav_web dd p span.icon1 { background-image: url(../images/new_navicon03.png); background-color: #949497; }

.new_childnav_web dd p span.icon2 { background-image: url(../images/new_navicon04.png); background-color: #f3bc54; }

.new_childnav_web dd p span.icon3 { background-image: url(../images/new_navicon05.png); background-color: #46afb3; }

.new_childnav_web dd p span.icon4 { background-image: url(../images/new_navicon06.png); background-color: #f67e6a; }

.new_childnav_web dd p span.icon5 { background-image: url(../images/new_navicon07.png); background-color: #ffa21c; }

.new_childnav_web dd p span.icon6 { background-image: url(../images/new_navicon08.png); background-color: #5fb64d; }

.new_childnav_web dd p span.icon7 { background-image: url(../images/new_navicon09.png); background-color: #1595d4; }

.new_childnav_web dd p span.icon8 { background-image: url(../images/new_navicon10.png); background-color: #d4b15d; }

.new_childnav_web dd p span.icon9 { background-image: url(../images/new_navicon11.png); background-color: #d18261; }

.new_childnav_web dd p span.icon10 { background-image: url(../images/new_navicon12.png); background-color: #77c5d1; }

.new_childnav_web dd p span.icon11 { background-image: url(../images/new_navicon13.png); background-color: #ff7a4c; }

.new_childnav_web dd p span.icon12 { background-image: url(../images/new_navicon14.png); background-color: #4177a6; }

.new_childnav_web dd p a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.new_childnav_web dd p a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }

.new_childnav_web dd p a:hover span { background-color: #ed3542; }

.new_childnav_web dd:last-child { background-image: none; }

.new_childnav_Program dd p { padding-top: 10px; }

.new_childnav_Program dd p span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.new_childnav_Program dd p span.icon1 { background-image: url(../images/new_navicon17.png); background-color: #5cb8e6; }

.new_childnav_Program dd p span.icon2 { background-image: url(../images/new_navicon18.png); background-color: #5bd4c0; }

.new_childnav_Program dd p span.icon3 { background-image: url(../images/new_navicon19.png); background-color: #afcc5a; }

.new_childnav_Program dd p span.icon4 { background-image: url(../images/new_navicon20.png); background-color: #9d73c7; }

.new_childnav_Program dd p span.icon5 { background-image: url(../images/new_navicon21.png); background-color: #ffa21c; }

.new_childnav_Program dd p span.icon6 { background-image: url(../images/new_navicon22.png); background-color: #ff5741; }

.new_childnav_Program dd p span.icon7 { background-image: url(../images/new_navicon23.png); background-color: #346ea5; }

.new_childnav_Program dd p span.icon8 { background-image: url(../images/new_navicon24.png); background-color: #849ec2; }

.new_childnav_Program dd p span.icon9 { background-image: url(../images/new_navicon25.png); background-color: #f1d0ad; }

.new_childnav_Program dd p span.icon10 { background-image: url(../images/new_navicon26.png); background-color: #a0ba67; }

.new_childnav_Program dd p span.icon11 { background-image: url(../images/new_navicon27.png); background-color: #d4a766; }

.new_childnav_Program dd p span.icon12 { background-image: url(../images/new_navicon28.png); background-color: #f1a731; }

.new_childnav_Program dd p span.icon13 { background-image: url(../images/new_navicon29.png); background-color: #4a97f1; }

.new_childnav_Program dd p span.icon14 { background-image: url(../images/new_navicon30.png); background-color: #6dd465; }

.new_childnav_Program dd p span.icon15 { background-image: url(../images/new_navicon31.png); background-color: #2e6194; }

.new_childnav_Program dd p span.icon16 { background-image: url(../images/new_navicon32.png); background-color: #ececec; }

.new_childnav_Program dd p a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.new_childnav_Program dd p a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }

.new_childnav_Program dd p a:hover span { background-color: #ed3542; }

.new_childnav_Program dd:last-child { background-image: none; }

.new_childnav_Ecommerce dd span { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 90%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto; margin-right: 10px; vertical-align: middle; }

.new_childnav_Ecommerce dd span.icon1 { background-image: url(../images/new_navicon35.png); background-color: #00a7db; }

.new_childnav_Ecommerce dd span.icon2 { background-image: url(../images/new_navicon36.png); background-color: #f09e28; }

.new_childnav_Ecommerce dd span.icon3 { background-image: url(../images/new_navicon37.png); background-color: #e57fb8; }

.new_childnav_Ecommerce dd span.icon4 { background-image: url(../images/new_navicon38.png); background-color: #21ba3e; }

.new_childnav_Ecommerce dd span.icon5 { background-image: url(../images/new_navicon39.png); background-color: #24599d; }

.new_childnav_Ecommerce dd span.icon6 { background-image: url(../images/new_navicon40.png); background-color: #ff5741; }

.new_childnav_Ecommerce dd span.icon7 { background-image: url(../images/new_navicon41.png); background-color: #00bbff; }

.new_childnav_Ecommerce dd span.icon8 { background-image: url(../images/new_navicon42.png); background-color: #fb7c11; }

.new_childnav_Ecommerce dd a { color: #4c4f55; font-size: 14px; display: block; padding-top: 10px; }

.new_childnav_Ecommerce dd a:hover { color: #ed3542; }

.new_childnav_smallProgram dd a { display: block; }

.new_childnav_smallProgram dd a img { max-width: 100%; display: none; }

.new_childnav_smallProgram dd a h3 { font-size: 14px; color: #4c4f55; padding-top: 10px; }

.new_childnav_smallProgram dd a p { font-size: 12px; color: #636363; display: none; }

.new_childnav_news dt p { padding: 10px 0px 0px; }

.new_childnav_news dt p a { display: block; color: #4c4f55; font-size: 14px; }

.new_childnav_news dt p a span { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 90%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto; margin-right: 10px; vertical-align: middle; }

.new_childnav_news dt p a span.icon1 { background-image: url(../images/new_navicon45.png); background-color: #fab32c; }

.new_childnav_news dt p a span.icon2 { background-image: url(../images/new_navicon46.png); background-color: #46afb3; }

.new_childnav_news dt p a span.icon3 { background-image: url(../images/new_navicon47.png); background-color: #756de5; }

.new_childnav_news dt p a span.icon4 { background-image: url(../images/new_navicon48.png); background-color: #e93644; }

.new_childnav_news dt p a span.icon5 { background-image: url(../images/new_navicon49.png); background-color: #60b64d; }

.new_childnav_news dt p a span.icon6 { background-image: url(../images/new_navicon50.png); background-color: #1595d4; }

.new_childnav_news dt p a:hover { color: #ed3542; font-weight: 700; }

.new_childnav_news dd { padding: 30px 0px 0px 10%; max-width: 900px; overflow: hidden; display: none; }

.new_childnav_news dd img { display: block; float: left; width: 280px; margin-right: 30px; }

.new_childnav_news dd h3 { color: #4c4f55; font-size: 18px; font-weight: 700; margin-top: 18px; }

.new_childnav_news dd p { margin-top: 10px; color: #636363; font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; }

.new_childnav_news dd a:hover h3 { color: #ed3542; }

.new_child_we dd { padding-top: 10px; }

.new_child_we dd a img { width: 100%; display: none; }

.new_child_we dd a h3 { font-size: 14px; font-weight: 700; color: #4c4f55; }

.new_child_we dd a p { font-size: 12px; color: #636363; display: none; }

.new_child_evaluate { padding: 30px 0px 40px; max-width: 1400px; margin: 0px auto; display: none; }

.new_child_evaluate dt { float: left; width: 453px; position: relative; }

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

.new_child_evaluate dt div { position: absolute; width: 195px; left: 30px; bottom: 5px; }

.new_child_evaluate dt div h3 { color: #d7d7d7; font-weight: 700; font-size: 14px; padding-bottom: 10px; }

.new_child_evaluate dt div img { height: 28px; display: block; }

.new_child_evaluate dt div p { color: #636363; font-size: 12px; padding-top: 55px; line-height: 18px; }

.new_child_evaluate dd { float: left; width: -webkit-calc(100% - 453px); width: calc(100% - 453px); padding-left: 360px; position: relative; margin-top: 40px; }

.new_child_evaluate dd .new_child_evaluateText { position: absolute; left: 0px; top: 0px; width: 360px; line-height: 46px; padding-left: 40px; }

.new_child_evaluate dd .new_child_evaluateText h3 { font-size: 36px; color: #4c4f55; }

.new_child_evaluate dd .new_child_evaluateText h3 span { font-weight: 700; }

.new_child_evaluate dd .new_child_evaluateText p { font-size: 18px; font-weight: 700; color: #4c4f55; }

.new_child_evaluate dd .new_child_evaluateText p:after { content: ''; width: 60px; height: 1px; background-color: #4c4f55; display: inline-block; margin-left: 20px; vertical-align: middle; }

.new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 25%; padding: 0px 10px 20px; text-align: center; }

.new_child_evaluate dd .new_child_evaluateIcon p a { color: #4c4f55; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: block; }

.new_child_evaluate dd .new_child_evaluateIcon p a:hover { color: #ed3542; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }

.new_child_evaluate dd .new_child_evaluateIcon p img { display: block; margin: 0px auto 8px; width: 60px; }

.new_child_contactbox { max-width: 1300px; margin: 0px auto; }

.new_child_contact dt { padding: 10px 0px 0px 0px; }

.new_child_contact dd { padding: 10px 0px 0px 0px; }

.new_child_contact h3 { font-size: 16px; padding-bottom: 10px; }

.new_child_contact p { font-size: 14px; color: #888; }

.new_index_navbtn { float: right; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 2px; }

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

.new_index_navbtn span:nth-child(2) { width: 70%; top: 12px; }

.new_index_navbtn span:nth-child(3) { top: 24px; }

.new_index_navbtn:hover span { width: 100%; }

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

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

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

.new_index_bannerbox { position: relative; width: 100%; padding-bottom: 0px; }

.new_index_banner { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; height: 100%; }

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

.new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.new_index_banner ul li div.new_index_banner_text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.new_index_banner ul li div.new_index_banner_text:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 1px; background-color: #fff; width: 0%; }

.new_index_banner ul li div.new_index_banner_text dl { padding: 0px 20px; }

.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 70px; }

.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 40px; font-weight: 900; fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; stroke-dasharray: 900; stroke-dashoffset: 900; opacity: 0; }

.new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 0px; max-width: 590px; }

.new_index_banner ul li h3 { font-size: 18px; padding-bottom: 10px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li p { font-size: 12px; line-height: 24px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

.new_index_banner_icon { position: absolute; left: 0px; width: 100%; bottom: 5%; z-index: 91; }

.new_index_banner_icon p { max-width: 1600px; margin: 0px auto; padding: 0px 15px; }

.new_index_banner_icon p span { width: 18px; height: 25px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }

.new_index_banner_icon p span:after { content: ''; position: absolute; top: 3px; width: 3px; height: 6px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }

.new_index_banner_page { position: absolute; right: 0px; bottom: 0px; z-index: 99; padding: 0px 15px; background-color: rgba(255, 255, 255, 0.6); }

.new_index_banner_page p { float: left; font-size: 16px; font-weight: 700; line-height: 34px; height: 34px; }

.new_index_banner_page p span { color: #999; text-align: center; padding-right: 10px; }

.new_index_banner_page p span:nth-child(1) { color: #333; }

.new_index_banner_page p span:nth-child(2) { color: #333; padding-right: 0px; padding-left: 10px; }

.new_index_banner_page i { float: left; display: block; width: 101px; height: 70px; cursor: pointer; vertical-align: middle; background-position: center; background-repeat: no-repeat; display: none; }

.new_index_banner_page i.banner_Prev_btn { background-image: url(../images/new_ibanprev.png); }

.new_index_banner_page i.banner_Next_btn { background-color: #d90000; background-image: url(../images/new_ibannext.png); }

.new_index_bannertext01 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext01 img.imgpopup { position: absolute; display: block; bottom: 0px; width: 70%; right: 0px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext01 dl { position: absolute; left: 30px; right: 20px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

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

.new_index_bannertext02 .Multiplatformbox { max-width: 640px; text-align: center; margin: 0px auto; }

.new_index_bannertext02 .Multiplatformbox h3 { font-size: 16px; }

.new_index_bannertext02 .Multiplatformbox h3 span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext02 .Multiplatformbox .iconlist { float: left; width: 20%; vertical-align: top; font-size: 12px; line-height: 20px; position: relative; }

.new_index_bannertext02 .Multiplatformbox .iconlist img { display: inline-block; vertical-align: top; max-width: 30px; }

.new_index_bannertext02 .Multiplatformbox .iconlist span { display: block; padding-top: 12px; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .desc p { font-size: 14px; line-height: 30px; color: #fff; }

.new_index_bannertext02 .Multiplatformbox .desc p span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext03 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 dl { position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

.new_index_bannertext03 .bannerCaseImgbox { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 .bannerCaseImgbox img { position: absolute; -webkit-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 10.58333%; left: 0.60417%; width: 53.20313%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 38.74366%; width: 39.53125%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 80.91667%; left: -0.79167%; width: 50%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 20%; left: 33.04861%; width: 53.20313%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 70.75%; width: 29.21875%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.7%; left: 37.29444%; width: 55.46875%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 28.41667%; left: 76.27093%; width: 23.82813%; }

.new_index_banner ul li.cur h3 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.new_index_banner ul li.cur p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.new_index_banner ul li.cur .new_index_bannertext01 img.imgpopup { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_banner ul li.cur .new_index_bannertext03 .bannerCaseImgbox img { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li.cur .new_index_bannertext02 .Multiplatformbox .iconbox { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s; }

@-webkit-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@-o-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

.new_index_Aboutbox { overflow: hidden; }

.new_index_About svg {height: 65px;width: 100%;}

.new_index_About text { font-size: 24px; font-weight: 900; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.new_index_About text.Stroke { fill: #fff; stroke: #939393; }

.new_index_About text.red { fill: #f9253b; }

.new_index_About h3 { font-size: 18px; color: #4c4f55; }

.new_index_About .desc1 { color: #6a6d73; font-size: 20px; padding-top: 15px; }

.new_index_About .desc2 { color: #a6a7ab; font-size: 14px; padding-top: 15px; line-height: 24px; }

.new_index_About .desc3 { font-size: 16px; color: #6a6d73; padding-top: 15px; }

.new_index_About dl dt { padding-top: 30px; }

.new_index_About dl dd { padding-top: 0px; }

.new_index_triangleBox { max-width: 240px; position: relative; margin: 80px auto 0px; }

.new_index_triangleBox:after { position: absolute; background: url(../images/new_about05.png); background-size: cover; content: ''; -webkit-transition: all 1s .5s ease; -o-transition: all 1s .5s ease; transition: all 1s .5s ease; display: block; width: 130%; height: 130%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }

.new_index_triangleBox:before { position: absolute; background: url(../images/new_about04.png); background-size: cover; content: ''; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block; width: 130%; height: 130%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); }

.new_index_triangleImg { position: relative; z-index: 99; }

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

.new_index_trianglebg1 { position: absolute; right: 0px; top: 0px; bottom: 0px; left: 0px; background: url(../images/new_about01.png); background-size: cover; -webkit-animation: triSpin 80s infinite; -o-animation: triSpin 80s infinite; animation: triSpin 80s infinite; }

.new_index_trianglebg2 { position: absolute; right: 0px; top: 0px; bottom: 0px; left: 0px; background: url(../images/new_about02.png); background-size: cover; -webkit-animation: triSpin2 90s infinite; -o-animation: triSpin2 90s infinite; animation: triSpin2 90s infinite; }

.new_index_triangleText { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_triangleText span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; font-weight: 700; font-size: 16px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; color: #6d6d6d; text-transform: uppercase; }

.new_index_scaleTriangle:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.new_index_scaleTriangle:before { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(1) { left: -30%; top: 30%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon1 10s ease-in-out infinite; -o-animation: balloon1 10s ease-in-out infinite; animation: balloon1 10s ease-in-out infinite; opacity: 1; }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(2) { left: 80%; top: 5%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon2 10s ease-in-out infinite; -o-animation: balloon2 10s ease-in-out infinite; animation: balloon2 10s ease-in-out infinite; opacity: 1; }

.new_index_scaleTriangle div.new_index_triangleText span:nth-child(3) { left: 101%; top: 53%; -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); -webkit-animation: balloon3 10s ease-in-out infinite; -o-animation: balloon3 10s ease-in-out infinite; animation: balloon3 10s ease-in-out infinite; opacity: 1; }

.new_index_About_fourCol { padding-top: 20px; }

.new_index_About_fourCol h3 { border-bottom: 1px solid #f5f5f5; font-size: 16px; font-weight: 700; color: #4c4f55; padding: 20px 0px 15px; position: relative; }

.new_index_About_fourCol h3:after { bottom: 0px; height: 1px; background: #f9253b; left: 0px; width: 0px; overflow: hidden; display: block; content: ''; position: absolute; -webkit-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; }

.new_index_About_fourCol p { padding-top: 15px; }

.new_index_About_fourCol p a { display: block; font-size: 14px; color: #6a6d73; line-height: 30px; }

.new_index_About_fourCol span { display: block; width: 28px; height: 28px; background: #eaeaeb; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.new_index_About_fourCol img { width: 35px; height: 35px; display: block; }

.new_index_About_fourCol li { padding-top: 30px; }

.new_index_About_fourCol li:hover span { background: #f9253b; }

.new_index_About_fourCol li:hover h3 { color: #f9253b; }

.new_index_About_fourCol li:hover h3:after { width: 100%; }

.new_index_About_fourCol p a:hover { color: #f9253b; }

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

@-o-keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

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

@-o-keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-o-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-webkit-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-webkit-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

.new_index_Featuredbox { margin-top: 50px; position: relative; overflow: hidden; }

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

.new_index_Featuredbg { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 55px 0px 60px; position: relative; }

.new_index_Featuredbg a.detailLink { display: block; position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_Featured { position: relative; margin: 0px 7%; }

.new_index_Featured .new_index_Featuredbg { position: absolute; width: 0%; bottom: 0px; left: 0px; top: 85px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: left center; background-size: cover; }

.new_index_FeaturedImg img { display: block; margin: 0px auto; max-width: 100%; max-height: 300px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }

.new_index_FeaturedTitle { left: 0px; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); overflow: hidden; width: 100%; position: absolute; z-index: 9999; text-align: center; }

.new_index_FeaturedTitle p { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); font-weight: 700; }

.new_index_FeaturedTitle p img { display: block; max-width: 70%; max-height: 40px; margin: 0px auto; }

.new_index_FeaturedLogo { position: absolute; z-index: 99; left: 10px; top: 40px; overflow: hidden; }

.new_index_FeaturedLogo a { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); display: block; }

.new_index_FeaturedLogo img { max-width: 50%; }

.new_index_Featuredtext { left: 10%; bottom: 50px; position: absolute; z-index: 99; font-size: 14px; max-width: 265px; display: none; }

.new_index_Featuredtext p { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); display: block; font-size: 13px; color: #4c4f55; line-height: 20px; }

.new_index_FeaturedLink { display: none; left: 10%; bottom: -95px; color: #4c4f55; font-size: 14px; position: absolute; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); z-index: 99; font-size: 14px; line-height: 22px; max-width: 265px; }

.new_index_FeaturedLink p { font-weight: 700; padding-top: 5px; }

.new_index_FeaturedLink p a { color: #4c4f55; }

.new_index_FeaturedLink p a:hover { color: #f9253b; }

.new_index_Featuredtext_mobile { margin: 0px 7%; max-width: 300px; padding-top: 25px; display: block; }

.new_index_Featuredtext_mobile p { font-size: 13px; color: #4c4f55; line-height: 20px; padding-top: 5px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s; }

.new_index_Featuredtext_mobile h3 { font-size: 14px; color: #4c4f55; padding-top: 10px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; }

.new_index_Featuredtext_mobile .new_Masterlink { font-size: 14px; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; }

.new_index_Featuredtext_mobile .new_Masterlink a { color: #4c4f55; }

.new_index_Featuredtext_mobile .new_Masterlink a:hover { color: #f9253b; }

.new_index_Featured .new_index_Featuredbg { -webkit-transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); -o-transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); transition: 1.2s cubic-bezier(0, 0.955, 0.705, 1); }

.new_index_FeaturedImg img { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; opacity: 0; }

.new_index_FeaturedTitle p { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; opacity: 0; }

.new_index_FeaturedLogo a { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; opacity: 0; }

.new_index_Featuredtext p { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; opacity: 0; }

.new_index_FeaturedLink { -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; opacity: 0; }

.new_index_Featuredbox ul li.cur .new_index_Featured .new_index_Featuredbg { width: 100%; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedImg img { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedTitle p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedLogo a { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_FeaturedLink { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext_mobile p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.new_index_Featuredbox ul li.cur .new_index_Featuredtext_mobile h3 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

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

.new_index_Ourworks_Title svg { height: 40px; width: 100%; }

.new_index_Ourworks_Title text { font-size: 30px; font-weight: 900; }

.new_index_Ourworks_Title text.Stroke { fill: #fff; stroke: #b97a7a; }

.new_index_Ourworks_Title text.red { fill: #f9253b; }

.new_index_Ourworks_Title h3 { font-size: 16px; color: #4c4f55; }

.new_index_Ourworks_Title .desc1 { color: #6a6d73; font-size: 24px; padding-top: 10px; }

.TabCasebtn { position: relative; font-size: 14px; right: 0px; top: 0px; margin: 20px auto 0px; background-color: #e8eaeb; width: 117px; cursor: pointer; padding: 2px; -webkit-border-radius: 5px; border-radius: 5px; }

.TabCasebtn ul { position: relative; }

.TabCasebtn ul li { float: left; width: 100%; height: 40px; line-height: 40px; position: relative; z-index: 9; font-size: 14px; color: #96999c; font-weight: 700; text-align: center; }

.TabCasebtn ul li.cur { color: #4c4f55; }

.TabCasebtn ul span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background-color: #fff; display: block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.new_index_Ourworks { display: none; padding-top: 30px; }

.new_index_Ourworks ul { margin: 0px -10px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 1; }

.new_index_Ourworks ul li { width: 100%; padding: 0px 10px 30px; }

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

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

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

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

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

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

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

.new_index_Ourworks 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; background: url(../images/new_case15.png) no-repeat left center; padding-left: 25px; }

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

.new_index_Ourworks ul li .positiveTitle span { float: right; color: #afb0b3; font-size: 14px; font-weight: 700; background: url(../images/new_case15.png) no-repeat left center; padding-left: 20px; }

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

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

.new_index_Ourworks_more { text-align: center; padding-bottom: 50px; padding-top: 0px; }

.new_index_Ourworks_more a { border: 1px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 180px; line-height: 50px; padding-left: 30px; font-size: 14px; position: relative; font-weight: 700; display: inline-block; text-align: left; }

.new_index_Ourworks_more a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.new_index_Ourworks_more a span { display: block; position: relative; z-index: 9; background: url(../images/new_case10.png) no-repeat 90% center; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks_more a:hover span { color: #fff; background: url(../images/new_case11.png) no-repeat 85% center; }

.new_index_Ourworks_more a:hover:after { width: 100%; background-color: #f9253b; color: #fff; }

.new_index_Ourworks ul.new_index_Ourwork_Aadmission { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

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

.new_index_AppletsBox a.detailLink { position: absolute; z-index: 99; display: block; width: 100%; height: 100%; top: 0px; left: 0px; }

.new_index_Applets { width: 100%; position: relative; background-image: url(../images/new_applets01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.new_index_Applets_imgBox { margin: 0px auto; max-width: 450px; position: relative; }

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

.AppletsImg1 { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.AppletsImg2 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }

.AppletsImg3 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 2; opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.AppletsImg4 { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 3; opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets:after { position: absolute; left: 0px; top: 0px; width: 0%; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; height: 100%; z-index: 9; background-color: #7bc2c6; opacity: 0.7; -webkit-filter: opacity(70); filter: opacity(70); display: block; content: ''; }

.new_index_Applets_desc { position: absolute; left: 0px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.new_index_Applets_desc svg { height: 69px; width: 100%; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_desc text { font-size: 40px; font-weight: 900; }

.new_index_Applets_desc text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; }

.new_index_Applets_desc h3 { font-size: 18px; color: #fff; font-weight: 700; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }

.new_index_Applets_desc h4 { font-size: 24px; color: #43888c; font-weight: 700; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; font-family: 'GoogleSans'; }

.new_index_Applets_desc .moreIcon { padding-top: 10px; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s; }

.new_index_Applets_desc .moreIcon a { display: block; width: 30px; letter-spacing: 2px; padding-left: 3px; height: 30px; background: #fff; line-height: 22px; text-align: center; color: #43888c; -webkit-border-radius: 100%; border-radius: 100%; font-size: 16px; }

.new_index_Applets_desc .moreIcon a:hover { background-color: #43888c; color: #fff; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }

.new_index_Applets_desc .desc { font-size: 12px; color: #4a5c5c; font-weight: 700; line-height: 24px; margin-top: 10px; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

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

.new_index_Applets_dot span { background-color: #e5e5e5; width: 60px; height: 2px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

.new_index_Applets_dot span.swiper-pagination-bullet-active { background-color: #ffffff; height: 4px; }

.new_index_Applets_02 { background: #1a6dff; }

.new_index_Applets_02:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #2a65eb; }

.new_index_Applets_02 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.new_index_Applets_02 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_02 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_02 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_02 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_02 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_03 { background: #78a3ff; min-height: 420px; }

.new_index_Applets_03:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #2a65eb; }

.new_index_Applets_03 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: relative; }

.new_index_Applets_03 .AppletsImg1 video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_Applets_03 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_03 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_03 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_03 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_03 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_03 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: absolute; left: 0px; bottom: 0px; }

.new_index_Applets_04 { background: #0c010c; min-height: 420px; }

.new_index_Applets_04:after { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; background-color: #212637; }

.new_index_Applets_04 .AppletsImg1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.new_index_Applets_04 .new_index_Applets_desc svg { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_Applets_04 .new_index_Applets_desc h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.new_index_Applets_04 .new_index_Applets_desc h4 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; color: #25a5ff; }

.new_index_Applets_04 .new_index_Applets_desc .moreIcon { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.new_index_Applets_04 .new_index_Applets_desc .desc { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; color: #fff; }

.new_index_Applets_04 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: right; }

.new_index_Applets_04 .new_index_Applets_imgBox img { display: inline-block; margin: 0px; }

.new_index_Applets_05 { background: url(../fonts/d59aa55194b84603b9f8be260ff91aea.woff); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc h3 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc h4 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc .moreIcon { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets_desc .desc { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_AppletsBox ul li.cur .new_index_Applets:after { width: 50%; }

.new_index_AppletsBox ul li.cur .AppWebImg1 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_Ourclient { position: relative; overflow: hidden; padding-bottom: 50px; }

.new_index_Ourclient:after { background: url(../fonts/a69b0ffdc288462e9c66381736111218.woff); stroke: #d4d4d4; stroke-width: .5; }

.new_index_Ourclient_title text.red { fill: #f9253b; }

.new_index_Ourclient_title h3 { font-weight: 700; font-size: 16px; color: #4c4f55; }

.new_index_Ourclient_title .desc1 { color: #4c4f55; font-size: 24px; padding-top: 30px; }

.new_index_Ourclient_title .desc2 { font-size: 14px; padding-top: 20px;}

.new_index_Ourclient_title .desc3 { font-size: 24px; padding-top: 0px; color:#6a6d73;}


.new_index_Ourclient_list { padding: 10px 0px 0px; }

.new_index_Ourclient_list ul{ margin:0px -5px;}

.new_index_Ourclient_list ul li { width: 33.3333%; padding: 10px 5px 0px; float: left; }

.new_index_Ourclient_list ul li img { width: 100%; margin: 0px auto; display: block; border: 1px solid #e7eaec; }

.new_index_newsbg { overflow: hidden; position: relative; background: #e9ebf0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f3f5), color-stop(100%, #eaecf0)); background: -webkit-linear-gradient(top, #f2f3f5 0%, #eaecf0 100%); background: -o-linear-gradient(top, #f2f3f5 0%, #eaecf0 100%); background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f5), to(#eaecf0)); background: linear-gradient(to bottom, #f2f3f5 0%, #eaecf0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f5', endColorstr='#eaecf0',GradientType=0 ); }

.new_index_newshot { position: relative; }

.new_index_newshot dl { padding-top: 20px; display: none; }

.new_index_newshot dl dt { position: relative; }

.new_index_newshot dl dt img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_newshot dl dt span { display: block; overflow: hidden; }

.new_index_newshot dl dt p { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: #e0e4e9; font-size: 16px; padding: 10px 15px; font-weight: 700; }

.new_index_newshot dl dd { font-size: 13px; color: #6a6d73; line-height: 22px; padding-top: 18px; padding-right: 0px; }

.new_index_newshot dl dt:hover a p { color: #f9253b; }

.new_index_newshot dl dt:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.new_index_news_title { padding-top: 20px; }

.new_index_news_title svg { height: 60px; width: 100%; }

.new_index_news_title text { font-size: 30px; font-weight: 900; }

.new_index_news_title text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #848688; stroke-width: .5; }

.new_index_news_title text.red { fill: #f9253b; }

.new_index_news_title h3 { font-size: 16px; color: #4c4f55; }

.new_index_news_title .desc1 { color: #6a6d73; font-size: 20px; padding-top: 15px; }

.new_index_newslistBox { position: relative; }

.new_index_newslistmain { padding-top: 30px; }

.new_index_newslistmain h3 { font-size: 14px; color: #babcc0; text-align: right; }

.new_index_newslistmain h3 a { margin: 0px 10px; color: #babcc0; }

.new_index_newslistmain h3 a.cur { color: #4c4f55; }

.new_index_newslistTabBox { position: relative; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.new_index_newslist { width: 100%; position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; }

.new_index_newslist ul li { width: 320px; float: left; position: relative; }

.new_index_newslist ul li .new_index_newslistContent { background-color: #fff; width: 100%; padding: 0px 0px 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 99; }

.new_index_newslist ul li .new_index_news_img { position: relative; }

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

.new_index_newslist ul li .new_index_news_img span { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; }

.new_index_newslist ul li .new_index_news_img em { position: absolute; left: 50%; top: 50%; margin: -25px 0px 0px -25px; display: block; width: 50px; height: 50px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; }

.new_index_newslist ul li .new_index_news_img em:after { position: absolute; display: block; left: 0px; width: 100%; top: 50%; background-color: #fff; height: 2px; content: ''; margin-top: -1px; }

.new_index_newslist ul li .new_index_news_img em:before { position: absolute; display: block; left: 50%; height: 100%; top: 0%; background-color: #fff; width: 2px; content: ''; margin-left: -1px; }

.new_index_newslist ul li h4 { font-size: 14px; font-weight: 700; color: #4c4f55; margin-top: 20px; padding: 0px 20px; line-height: 24px; height: 48px; overflow: hidden; }

.new_index_newslist ul li p { font-size: 13px; color: #6a6d73; line-height: 22px; margin-top: 20px; display: -webkit-box; height: 120px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; padding: 0px 20px; }

.new_index_newslist ul li .new_index_newslistContentText { padding: 30px 0px 50px; }

.new_index_newslist ul li .new_index_newslistContentText h4 { margin-top: 0px; }

.new_index_newslist ul li:hover .new_index_newslistContent { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-box-shadow: 0px 30px 30px rgba(92, 101, 123, 0.4); box-shadow: 0px 30px 30px rgba(92, 101, 123, 0.4); }

.new_index_newslist ul li:hover .new_index_news_img span { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(#fa3942)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #fa3942 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #fa3942 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #fa3942 100%); opacity: 1; }

.new_index_newslist ul li:hover .new_index_news_img em { opacity: 1; }

.new_index_newslist ul li:hover .new_index_newslistContentText { background: #fa3942; }

.new_index_newslist ul li:hover .new_index_newslistContentText h4 { color: #fff; }

.new_index_newslist ul li:hover .new_index_newslistContentText p { color: #fff; }

.new_index_newslist ul li:hover .new_index_newslistContentText:after { content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, #fa3942)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #fa3942 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #fa3942 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(#fa3942)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #fa3942 100%); }

.new_index_contact { background: url(../fonts/1ab3227db7d14266ae6249092c5fbb5d.woff); stroke: #fff; stroke-width: .5; }

.new_index_contact_title text.red { fill: #fff; }

.new_index_contact_title h3 { font-size: 16px; color: #f9253b; padding-bottom: 25px; }

.new_index_contact_line { width: 320px; height: 6px; background: #fff; float: right; margin-top: 195px; display: none; }

.new_index_contact_line:after { content: ''; display: block; width: 0px; }

.new_index_contact:hover .new_index_contact_line { background: none; }

.new_index_contact:hover .new_index_contact_line:after { width: 100%; height: 6px; background-color: #f9253b; -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; }

.new_index_newslistTab { position: absolute; opacity: 0; left: 0px; top: 0px; filter: alpha(opacity=0); }

.news_foot_contact { padding-bottom: 40px; background: url(../fonts/8599024250ef4a1787a33b78424abcbe.woff); stroke: #f4f4f4; stroke-width: 1; }

.new_footReady p { padding-top: 30px; }

.new_footReady p a { display: inline-block; border: 2px solid #fc3d2d; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding: 10px 35px; font-size: 14px; color: #282828; -webkit-border-radius: 40px; border-radius: 40px; }

.new_footReady p a:hover { background-color: #fc3d2d; color: #fff; }

.new_footContact { padding-top: 25px; }

.new_footContact h3 { color: #4c4f55; font-size: 18px; font-weight: 700; padding-bottom: 10px; }

.new_footContact p { font-size: 14px; color: #4c4f55; padding-bottom: 5px; }

.new_footContact p span.tel400 { font-size: 20px; }

.new_footContact .new_red { color: #d41919; font-size: 22px; padding-top: 5px; }

.new_footabout { border-top: 1px solid #eeeeee; padding-top: 30px; padding-bottom: 10px; position: relative; z-index: 9; }

.new_footabout ul li { float: left; padding-bottom: 20px; }

.new_footabout ul li h3 { color: #6a6d73; font-size: 16px; font-weight: 700; }

.new_footabout ul li h3:after { content: ''; width: 20px; height: 2px; background-color: #d41919; display: block; margin-top: 15px; }

.new_footabout ul li p { font-size: 13px; color: #6a6d73; padding-top: 25px; line-height: 22px; }

.new_footabout ul li.new_Advantage { width: 100%; padding-left: 0px; }

.new_footabout ul li.new_Advantage p { float: left; width: 50%; }

.new_footabout ul li.new_footaboutus { width: 100%; }

.new_footabout ul li.new_footdifferent { width: 100%; }

.footlinkbox { border-top: 1px solid #eeeeee; padding: 25px 0px; }

.footlinkbox h3 { color: #6a6d73; font-size: 16px; font-weight: 700; position: relative; }

.footlinkbox h3:after { content: ''; width: 20px; height: 2px; background-color: #d41919; display: block; margin-top: 15px; }

.footlinkbox h3 span { cursor: pointer; font-weight: normal; right: 0px; top: 0px; display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #666; border: 1px solid #444; position: absolute; }

.footlink { font-size: 13px; padding-top: 20px; display: none; /*background-color:#191938;*/}

.footlink li { float: left; padding-bottom: 20px; }

.footlink ul li a img { height:73px; display: block; width:auto;  }

.footlink a { color: #6a6d73; font-size: 13px; margin-right: 19px; display: inline-block; margin-top: 5px; }

.footlink a:hover { color: #d41919; }

.txt {display:inline-block; width:100%; margin-left:20px; margin-bottom:30px;}

.new_footer { border-top: 1px solid #eeeeee; color: #6a6d73; padding-top: 20px; padding-bottom: 80px; line-height: 26px; position: relative; z-index: 9; text-align: center; vertical-align: middle; }

.new_footer dt { font-size: 14px; color: #4c4f55; padding-top: 10px; }

.new_footer dt a { color: #4c4f55; }

.new_footer a { color: #6a6d73; }

.new_footer a.beianic { padding-left: 24px; background: url(../images/beianico.png) no-repeat 0 center; }

.new_footer a:hover { color: #d41919; }

.new_footer dd { padding-top: 20px; }

.new_footer dd a { display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; margin-left: 15px; }

.new_footer dd a.xq_icon { background-image: url(../images/new_footer01.png); }

.new_footer dd a.tel_icon { background-image: url(../images/new_footer02.png); }

.new_footer dd a.qq_icon { background-image: url(../images/new_footer03.png); }

.new_footer dd a.wx_icon { background-image: url(../images/new_footer04.png); }

.new_footclassbox { padding: 30px 0px 10px; position: relative; z-index: 9; }

.new_foot_title { font-size: 20px; font-weight: 700; color: #f9253b; }

.new_foot_class { padding-top: 5px; }

.new_foot_class li { border-bottom: 1px solid #eee; position: relative; }

.new_foot_class li > a { color: #3d3f41; font-weight: 700; line-height: 40px; font-size: 14px; display: block; }

.new_foot_class li p { display: none; padding: 10px; border-top: 1px solid #eee; }

.new_foot_class li p a { display: block; line-height: 35px; }

.new_foot_class li span { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.new_foot_class li span: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); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.new_foot_class li.cur span:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.new_foot_class li:nth-child(1) { padding-left: 0px; }

.new_foot_class li:last-child { border-bottom: none; }

.GradientBox { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 2%; width: 300px; height: 300px; z-index: 1; display: none; }

.Gradient1 { -webkit-animation: 7s color1 linear infinite; -o-animation: 7s color1 linear infinite; animation: 7s color1 linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #ffd8dc, rgba(255, 216, 220, 0) 100%); z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; }

.Gradient2 { -webkit-animation: color2 8s linear infinite; -o-animation: color2 8s linear infinite; animation: color2 8s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px -30%; }

.Gradient3 { -webkit-animation: color3 6s linear infinite; -o-animation: color3 6s linear infinite; animation: color3 6s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px 30%; }

@-webkit-keyframes color1 { 0% { -webkit-transform: rotate(0deg) translate(-40px) rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(-180deg) translate(-20px) rotate(-180deg) scale(1, 1.33); }
  100% { -webkit-transform: rotate(-360deg) translate(-40px) rotate(-360deg) scale(1, 1); } }

@-webkit-keyframes color2 { 0% { -webkit-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1, 1);
    opacity: 1; }
  66% { -webkit-transform: rotate(180deg) translate(60px) rotate(-180deg) scale(1, 1.33);
    opacity: .33; }
  100% { -webkit-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1, 1);
    opacity: 1; } }

@-webkit-keyframes color3 { 0% { -webkit-transform: rotate(0deg) translate(10px) rotate(0deg) scale(1, 1); }
  33% { -webkit-transform: rotate(180deg) translate(40px) rotate(-180deg) scale(1.66, 1); }
  100% { -webkit-transform: rotate(360deg) translate(10px) rotate(-360deg) scale(1, 1); } }

.animation_fadeInUpinit { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.animation_afadeInUp { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

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

.popDemand:after { width: 200px; height: 200px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: #ffffff; display: block; position: absolute; z-index: 1; right: 0px; top: 0px; -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; }

.popDemandhead { position: absolute; z-index: 25; left: 0px; top: 0px; right: 0px; padding: 15px 15px 0px; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.popDemandhead .new_index_header a.logo { display: none; }

.popDemandhead .DemandClosebtn { padding: 9px 4px 0; float: right; width: 36px; cursor: pointer; }

.popDemandhead .DemandClosebtn span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto 6px; background: #4c4f55; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.popDemandhead .DemandClosebtn span:nth-child(1) { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.popDemandhead .DemandClosebtn span:nth-child(2) { opacity: 0; }

.popDemandhead .DemandClosebtn span:nth-child(3) { top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.popDemandLeft { display: none; overflow: hidden; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; background-color: #ffffff; z-index: 19; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.popDemandLeft video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }

.popDemandRight { right: 0px; width: 100%; top: 0px; bottom: 0px; padding: 60px 20px 40px; background-color: #ffffff; z-index: 19; position: absolute; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; overflow-y: auto; }

.demandSlogan { font-size: 24px; color: #4c4f55; padding-bottom: 20px; line-height: 30px; border-bottom: 2px solid #f7f7f7; }

.DemandForm dt { padding-top: 10px; position: relative; }

.DemandForm dd { padding-top: 10px; }

.DemandForm label { display: block; border-bottom: 1px solid #c0c0c0; padding: 20px 0px 10px; position: relative; }

.DemandForm label input { width: 100%; font-size: 14px; color: #4c4f55; }

.DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 14px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.DemandForm label.cur i { top: 0px; font-size: 12px; }

.DemandForm label span { position: absolute; color: #f9253b; top: 0px; font-size: 12px; background-color: #fff; left: 0px; right: 0px; display: none; white-space: nowrap; }

.DemandForm label.errorPrompt { border-bottom: 1px solid #f9253b; }

.DemandForm label.errorPrompt span { display: block; }

.DemandForm label.errorPrompt i { display: none; }

.DemandService { padding-top: 35px; }

.DemandService h3 { font-size: 20px; color: #4c4f55; }

.DemandService p { color: #b6b6b6; font-size: 15px; font-weight: 700; padding-top: 15px; }

.DemandService p span { font-size: 18px; font-weight: 100; padding: 0px 8px; }

.DemandService p label { color: #b6b6b6; }

.DemandService p label.cur { color: #4c4f55; }

.DemandService p label:hover { color: #4c4f55; }

.DemandService p label input { display: none; }

.DemandDudget { line-height: 46px; border-top: 2px solid #f7f7f7; margin-top: 30px; padding-top: 20px; }

.DemandDudget dt { float: left; font-size: 20px; color: #4c4f55; padding-right: 30px; }

.DemandDudget dd { font-size: 14px; color: #4c4f55; }

.DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }

.DemandDudget dd span:after { content: ''; position: absolute; left: 0px; top: 16px; width: 14px; height: 14px; background-color: #e6e6e6; -webkit-border-radius: 100%; border-radius: 100%; }

.DemandDudget dd label:last-child span { padding-right: 0px; }

.DemandDudget dd span.cur:after { border: 3px solid #e6e6e6; background-color: #f9253b; }

.DemandDudget dd input { display: none; }

.DemandInputBtn { padding-top: 40px; }

.DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 40px; font-size: 16px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }

.DemandInputBtn input:hover { background-color: #f9253b; color: #fff; }

.DemandvCode { position: absolute; right: 0px; top: 20px; width: 100px; height: 35px; }

.Admission:after { width: 4000px; height: 4000px; right: -500px; top: -1500px; }

.Admission .popDemandhead { opacity: 1; }

.Admission .popDemandLeft { opacity: 1; }

.Admission .popDemandRight { opacity: 1; }

.hideScroll { overflow: hidden; }

.sidebar { position: fixed; z-index: 99; left: 0px; right: auto; bottom: 0%; width: 100%; border-right: 1px solid #dfdfdf; background-color: #ffffff; display: none; }

.sidebar a { float: left; width: 25%; display: block; border: 1px solid #dfdfdf; border-right: none; text-align: center; padding: 10px 0px; color: #6a6d73; position: relative; }

.sidebar a span { display: block; height: 54px; background-repeat: no-repeat; background-position: top center; padding-top: 34px; position: relative; z-index: 9; }

.sidebar a span.icon1 { background-image: url(../images/sidebaricon1.png); }

.sidebar a span.icon2 { background-image: url(../images/sidebaricon2.png); }

.sidebar a span.icon3 { background-image: url(../images/sidebaricon3.png); }

.sidebar a span.icon4 { background-image: url(../images/sidebaricon4.png); }

.sidebar a span.icon5 { background-image: url(../images/sidebaricon5.png); }

.sidebar a .sidebarTel { position: absolute; display: none; text-align: left; right: 0px; background-color: #f9253b; padding: 10px 0px 0px 20px; color: #f3eccb; font-size: 12px; width: 305px; top: -1px; bottom: -1px; border: 1px solid #dfdfdf; }

.sidebar a .sidebarTel em { font-style: normal; font-size: 24px; color: #ffffff; display: block; }

.sidebar a.hometop { background-color: #414348; color: #ffffff; position: fixed; bottom: 20%; right: 10px; width: 40px; border-bottom: 1px solid #dfdfdf; padding: 2px 0px; }

.sidebar a.hometop em { position: relative; display: block; font-style: normal; padding: 10px 0px 5px; }

.sidebar a.hometop em:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -5px; width: 0px; height: 0px; border: 5px solid transparent; border-bottom-color: #fff; }

.sidebar a .Qrcode { position: fixed; left: 50%; top: 50%; margin: -81px 0px 0px -81px; width: 162px; border: 1px solid #dfdfdf; background-color: #fff; display: none; }

.sidebar a .Qrcode img { width: 160px; }

.sidebar a:hover { background-color: #f9253b; color: #fff; }

.sidebar a:hover span.icon1 { background-image: url(../images/sidebaricon01.png); }

.sidebar a:hover span.icon2 { background-image: url(../images/sidebaricon02.png); }

.sidebar a:hover span.icon3 { background-image: url(../images/sidebaricon03.png); }

.sidebar a:hover span.icon4 { background-image: url(../images/sidebaricon04.png); }

.sidebar a:hover span.icon5 { background-image: url(../images/sidebaricon05.png); }

#LXB_CONTAINER_SHOW{top:60% !important; width: 45px !important;}

@media (max-width: 480px) { .new_index_triangleBox { max-width: 200px; position: relative; margin: 80px auto 0px; }
  .new_index_triangleText span { font-size: 12px; }
  .new_index_About text { font-size: 20px; font-weight: 900; }
  .new_index_banner ul li div.new_index_banner_text dl { padding: 0px 10px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { height: 40px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 24px; }
  .new_index_banner ul li h3 { font-size: 14px; }
  .new_index_banner ul li p { line-height: 18px; }
  .new_index_About svg { height: 30px; } }

@media (min-width: 768px) { .new_index_banner ul li div.new_index_banner_text dl { max-width: 750px; margin: 0px auto; padding: 0px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 60px; }
  .new_index_banner ul li h3 { font-size: 26px; padding-bottom: 20px; }
  .new_index_banner ul li p { font-size: 16px; line-height: 28px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 100px; }
  .new_index_banner_icon p { max-width: 750px; padding: 0px 0px; }
  .new_index_About text { font-size: 40px; font-weight: 900; }
  .new_index_About h3 { font-size: 22px; color: #4c4f55; font-weight: 700; }
  .new_index_About .desc1 { font-size: 24px; }
  .new_index_About .desc2 { font-size: 14px; }
  .new_index_About .desc3 { font-size: 16px; }
  .new_index_About_fourCol img { width: 50px; height: 50px; display: block; }
  .new_index_About_fourCol h3 { font-size: 20px; }
  .new_index_About_fourCol p a { line-height: 40px; }
  .new_index_FeaturedImg img { height: 400px; max-height: initial; }
  .new_index_FeaturedTitle p img { height: 60px; max-width: 100%; max-height: initial; }
  .new_index_FeaturedTitle { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); }
  .new_index_FeaturedLogo { left: 20px; top: 110px; }
  .new_index_FeaturedLogo img { max-width: 100%; }
  .new_index_Ourworks_Title text { font-size: 35px; }
  .new_index_Ourworks_Title h3 { font-size: 20px; }
  .new_index_Ourworks_Title svg { width: 100%; height: 60px; }
  .TabCasebtn { position: absolute; font-size: 18px; right: 0px; top: 35px; cursor: pointer; }
  .TabCasebtn img { margin-right: 10px; height: 40px; }
  .new_index_newshot dl { padding-top: 30px; }
  .new_index_Ourclient_title text { font-size: 35px; }
  .new_index_Ourclient_title h3 { font-size: 20px; }
  .new_index_Ourclient_title .desc1 { font-size: 28px; padding-top: 20px; }
  .new_index_Ourclient_title .desc2 { font-size: 16px;}
  .new_index_Ourclient_title .desc3 { font-size: 26px;}
  
  .new_index_news_title text { font-size: 35px; }
  .new_index_news_title h3 { font-size: 20px; }
  .new_index_news_title .desc1 { font-size: 28px; }
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 40px; line-height: 80px; }
  .new_index_Applets_desc text { font-size: 46px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 20px; }
  .new_index_Applets_desc h4 { font-size: 24px; }
  .new_index_Applets_desc .moreIcon { padding-top: 20px; }
  .new_index_Applets_desc .moreIcon a { line-height: 28px; font-size: 18px; width: 40px; height: 40px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 15px; }
  .DemandForm dt { float: left; width: 48%; padding-top: 20px; position: relative; }
  .DemandForm dd { float: right; width: 48%; padding-top: 20px; }
  .demandSlogan { font-size: 36px; color: #4c4f55; padding-bottom: 40px; line-height: 46px; border-bottom: 2px solid #f7f7f7; }
  .DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 60px; font-size: 18px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
  .DemandService h3 { font-size: 24px; color: #4c4f55; }
  .DemandForm label input { width: 100%; font-size: 16px; color: #4c4f55; }
  .DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 16px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  .DemandDudget dt { float: left; font-size: 24px; color: #4c4f55; padding-right: 30px; }
  .DemandDudget dd { font-size: 16px; color: #4c4f55; }
  .DemandvCode { position: absolute; right: 0px; top: 35px; width: 100px; height: 35px; }
  .new_index_Ourworks ul { margin: 0px -10px; }
  .new_index_Ourworks ul li { float: left; width: 50%; padding: 0px 10px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 20px 20px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 10px; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_index_Ourworks_more { text-align: center; padding-top: 0px; }
  .new_index_Ourworks_more a { border: 1px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 240px; line-height: 60px; padding-left: 30px; font-size: 16px; position: relative; font-weight: 700; display: inline-block; text-align: left; }
  .new_footReady svg { height: 120px; }
  .new_footContact h3 { font-size: 20px; }
  .new_footContact .new_red { color: #d41919; font-size: 30px; padding-top: 5px; }
  .new_index_Featuredbox { margin-top: 40px; }
  .new_index_banner_icon p span { width: 32px; height: 44px; -webkit-border-radius: 20px; border-radius: 20px; border: 5px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }
  .new_index_banner_icon p span:after { content: ''; position: absolute; top: 7px; width: 6px; height: 11px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }
  .new_index_Ourclient_title svg { height: 90px; width: 100%; }
  .TabCasebtn { position: absolute; }
  .TabCasebtn ul { position: relative; }
  .TabCasebtn ul li { height: 50px; line-height: 50px; }
  .TabCasebtn ul li.cur { color: #4c4f55; }
  .new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 0%; height: auto; width: 100%; -webkit-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); }
  .new_index_banner { position: relative; height: auto; width: 100%; }
  .new_index_bannerbox { position: relative; width: 100%; padding-bottom: 0px; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 9.875%; left: 33.90625%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 58.54167%; width: 26.35417%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 79.375%; left: 33.3125%; width: 33.33333%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 19.5%; left: 55.57292%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 80.625%; width: 19.47917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.5%; left: 57.29167%; width: 36.97917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 29.125%; left: 84.32292%; width: 15.88542%; }
  .new_index_Applets_03 { min-height: 100%; }
  .new_index_Applets_03 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: relative; left: 0px; bottom: 0px; }
  .new_index_Applets_04 .new_index_Applets_imgBox { margin: 0px auto; max-width: 100%; position: relative; left: 0px; bottom: 0px; text-align: right; } }

@media (min-width: 992px) { body { padding-top: 0px; }
  .new_index_header { padding: 20px 30px 0px; position: absolute; background: none; }
  .new_index_header a.logo img { height: 59px; }
  .new_headerfixedbox { position: fixed; background-color: rgba(0, 0, 0, 0.5) !important; top: -60px; padding: 10px 30px 0px; }
  .new_headerfixedbox a.logo img { height: 40px; }
  .new_headerfixedbox .demandBtn { margin-top: 3px; margin-left: 30px; }
  .new_headerfixedbox .new_Common_nav { padding-top: 8px; }
  .new_headerfixedbox .new_Common_nav ul li { height: 42px; }
  .new_headerfixedbox .new_child_navbox { top: 59px; }
  .new_headerbg { background-color: rgba(0, 0, 0, 0.5) !important; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 970px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 70px; }
  .new_index_banner ul li div.new_index_banner_text:after { content: ''; }
  .new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 50px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 150px; }
  .new_index_banner_icon p { max-width: 970px; padding: 0px 0px; }
  .new_index_About dl dd { padding-top: 100px; }
  .new_index_About text { font-size: 40px; font-weight: 900; }
  .new_index_About .desc1 { font-size: 28px; }
  .new_index_About .desc2 { font-size: 14px; padding-top: 20px; }
  .new_index_About .desc3 { font-size: 16px; }
  .new_index_news_title { padding-top: 30px; }
  .new_index_news_title text { font-size: 40px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 28px; }
  .demandBtn { float: right; margin-left: 30px; margin-top: 0px; }
  .new_index_triangleBox { max-width: 340px; position: relative; margin: 150px auto 0px; }
  .new_index_triangleBox:after { width: 150%; height: 150%; }
  .new_index_triangleBox:before { width: 150%; height: 150%; }
  .new_index_triangleText span { font-size: 18px; }
  .new_index_Featuredbg { padding: 55px 0px 140px; }
  .new_index_Featuredtext_mobile { display: none; }
  .new_index_Featuredtext { display: block; }
  .new_index_FeaturedLink { display: block; }
  .new_index_Ourclient_title { padding-top: 20px; }
  .new_index_newshot { float: left; width: 300px; background-color: #e0e4e9; }
  .new_index_newshot:after { position: absolute; left: -100%; top: 0px; bottom: 0px; width: 100%; background-color: #e0e4e9; content: ' '; display: block; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 320px); width: calc(100% - 320px); position: relative; }
  .new_index_newslistmain { padding-top: 140px; }
  .new_index_newslist { padding-left: 30px; padding-right: 0px; width: 105%; }
  .new_index_contact_title svg { height: 70px; }
  .new_index_contact_title text { font-size: 50px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_index_contact { min-height: 400px; padding-bottom: 0px; }
  .new_index_contact_title { float: left; width: 50%; }
  .new_index_contact_line { display: block; }
  .new_foot { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 9; }
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 50px; line-height: 80px; }
  .new_footer { padding-bottom: 20px; }
  .new_footer dt { float: left; }
  .new_footer dd { float: right; padding-top: 0px; }
  .new_footContact { padding-top: 65px; }
  .new_foot { padding-bottom: 60px; }
  .new_footabout { padding-top: 40px; padding-bottom: 10px; }
  .new_footabout ul li.new_Advantage { width: 32%; padding-left: 50px; }
  .new_footabout ul li.new_Advantage p { float: left; width: 50%; }
  .new_footabout ul li.new_footaboutus { width: 35%; }
  .new_footabout ul li.new_footdifferent { width: 33%; }
  .GradientBox { width: 500px; height: 500px; }
  .new_index_Applets_imgBox { max-width: 600px; }
  .new_index_Applets_desc text { font-size: 46px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 24px; }
  .new_index_Applets_desc h4 { font-size: 32px; }
  .new_index_Applets_desc .moreIcon { padding-top: 20px; }
  .new_index_Applets_desc .moreIcon a { line-height: 32px; font-size: 24px; width: 45px; height: 45px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 25px; }
  .new_childnav_Ecommerce { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_web { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); }
  .new_childnav_web dd p a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_Program { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 4%; }
  .new_childnav_Program dd p a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_desc { float: left; width: 270px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; }
  .new_childnav_desc .desc { font-size: 16px; color: #6a6d73; padding-right: 30px; line-height: 26px; padding-left: 35px; margin-top: 13px; }
  .new_childnav_Ecommerce dd:nth-child(5n) { clear: left; }
  .new_childnav_smallProgram { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_news { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 20px; }
  .new_childnav_news dd { padding: 15px 0px 0px 5%; max-width: 900px; overflow: hidden; display: block; }
  .new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 50%; padding: 0px 10px 20px; text-align: center; }
  .new_index_navbtn { display: none; }
  .new_Common_nav { float: right; padding-top: 5px; display: block; position: initial; left: 0px; top: 0px; bottom: 0px; right: 0px; overflow: inherit; background: none; }
  .new_Common_nav ul { padding: 0px; }
  .new_Common_nav ul li { float: left; padding-left: 18px; position: initial; height: 60px; line-height: 24px; cursor: pointer; border-bottom: none; }
  .new_Common_nav ul li:nth-child(1) { padding-left: 0px; }
  .new_Common_nav ul li > a { font-weight: 700; font-size: 14px; height: auto; line-height: 24px; display: inline-block; color: #fff; position: relative; }
  .new_Common_nav ul li:hover > a { color: #f9253b; }
  .new_Common_nav ul li:hover > a:after { content: ''; right: 0px; left: 0px; top: -26px; border-top: 2px solid #f9253b; display: block; position: absolute; }
  .new_Common_nav ul li:hover .new_child_navbox { max-height: 1000px; height: auto; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  .new_child_navbox { position: absolute; left: 0px; top: 84px; width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }
  .new_childnav_desc { display: block; }
  .new_childnav_web dd p { padding-top: 20px; }
  .new_childnav_web dd { float: left; width: 33.3333%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 5%; }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 3%; }
  .new_childnav_Program dd p { padding-top: 20px; }
  .new_childnav_Ecommerce dd { float: left; width: 25%; text-align: center; padding: 40px 10px 0px; }
  .new_childnav_Ecommerce dd span { display: block; width: 60px; height: 60px; background-repeat: no-repeat; background-size: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto 10px; }
  .new_childnav_Ecommerce dd a { color: #4c4f55; font-size: 16px; display: block; padding-top: 0px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_Ecommerce dd a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_childnav_smallProgram dd { float: left; width: 25%; padding: 40px 10px 50px; }
  .new_childnav_smallProgram dd a { display: block; max-width: 210px; margin: 0px auto; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_smallProgram dd a img { max-width: 100%; display: block; }
  .new_childnav_smallProgram dd a h3 { font-size: 16px; font-weight: 700; color: #4c4f55; padding-bottom: 10px; padding-top: 0px; }
  .new_childnav_smallProgram dd a p { font-size: 12px; color: #636363; display: block; }
  .new_childnav_smallProgram dd a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_childnav_smallProgram dd a:hover h3 { color: #ed3542; }
  .new_childnav_news dt { background: url(../images/new_navicon44.png) no-repeat right bottom; padding-bottom: 2px; padding-bottom: 30px; padding-top: 50px; }
  .new_childnav_news dt p { float: left; width: 16.666666666666668%; padding: 0px 10px; }
  .new_childnav_news dt p a { display: block; color: #4c4f55; font-size: 16px; text-align: center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_childnav_news dt p a span { display: block; width: 60px; height: 60px; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto 10px; }
  .new_childnav_news dt p a span.icon1 { background-image: url(../images/new_navicon45.png); background-color: #fab32c; }
  .new_childnav_news dt p a span.icon2 { background-image: url(../images/new_navicon46.png); background-color: #46afb3; }
  .new_childnav_news dt p a span.icon3 { background-image: url(../images/new_navicon47.png); background-color: #756de5; }
  .new_childnav_news dt p a span.icon4 { background-image: url(../images/new_navicon48.png); background-color: #e93644; }
  .new_childnav_news dt p a span.icon5 { background-image: url(../images/new_navicon49.png); background-color: #60b64d; }
  .new_childnav_news dt p a span.icon6 { background-image: url(../images/new_navicon50.png); background-color: #1595d4; }
  .new_childnav_news dt p a:hover { color: #ed3542; font-weight: 700; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_we { padding: 60px 0px 40px; background: url(../images/new_navicon44.png) no-repeat left bottom; max-width: 1400px; margin: 0px auto; }
  .new_child_we dd { float: left; width: 20%; padding-right: 10px; padding-top: 0px; }
  .new_child_we dd a { display: block; max-width: 210px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  .new_child_we dd a img { width: 100%; display: block; }
  .new_child_we dd a h3 { font-size: 16px; font-weight: 700; color: #4c4f55; padding-bottom: 10px; margin-top: 20px; }
  .new_child_we dd a p { font-size: 12px; color: #636363; display: block; }
  .new_child_we dd a:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_we dd a:hover h3 { color: #ed3542; }
  .new_child_evaluate { display: block; }
  .new_child_contact { float: left; width: -webkit-calc(100% - 270px); width: calc(100% - 270px); padding-top: 60px; }
  .new_child_contact dt { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: left; width: 45%; margin-left: 5%; padding: 40px 0px 0px 30px; background-color: #e8e7e3; min-height: 195px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new_navicon56.png); border: 1px solid #e1dfdc; }
  .new_child_contact dd { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: left; width: 45%; margin-left: 5%; padding: 40px 0px 0px 30px; background-color: #f6f6f6; min-height: 195px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new_navicon57.png); border: 1px solid #e1dfdc; }
  .new_child_contact dt:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_contact dd:hover { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .new_child_contact h3 { font-size: 18px; color: #4c4f55; font-weight: 700; padding-bottom: 25px; }
  .new_child_contact p { font-size: 14px; color: #4c4f55; }
  .new_Common_nav ul li i { display: none; }
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 10px; }
  .popDemandLeft { width: 30%; }
  .popDemandRight { width: 70%; padding: 50px 20px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 15px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft { display: block; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 30px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }
  .new_index_Ourclient_list { padding: 50px 0px 0px; }
  .new_index_newshot dl { padding-top: 30px; padding-bottom: 60px; }
  .new_experience_17 p { font-size: 24px; }
  .new_experience_17 .num { font-size: 40px; line-height: 42px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 26px; }
  .news_foot_contact_Telbox dl dt .desc1 { font-size: 14px; padding-top: 8px; }
  .news_foot_contact_Telbox dl dt .desc2 { font-size: 14px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 10px; font-size: 20px; }
  .new_index_newslistmain h3 { font-size: 18px; }
  .new_index_newslist ul li h4 { font-size: 20px; margin-top: 20px; line-height: 30px; height: 60px; }
  .new_index_newslist ul li .new_index_newslistContent { padding: 0px 0px 30px; }
  .new_index_newslist ul li .new_index_newslistContentText { padding: 30px 10px 60px; }
  .new_footclassbox { padding: 30px 0px 20px; }
  .new_foot_class { float: right; padding-top: 8px; }
  .new_foot_class li { float: left; padding-left: 20px; border: none; }
  .new_foot_class li > a { line-height: 24px; }
  .new_foot_title { font-size: 26px; float: left; }
  .new_foot_class li span { display: none; }
  .new_index_Ourclient:after { background: url(../images/new_ourclient25.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; width: 120px; height: 107px; }
  .new_index_Ourclient:before { background: url(../images/new_ourclient24.png) no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; width: 202px; height: 128px; }
  .new_index_banner_page { padding: 0px 50px 0px 40px; width: 420px; }
  .new_index_banner_page p { height: 70px; line-height: 70px; margin-right: 30px; }
  .new_index_banner_page i { display: block; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 26px; line-height: 30px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 60px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 18px; line-height: 38px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 26px; }
  .new_index_Applets_04 { min-height: 100%; }
  .sidebar { position: fixed; z-index: 99; left: auto; right: 0px; top: 180px; bottom: auto; width: 86px; border-bottom: 1px solid #dfdfdf; background-color: #ffffff; }
  .sidebar a { float: none; width: auto; }
  .sidebar a.hometop { position: relative; width: auto; height: auto; right: 0px; bottom: 0px; padding: 10px 0px; border-bottom: none; }
  .sidebar a .Qrcode { position: absolute; right: 95px; left: auto; top: 0px; margin: 0px; border: 1px solid #dfdfdf; background-color: #fff; display: none; }
  .footlinkbox h3 { font-size: 18px; }
  .new_footabout ul li h3 { font-size: 18px; }
  .sidebar { border-bottom: 1px solid #dfdfdf; }
  .sidebar a { border-bottom: none; }
  .popDemandhead { padding: 15px 30px 0px; }
  .popDemandhead .new_index_header a.logo { display: block; } }

@media (min-width: 1260px) { .new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1200px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 90px; }
  .new_index_banner ul li h3 { font-size: 36px; }
  .new_index_banner ul li p { font-size: 18px; }
  .new_index_triangleBox:after { width: 150%; height: 150%; }
  .new_index_triangleBox:before { width: 150%; height: 150%; }
  .new_index_triangleText span { font-size: 18px; }
  .new_index_About text { font-size: 50px; font-weight: 900; }
  .new_index_Ourworks_Title { margin-top: 30px; position: relative; }
  .new_index_FeaturedImg img { height: 500px; }
  .new_index_FeaturedTitle p img { height: 70px; max-width: 100%; }
  .new_index_FeaturedLogo { left: 40px; top: 135px; }
  .new_index_Ourworks_Title text { font-size: 40px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 30px; }
  .new_index_Ourclient_list ul li { width: 20%; }
  .new_index_Ourclient_title text { font-size: 40px; }
  .new_index_Ourclient_title h3 { font-size: 22px; }
  .new_index_Ourclient_title .desc1 { font-size: 30px; padding-top: 30px; }
  .new_index_news_title text { font-size: 40px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 30px; }
  .swiper-container-horizontal > .swiper-scrollbar { left: 30px; bottom: 0px; width: 99%; opacity: 1 !important; }
  .new_index_newshot { float: left; width: 380px; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 400px); width: calc(100% - 400px); position: relative; }
  .new_index_newslist { padding-left: 30px; padding-right: 0px; width: 110%; }
  .new_index_newshot dl dt p { font-size: 18px; padding: 30px 15px 0px 0px; font-weight: 700; right: 60px; }
  .new_index_newshot dl dd { padding-right: 60px; }
  .new_footReady text { font-size: 80px; font-weight: 900; }
  .new_footReady h3 { font-size: 60px; line-height: 90px; }
  .new_childnav_Ecommerce { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_childnav_web { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .new_childnav_Program { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .new_childnav_Program dd { float: left; width: 25%; min-height: 361px; padding-top: 55px; background-image: url(../images/new_navicon02.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 2px; padding-left: 5%; }
  .new_childnav_Program dd p a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_web dd p a { color: #4c4f55; font-size: 16px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
  .new_childnav_desc { float: left; width: 380px; background-image: url(../images/new_navicon02.png); background-position: right bottom; padding-top: 65px; padding-right: 2px; }
  .new_childnav_desc .desc { font-size: 20px; color: #6a6d73; padding-right: 80px; line-height: 26px; padding-left: 35px; margin-top: 13px;background-color:white; }
  .new_childnav_smallProgram { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_childnav_news { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding-top: 20px; }
  .new_child_evaluate dd .new_child_evaluateIcon p { float: left; width: 25%; padding: 0px 10px 20px; text-align: center; }
  .new_Common_nav ul li { float: left; padding-left: 35px; }
  .new_child_contact { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); }
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 0px; }
  .popDemandLeft { width: 40%; }
  .popDemandRight { width: 60%; padding: 100px 40px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }
  .new_childnav_news dd { padding: 30px 0px 0px 5%; }
  .new_index_About_fourCol { padding-top: 20px; }
  .new_index_Ourworks ul { margin: 0px -20px; }
  .new_index_Ourworks ul li { float: left; width: 33.3333%; padding: 0px 20px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 30px 30px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 15px; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_foot { position: relative; z-index: 9; }
  .new_index_About svg { height: 85px; }
  .new_index_Ourclient_list { padding: 30px 0px 0px; }
  .new_index_news_title { padding-top: 80px; }
  .new_index_newshot dl { padding-top: 30px; padding-bottom: 120px; }
  .new_experience_17 { float: left; padding: 25px 0px; width: 380px; max-width: inherit; }
  .news_foot_contact_Telbox { float: left; width: -webkit-calc(100% - 380px); width: calc(100% - 380px); padding: 30px 0px 0px; }
  .new_experience_17 p { font-size: 51px; }
  .new_experience_17 .num { font-size: 68px; line-height: 70px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 36px; padding-top: 0px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 20px; font-size: 26px; }
  .new_index_newslistmain { padding-top: 190px; }
  .new_index_bannertext02 .Multiplatformbox { max-width: 1030px; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 30px 0px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 32px; line-height: 40px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 90px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 24px; line-height: 48px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 36px; }
  .news_foot_contact_Telbox dl dd { width: 275px; max-width: inherit; position: absolute; bottom: 0px; left: 50px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; text-align: left; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 18px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 56px; right: 0px; position: absolute; padding: 0px; }
  .news_foot_contact { padding-bottom: 70px; }
  .new_index_Ourclient_title .desc3 { font-size: 20px;}
  }

@media (min-width: 1420px) { .new_index_banner_icon p { max-width: 1380px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1380px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 100px; }
  .new_index_triangleBox { max-width: 390px; position: relative; margin: 170px auto 0px; }
  .new_index_triangleText span { font-size: 24px; }
  .new_index_About dl dd { padding-top: 160px; }
  .new_index_About text { font-size: 50px; font-weight: 900; }
  .new_index_About .desc1 { font-size: 30px; max-width: 825px; }
  .new_index_About .desc2 { font-size: 14px; max-width: 825px; }
  .new_index_About .desc3 { font-size: 16px; }
  .new_index_FeaturedImg img { height: 730px; }
  .new_index_FeaturedTitle p img { height: 100px; max-width: 100%; }
  .new_index_Ourworks_Title text { font-size: 50px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
  .new_index_Ourclient_title text { font-size: 50px; }
  .new_index_Ourclient_title h3 { font-size: 22px; }
  .new_index_Ourclient_title .desc1 { font-size: 36px; padding-top: 30px; }
  .new_index_news_title text { font-size: 50px; font-weight: 900; }
  .new_index_news_title h3 { font-size: 22px; }
  .new_index_news_title .desc1 { font-size: 36px; }
  .new_index_newshot { float: left; width: 480px; }
  .new_index_newslistBox { float: right; width: -webkit-calc(100% - 500px); width: calc(100% - 500px); position: relative; }
  .new_footContact dt { float: left; }
  .new_footContact dd { float: right; }
  .new_index_Applets_imgBox { max-width: 825px; }
  .new_index_Applets_desc text { font-size: 56px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 26px; }
  .new_index_Applets_desc h4 { font-size: 40px; }
  .new_index_Applets_desc .moreIcon { padding-top: 25px; }
  .new_index_Applets_desc .moreIcon a { line-height: 32px; font-size: 24px; width: 45px; height: 45px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 25px; }
  .new_index_Ourclient { min-height: 480px; padding: 50px 0px 80px; }
  .new_childnav_web dd { padding-left: 10%; }
  .popDemandLeft { width: 35%; }
  .popDemandRight { width: 65%; padding: 100px 60px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 40px 40px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 30px; line-height: 36px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 20px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 25px; }
  .new_index_newslistmain { padding-top: 200px; }
  .news_foot_contact_Telbox { padding: 60px 0px 0px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 20px; font-size: 26px; }
  .news_foot_contact_Telbox dl dd a { height: 54px; line-height: 48px; }
  .new_foot_class li { float: left; padding-left: 30px; }
  .new_footclassbox { padding: 60px 0px 40px; }
  .new_foot_class { float: right; padding-top: 18px; }
  .new_foot_title { font-size: 36px; }
  .new_experience_17 { float: left; padding: 25px 0px; width: 480px; text-align: center; }
  .news_foot_contact_Telbox { float: left; width: -webkit-calc(100% - 480px); width: calc(100% - 480px); padding: 30px 0px 0px; }
    .new_index_Ourclient:after { background: url(../images/new_Ourclient25.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; width: 178px; height: 158px; }
  .new_index_Ourclient:before { background: url(../images/new_Ourclient24.png) no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; width: 288px; height: 183px; }
  .news_foot_contact_Telbox dl dd { width: 275px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 22px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 56px; }
  .new_index_newslist ul li .new_index_newslistContent { padding: 0px 0px 50px; }
  .new_index_newslist ul li .new_index_newslistContentText { padding: 30px 10px 60px; }
  .new_index_newslist ul li h4 { margin-top: 40px; padding: 0px 35px; }
  .new_index_Ourclient_title .desc3 { font-size: 36px;}
  }

@media (min-width: 1660px) { .new_index_triangleBox:after { width: 170%; height: 170%; }
  .new_index_triangleBox:before { width: 170%; height: 170%; }
  .new_index_Ourworks_Title { position: relative; }
  .new_index_FeaturedTitle p img { height: 132px; max-width: 100%; }
  .new_index_Ourclient_title text { font-size: 60px; }
  .new_index_news_title text { font-size: 60px; }
  .new_index_newshot dl dt h3 { font-size: 18px; padding: 40px 15px 0px 0px; }
  .new_index_contact_title svg { height: 90px; }
  .new_index_contact_title text { font-size: 60px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_footReady text { font-size: 100px; font-weight: 900; }
  .new_footReady h3 { font-size: 72px; }
  .new_index_Applets_desc text { font-size: 56px; font-weight: 900; }
  .new_index_Applets_desc h3 { font-size: 28px; }
  .new_index_Applets_desc h4 { font-size: 48px; }
  .new_index_Applets_desc .moreIcon { padding-top: 25px; }
  .new_index_Applets_desc .moreIcon a { line-height: 36px; font-size: 24px; width: 50px; height: 50px; }
  .new_index_Applets_desc .desc { font-size: 14px; line-height: 24px; margin-top: 35px; }
  .popDemandLeft { width: 43%; }
  .popDemandRight { width: 57%; padding: 100px 80px 50px; }
  .DemandService p { font-size: 18px; font-weight: 700; padding-top: 15px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 40px; font-size: 30px; font-weight: normal; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 30px; line-height: 36px; margin-top: 25px; }
  .new_index_banner ul li h3 { font-size: 48px; }
  .new_index_banner ul li p { font-size: 20px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 42px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 42px; }
  .news_foot_contact_Telbox dl dd { width: 375px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; } }

@media (min-width: 1900px) { .new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1600px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 110px; }
  .new_index_Ourworks_Title text { font-size: 60px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
  .popDemandLeft { width: 50%; }
  .popDemandRight { width: 50%; padding: 100px 100px 50px; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 26px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 65px; } }

/*
.inside-banner{position:relative;overflow:hidden}
.inside-banner img{display:block;width:100%}
.inside-banner .ban-info{position:absolute;left:0;top:43.33333%;z-index:10;width:100%;text-align:center;color:#fff}
.inside-banner .ban-info h2{margin-bottom:10px;font-size:50px;line-height:66px}
.inside-banner .ban-info p{font-size:20px;line-height:30px}
.inside-banner .case-ban-info{position:absolute;left:0;top:28.5%;z-index:10;width:100%;text-align:center;color:#fff}
.inside-banner .case-ban-info h2{font-size:54px;line-height:64px}
.inside-banner .case-ban-info .case-desc{margin-bottom:25px;font-size:24px;line-height:42px}
.inside-banner .feature .item{display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding:0 57px}
.inside-banner .feature .center{position:relative}
.inside-banner .feature .center span{position:absolute;top:10px;bottom:16px;width:1px;background:url("../images/bk2p.png") repeat-y 0 0}
.inside-banner .feature .center .before{left:0}
.inside-banner .feature .center .after{right:0}
.inside-banner .feature h3{font-size:18px;line-height:38px;text-align:left}
.inside-banner .feature h4{font-size:90px;line-height:104px} 
*/
.inside-nav{padding:37px 0 42px;overflow:hidden}
.inside-nav ul{position:relative;margin-left:-30px}
.inside-nav li{float:left;padding:0 20px 0 30px;background:url("../images/navline.png") no-repeat 0 center}
.inside-nav .cur a{color:#d90000;border-bottom-color:#d90000}
.inside-nav a{display:block;font-size:16px;line-height:42px;color:#1a1a1a;border-bottom:2px solid #fff}
.inside-nav a:hover{color:#d90000;border-bottom-color:#d90000}
.inside-nav .activehook{position:absolute;bottom:0;width:100%;height:2px;background:none}
.inside-nav .activehook i{display:block;width:100%;height:2px;background:#d90000}
.m-line-more{position:relative;display:block;width:133px;height:33px;font-size:14px;line-height:33px;text-align:center;color:#999;border:1px solid #999;text-transform:uppercase}
.m-line-more::after{content:'';position:absolute;top:50%;left:-41px;z-index:3;width:80px;height:1px;background-color:#999}
.m-line-more.two-line{margin:18px auto 0}
.m-line-more.two-line::before{content:'';position:absolute;top:50%;right:-41px;z-index:3;width:80px;height:1px;background-color:#999}
.m-line-more:hover{color:#d80000;border-color:#d80000}
.m-line-more:hover::before, .m-line-more:hover::after{background-color:#d80000}
.customer-article{padding-top:60px;text-align:center;font-size:16px;line-height:30px;color:#333}
.customer-article .title{margin-bottom:23px;font-size:36px;line-height:50px;font-weight:bold}
.customer-article .text{padding:0 8.3125% 60px}
.customer-container{margin-bottom:83px}
.customer-container li img{display:block;width:100%}
.customer-container .bx-pager, .customer-container .flex-control-nav{display:none}
.customer-container .bx-wrapper .bx-controls-direction a{display:block;width:40px;height:78px;background-position:center;background-repeat:no-repeat;margin-top:-39px}
.customer-container .bx-wrapper .bx-controls-direction .bx-prev{left:25px;background-image:url("../images/cusprev.png")}
.customer-container .bx-wrapper .bx-controls-direction .bx-next{right:25px;background-image:url("../images/cusnext.png")}
.customer-container .flex-direction-nav{position:absolute;top:0;width:100%;top:50%;z-index:20}
.customer-container .flex-direction-nav a{font-size:0;display:block;width:40px;height:78px;background-position:center;background-repeat:no-repeat;opacity:1}
.customer-container .flex-direction-nav .flex-prev{left:25px;background-image:url("../images/cusprev.png")}
.customer-container .flex-direction-nav .flex-next{right:25px;background-image:url("../images/cusnext.png")}
.evaluate-wrapper{padding-top:60px}
.evaluate-wrapper ul{margin:0 -40px;font-size:0}
.evaluate-wrapper li{width:33.3333%;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.evaluate-wrapper .item{padding:0 40px;min-height:410px;background:url("../images/quot.png") no-repeat 42px 46px}
.evaluate-wrapper .brand{margin-bottom:22px;border-top:1px solid #d9d9d9;height:86px;padding:42px 0 0 92px;line-height:86px}
.evaluate-wrapper .brand img{vertical-align:middle;width:auto;max-height:86px}
.evaluate-wrapper .name{margin-bottom:25px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a;padding-left:92px}
.evaluate-wrapper .desc{padding:0 0 30px 92px;font-size:14px;line-height:24px;color:#666}
.loadmore{display:block;width:476px;height:46px;margin:55px auto 90px;font-size:16px;line-height:46px;font-weight:bold;color:#d93f3d;text-align:center;border:2px solid #d93f3d;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.loadmore:hover{background-color:#d93f3d;color:#fff}
.full-case-cate{background-color:#f2f2f2}
.full-case-cate .website, .full-case-cate .shop{background-color:#ededed}
.full-case-cate .item{float:left;width:25%;height:201px;padding:28px 0 31px;background-position:90% 77.77778%;background-repeat:no-repeat}
.full-case-cate .app{background-image:url("../images/caseico01.png")}
.full-case-cate .website{background-image:url("../images/caseico02.png")}
.full-case-cate .wxsm{background-image:url("../images/caseico03.png")}
.full-case-cate .shop{background-image:url("../images/caseico04.png")}
.full-case-cate .title{padding-left:74px;margin-bottom:12px;font-size:20px;line-height:32px;font-weight:bold;color:#1a1a1a}
.full-case-cate .title:hover{color:#d93f3d}
.full-case-cate .sublist{padding-left:74px}
.full-case-cate .sublist a{display:block;font-size:16px;line-height:32px;color:#666}
.full-case-cate .sublist a:hover{color:#d93f3d}
.case-filter{position:relative;z-index:3;margin-bottom:69px;background-color:#f2f2f2}
.case-filter .options{float:left}
.case-filter .options select{display:block;width:100%;height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:17px;line-height:40px;background:none}
.case-filter .options select option{color:#666}
.case-filter .options{width:75%}
.case-filter .selector{position:relative;float:left;width:33%;border-right:1px solid #e6e6e6}
.case-filter .selector a{font-size:16px;color:#333}
.case-filter .selector.ac .sec-title, .case-filter .selector.cur .sec-title{background-color:#d90000;color:#fff}
.case-filter .selector.ac .sec, .case-filter .selector.cur .sec{background-image:url("../images/secless.png")}
.case-filter .sec-title{display:block;padding-left:68px;line-height:80px}
.case-filter .sec{background:url("../images/secadd.png") no-repeat 95.16% center}
.case-filter .all{background:none}
.case-filter .sec-option{display:none;position:absolute;left:0;top:80px;width:100%;background-color:#f2f2f2;max-height:240px;overflow-y:auto}
.case-filter .sec-option a{display:block;padding-left:68px;line-height:60px}
.case-filter .sec-option a:hover{color:#fff;background-color:#d90000}
.case-filter .edit{float:right;width:25%;height:80px;text-align:center}
.case-filter .edit span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:80px;color:#d90000;padding-left:44px;background:url("../images/editbkac.png") no-repeat 0 44.9%}
.m-case-select{position:relative;z-index:10}
.m-case-select .selected{display:block;height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:17px;line-height:40px;background:none;background-repeat:no-repeat;background-position:228px center;background-image:url("../images/secico.png");cursor:pointer}
.m-case-select .selected.cur, .m-case-select .selected:hover{background-color:#d90000;background-image:url("../images/secicoac.png");color:#fff}
.m-case-select .selected.cur select, .m-case-select .selected:hover select{color:#fff}
.m-case-select .m-options{display:none;position:absolute;left:0;top:44px;z-index:10;width:100%;color:#666;padding:15px 0;background-color:#ededed;max-height:318px;overflow:auto}
.m-case-select .m-options a{display:block;font-size:16px;line-height:36px;padding-left:17px}
.m-case-select .m-options a:hover{color:#d90000}
.cate-wrapper{overflow:hidden}
.cate-wrapper ul{margin:0 -17px;font-size:0}
.cate-wrapper li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:33.3333%;margin-bottom:45px}
.cate-wrapper .item{padding:0 17px}
.cate-wrapper .item img{display:block;width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.cate-wrapper .item .well-case, .cate-wrapper .item a{display:block}
.cate-wrapper .item .well-case:hover img, .cate-wrapper .item a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.cate-wrapper .item .well-case:hover .name, .cate-wrapper .item a:hover .name{color:#d93f3d}
.cate-wrapper .thumb{position:relative;overflow:hidden;margin-bottom:23px}
.cate-wrapper .thumb .ratio{display:block;width:100%;padding-bottom:62.96296%}
.cate-wrapper .thumb img{position:absolute;top:0;left:0;width:100%;min-height:100%}
.cate-wrapper .name{font-size:16px;line-height:32px;font-weight:bold;color:#1a1a1a}
.cate-wrapper .desc{margin-bottom:10px;font-size:14px;color:#999;display:-webkit-box;height:72px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.cate-wrapper .cate{font-size:14px;line-height:14px;color:#999;border-left:4px solid #d90000}
.cate-wrapper .cate a{display:inline;color:#999;padding:0 0.5em}
.cate-wrapper .cate a:hover{color:#d90000}
.cate-wrapper .cate .dot{font-size:18px;line-height:14px}
.cate-wrapper .loadmore{margin-top:38px}
.cate-wrapper .well-case .thumb{position:relative}
.cate-wrapper .well-case .well-site{display:none;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-color:#d90000}
.cate-wrapper .well-case ul{margin:0;padding:55px 40px;display:block}
.cate-wrapper .well-case ul a{display:block;color:#fff;font-size:14px;line-height:28px}
.cate-wrapper .well-case li{display:block;width:100%;margin-bottom:0}
.cate-wrapper .well-case .site-list{padding:55px 40px}
.cate-wrapper .well-case .site-list a{display:block;color:#fff;font-size:14px;line-height:28px}
.cate-wrapper .well-case .name{padding:0 20px}
.cate-wrapper .well-case .name a:hover{color:#d90000}
.cate-wrapper .well-case .text{padding:10px 20px 0;font-size:14px;line-height:24px;color:#666}
.case-news-wrapper{width:1248px;margin:-26px auto 0;zoom:1}
.case-news-wrapper .loadmore{margin:72px auto 69px}
.case-news-wrapper a{display:block}
.case-news-wrapper li{position:relative;padding-left:148px}
.case-news-wrapper li:hover .title a{color:#d80000}
.case-news-wrapper li:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.case-news-wrapper .date{position:absolute;left:0;top:40px;font-size:16px;line-height:40px;color:#1a1a1a;text-align:center}
.case-news-wrapper .date .dd{padding-bottom:16px;font-size:48px;line-height:40px;font-weight:bold;border-bottom:1px solid #ccc;font-family:Arial, Helvetica, sans-serif}
.case-news-wrapper .content{padding:46px 0 45px;border-bottom:1px solid #ccc}
.case-news-wrapper .content img{display:block;width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.case-news-wrapper .content .title{font-size:28px;line-height:38px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.case-news-wrapper .content .title a{color:#333}
.case-news-wrapper .content .type{padding:8px 0;font-size:14px;line-height:36px;color:#999}
.case-news-wrapper .content .thumb{overflow:hidden;margin-bottom:23px}
.case-news-wrapper .content .desc{font-size:16px;color:#333;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.case-news-wrapper .content .more{font-size:14px;line-height:30px;color:#d80000}
.online-news-wrapper{padding-top:4.375%;overflow:hidden}
.online-news-wrapper ul{margin:0 -30px}
.online-news-wrapper li{float:left;width:33.3333%}
.online-news-wrapper li a{display:block;margin:0 30px;padding:13.74322% 20px 16.27486%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.online-news-wrapper li a:hover{background-color:#f2f2f2}
.online-news-wrapper li a:hover .title{color:#d90000}
.online-news-wrapper .date{margin-bottom:20px;font-size:18px;line-height:24px;color:#666}
.online-news-wrapper .date .line{display:block;width:20px;height:0;padding-top:15px;border-bottom:3px solid #d9d9d9}
.online-news-wrapper .title{margin-bottom:32px;font-size:18px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.online-news-wrapper .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.project-cover{padding:61px 0 90px}
.project-cover .article{padding:0 6.75% 67px;font-size:16px;line-height:30px;text-align:center;color:#333}
.project-cover .article .title{margin:0 0 12px;font-size:36px;line-height:72px;font-weight:bold;color:#1a1a1a}
.m-case-list{font-size:0;margin:0 -6px}
.m-case-list a{display:block}
.m-case-list a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.m-case-list a:hover .title{color:#d80000}
.m-case-list img{display:block;width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.m-case-list li{width:25%;padding-bottom:1.5%;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.m-case-list .item{padding:0 21px;text-align:center}
.m-case-list .thumb{margin-bottom:26px;overflow:hidden}
.m-case-list .title{font-size:20px;line-height:34px;font-weight:bold;color:#333}
.m-case-list .desc{font-size:14px;line-height:30px;color:#999}
.project-cover-list{overflow:visible}
.m-case-division{border-left:1px solid #dcdcdc}
.m-case-division li{float:left;width:33.3333%}
.m-case-division li a{display:block}
.m-case-division li img{display:block;width:100%}
.m-case-division li:hover .shadow{opacity:1}
.m-case-division li:hover .shadow img{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.m-case-division li:hover .content{background-position:45px 190px;background-color:#f8f8f8}
.m-case-division li:hover .title{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);color:#d90000}
.m-case-division li:hover .desc{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
.m-case-division .thumb a{position:relative}
.m-case-division .thumb .shadow{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:url("../images/caseshadow.png") repeat 0 0;opacity:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .thumb .shadow img{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .content{padding:21px 48px 102px 35px;border-bottom:1px solid #dcdcdc;background:url("../images/casearr.png") no-repeat 35px 190px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;border-right:1px solid #dcdcdc}
.m-case-division .content .title{margin-bottom:15px;font-size:20px;line-height:48px;color:#333;font-weight:bold;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-case-division .content .desc{font-size:16px;line-height:22px;color:#999999;display:-webkit-box;height:66px;line-height:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-case-container{position:relative;background-color:#f5f5f5}
.case-inside-nav ul{position:relative;height:44px;overflow:hidden;padding-right:78px}
.case-inside-nav a{border-bottom-color:#f5f5f5}
.case-inside-nav .more{position:absolute;right:0;top:0;padding-right:0}
.case-inside-nav .more a{padding-right:16px;background-repeat:no-repeat;background-position:right center;background-image:url("../images/morearr.png");border-bottom:0}
.case-inside-nav .more a:hover{background-image:url("../images/morearrac.png")}
.full-case-subnav{display:none;position:absolute;width:100%;left:0;top:102px;z-index:10;padding:15px 0;background-color:#fff}
.full-case-subnav li{float:left;width:16.66667%}
.full-case-subnav a{font-size:16px;line-height:45px;color:#666;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.full-case-subnav a:hover{color:#d93f3d}
.case-wrapper{padding-bottom:73px}
.case-wrapper .cdetail-title{text-align:center;padding:50px 0 43px;font-size:30px;line-height:48px;font-weight:bold}
.case-wrapper .caseban{position:relative;overflow:hidden;font-size:0}
.case-wrapper .caseban:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.case-wrapper .caseban img{display:block;width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.case-wrapper .caseban .title{position:absolute;width:280px;height:280px;left:80px;top:50%;z-index:3;margin-top:-140px;background-color:#ce3f39;text-align:center;color:#fff}
.case-wrapper .caseban .ico{display:none;height:152px;line-height:152px}
.case-wrapper .caseban .ico img{width:auto;display:inline;vertical-align:middle}
.case-wrapper .caseban .middle{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:0;height:100%}
.case-wrapper .caseban h2{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 10px;font-size:30px;line-height:48px;font-weight:bold}
.case-intro-wrapper{background-color:#fff;padding:45px 75px 75px}
.case-intro-wrapper .jiejuelist .id{position:absolute;left:0;top:50px;z-index:3;font-size:110px;font-style:italic;color:#e5e5e5;line-height:110px;font-weight:lighter}
.case-intro-wrapper .jiejuelist dl{position:relative;padding:53px 20px 66px 19.72414%;border-bottom:1px solid #d9d9d9;font-size:16px;line-height:30px;color:#666}
.case-intro-wrapper .jiejuelist dl li{list-style-type:disc}
.case-intro-wrapper .jiejuelist dt{position:relative;margin-bottom:45px;font-size:28px;line-height:48px;font-weight:bold;color:#333}
.case-intro-wrapper .jiejuelist dt::after{content:'';position:absolute;left:0;bottom:-20px;z-index:3;width:30px;height:3px;background-color:#d93f3d}
.case-intro-wrapper table{border-collapse:collapse}
.case-intro-wrapper table td{border:1px solid #666;padding:3px 8px;min-width:5em}
.case-intro-wrapper img{max-width:100%;height:auto !important}
.case-intro-list li{position:relative;padding:53px 20px 66px 19.72414%;border-bottom:1px solid #d9d9d9;font-size:16px;line-height:30px;color:#666}
.case-intro-list li .bold{font-weight:bold}
.case-intro-list .id{position:absolute;left:0;top:50px;z-index:3;font-size:110px;font-style:italic;color:#e5e5e5;line-height:110px;font-weight:lighter}
.case-intro-list .title{position:relative;margin-bottom:45px;font-size:28px;line-height:48px;font-weight:bold;color:#333}
.case-intro-list .title::after{content:'';position:absolute;left:0;bottom:-20px;z-index:3;width:30px;height:3px;background-color:#d93f3d}
.case-intro-list .text{overflow:hidden}
.case-intro-list .m-letter-item{padding-top:63px;font-size:14px;line-height:24px;color:#666}
.case-intro-list .m-letter-item .letter{margin-bottom:18px;font-size:48px;line-height:48px;font-weight:bold;color:#d90000}
.case-intro-list .m-letter-item .sub-title{margin-bottom:26px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a}
.case-intro-list .rhalfimg img{float:right;max-width:48.6%;margin-left:30px}
.case-intro-list .rimg{position:relative;overflow:hidden;padding-right:39.73799%}
.case-intro-list .rimg .letimg{position:absolute;top:0;right:0;bottom:0;width:39.73799%;text-align:center;float:right}
.case-intro-list .rimg .letimg::before{content:'';width:0;height:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.case-intro-list .rimg .letimg img{float:none;max-width:80%;margin:0;vertical-align:middle}
.case-intro-list .prico-title{padding:24px 0 28px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a}
.trade-imglist{overflow:hidden}
.trade-imglist .imglist-wrap{margin:0 -30px}
.trade-imglist .imglist-wrap .trade-item{float:left;width:33.333%;font-size:14px;line-height:24px;color:#666}
.trade-imglist .imglist-wrap .trade-item img{display:block;max-width:100%}
.trade-imglist .imglist-wrap .inner{padding:0 30px}
.trade-imglist .imglist-wrap .trade-title{padding:21px 0 18px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a}
.trade-icolist{width:86%;padding-top:25px}
.trade-left{float:left;width:44.54148%}
.trade-right{float:right;width:44.54148%}
.price-top{font-size:0;overflow:hidden}
.price-top .top-item{float:left;margin-right:22.70742%}
.price-icolist{overflow:hidden}
.price-icolist .icolist{width:110%;width:112.31441%;font-size:0}
.price-icolist .ico-item{width:38.56921%;padding-top:80px;padding:30px 11.35303% 50px 0;display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:14px;line-height:24px;color:#666}
.price-icolist .ico-item img{display:block}
.seo-top-list{overflow:hidden}
.seo-top-list .top-seoabc{width:110.04367%}
.seo-top-list .m-letter-item{width:25.79365%;float:left;padding-right:6.7%}
.seo-thr-list{position:relative;padding-left:385px;padding-top:40px}
.seo-thr-list .thr-left{position:absolute;left:0;top:40px;width:350px}
.seo-thr-list .m-letter-item{padding:0}
.seo-thr-list .dash-border{margin-bottom:24px;padding:0 0 67px 0;border-bottom:1px dashed #d9d9d9}
.seo-thr-list .thr-right{padding:0 0 35px 33px;overflow:hidden;border-left:1px dashed #d9d9d9}
.seo-thr-list .red-dot-list{font-size:0}
.seo-thr-list .red-dot-list .red-item{width:50%;margin-bottom:42px;display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:14px;line-height:24px;color:#666}
.seo-thr-list .red-dot-list h4{font-size:16px;line-height:30px;font-weight:bold;color:#d90000}
.seo-thr-list .red-dot-list p{padding-right:15px}
.m-relat-title{padding:27px 0}
.m-relat-title h3{float:left;font-size:24px;line-height:35px;color:#333}
.m-relat-title a{position:relative;float:right;width:138px;font-size:14px;line-height:33px;color:#999;text-align:center;border:1px solid #ccc;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-relat-title a i{position:absolute;left:-40px;top:18px;z-index:3;width:80px;height:1px;background-color:#ccc;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.m-relat-title a:hover{color:#d80000;border-color:#d80000}
.m-relat-title a:hover i{background-color:#d80000}
.relative-cases{padding:22px 0 62px;overflow:hidden}
.relative-cases ul{margin:0 -28px}
.relative-cases li{float:left;width:33.3333%}
.relative-cases .thumb{margin-bottom:22px;overflow:hidden}
.relative-cases a{padding:0 28px;display:block;line-height:36px}
.relative-cases a img{display:block;width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.relative-cases a .title{font-size:16px;font-weight:bold;color:#1a1a1a}
.relative-cases a .desc{font-size:14px;color:#999}
.relative-cases a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.relative-cases a:hover .title{color:#d80000}
.m-diff-title, .m-chl-title{font-size:36px;line-height:46px;text-align:center;color:#1a1a1a}
.m-diff-title{color:#333}
.contact-ways{padding-top:70px}
.contact-ways .info{padding:87px 9.0625% 73px}
.contact-ways .info .item{float:left;width:25%;font-size:16px;line-height:28px;color:#1a1a1a}
.contact-ways .info .item a{color:#1a1a1a}
.contact-ways .info .item a:hover{color:#d80000}
.contact-ways .info img{vertical-align:middle}
.contact-ways .info .ico{margin-bottom:30px;text-align:center}
.contact-ways .info h4{font-weight:bold;text-align:center}
.contact-ways .info span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;text-align:right}
.contact-ways .info .label1{width:46%}
.contact-ways .info .label2{width:46%}
.contact-ways .info .label3{width:43%}
.contact-ways .info .label4{width:45%}
.full-contact-tab{padding:40px 0 35px;border-bottom:1px solid #eaeaea}
.full-contact-tab .tab-handle{text-align:center;font-size:0}
.full-contact-tab .tab-handle .handle{display:inline-block;vertical-align:top;*display:inline;*zoom:1;margin:0 78px;padding-top:448px;background-repeat:no-repeat;background-position:center 0;cursor:pointer}
.full-contact-tab .tab-handle .gz{background-image:url("../images/handlegz.png")}
.full-contact-tab .tab-handle .gz.cur{background-image:url("../images/handlegzac.png")}
.full-contact-tab .tab-handle .sz{background-image:url("../images/handlesz.png")}
.full-contact-tab .tab-handle .sz.cur{background-image:url("../images/handleszac.png")}
.full-contact-tab .name{margin-bottom:6px;font-size:18px;line-height:28px;color:#1a1a1a}
.full-contact-tab .addr{font-size:14px;line-height:24px;color:#1a1a1a}
.contact-ways .tab-panel .panel{display:none}
.contact-ways .tab-panel .panel.cur{display:block}
.full-arrive{padding:72px 0 0;background-color:#f5f5f5}
.arrive-info{padding-bottom:68px}
.arrive-lf{float:left;padding:5px 38px 0 95px;background:url("../images/arrico.png") no-repeat 0 0}
.arrive-lf .arr-title{margin-bottom:31-px;color:#db2035}
.arrive-lf .arr-title h3{font-size:24px;line-height:30px;font-weight:bold}
.arrive-lf .arr-title h4{font-size:48px;line-height:60px;text-transform:uppercase}
.arrive-lf .addr{font-size:16px;line-height:28px;color:#1a1a1a}
.arrive-lf .addr span{font-weight:bold}
.arrive-rg{overflow:hidden;padding-left:64px;border-left:1px solid #d9d9d9;font-size:16px;line-height:30px}
.arrive-rg .tag{font-weight:bold}
.full-bdmap{width:100%;height:640px}
.contact-feedback{padding:80px 0 86px}
.contact-feedback .m-chl-title{margin-bottom:41px}
.contact-feedback .contact-form{max-width:1200px;margin:0 auto}
.contact-feedback .text{float:left;width:580px}
.contact-feedback .text label{display:block;padding:17px 0;margin-bottom:36px;border-bottom:1px solid #ccc}
.contact-feedback .text label input{display:block;width:100%;font-size:16px;line-height:16px;height:16px}
.contact-feedback .text label input::-webkit-input-placeholder{color:#999}
.contact-feedback .text label input:-moz-placeholder{color:#999}
.contact-feedback .text label input::-moz-placeholder{color:#999}
.contact-feedback .text label input:-ms-input-placeholder{color:#999}
.contact-feedback .text .imgval{position:relative}
.contact-feedback .text .imgval img{position:absolute;right:0;top:5px;height:40px}
.contact-feedback .msg{float:right;width:580px}
.contact-feedback .msg p{font-size:16px;line-height:50px}
.contact-feedback .msg textarea{display:block;border:1px solid #ccc;width:560px;height:329px;padding:10px}
.contact-feedback .form-ctrl{padding-top:12px;width:431px;margin:0 auto}
.contact-feedback .form-ctrl label{display:block;width:197px;height:20px;padding:20px 0}
.contact-feedback .form-ctrl label input{display:block;width:100%;font-size:18px;line-height:20px;height:20px;color:#fff;text-align:center}
.contact-feedback .form-ctrl .sub{float:left;background-color:#db2035}
.contact-feedback .form-ctrl .reset{float:right;background-color:#ccc}
.recruit-content{padding:60px 0 80px}
.recruit-content .thumb{float:right;margin-left:150px}
.recruit-content .thumb img{display:block}
.recruit-content .content{color:#333;font-size:16px;line-height:30px;color:#333}
.recruit-content .content .title{font-size:36px;line-height:52px;font-weight:bold;font-style:italic}
.recruit-content .content .text{padding:12px 0 48px}
.recruit-content .content .mail{font-size:18px;line-height:30px;color:#d93f3d;font-weight:bold}
.recruit-content .content .mail a{color:#d93f3d;text-decoration:underline}
.recruit-list-wrapper{padding-bottom:118px}
.recruit-list-wrapper ul{border-top:1px solid #d9d9d9}
.recruit-list-wrapper li{border-bottom:1px solid #d9d9d9}
.recruit-list-wrapper .brief{position:relative;padding:30px 0;font-size:18px;line-height:38px;color:#999;cursor:pointer}
.recruit-list-wrapper .brief h3, .recruit-list-wrapper .brief p{float:left;width:20.625%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.recruit-list-wrapper .brief h3{width:27.1875%;font-weight:bold;color:#333}
.recruit-list-wrapper .brief .ico{position:absolute;right:0;top:0;z-index:3;width:98px;height:98px;background:url("../images/recruitico.png") no-repeat center}
.recruit-list-wrapper .brief.cur .ico{background:url("../images/recruiticoac.png") no-repeat center}
.recruit-list-wrapper .info{display:none;padding:35px 0 64px;font-size:14px;line-height:30px;color:#333;border-top:1px solid #d9d9d9}
.recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item{padding-bottom:41px}
.recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label{float:left;width:230px}
.recruit-list-wrapper .info dd, .recruit-list-wrapper .info .text{overflow:hidden;zoom:1}
.recruit-list-wrapper .delivery{margin-left:230px;display:block;width:113px;height:60px;padding-left:84px;font-size:18px;line-height:60px;color:#fff;background:#333 url("../images/delivery.png") no-repeat 38px 13px}
.m-ichl-title .en{font-size:16px;line-height:24px;color:#999;text-transform:uppercase}
.m-ichl-title .cn{font-size:36px;line-height:62px;font-weight:bold;color:#1a1a1a}
.m-ichl-title .cn a{color:#1a1a1a}
.m-ichl-title .cn span{color:#d90000}
.m-ichl-subnav{position:relative;overflow:hidden;padding-top:11px}
.m-ichl-subnav ul{margin-left:-30px;position:relative}
.m-ichl-subnav li{float:left;padding:0 20px 0 30px;background:url(../images/navline.png) no-repeat 0 center}
.m-ichl-subnav li.cur a{color:#d90000;border-bottom-color:#fff}
.m-ichl-subnav li a{display:block;font-size:16px;line-height:42px;color:#1a1a1a;border-bottom:2px solid #fff}
.m-ichl-subnav li a:hover{color:#d90000;border-bottom-color:#fff}
.m-ichl-subnav .activehook{position:absolute;bottom:0;background:none}
.m-ichl-subnav .activehook i{display:block;width:100%;height:2px;background-color:#d90000}
.m-ichl-subnav .nav-more .item{display:none}
.m-ichl-subnav .m-line-more{position:absolute;right:0;top:11px;z-index:3}
.index-banwrap{position:relative;width:100%;height:0;padding-bottom:41.66667%;overflow:hidden}
.index-banwrap .index-banner{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.index-banwrap .index-banner .bx-wrapper{width:100%;height:100%}
.index-banwrap .index-banner .bx-viewport{width:100%;height:100%}
.index-banwrap .index-banner .slides:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none}
.index-banwrap .index-banner .slides{*zoom:1}
.index-banner .slides{width:300%}
.index-banner .slides li{float:left;width:33.3333%;overflow:hidden}
.index-banner .linerbg{position:absolute;left:0;top:0;width:100%;z-index:30;height:140px;background:url("../images/hdbanbg01.png") repeat-x 0 0}
.index-banner a{display:block}
.index-banner img{display:block;max-width:none;width:100%}
.index-banner li{position:relative}
.index-banner li .m-line-more{display:none;visibility:hidden}
.index-banner .flex-direction-nav{display:none}
.index-banner .bx-pager{bottom:18px}
.index-banner .bx-pager .bx-pager-item a{margin:0 3px;line-height:0;height:2px;padding:20px 0;width:94px}
.index-banner .bx-pager .bx-pager-item i{display:block;width:100%;height:2px;-webkit-border-radius:1px;border-radius:1px;background-color:#fff}
.index-banner .bx-pager .bx-pager-item .active i{background-color:#d90000}
.index-banner .flex-control-nav{z-index:20;bottom:38px}
.index-banner .flex-control-nav li{margin:0 3px;line-height:0;height:2px;width:94px;background-color:#fff}
.index-banner .flex-control-nav .cur{background-color:#d90000}
.index-banner .flex-control-nav a{-webkit-border-radius:0;border-radius:0;width:94px;height:2px;background:none;-webkit-box-shadow:none;box-shadow:none;opacity:1;-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;-moz-transition:all ease 0.3s;transition:all ease 0.3s;padding:15px 0;margin-top:-16px}
.index-banner .flex-control-nav .flex-active{opacity:1;background:none}
.index-banner .slide01 .imgpopup{position:absolute;right:0;bottom:0;z-index:3;width:72.39583%}
.index-banner .slide01 .imgpopup img{vertical-align:top;width:100%}
.index-banner .slide01 .textpopup{position:absolute;top:27.5%;left:50%;z-index:20;margin-left:-800px;color:#fff}
.index-banner .slide01 .tit{margin-bottom:15px;font-size:48px;line-height:58px;width:72.39583%;white-space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide01 .txt{margin-bottom:52px;font-size:20px;line-height:32px;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;white-space:nowrap}
.index-banner .slide01 .m-line-more{-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;width:72.39583%;width:138px;border-color:#a19583;color:#fff}
.index-banner .slide01 .m-line-more:hover{color:#fff}
.index-banner .slide01 .m-line-more:hover::after{background-color:#a19583}
.index-banner .slide01 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide01 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide03{position:relative}
.index-banner .slide03 .textpopup03{position:absolute;top:27.5%;left:50%;z-index:20;margin-left:-800px;color:#fff}
.index-banner .slide03 .textpopup03 .ico{margin-bottom:26px}
.index-banner .slide03 .textpopup03 .ico img{width:auto}
.index-banner .slide03 .textpopup03 .tit{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;margin-bottom:50px;font-size:48px;line-height:60px;color:#fff}
.index-banner .slide03 .textpopup03 .m-line-more{border-color:#fff;color:#fff;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s}
.index-banner .slide03 .textpopup03 .m-line-more::after{background-color:#fff}
.index-banner .slide03 .textpopup03 .before{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide03 .textpopup03 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide03 .imgpopup03 .before{-webkit-transform:translate(80px, 60px);-moz-transform:translate(80px, 60px);-ms-transform:translate(80px, 60px);-o-transform:translate(80px, 60px);transform:translate(80px, 60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide03 .imgpopup03 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.index-banner .slide03 .imgpopup03 img{position:absolute;z-index:10;width:auto}
.index-banner .slide03 .imgpopup03 .pop01{width:5.72917%;top:66.5%;left:32.34375%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide03 .imgpopup03 .pop02{width:11.61458%;top:69.875%;left:37.29167%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide03 .imgpopup03 .pop03{width:6.61458%;top:50.375%;left:41.04167%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s}
.index-banner .slide03 .imgpopup03 .pop04{width:19.21875%;top:0%;left:68.22917%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide03 .imgpopup03 .pop05{width:9.32292%;top:28.375%;left:76.82292%;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s}
.index-banner .slide04{position:relative}
.index-banner .slide04 .textpopup{position:absolute;top:31%;left:50%;z-index:20;margin-left:-800px;color:#fff}
.index-banner .slide04 .textpopup .tit{margin-bottom:15px;font-size:48px;line-height:58px;width:72.39583%;white-space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide04 .textpopup .txt{margin-bottom:52px;font-size:20px;line-height:32px;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;white-space:nowrap}
.index-banner .slide04 .textpopup .m-line-more{-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;width:72.39583%;width:138px;border-color:#fff;color:#fff}
.index-banner .slide04 .textpopup .m-line-more::after{background-color:#fff}
.index-banner .slide04 .textpopup .m-line-more:hover{color:#fff}
.index-banner .slide04 .textpopup .m-line-more:hover::after{background-color:#fff}
.index-banner .slide04 .textpopup .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide04 .textpopup .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide04 .imgpopup img{position:absolute;z-index:10;width:auto}
.index-banner .slide04 .imgpopup .pop01{top:9.875%;left:33.90625%;width:35.46875%}
.index-banner .slide04 .imgpopup .pop01.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop02{top:0;left:58.54167%;width:26.35417%}
.index-banner .slide04 .imgpopup .pop02.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop03{top:79.375%;left:33.3125%;width:33.33333%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide04 .imgpopup .pop03.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop04{top:19.5%;left:55.57292%;width:35.46875%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide04 .imgpopup .pop04.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop05{top:0;left:80.625%;width:19.47917%;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}
.index-banner .slide04 .imgpopup .pop05.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop06{top:73.5%;left:57.29167%;width:36.97917%}
.index-banner .slide04 .imgpopup .pop06.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop07{top:29.125%;left:84.32292%;width:15.88542%}
.index-banner .slide04 .imgpopup .pop07.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .before{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}
.index-banner .slide04 .imgpopup .before.after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.index-banner .slide05{position:relative}
.index-banner .slide05 .textpopup{position:absolute;top:50%;left:50%;margin:-209px 0 0 -505px;width:1010px}
.index-banner .slide05 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide05 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.index-banner .slide05 .tit{margin-bottom:34px;text-align:center;font-size:48px;line-height:60px;color:#fff}
.index-banner .slide05 .tit span{color:#28b7ec;background-image:-webkit-linear-gradient(118deg, #00ffe4, #28b7ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.index-banner .slide05 .icolist{margin-bottom:82px;font-size:0;text-align:center}
.index-banner .slide05 .icolist.before{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}
.index-banner .slide05 .icolist .ico{position:relative;width:202px;display:inline-block;vertical-align:top;font-size:32px;line-height:40px}
.index-banner .slide05 .icolist .ico img{display:inline-block;vertical-align:top;max-width:90px}
.index-banner .slide05 .icolist .ico p{padding-top:12px;color:#28b7ec;background-image:-webkit-linear-gradient(118deg, #00ffe4, #28b7ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.index-banner .slide05 .icolist .ico:after{content:'';position:absolute;right:0;top:50%;margin-top:-30px;width:1px;height:61px;background-color:#fafafa}
.index-banner .slide05 .icolist .ico.last:after{display:none}
.index-banner .slide05 .botdesc{text-align:center;font-size:24px;line-height:48px;color:#fff}
.index-banner .slide05 .botdesc.before{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}
.index-banner .slide05 .botdesc span{font-size:32px;font-weight:bold;color:#28b7ec;background-image:-webkit-linear-gradient(118deg, #00ffe4, #28b7ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.iabout-us{padding:45px 0 15px}
.iabout-us .intro{position:relative;padding:20px 37% 86px 0;font-size:16px;line-height:30px}
.iabout-us .intro strong{font-weight:normal;color:#e20000}
.iabout-us .year{position:absolute;right:27px;top:-140px;z-index:3}
.iabout-us .main-business .business-item .inner{position:relative}
.iabout-us .main-business .business-item .inner .line{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#d90000;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s}
.main-business{margin:0 -27px}
.main-business .business-item{float:left;width:25%}
.main-business .business-item .inner{position:relative;margin:0 27px}
.main-business .business-item .inner:hover .id{color:#ccc}
.main-business .business-item .inner:hover h2 a{color:#d80000}
.main-business .business-item .inner:hover .sub{border-bottom-color:#d80000\9}
.main-business .business-item .inner:hover .line{width:100%}
.main-business .ico{display:block;margin-bottom:12px;height:82px;line-height:82px;font-size:0}
.main-business .ico img{vertical-align:middle}
.main-business .ico .ac{display:none}
.main-business .id{position:absolute;right:27px;top:0;font-size:100px;line-height:100px;color:#f2f2f2;font-weight:bold;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.main-business h2 a{display:block;padding:10px 0 21px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.main-business .sub{padding-bottom:55px;height:180px;border-bottom:2px solid #ccc}
.main-business .sub a{display:block;padding-left:30px;font-size:14px;line-height:36px;color:#666;background:url("../images/ibusline.png") no-repeat 1px center}
.main-business .sub a:hover{color:#d80000;background-image:url("../images/ibuslineac.png")}
.iclassic-case{padding:58px 0 46px;overflow:hidden}
.iclassic-case .m-ichl-title{position:relative}
.iclassic-case .m-ichl-title .m-line-more{position:absolute;right:0;bottom:13px}
.iclassic-case .m-move-handle{display:block !important}
.iclassic-case .slide-pages{display:none}
.iclassic-case .slide-ctrl{display:none}
.iclassic-case .m-line-more{margin:6px auto 0}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.iclassic-wrapper{width:102.125%}
.icase-list{padding-top:43px;margin:0}
.icase-list li{width:33.33333%;padding-bottom:32px}
.icase-list .item{position:relative;padding:0 6.42202% 0 0;text-align:left}
.icase-list .thumb{position:relative;overflow:hidden;margin-bottom:12px}
.icase-list .thumb .after{display:block;width:100%;padding-bottom:62.7451%}
.icase-list .thumb img{position:absolute;left:0;top:0;z-index:3}
.icase-list .tag{position:absolute;right:6.42202%;bottom:0;font-size:0;padding-left:33px;background:#fff url("../images/itag.png") no-repeat 14px center}
.icase-list .tag a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:14px;line-height:34px;padding-left:5px;color:#666}
.icase-list .desc{display:none}
.icase-list a{position:relative}
.icase-list .content{display:none;position:absolute;left:0;top:0;right:0;bottom:46px;z-index:3;width:100%;overflow:hidden;background:url("../images/icasebg.png") repeat 0 0}
.icase-list .content .msg{padding:52px 25px 25px}
.icase-list .content .msg h4{font-size:15px;line-height:24px;color:#fff;opacity:0.92}
.icase-list .content .brand{padding:32px 0 0 25px;height:90px;line-height:90px;font-size:0}
.icase-list .content .brand img{display:none;width:auto;max-height:100%;vertical-align:middle}
.icase-list .content .desc{color:#fbaaac;padding:0 25px 0;display:-webkit-box;height:72px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.icase-list .content .ico-line{display:block;width:100%;height:37px;background:url("../images/icaseline.png") no-repeat 25px bottom}
.full-isoutions .soutions-wrapper, .iclients-wrapper, .inews-center{width:100%;overflow:hidden}
.full-isoutions{width:100%;padding:58px 0 0;background-color:#f5f5f5;overflow:hidden}
.full-isoutions .m-ichl-subnav li a{border-color:#f5f5f5}
.full-isoutions .m-ichl-subnav li a:hover{color:#d90000;border-bottom-color:#f5f5f5}
.full-isoutions .m-ichl-subnav li.cur a{color:#d90000;border-bottom-color:#f5f5f5}
.full-isoutions .ichannel-tabcontent{width:100%;overflow:hidden}
.full-isoutions .tabcontent-slider{position:relative;width:500%}
.full-isoutions .isoutions-list .slides{font-size:0;white-space:nowrap}
.full-isoutions .isoutions-list .slides li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;float:none}
.full-isoutions .isoutions-list .slides img{width:auto}
.isoutions-item{position:relative;float:left;width:20%;overflow:hidden}
.isoutions-item .slide-ctrl{display:none;position:absolute;top:50%;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-color:#f60}
.isoutions-item .slide-prev{left:-60px}
.isoutions-item .slide-next{right:-60px}
.isoutions-list{padding:28px 0 61px;overflow:hidden}
.isoutions-list .slide-pages{display:none;position:absolute;width:100%;bottom:40px;text-align:center;line-height:0}
.isoutions-list .slide-pages a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:8px;height:8px;font-size:0;border:1px solid #b5b5b5;margin:0 6px}
.isoutions-list .slide-pages .cur{border:1px solid #d90000;background-color:#d90000}
.isoutions-list .flex-direction-nav{display:none}
.isoutions-list ul{margin:0 -1.6875%}
.isoutions-list ul li{float:left;width:25%}
.isoutions-list .item{padding:0 6.52963%}
.isoutions-list .item a{position:relative;padding-bottom:61px;display:block;border-bottom:2px solid #ccc}
.isoutions-list .item a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#d90000;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s}
.isoutions-list .item a:hover{*border-bottom-color:#d90000}
.isoutions-list .item a:hover .title{color:#d90000}
.isoutions-list .item a:hover .detail{color:#d90000}
.isoutions-list .item a:hover::after{width:100%}
.isoutions-list .thumb{position:relative}
.isoutions-list .thumb .after{display:block;width:100%;padding-bottom:62.5%}
.isoutions-list .thumb img{position:absolute;left:0;top:0;z-index:3}
.isoutions-list .ico{margin-bottom:48px;height:120px;line-height:120px;font-size:0}
.isoutions-list .ico img{vertical-align:middle;width:auto}
.isoutions-list .ico .ac{display:none}
.isoutions-list .title{margin-bottom:23px;font-size:18px;line-height:24px;font-weight:bold;color:#1a1a1a}
.isoutions-list .desc{height:144px;font-size:14px;color:#666;display:-webkit-box;height:144px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space:normal}
.isoutions-list .detail{font-size:14px;line-height:24px;text-decoration:underline;color:#666}
.isoutions-list .item .card{padding-bottom:32px}
.isoutions-list .item .card:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.isoutions-list .item .card:hover .c-title{color:#d90000}
.isoutions-list .item .card .thumb{margin-bottom:21px;overflow:hidden}
.isoutions-list .item .card .thumb img{display:block;width:100%;max-width:360px;-webkit-transition:-webkit-transform ease .7s;transition:-webkit-transform ease .7s;-o-transition:-o-transform ease .7s;-moz-transition:transform ease .7s, -moz-transform ease .7s;transition:transform ease .7s;transition:transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s}
.isoutions-list .item .card .c-title{margin-bottom:20px;font-size:18px;line-height:28px;font-weight:bold;color:#1a1a1a;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.isoutions-list .item .card .c-desc{font-size:14px;color:#666;display:-webkit-box;height:72px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}
.iclients-wrapper{padding:48px 0 50px}
.iclients-wrapper .m-ichl-title{margin-bottom:30px}
.iclients-wrapper .m-ichl-subnav{margin-bottom:51px}
.iclients-wrapper .ichannel-tabcontent{overflow:hidden}
.iclients-wrapper .tabcontent-slider{position:relative;width:200%}
.iclients-list{width:50%;float:left;overflow:hidden}
.iclients-list ul{margin-right:-4px}
.iclients-list li{float:left;width:20%;margin-bottom:-4px;background:url("../images/iclibg.png") no-repeat right bottom}
.iclients-list li a{display:block;text-align:center}
.iclients-list li img{max-width:100%}
.icustomer{float:left;width:50%;overflow:hidden;padding-bottom:65px}
.icustomer ul{padding-left:1px}
.icustomer li{width:25%;float:left;margin-left:-1px}
.icustomer .inner{border:1px solid #d9d9d9;padding:5.5% 12.5% 16%}
.icustomer .ico{margin-bottom:16px;height:124px;line-height:124px}
.icustomer .ico img{vertical-align:middle}
.icustomer .name{margin-bottom:21px;font-size:18px;line-height:28px;font-weight:bold;color:#1a1a1a}
.icustomer .text{font-size:14px;color:#666;display:-webkit-box;height:216px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.full-inum-brief{position:relative}
.full-inum-brief .briefbg{position:relative;overflow:hidden;height:520px}
.full-inum-brief .briefbg img{position:absolute;top:-45px;left:50%;display:block;margin-left:-960px;height:520px}
.full-inum-brief .inum-list{position:absolute;top:50%;left:50%;z-index:10;margin:-190px 0 0 -609px;width:1218px;text-align:center}
.full-inum-brief .inum-list li{width:406px;margin-bottom:99px;float:left;color:#fff}
.full-inum-brief .num{margin-bottom:10px;font-size:90px;line-height:92px;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.full-inum-brief .text{font-size:16px;line-height:24px}
.full-inum-brief .videobg{position:absolute;left:0;top:0;width:100%;height:520px;overflow:hidden}
.full-inum-brief .video{position:absolute;left:0;top:-345px;width:100%}
.full-inum-brief .video video{min-width:100%;height:1080px}
.inews-center{padding:75px 0 70px}
.inews-center .ichannel-tabcontent{overflow:hidden}
.inews-center .tabcontent-slider{position:relative;width:600%}
.inews-wraper{float:left;width:16.66667%;padding-top:26px}
.inews-wraper .inews-wraper{overflow:hidden}
.inews-wraper a:hover h2{color:#d90000}
.inews-wraper a:hover .date{color:#d90000}
.inews-wraper a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.news-set-top{float:left;width:395px;padding:30px 28px 27px 26px;background-color:#f7f7f7}
.news-set-top .thumb{overflow:hidden}
.news-set-top img{width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.news-set-top .title{margin-bottom:11px;font-size:20px;color:#333;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-set-top .date{margin-bottom:20px;font-size:16px;line-height:24px;color:#999;font-weight:bold}
.news-two .date, .news-four .date{font-size:15px;line-height:24px;color:#999}
.news-two .date span, .news-two .date b, .news-four .date span, .news-four .date b{display:block;font-size:50px;line-height:48px;font-weight:bold}
.news-two{float:left;width:440px;margin:0 20px}
.news-two li{margin-bottom:22px;padding:16px 45px 45px;background-color:#f7f7f7}
.news-two li a{display:block}
.news-two .two-title{margin-bottom:16px;font-size:18px;line-height:30px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-two .desc{font-size:14px;color:#888;display:-webkit-box;height:40px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-two .date{margin-bottom:25px;border-bottom:1px solid #e6e6e6;padding:20px 0;background:url("../images/inewarr.png") no-repeat right center}
.news-four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 50px}
.news-four li{border-bottom:1px solid #e6e6e6}
.news-four li:last-child{border:0}
.news-four a{position:relative;display:block;padding:48px 90px 51px 90px;background:url("../images/inewarr.png") no-repeat right center}
.news-four .date{position:absolute;left:0;top:31px}
.news-four .four-title{margin-bottom:4px;font-size:18px;line-height:36px;color:#333333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-four .desc{display:none;font-size:0;line-height:36px;color:#888;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.site-article-wrapper{width:1400px;margin:0 auto}
.site-article-wrapper ul{border-top:1px solid #ccc}
.site-article-wrapper li{border-bottom:1px solid #ccc}
.site-article-wrapper li a{position:relative;display:block;padding:54px 0 0px 230px}
.site-article-wrapper li a:hover .title{color:#d90000}
.site-article-wrapper li a:hover .desc{color:#d90000}
.site-article-wrapper .date{position:absolute;top:56px;left:0;z-index:3}
.site-article-wrapper .date .mm-dd{font-size:42px;line-height:54px;font-weight:bold;color:#999;border-bottom:1px solid #666;font-family:Arial, Helvetica, sans-serif}
.site-article-wrapper .date .yy{font-size:16px;line-height:36px;color:#999}
.site-article-wrapper .title{margin-bottom:7px;font-size:20px;line-height:48px;font-weight:bold;color:#1a1a1a;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.site-article-wrapper .desc{margin-bottom:24px;font-size:16px;color:#999;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.site-article-wrapper .tag{padding:0 0 77px 230px}
.site-article-wrapper .tag a{float:left;display:block;margin-right:9px;padding:0 10px;font-size:16px;line-height:28px;color:#b2b2b2;border:1px solid #ccc}
.site-article-wrapper .tag a:hover{color:#d90000;border-color:#d90000}
.singlepage{font-size:16px;line-height:30px;color:#333}
.singlepage img{vertical-align:middle;max-width:100%;height:auto !important}
.case-news-article{position:relative;max-width:1200px;margin:0 auto;padding:15px 0 72px;overflow:hidden}
.case-news-article .share{position:absolute;right:60px}
.case-news-article .title{margin:0 0 14px;font-size:32px;line-height:48px;font-weight:bold;color:#333}
.case-news-article .share a{float:left;display:block;width:30px;height:30px;margin:0 0 0 10px;padding:0;background-repeat:no-repeat;background-position:center}
.case-news-article .share .bds_weixin{background-image:url("../images/bdwx.png")}
.case-news-article .share .bds_tsina{background-image:url("../images/bdsa.png")}
.case-news-article .share .bds_qzone{background-image:url("../images/bdqz.png")}
.case-news-article .share .bds_more{background-image:url("../images/bdmr.png")}
.case-news-article .info{padding-top:5px;padding-bottom:33px;font-size:14px;line-height:24px;border-bottom:1px solid #ccc;color:#999}
.case-news-article .info .tag{float:left;color:#999}
.case-news-article .info .tag:hover{color:#d90000}
.case-news-article .info i{float:left;padding:0 17px}
.case-news-article .info .date{float:left}
.case-news-article .singlepage{padding:36px 0 77px}
.case-news-article .singlepage p, .case-news-article .singlepage span{white-space:normal !important}
.case-news-article .page-ctrl{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:17px 0}
.case-news-article .page-ctrl a{display:block;font-size:14px;line-height:30px;color:#999;max-width:45%;background-repeat:no-repeat}
.case-news-article .page-ctrl .prev{float:left;padding-left:55px;background-position:0 center;background-image:url("../images/pageprev.png")}
.case-news-article .page-ctrl .prev:hover{color:#d90000;background-image:url("../images/pageprevac.png")}
.case-news-article .page-ctrl .next{float:right;padding-right:55px;background-position:right center;background-image:url("../images/pagenext.png")}
.case-news-article .page-ctrl .next:hover{color:#d90000;background-image:url("../images/pagenextac.png")}
.full-faith-article{background-color:#f2f2f2}
.full-faith-article .faith-item{position:relative}
.full-faith-article .image img{display:block;width:100%}
.full-faith-article .content{padding-top:6.25%;padding-bottom:6.25%;font-size:16px;line-height:30px;color:#333}
.full-faith-article .content .title{float:left;width:50%}
.full-faith-article .content .title h2{margin-bottom:15px;font-size:24px;line-height:36px;font-weight:bold;color:#d93f3d}
.full-faith-article .content .title h3{margin-bottom:18px;font-size:36px;line-height:50px;color:#333}
.full-faith-article .content .title h3 b, .full-faith-article .content .title h3 strong{font-weight:bold}
.full-faith-article .content .desc{overflow:hidden}
.full-faith-key{position:relative}
.full-faith-key .bg img{display:block;width:100%}
.full-faith-key .m-key-list{position:absolute;left:0;top:50%;z-index:3;margin-top:-70px}
.m-key-list{width:100%;overflow:hidden}
.m-key-list ul{padding:0 4.10526%}
.m-key-list li{float:left;width:16.66667%;text-align:center}
.m-key-list .top{margin-bottom:20px;font-size:0;color:#fff;height:78px;line-height:78px}
.m-key-list .top img{vertical-align:middle}
.m-key-list .top span{font-size:72px}
.m-key-list .text{font-size:15px;line-height:21px;color:#ccc}
.m-about-title{font-size:36px;line-height:48px;font-weight:bold;color:#1a1a1a}
.m-about-title span{color:#d93f3d}
.m-about-text{padding:41px 0 66px;font-size:16px;line-height:30px;color:#333}
.about-us-intro{padding-top:70px;padding-bottom:8.125%;position:relative;overflow:hidden}
.about-us-intro .year{position:absolute;right:0;top:70px}
.about-us-intro .article{padding:54px 38.875% 82px 0;font-size:16px;line-height:30px;color:#333}
.about-us-intro .intro-card{margin:0 -25px}
.about-us-intro .intro-card .card{float:left;width:33.3333%}
.about-us-intro .intro-card .inner{position:relative;padding:0 25px}
.about-us-intro .intro-card .inner img{display:block;width:100%}
.about-us-intro .intro-card .info{position:absolute;left:67px;top:28.18627%;color:#fff;font-size:18px;line-height:36px}
.about-us-intro .intro-card .card .inner .info p{width:23vw; font-weight:bold}
.about-us-intro .intro-card .en{font-size:16px;line-height:20px;text-transform:uppercase}
.about-us-intro .intro-card .cn{margin-bottom:37px;font-size:30px;line-height:50px;font-weight:bold}

.certificate-desc{padding-top:92px}
.full-certificate{background-color:#f2f2f2;padding:86px 0 196px;position:relative}
.full-certificate .slides li{position:relative;width:100%}
.full-certificate .slides li img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;max-width:100%;width:auto}
.full-certificate .slides .after{display:block;width:100%;padding-bottom:136.12167%}
.full-certificate .slides .center{font-size:0;position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;text-align:center}
.full-certificate .slides .hack{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:0;height:100%}
.full-certificate .flex-control-nav{z-index:10;bottom:-93px;line-height:0}
.full-certificate .flex-control-nav a{background-color:#bfbfbf}
.full-certificate .flex-control-nav .flex-active{background-color:#d93f3d}
.full-certificate .flex-direction-nav{position:absolute;width:100%;bottom:-93px}
.full-certificate .flex-direction-nav a{position:absolute;bottom:0;z-index:20;width:58px;height:27px;background-repeat:no-repeat;background-position:center;opacity:1;font-size:0}
.full-certificate .flex-direction-nav .flex-prev{left:0;background-image:url("../images/certprev.png")}
.full-certificate .flex-direction-nav .flex-prev:hover{background-image:url("../images/certprevac.png")}
.full-certificate .flex-direction-nav .flex-next{right:0;background-image:url("../images/certnext.png")}
.full-certificate .flex-direction-nav .flex-next:hover{background-image:url("../images/certnextac.png")}
.full-certificate .slide-ctrl{position:absolute;bottom:-93px;z-index:20;width:58px;height:27px;background-repeat:no-repeat;background-position:center;opacity:1;font-size:0}
.full-certificate .slide-prev{left:0;background-image:url("../images/certprev.png")}
.full-certificate .slide-prev:hover{background-image:url("../images/certprevac.png")}
.full-certificate .slide-next{right:0;background-image:url("../images/certnext.png")}
.full-certificate .slide-next:hover{background-image:url("../images/certnextac.png")}
.full-certificate .certificate-reslider{overflow:hidden}
.full-certificate .certificate-reslider ul{width:100%;white-space:nowrap;font-size:0}
.full-certificate .certificate-reslider .center{overflow:hidden}
.full-certificate .certificate-reslider .center img{-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s;max-width:90%}
.full-certificate .certificate-reslider .center:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.full-certificate .certificate-reslider li{width:20%;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.full-certificate-article{padding:75px 0;background-color:#f2f2f2}
.full-certificate-article .info{float:left;padding-top:2.875%}
.full-certificate-article .cert-ico{margin-bottom:23px;height:78px}
.full-certificate-article .cert-ico img{vertical-align:top;width:78px}
.full-certificate-article .certificate{float:right;width:46.875%;padding-right:6.25%}
.full-certificate-article .certificate img{display:block;width:100%}
.about-field{padding:73px 0 0}
.about-field .main-business{margin:0}
.about-field .main-business .business-item{margin-left:-1px}
.about-field .main-business h2{padding:41px 0 20px}
.about-field .main-business h2 a{font-size:24px;line-height:36px}
.about-field .main-business .inner{margin:0;padding:14.5% 12.5% 12.5%;border:1px solid #d9d9d9}
.about-field .main-business .sub{border:0;padding-bottom:0}
.about-field .main-business .sub a{background:none;padding-left:0;line-height:32px}
.about-field .field-text{font-size:16px;line-height:30px;padding:51px 0 64px}
.about-field .field-text .bred{font-weight:bold;color:#d93f3d}
.our-server{position:relative}
.our-server .bg{overflow:hidden}
.our-server .bg img{position:relative;left:50%;margin-left:-960px;display:block;height:640px}
.our-server .server-inner{position:absolute;left:50%;top:76px;margin-left:-800px}
.our-server .server-inner .server-desc{padding-top:30px;font-size:20px;line-height:40px;font-style:italic;color:#fff}
.our-server .server-inner .server-desc .text{font-size:28px}
.our-server .m-key-list{position:absolute;left:0;bottom:89px;z-index:3}
.our-partner{padding:62px 0 84px}
.our-partner .partner-title .m-about-title{float:left}
.our-partner .partner-title .m-line-more{float:right}
.our-partner .partner-wrapper{padding-top:35px}
.our-partner .partner-wrapper img{display:block;width:100%}
.m-diff-text{text-align:center;font-size:16px;line-height:30px;color:#333}
.m-center-img{text-align:center}
.m-center-img img{max-width:100%;vertical-align:top}
.diff-head{position:relative;padding:34px 0 66px;font-size:20px;line-height:32px;text-align:center;border-bottom:1px solid #d9d9d9}
.diff-head h1{margin-bottom:12px;font-size:36px;line-height:48px;color:#333;font-weight:bold}
.diff-head .line{position:absolute;left:50%;bottom:0;z-index:3;width:206px;height:2px;background-color:#d93f3d;margin-left:-103px}
.full-diff-text{padding:65px 0 0}
.full-diff-text .m-diff-text{padding:24px 0 72px}
.full-ablum .item{float:left;width:33.3333%}
.full-ablum img{display:block;width:100%}
.adv-supplier{padding:77px 0 66px}
.adv-supplier .m-diff-text{padding:26px 0 39px}
.adv-supplier .supplier-image img{display:block;width:100%}
.full-adv-case{position:relative}
.full-adv-case .case-ditt-content{position:absolute;top:76px;left:0;width:100%;color:#fff}
.full-adv-case img{display:block;width:100%}
.full-adv-case .m-diff-title{color:#fff}
.full-adv-case .m-diff-text{color:#fff;padding:25px 0 0}
.diff-server{padding:73px 0 80px}
.diff-server .m-diff-text{padding:25px 0 45px}
.full-seo-article{padding:59px 0 119px;background-color:#f2f2f2}
.full-seo-article .m-diff-text{padding:25px 0 60px}
.full-worthy-intro{padding:59px 0 0}
.full-worthy-intro .m-diff-text{padding:25px 0 57px}
.history-more{margin-top:0}
.history-wapper{position:relative;width:1400px;margin:0 auto 55px;overflow:hidden}
.history-wapper .history{padding-bottom:60px}
.history-wapper .botline{position:absolute;bottom:0;right:698px;width:2px;height:60px;background-color:#d9d9d9}
.history-wapper .chl-title{padding:13px 0 64px;text-align:center;font-size:72px;line-height:76px;color:#333;text-transform:uppercase}
.history-wapper .item{display:none;position:relative;border-bottom:1px solid #e6e6e6}
.history-wapper .item .year{position:absolute;left:25%;top:46px;font-size:55px;line-height:88px;color:#d93f3d;margin-left:-2em}
.history-wapper .item .year .line{display:block;width:56px;height:3px;background-color:#d93f3d}
.history-wapper .dot{position:absolute;right:692px;top:68px;width:15px;height:15px;background:url("../images/historydot.png") no-repeat center}
.history-wapper .list{float:right;width:642px;font-size:16px;line-height:30px;padding:60px 0 28px 56px;border-left:2px solid #d9d9d9}
.history-wapper .list li{padding-bottom:30px}
.history-wapper .list h4{font-size:18px;font-weight:bold}
.response-wrapper{position:relative}
.range .handle{display:block;top:0;width:90px;height:44px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;outline:0;background-repeat:no-repeat;background-image:url("../images/movehandler2.png");background-position:center}
.m-move-handle{display:none;padding-bottom:38px;position:absolute;left:50%;bottom:0;width:280px;margin-left:-140px;z-index:3}
.m-move-handle .site-range{width:280px;height:6px;-webkit-box-shadow:inset 0px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:inset 0px 2px 3px 0px rgba(0,0,0,0.2);*background-color:#ddd;-webkit-border-radius:3px;border-radius:3px}
.move2 .handle{width:140px}
.move3 .handle{width:93.33333px}
.move4 .handle{width:70px}
.move5 .handle{width:56px}
.move6 .handle{width:46.66667px}
.move7 .handle{width:40px}
.move6 .handle{width:46.66667px}
.move8 .handle{width:35px}
.move9 .handle{width:31.11111px}
.move10 .handle{width:28px}
.full-case-detail{padding:24px 0 80px;background-color:#eaeaea}
.full-case-detail .case-head{margin-bottom:10px;background-color:#fff;display:table;width:100%}
.full-case-detail .info{display:table-cell;vertical-align:top;width:53.75%;padding:3.125%}
.full-case-detail .info .img{float:left;margin-right:50px;max-width:230px}
.full-case-detail .info .img img{display:block;max-width:100%}
.full-case-detail .info .content{overflow:hidden}
.full-case-detail .info .content .desc{margin-bottom:20px;font-size:16px;line-height:24px;color:#666}
.full-case-detail .info .content .view{display:block;width:120px;height:36px;text-align:center;border:solid 1px #ccc;font-size:15px;line-height:36px;color:#666;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.full-case-detail .info .content .view:hover{border-color:#d90000;color:#d90000}
.full-case-detail .u-cshd-title{padding:10px 0 23px}
.full-case-detail .u-cshd-title .en{font-size:24px;line-height:28px;color:#aaa;font-weight:bold;font-family:DINCond-Bold}
.full-case-detail .u-cshd-title .cn{margin-bottom:12px;font-size:24px;line-height:34px;color:#333}
.full-case-detail .u-cshd-title .line{display:block;width:20px;height:2px;background-color:#ccc}
.full-case-detail .server{display:table-cell;vertical-align:top;width:46.25%;padding:3.125% 5.625%;background-color:#f5f5f5;font-size:15px;line-height:40px;color:#666}
.full-case-detail .server .dot{padding-left:16px;background:url("../images/dot.png") no-repeat 0 center}
.full-case-detail .app-features{line-height:24px}
.full-case-detail .case-body{padding:50px;background-color:#fff;font-size:16px;line-height:30px}
.full-case-detail .case-body .view{text-align:center;max-width:1180px;margin:0 auto}
.full-case-detail .case-body img{margin-top:1em;vertical-align:top;max-width:100%}
.full-case-detail .case-body .casebtn{padding:47px 0 66px;text-align:center}
.full-case-detail .case-body .casebtn a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:140px;margin:0 3px;font-size:16px;line-height:35px;border:solid 1px #cccccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;color:#666}
.full-case-detail .case-body .casebtn a:hover{border-color:#d90000;color:#d90000}
.full-case-detail .case-body .col-3{float:left;width:25%;line-height:36px}
.full-case-detail .case-body .lh{line-height:36px}
.full-case-detail .full-case-body{width:100%;background-color:#fff;font-size:16px;line-height:24px;color:#696a6e;padding:68px 0 0}
.full-case-detail .full-case-body .content-view{max-width:1200px}
.full-case-detail .full-case-body .casebtn{padding:30px 0 40px;text-align:center}
.full-case-detail .full-case-body .casebtn a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:140px;margin:0 3px;font-size:16px;line-height:35px;border:solid 1px #cccccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;color:#666}
.full-case-detail .full-case-body .casebtn a:hover{border-color:#d90000;color:#d90000}
.full-case-detail .full-case-body .bold{font-size:48px;line-height:60px;color:#242526;margin-bottom:10px}
.full-case-detail .full-case-body img{max-width:100%;height:auto !important}
.full-case-detail .full-case-body .content-view{text-align:center}
.full-case-detail .right-content{position:relative;z-index:10;padding:40px 0 10.9375%}
.full-case-detail .right-content .color-left{position:absolute;top:55px;left:18.75%;max-width:540px}
.full-case-detail .right-content .color-left .color-panel{padding-top:50px}
.full-case-detail .right-content .color-right{padding-left:18.75%}
.full-case-detail .right-content .color-right img{width:100%}
.full-case-detail .skew-content{position:relative;z-index:10;width:100%}
.full-case-detail .skew-content .skew-bg{position:absolute;left:0;top:17%;bottom:0;z-index:1;width:100%;overflow:hidden}
.full-case-detail .skew-content .skew-bg img{max-width:none;width:auto;min-width:100%;height:100% !important}
.full-case-detail .skew-content .case-server{position:relative;z-index:2}
.full-case-detail .skew-content .case-server .text{position:absolute;top:15px;left:18.75%;max-width:540px;width:28.125%}
.full-case-detail .skew-content .case-server .cimg{padding-left:18.75%}
.full-case-detail .skew-content .case-ue{padding-top:4.16667%;position:relative;z-index:2}
.full-case-detail .skew-content .case-ue .text{position:absolute;top:-170px;left:73.54167%}
.full-case-detail .skew-content .case-ue .cimg{text-align:center}
.moblie-case-slider{position:relative;margin-top:-27.53333%;padding:0 293px 176px}
.moblie-case-slider .moblie-mswiper-wrapper, .moblie-case-slider .case-bxslider-wrapper{width:300px;height:477px;padding-top:49px;background-color:#fff}
.moblie-case-slider .moblie-mswiper-wrapper li, .moblie-case-slider .case-bxslider-wrapper li{width:100%;float:left;height:100%;overflow:hidden}
.moblie-case-slider .moblie-mswiper-wrapper img, .moblie-case-slider .case-bxslider-wrapper img{width:100%;margin:0}
.moblie-case-slider .moblie-mswiper-wrapper .wxcase-bxslider, .moblie-case-slider .case-bxslider-wrapper .wxcase-bxslider{height:477px;overflow:hidden}
.moblie-case-slider .case-mswiper{width:100%;height:100%}
.moblie-case-slider .bx-pager{display:none}
.moblie-case-slider .moblie-mswiper-wrapper{position:relative}
.moblie-case-slider .controls a, .moblie-case-slider .bx-wrapper .bx-controls-direction a{position:absolute;width:68px;height:68px;top:auto;bottom:0px;background-repeat:no-repeat;border:1px solid #ccc;background-position:center;font-size:0}
.moblie-case-slider .controls .bx-prev, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev{left:-115px;background-image:url("../images/imcaseprev.png")}
.moblie-case-slider .controls .bx-prev:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev:hover{border-color:#d90000;background-image:url("../images/imcaseprevac.png")}
.moblie-case-slider .controls .bx-next, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next{right:-115px;background-image:url("../images/imcasenext.png")}
.moblie-case-slider .controls .bx-next:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next:hover{border-color:#d90000;background-image:url("../images/imcasenextac.png")}
.moblie-case-slider .casebg{position:absolute;left:280px;top:-16px;z-index:20;width:349px;height:683px;background:url("../images/mcasebg.png") no-repeat 0 0}
.mcase-right-info{position:relative}
.mcase-right-info .mcase{position:absolute;right:0;bottom:123px}
.mcase-right-info .qrcode{float:left}
.mcase-right-info .qrcode img{display:block;width:127px;height:127px}
.mcase-right-info .mcase-more{float:left;display:block;width:125px;height:61px;margin-left:38px;padding-top:64px;border:1px solid #dcdcdc;text-align:center;font-size:15px;line-height:20px;color:#666;background:url("../images/mcasedots.png") no-repeat center 37px;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.mcase-right-info .mcase-more:hover{color:#d90000;border-color:#d90000;background-image:url("../images/mcasedotsac.png")}
.app-inside-soutions{padding:0 0 8.125%;margin-top:-32px}
.app-inside-soutions .item a{padding-top:60px}
.u-ue-title{font-size:36px;line-height:72px;color:#333;text-align:center}
.app-singlepage{padding-top:60px;padding-bottom:88px;text-align:center;font-size:16px;line-height:30px;color:#333;border-bottom:1px solid #d9d9d9}
.app-singlepage img{vertical-align:top;max-width:100%}
.app-singlepage .lh48{line-height:48px}
.app-singlepage .span{font-size:20px;line-height:50px}
.app-singlepage .sub-title{font-size:24px;line-height:48px}
.ue-list{padding-top:90px}
.ue-list li{position:relative;margin-bottom:6.78571%}
.ue-list .ue-rimg{padding-left:50%}
.ue-list .ue-rimg .info{left:0}
.ue-list .ue-rimg .middle{padding-right:6.78571%}
.ue-list .ue-limg{padding-right:50%}
.ue-list .ue-limg .info{right:0}
.ue-list .ue-limg .middle{padding-left:6.78571%}
.ue-list .info{position:absolute;top:0;z-index:3;height:100%;width:50%;font-size:0}
.ue-list .info .hack{display:inline-block;*display:inline-block;*zoom:1;vertical-align:middle;width:0;height:100%}
.ue-list .info .middle{display:inline-block;*display:inline-block;*zoom:1;vertical-align:middle;font-size:16px;line-height:30px;text-align:left}
.ue-list .info h3{font-size:36px;line-height:72px}
.m-page-partner{padding:48px 0 92px;overflow:hidden}
.m-page-partner .u-ue-title{margin-bottom:53px}
.m-page-partner ul{margin:0 -5px}
.m-page-partner li{float:left;width:12.5%;text-align:center;margin-bottom:10px}
.m-page-partner li div{padding:0 5px}
.m-page-partner img{vertical-align:top;max-width:100%}
.noborder{border:0;padding-bottom:82px}
.m-idico-wrapper{overflow:hidden;font-size:16px;line-height:30px;color:#666;padding-bottom:42px}
.m-idico-wrapper .idico-list{margin:0 -95px}
.m-idico-wrapper .idico-item{float:left;width:33.3333%}
.m-idico-wrapper .inner{position:relative;padding:0 95px}
.m-idico-wrapper .id{position:absolute;right:95px;top:0;font-size:100px;line-height:1;color:#f2f2f2;font-weight:bold}
.m-idico-wrapper .ico{margin-bottom:20px;width:80px;height:80px;line-height:80px}
.m-idico-wrapper .ico img{vertical-align:middle}
.m-idico-wrapper h3{margin-bottom:21px;font-size:18px;line-height:24px;font-weight:bold;color:#333}
.m-idico-wrapper .sub{height:227px;border-bottom:1px solid #ccc}
.text-center{text-align:center}
.native-app-desc{padding:49px 0 0;border-bottom:1px solid #ccc}
.m-diff-content{display:table;width:90%;margin:0 auto;padding:38px 0 70px;table-layout:fixed}
.m-diff-content .ico-txt{color:#d93f3d}
.m-diff-content .ico-txt img{vertical-align:baseline}
.m-diff-content .ico-txt span{padding:0 7px;font-size:24px;line-height:30px}
.m-diff-content .item{width:50%;display:table-cell;vertical-align:top;padding:0 55px}
.m-diff-content .item img{max-width:100%}
.m-diff-content .text-left{text-align:left}
.m-diff-content .text-right{text-align:right;border-right:1px solid #ccc}
.rn-web-topdesc{padding-bottom:25px;border:0}
.rn-web-bottom{border:0;padding:47px 0 19px}
.app-icodesc{-webkit-text-emphasis:center;text-emphasis:center}
.app-icodesc ul{padding:26px 30px 100px}
.app-icodesc .ico{margin-bottom:10px;height:60px;line-height:60px}
.app-icodesc .ico img{vertical-align:middle}
.app-icodesc li{float:left;width:20%}
.full-foot-needs{width:100%;padding:45px 0 50px;background-color:#ededed}
.full-foot-needs .notes{font-size:16px;line-height:24px;color:#999}
.needs-form-wrapper{padding-bottom:35px;border-bottom:1px solid #d9d9d9}
.needs-form-wrapper .title{margin-bottom:23px;font-size:36px;line-height:46px}
.needs-form{padding-bottom:12px}
.needs-form label{display:block;background-color:#fff;width:400px;float:left;padding:22px 0 22px 20px;margin-right:11px}
.needs-form input{display:block;width:100%;font-size:16px;line-height:16px;height:16px;background:none;color:#999}
.needs-form .msg{width:510px}
.needs-form .sub{width:197px;margin-right:0;background-color:#333;background-repeat:no-repeat;text-align:center;padding-left:0}
.needs-form .sub input{color:#fff;cursor:pointer;padding:0}
.foot-contact{padding-top:34px}
.foot-contact .title{float:left;font-size:36px;line-height:58px;font-weight:bold;color:#1a1a1a;padding:0 28px 0 78px;background-repeat:no-repeat;background-position:0 center}
.foot-contact .lines{float:left}
.foot-contact .lines .title{background-image:url("../images/fttel.png")}
.foot-contact .lines .info{overflow:hidden;padding-top:4px;font-size:16px;line-height:26px;color:#1a1a1a}
.foot-contact .lines .info a{font-weight:bold;color:#d90000}
.foot-contact .needs{float:right}
.foot-contact .needs .title{background-image:url("../images/ftneeds.png")}
.foot-contact .needs .info{float:left;padding-top:4px;font-size:16px;line-height:26px;color:#1a1a1a}
.foot-contact .needs .editbtn{float:left;width:140px;height:45px;margin:6px 0 0 40px;font-size:18px;line-height:45px;overflow:hidden;color:#fff;text-align:center;background-color:#d90000}
.footer-content{padding:36px 0 0;background-color:#333;color:#777;font-size:16px;line-height:24px}
.footer-content a{color:#777}
.footer-content a:hover{color:#fff}
.footer-content .szweb-info{float:left;width:266px;padding:0 111px 24px 0;color:#cccc}
.footer-content .szweb-info a{color:#cccc}
.footer-content .szweb-info .motto{padding:24px 0 18px;font-size:17px;line-height:28px}
.footer-content .szweb-info .ft-qrcode{padding-bottom:17px}
.foot-about{padding-bottom:43px;font-size:14px;line-height:26px;color:#666}
.foot-about .about-left{float:left;width:28.125%}
.foot-about .adv-mid{float:left;width:28.125%;margin-left:7.8125%}
.foot-about .adv-mid .left{float:left}
.foot-about .adv-mid .right{float:right}
.foot-about .diff-right{float:right;width:28.125%}
.ftcontent-right{float:right;width:1222px}
.u-qk-title{position:relative;padding-bottom:12px;margin-bottom:19px;color:#666;line-height:46px;border-bottom:1px solid #666}
.u-qk-title h4{font-size:22px;color:#ccc}
.u-qk-title .more{position:absolute;right:0;top:0;font-size:24px;width:46px;height:46px;text-align:right}
.quick-links{padding-bottom:35px}
.quick-links .item{float:left;width:257px;padding-right:117px;overflow:hidden;font-size:14px}
.quick-links .item a{display:block}
.quick-links .business{width:309px}
.quick-links .business-links .left{float:left}
.quick-links .business-links .right{float:right}
.quick-links .aboutus{width:417px;padding-right:0}
.quick-links .aboutus a{display:inline}
.quick-links .aboutus .cognition{display:none}
.quick-links .aboutus .u-qk-title span{cursor:pointer}
.quick-links .aboutus .u-qk-title .noac{color:#666}
.friend-links{padding-bottom:38px}
.friend-links h6{padding-bottom:9px;font-size:16px;line-height:24px;color:#ccc}
.friend-links h6 .tilte{float:left;margin-right:9px}
.friend-links h6 .tilte:before{content:'';display:inline-block;vertical-align:top;width:5px;height:16px;margin:4px 10px 0 0;background:#d90000}
.friend-links h6 a{display:block;padding:0 10px;font-size:14px;line-height:22px;color:#666;border:1px solid #444}
.friend-links h6 .exchagne{float:left}
.friend-links h6 .flod{float:right}
.friend-links .link-list{height:0;overflow:hidden}
.friend-links .link-list a{position:relative;font-size:14px;margin-right:15px}
.friend-links .link-list a::before{content:'';position:absolute;left:-8px;top:1px;width:1px;height:14px;background-color:#777}
.full-foot-bottom{padding:28px 0 34px;background-color:#333;color:#666;font-size:14px;line-height:26px;border-top:1px solid #4d4d4d;text-align:center}
.full-foot-bottom a{color:#666}
.show{display:block !important}#LXB_CONTAINER{top:auto !important;bottom:20% !important;margin-bottom:430px !important;font-family:Arial,
 'Microsoft YaHei',
 'Hiragino Sans GB',
 sans-serif}#LXB_CONTAINER button, #LXB_CONTAINER input, #LXB_CONTAINER select, #LXB_CONTAINER textarea{font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}#LXB_CLOSE_BTN{top:auto !important;bottom:20% !important;margin-bottom:430px !important}
.sidebar{display:none;position:fixed;bottom:20%;right:0;z-index:99;width:55px;background:url("../images/sidebarbg.png") no-repeat 0 0}
.sidebar a{position:relative;display:block;width:55px;height:22px;margin:0;padding-top:48px;text-align:center}
.sidebar a i{display:block;font-style:normal;font-size:12px;line-height:22px;color:#fff;text-align:center}
.sidebar a span{display:none;position:absolute;right:0px;top:0px;height:45px;padding-left:50px;color:#fff;line-height:45px;font-size:14px;background-color:#262626;background-repeat:no-repeat;background-image:url(../images/icon.png)}
.sidebar .qq{background:url("../images/sideqq.png") no-repeat center 16px}
.sidebar .qq span{background-position:-360px -186px;width:90px}
.sidebar .tel{background:url("../images/sidetel.png") no-repeat center 18px}
.sidebar .tel span{top:12px;width:120px;height:56px;font-size:16px;line-height:56px;font-weight:bold;text-align:left;background-position:-362px -226px}
.sidebar .edit{background:url("../images/sideedit.png") no-repeat center 21px}
.sidebar .edit span{width:120px;background-position:-362px -275px}
.sidebar .price{background:url("../images/sideprice.png") no-repeat center 14px}
.sidebar .wechat{background:url("../images/sidewechat.png") no-repeat center 19px;margin-bottom:6px}
.sidebar .wechat span{top:15px;background:#fff;right:65px;padding:0px;width:160px;height:160px;padding:8px;border:1px solid #ccc}
.sidebar .wechat span img{display:block;width:100%;height:auto}
.sidebar .hometop{padding-top:0;height:54px;background:url("../images/sidetop.png") no-repeat center}
.full-case-crumbs{position:relative;z-index:10;width:100%;height:72px;padding:14px 0;background-color:#ededed}
.full-case-crumbs.crumbs-fff{background-color:#fff}
.full-case-crumbs .crumbs{float:left;font-size:0}
.full-case-crumbs .crumbs a, .full-case-crumbs .crumbs i, .full-case-crumbs .crumbs span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:42px}
.full-case-crumbs .crumbs a:hover{color:#d90000}
.full-case-crumbs .crumbs i{padding:0 1em;font-family:consolas;font-style:normal}
.full-case-crumbs .crumbs span{color:#d90000}
.full-case-crumbs .crumbs .home{padding-left:36px;background:url("../images/crumbhome.png") no-repeat 0 10px}
.full-case-crumbs .crumbs .home:hover{background-image:url("../images/crumbhomeac.png")}
.full-case-crumbs .other-channel{position:relative;float:right;z-index:10;width:307px;font-size:16px;line-height:42px;color:#666}
.full-case-crumbs .other-channel .channel-title{background-color:#fff;padding-left:28px;background:#fff url("../images/otherarr.png") no-repeat 270px center;cursor:pointer}
.full-case-crumbs .other-channel .channel-dropdown{display:none;position:absolute;left:0;top:42px;width:100%;padding-bottom:18px;border:1px solid #d2d2d2;background-color:#fff;max-height:462px;overflow-y:auto}
.full-case-crumbs .other-channel .channel-dropdown a{display:block;padding-left:28px}
.full-case-crumbs .other-channel .channel-dropdown a:hover{background-color:#d80000;color:#fff}
.full-case-crumbs .edit{float:right;width:15%;height:42px;text-align:center;background-color:#fff}
.full-case-crumbs .edit span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:42px;color:#d90000;padding-left:44px;background:url(../images/editbkac.png) no-repeat 0 44.9%}
.g-news-detail{padding-bottom:88px;background-color:#f2f2f2}
.g-news-detail .inside-nav a{border-bottom-color:#f2f2f2}
.g-news-detail .inside-nav a:hover{border-bottom-color:#d90000}
.g-news-detail .detail-container{padding-top:60px;max-width:1200px;margin:0 auto}
.g-news-detail .case-news-article{float:left;width:920px;padding:40px 60px 0;margin:0;background-color:#fff;min-height:800px}
.g-news-detail .case-news-article .share{position:static;float:right}
.g-news-detail .detail-sidebar{float:right;width:270px}
.g-news-detail .qrcode-wrapper{margin-bottom:10px;padding:32px 0 38px;background-color:#fff;font-size:16px;line-height:26px;text-align:center;color:#666}
.g-news-detail .qrcode-wrapper .label{padding:10px 0 7px}
.g-news-detail .qrcode-wrapper img{vertical-align:middle}
.g-news-detail .hot-tags{margin-bottom:10px;background-color:#fff}
.g-news-detail .hot-tags .title{padding-left:20px;font-size:18px;line-height:52px;color:#333;border-bottom:1px solid #d9d9d9}
.g-news-detail .hot-tags ul{min-height:68px;padding:16px 12px 28px 20px}
.g-news-detail .hot-tags ul li{float:left;width:70px;margin:0 8px 8px 0;height:26px}
.g-news-detail .hot-tags ul a{display:block;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;background-color:#f2f2f2;text-align:center;font-size:14px;line-height:26px;color:#333}
.g-news-detail .page-ctrl{padding:22px 26px 19px 18px;background-color:#fff}
.g-news-detail .page-ctrl .label{position:relative;margin-bottom:12px;padding-left:29px;background-position:0 center;background-repeat:no-repeat;font-size:18px;line-height:30px;color:#333}
.g-news-detail .page-ctrl .label span{position:absolute;right:0;top:50%;padding-left:5px;color:#ddd;font-size:0;width:130px;height:1px;background-color:#ccc}
.g-news-detail .page-ctrl .prev{background-image:url("../images/newsprev.png")}
.g-news-detail .page-ctrl .next{background-image:url("../images/newsnext.png")}
.g-news-detail .page-ctrl .item{margin-bottom:25px}
.g-news-detail .page-ctrl a{display:block;font-size:16px;line-height:24px;color:#666666;max-height:72px;line-height:24px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.g-news-detail .page-ctrl a:hover{color:#d9000d}
.g-news-detail .page-ctrl .date{display:block}#page{text-align:center;padding:50px 0px 80px}#page span{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:37px;height:37px;text-align:center;line-height:37px;margin:0px 5px;padding:0;color:#636363;font-size:14px;font-weight:400}#page .laypage_curr{color:#fff;background-color:#d90000 !important;border-color:#d90000}#page a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:37px;height:37px;text-align:center;line-height:37px;margin:0px 5px;padding:0;color:#636363;font-size:14px;font-weight:400;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;background-color:#fff}#page a:hover{color:#fff;background-color:#d90000;border-color:#d90000}#page .laypage_next, #page .laypage_prev{width:65px}
.iwelconme-popup{display:none;position:fixed;left:50%;top:50%;z-index:90;width:550px;height:300px;margin:-150px 0 0 -225px;background:url("../images/iwelbg.png") no-repeat 0 0;-webkit-transition:all ease 1s;-o-transition:all ease 1s;-moz-transition:all ease 1s;transition:all ease 1s;-webkit-transform:translate(0, 60%);-moz-transform:translate(0, 60%);-ms-transform:translate(0, 60%);-o-transform:translate(0, 60%);transform:translate(0, 60%);opacity:0}
.iwelconme-popup.animatepop{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.iwelconme-popup.animatepop .content h4, .iwelconme-popup.animatepop .content h3{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.iwelconme-popup.animatepop .iwel-buttons{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.iwelconme-popup .close{position:absolute;top:0;right:-48px;width:48px;height:48px;background:url("../images/iwelcancel.png") no-repeat 0 0}
.iwelconme-popup .content{width:450px;margin:0 auto;padding:47px 0 0}
.iwelconme-popup .content h4{margin-bottom:8px;font-size:18px;line-height:30px;color:#ffd7d7;-webkit-transition:all ease 1s .2s;-o-transition:all ease 1s .2s;-moz-transition:all ease 1s .2s;transition:all ease 1s .2s;-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%)}
.iwelconme-popup .content h3{margin-bottom:15px;font-size:40px;line-height:60px;font-weight:bold;color:#fff;-webkit-transition:all ease 1s .4s;-o-transition:all ease 1s .4s;-moz-transition:all ease 1s .4s;transition:all ease 1s .4s;-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%)}
.iwelconme-popup .iwel-buttons{width:400px;margin:0 auto;-webkit-transition:all ease 1s .6s;-o-transition:all ease 1s .6s;-moz-transition:all ease 1s .6s;transition:all ease 1s .6s;-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%)}
.iwelconme-popup .iwel-buttons a{display:block;width:171px;height:51px;border:2px solid #d54d58;font-size:18px;line-height:51px;color:#fff;background-repeat:no-repeat}
.iwelconme-popup .iwel-buttons a:hover{border-color:#de4952;background-color:#de4952}
.iwelconme-popup .iwel-buttons .server{float:left;padding-left:66px;width:105px;background-image:url("../images/iweltel.png");background-position:25px 10px}
.iwelconme-popup .iwel-buttons .edit{float:right;padding-left:81px;width:90px;background-image:url("../images/iweledit.png");background-position:38px 11px}
.m-web-title{font-size:36px;line-height:50px;color:#333;text-align:center;font-weight:bold;padding:0 15px}
.m-web-desc{font-size:16px;line-height:30px;color:#333;text-align:center}
.m-full-ban{position:relative;overflow:hidden}
.m-full-ban img{width:100%;height:auto}
.m-halfblock-list{padding:63px 0 78px;font-size:0}
.m-halfblock-list li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:50%;font-size:16px;line-height:36px}
.m-halfblock-list p{padding-right:20%}
.full-site-article{padding-top:49px}
.full-site-article .m-web-desc{padding:36px 0 77px}
.site-server-wrapper{padding:104px 0 24px}
.site-server-wrapper .m-web-title{margin-bottom:7.5%}
.server-ico-list ul{font-size:0;text-align:center}
.server-ico-list li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:20%;margin-bottom:77px;font-size:14px;line-height:20px;color:#666}
.server-ico-list .ico{margin-bottom:16px}
.server-ico-list .ico img{width:50% !important;height:auto !important}
.server-ico-list h3{margin-bottom:15px;font-size:18px;line-height:30px;color:#333}
.server-ico-list p{max-width:15em;margin:0 auto}
.b2c-solution{padding:88px 0 91px;font-size:16px;line-height:24px;color:#666}
.b2c-solution .m-web-title{margin-bottom:4.375%}
.b2c-solution h4{margin-bottom:14px;font-size:60px;line-height:60px;color:#999}
.b2c-solution h3{margin-bottom:22px;font-size:24px;line-height:36px;color:#1a1a1a}
.b2c-solution .top-four-list{border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.b2c-solution .top-four-list li{float:left;width:25%}
.b2c-solution .top-four-list .inner{padding:43px 45px 8px;border-right:1px solid #d9d9d9}
.b2c-solution .top-four-list .inner p{display:-webkit-box;height:240px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:10}
.b2c-solution .last{overflow:hidden;zoom:1;padding:41px 65px 42px 45px;border:1px solid #d9d9d9}
.b2c-solution .last .left{float:left;margin-right:163px}
.b2c-solution .last .text{overflow:hidden;zoom:1}
.b2c-solution .bot-two-list{display:table;border-collapse:collapse;table-layout:fixed}
.b2c-solution .bot-two-list .quarter{width:25%;display:table-cell;vertical-align:top;border:1px solid #d9d9d9;padding:43px 45px 8px}
.b2c-solution .bot-two-list .last{width:75%;display:table-cell;vertical-align:top}
.b2c-solution .bot-two-list .last .left{margin-right:112px}
.full-b2c-server{width:100%;background-color:#f2f2f2}
.full-b2c-server .table-middle{height:100%}
.full-b2c-server .content{width:50%;padding:131px 0 60px;font-size:16px;line-height:30px;color:#333}
.full-b2c-server .content h3{margin-bottom:45px;font-size:36px;line-height:50px;color:#333;font-weight:bold}
.full-b2c-server .thumb{float:right;width:50%;margin-left:82px}
.full-b2c-server .thumb img{width:100% !important;height:auto !important}

.full-aboutus-server{width:100%;}
.full-aboutus-server .table-middle{height:100%}
.full-aboutus-server .content{width:50%;padding:131px 0 60px;font-size:16px;line-height:30px;color:#333}
.full-aboutus-server .content h3{margin-bottom:45px;font-size:36px;line-height:50px;color:#333;font-weight:bold}
.full-aboutus-server .thumb{float:right;width:47%;position: relative;}
.full-aboutus-server .thumb img{width:80% !important;height: auto !important;position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 1s ease-in-out;}
.full-aboutus-server  .thumb img:first-child { opacity: 1;}

.proxy-wrapper{padding:80px 0 92px}
.proxy-wrapper ul{border-top:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9}
.proxy-wrapper li{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.proxy-wrapper h4{margin-bottom:14px;font-size:60px;line-height:60px;color:#999}
.proxy-wrapper h3{margin-bottom:17px;font-size:24px;line-height:36px;color:#1a1a1a}
.proxy-wrapper p{display:-webkit-box;height:168px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.proxy-wrapper .inner{padding:43px 50px 5px;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9}
.ipo-proxy-wrapper{padding-top:48px;padding-bottom:113px}
.ipo-proxy-wrapper .m-web-title{margin-bottom:57px}
.ipo-proxy-wrapper h3{margin-bottom:0;height:144px}
.ipo-proxy-wrapper .inner{padding:43px 50px 11px}
.ipo-server-wrapper{padding:111px 0 6px}
.ipo-server-wrapper .m-web-title{margin-bottom:67px}
.ipo-server-wrapper .server-ico-list li{width:25%;margin-bottom:96px;font-size:16px;line-height:24px;color:#333}
.ipo-server-wrapper .server-ico-list .ico{margin-bottom:29px}
.ipo-server-wrapper .server-ico-list .ico img{width:36%}
.ipo-server-wrapper .server-ico-list p{max-width:80%}
.topic-solution{padding:104px 0 88px}
.topic-solution .m-web-title{margin-bottom:17px}
.topic-solution .sub-title{text-align:center;margin-bottom:50px;font-size:16px;line-height:30px;color:#333}
.topic-solution .topic-list{border-left:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9}
.topic-solution .topic-list li{float:left;width:16.66667%}
.topic-solution .topic-list .inner{padding:43px 35px 29px;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9}
.topic-solution .topic-list h4{margin-bottom:20px;font-size:60px;line-height:60px;color:#999}
.topic-solution .topic-list h3{font-size:16px;line-height:24px;color:#666;display:-webkit-box;height:120px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.full-sys-desc .gray-sys-desc{background-color:#f2f2f2}
.full-sys-desc .gray-sys-desc .sys-lists h3{white-space:nowrap;font-weight:normal}
.full-sys-desc .quarter .sys-lists li{width:17%}
.m-sys-desc{padding:100px 0 105px}
.m-sys-desc .weblg{overflow:hidden;zoom:1}
.m-sys-desc .sys-info{float:left;width:370px;margin-right:20px;overflow:hidden;zoom:1;font-size:16px;line-height:24px;color:#666}
.m-sys-desc .sys-info .ico{float:left;width:100px;margin-right:25px}
.m-sys-desc .sys-info .info{overflow:hidden;zoom:1}
.m-sys-desc .sys-info h4{font-size:60px;line-height:60px;color:#ccc}
.m-sys-desc .sys-info h3{margin-bottom:19px;font-size:30px;line-height:40px;color:#333}
.m-sys-desc .sys-lists{overflow:hidden;zoom:1;font-size:14px;line-height:24px;color:#666}
.m-sys-desc .sys-lists li{width:25%;float:left;padding-left:8%}
.m-sys-desc .sys-lists .pull-left{margin-top:66px;width:12%;padding-left:21%}
.m-sys-desc .sys-lists .id{margin-bottom:9px;font-size:48px;line-height:48px;color:#d90000}
.m-sys-desc .sys-lists h3{margin-bottom:12px;font-size:18px;line-height:40px;color:#666;font-weight:bold}
.m-feature-list{border-top:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9}
.m-feature-list li{float:left;width:33.3333%}
.m-feature-list .inner{padding:73px 55px 62px;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9}
.m-feature-list h4{margin-bottom:14px;font-size:60px;line-height:60px;color:#999}
.m-feature-list h3{margin-bottom:29px;font-size:24px;line-height:36px;color:#1a1a1a}
.m-feature-list p{font-size:16px;color:#666;display:-webkit-box;height:120px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.shop-feature-top{padding:99px 0 124px}
.shop-feature-top .m-web-title{margin-bottom:63px}
.shop-feature-mid{position:relative;height:258px;padding:142px 0 100px}
.shop-feature-mid .feature-img{position:absolute;left:0;top:0;width:100%;height:500px;overflow:hidden}
.shop-feature-mid .feature-img img{position:absolute;left:50%;top:0;margin-left:-960px}
.shop-feature-mid .weblg{position:relative;z-index:5}
.shop-feature-mid .sys-info{width:466px}
.shop-feature-mid .sys-info h4{color:#ccc}
.shop-feature-mid .sys-info h3{color:#dcdcdc}
.shop-feature-mid .sys-lists{font-size:14px;line-height:24px;color:#d5d5d5}
.shop-feature-mid .sys-lists h3{color:#fff}
.shop-feature-bot{padding:275px 0 100px}
.crowd-article-top .sys-info{float:none;width:100%;font-size:16px;line-height:28px;color:#666}
.crowd-article-top .left{float:left;width:46%}
.crowd-article-top .right{float:right;width:46%}
.crowd-article-top .m-sys-desc{padding:8.625% 0 6.25%}
.full-crowd-bot{background-color:#f2f2f2}
.full-crowd-bot{padding:80px 0 56px}
.full-crowd-bot .sys-lists li{float:left;width:42%;padding-left:8%}
.elec-solution-wrapper{padding:70px 0 104px}
.elec-solution-wrapper .elec-title{text-align:center;font-size:36px;line-height:60px;color:#333}
.elec-solution-wrapper .sub{text-align:center;font-size:16px;line-height:40px;color:#333}
.elec-solution-wrapper .line{display:block;width:64px;height:1px;margin:36px auto 38px;overflow:hidden;background-color:#bfbfbf}
.elec-solution-wrapper .elec{margin-bottom:47px;text-align:center;font-size:36px;line-height:48px;color:#666}
.elec-solution-wrapper .elec-featrue li{float:left;width:33.3333%;background-color:#f2f2f2}
.elec-solution-wrapper .elec-featrue .ed{background-color:#ededed}
.elec-solution-wrapper .elec-featrue .inner{padding:40px 61px 23px 56px;font-size:16px;line-height:24px;color:#666}
.elec-solution-wrapper .elec-featrue .ico{margin-bottom:17px;font-size:0;line-height:54px}
.elec-solution-wrapper .elec-featrue .ico img{vertical-align:middle}
.elec-solution-wrapper .elec-featrue h3{margin-bottom:24px;font-size:24px;line-height:30px;color:#333}
.elec-solution-wrapper .elec-featrue p{font-size:16px;line-height:24px;color:#666;display:-webkit-box;height:120px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.elec-tab{padding-bottom:90px}
.elec-tab .tabs-title{background-color:#e6e6e6}
.elec-tab .tabs-title li{float:left;width:25%}
.elec-tab .tabs-title li.cur a{color:#fff;background-color:#d90000}
.elec-tab .tabs-title a{display:block;font-size:16px;line-height:66px;color:#000016;text-align:center}
.elec-tab .tabs-title a:hover{color:#fff;background-color:#d90000}
.elec-tab .item{display:none}
.elec-tab .item:first-child{display:block}
.elec-tab .func .name{font-size:16px;line-height:50px;color:#333;font-weight:bold;text-align:center;background-color:#d9d9d9}
.elec-tab .func .table{font-size:14px;line-height:24px}
.elec-tab .func .table .tr{margin-bottom:1px;background-color:#f2f2f2;padding:13px 0;overflow:hidden;zoom:1}
.elec-tab .func .table .tr p{float:left;width:44%;padding:0 3%}
.elec-tab .func .table .tr .line{position:relative}
.elec-tab .func .table .tr .line:after{content:'';position:absolute;right:0;top:-13px;bottom:-13px;width:1px;background-color:#fff}
.elec-tab .func .table .gray{background-color:#ededed}
.qa-list{padding-top:50px;font-size:16px;line-height:28px}
.qa-list li{margin-bottom:10px}
.qa-list h3{position:relative;padding:21px 94px 21px 112px;color:#333;background-color:#e6e6e6;background-image:url("../images/quesico.png");background-repeat:no-repeat;background-position:0 0;cursor:pointer}
.qa-list h3 .ico{position:absolute;top:50%;right:26px;width:32px;height:32px;margin-top:-16px;background-repeat:no-repeat;background-position:center;background-image:url("../images/qadd.png")}
.qa-list h3.cur .ico{background-image:url("../images/qaless.png")}
.qa-list .answer{display:none;background-color:#f2f2f2;background-image:url("../images/answico.png");background-repeat:no-repeat;background-position:0 0;padding:28px 94px 45px 112px;color:#666}
.product-crowd-top{padding:129px 0 118px}
.product-crowd-top .left{float:left;width:46%;padding:0}
.product-crowd-top .left .sys-info{width:100%}
.product-crowd-top .right{float:right;width:49%}
.product-crowd-top .right img{width:100%}
.product-crowd-mid{background-color:#f2f2f2}
.product-crowd-mid.quarter .sys-lists li{width:17%}
/*.product-crowd-bot .sys-lists li{width:17%;padding-left:22%}*/
.wechat-shopcase{padding:85px 0 108px}
.wechat-shopcase .m-web-title{margin-bottom:53px}
.wechat-shopcase .shop-case-list{border-top:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9}
.wechat-shopcase .shop-case-list li{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.wechat-shopcase .shop-case-list .inner{border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;padding:50px 45px 46px}
.wechat-shopcase .shop-case-list .ico{margin-bottom:24px;height:72px;line-height:72px}
.wechat-shopcase .shop-case-list .ico img{vertical-align:middle}
.wechat-shopcase .shop-case-list h3{margin-bottom:19px;font-size:24px;line-height:30px;color:#1a1a1a;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wechat-shopcase .shop-case-list p{display:-webkit-box;height:120px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.m-ml2-title{font-size:36px;line-height:48px;color:#333;text-align:center}
.ban-sys-dev{position:absolute;left:0;top:30.14706%;width:100%;text-align:center;font-size:24px;line-height:36px;color:#fff;font-weight:bold}
.platform-five-desc{margin-top:70px;margin-bottom:90px;border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;overflow:hidden;zoom:1}
.platform-five-desc li{float:left;width:20%;font-size:16px;line-height:24px;color:#666}
.platform-five-desc .inner{padding:14.375% 11.875% 26px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.platform-five-desc .ico{margin-bottom:32px;height:70px;line-height:70px}
.platform-five-desc .ico img{vertical-align:middle}
.platform-five-desc h3{margin-bottom:18px;font-size:24px;line-height:30px;font-weight:normal;color:#1a1a1a}
.platform-five-desc p{display:-webkit-box;height:192px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:8}
.full-platform-apply{padding:75px 0 77px;background-color:#f2f2f2}
.full-platform-apply .m-web-title{margin-bottom:52px}
.full-platform-apply ul{border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.full-platform-apply li{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.full-platform-apply .inner{padding:70px 45px 62px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.full-platform-apply h4{margin-bottom:17px;font-size:60px;line-height:60px;color:#999}
.full-platform-apply h3{margin-bottom:24px;font-size:24px;line-height:30px;color:#1a1a1a}
.full-platform-apply p{display:-webkit-box;height:144px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.wechat-platform{position:relative;height:621px}
.wechat-platform .full-bg{position:absolute;left:0;top:0;width:100%;height:621px;overflow:hidden}
.wechat-platform .full-bg img{position:relative;left:50%;margin-left:-960px;height:621px;max-width:none}
.wechat-platform .wechat-shop-content{overflow:hidden;zoom:1;padding-top:10.625%}
.wechat-platform .left-msg{float:left;width:423px}
.wechat-platform .left-msg .en{margin-bottom:13px;font-size:72px;line-height:72px;color:#46464a;font-weight:bold}
.wechat-platform .left-msg h3{font-size:30px;line-height:40px;color:#dcdcdc}
.wechat-platform .wcpalt-list{padding-top:9px;overflow:hidden;zoom:1}
.wechat-platform .wcpalt-list li{float:left;width:33%;padding-left:15%}
.wechat-platform .wcpalt-list .id{margin-bottom:9px;font-size:48px;line-height:48px;color:#d90000}
.wechat-platform .wcpalt-list h3{margin-bottom:13px;font-size:18px;line-height:40px;color:#ffffff;font-weight:bold}
.wechat-platform .wcpalt-list p{font-size:14px;line-height:24px;color:#d5d5d5}
.platform-server{padding:93px 0 90px}
.platform-server .m-ml2-title{margin-bottom:30px}
.platform-server .cms-desc{background-color:#f2f2f2}
.platform-server .cms-desc .item{width:40%;padding:56px 5% 54px;font-size:16px;line-height:30px}
.platform-server .cms-desc .left{float:left;margin-left:-1px;border:1px solid #fff;border-bottom:0}
.platform-server .cms-desc .right{float:right;margin-right:-1px}
.platform-server .cms-desc .ico{margin-bottom:39px;height:87px;line-height:87px}
.platform-server .cms-desc .ico img{vertical-align:middle}
.platform-server .cms-desc h3{margin-bottom:35px;font-size:24px;line-height:36px;color:#333;font-weight:bold}
.platform-feature{padding:82px 0 46px}
.platform-feature .m-ml2-title{margin-bottom:96px}
.m-quarter-icolist, .m-three-icolist{overflow:hidden;zoom:1;font-size:0;text-align:center}
.m-quarter-icolist li, .m-three-icolist li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:25%;margin-bottom:60px;font-size:14px;line-height:20px;color:#666}
.m-quarter-icolist .ico, .m-three-icolist .ico{margin-bottom:16px}
.m-quarter-icolist .ico img, .m-three-icolist .ico img{vertical-align:middle;width:40%}
.m-quarter-icolist h3, .m-three-icolist h3{margin-bottom:14px;font-size:18px;line-height:30px;color:#333}
.m-quarter-icolist p, .m-three-icolist p{max-width:16em;margin:0 auto}
.m-three-icolist li{width:33.3333%}
.m-three-icolist .ico img{width:30%}
.mobile-solution-wrapper{padding:82px 0 115px}
.mobile-solution-wrapper .m-web-title{margin-bottom:53px}
.mobile-solution-wrapper .msolution-list{border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.mobile-solution-wrapper .item{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.mobile-solution-wrapper .inner{padding:58px 45px 38px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.mobile-solution-wrapper .ico{line-height:92px;height:92px}
.mobile-solution-wrapper .ico img{vertical-align:middle}
.mobile-solution-wrapper h3{margin-bottom:21px;font-size:24px;line-height:36px;color:#1a1a1a}
.mobile-solution-wrapper .dot-list{height:168px;overflow:hidden}
.mobile-solution-wrapper .dot-list p{position:relative;padding-left:14px}
.mobile-solution-wrapper .dot-list p:before{position:absolute;left:0;top:0;height:24px;content:'•';display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.msite-positon{padding:7.125% 0 7%}
.msite-positon .m-web-title{margin-bottom:90px}
.m-wxico-list li{float:left;width:20%;text-align:center;font-size:18px;line-height:30px;color:#333}
.m-wxico-list li .ico{margin-bottom:16px}
.m-wxico-list li img{vertical-align:middle;width:50%}
.h5site-marb{margin-bottom:16px}
.wxshop-func{padding:110px 0 112px}
.wxshop-func .m-web-title{margin-bottom:90px}
.wxshop-func .m-quarter-icolist li{margin-bottom:50px}
.full-wxshop-attention{padding:72px 0 116px;background-color:#f2f2f2}
.full-wxshop-attention .m-web-title{margin-bottom:54px}
.full-wxshop-attention ul{border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.full-wxshop-attention li{float:left;width:25%;font-size:16px;font-stretch:normal;color:#666}
.full-wxshop-attention .inner{padding:60px 45px 26px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.full-wxshop-attention .id{margin-bottom:21px;font-size:60px;line-height:60px;color:#d90000}
.full-wxshop-attention p{display:-webkit-box;height:240px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:10}
.applet-desc-list{margin-bottom:90px;border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.applet-desc-list li{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.applet-desc-list .inner{padding:43px 40px 67px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.applet-desc-list .id{font-size:48px;line-height:48px;color:#d90000;font-weight:bold;margin-bottom:16px}
.applet-desc-list h3{margin-bottom:20px;font-size:18px;line-height:24px;color:#333;font-weight:bold}
.full-applet-wrapper{position:relative;height:503px;padding:79px 0 40px}
.full-applet-wrapper .m-web-title{position:relative;z-index:10;margin-bottom:75px;color:#fff}
.full-applet-wrapper .m-full-bg{position:absolute;left:0;top:0;height:582px;overflow:hidden;width:100%}
.full-applet-wrapper .m-full-bg img{position:relative;left:auto;margin-left:-0px;height:582px;}
.full-applet-wrapper .applet-feature{position:relative;z-index:10;overflow:hidden}
.full-applet-wrapper .applet-feature ul{text-align:center;margin-left:-60px;margin-right:-60px;margin-left:-3.75%;margin-right:-3.75%}
.full-applet-wrapper .applet-feature li{float:left;width:16%;font-size:16px;line-height:24px;color:#ccc;padding:0 3.48837%}
.full-applet-wrapper .applet-feature .ico{margin-bottom:14px}
.full-applet-wrapper .applet-feature .ico img{vertical-align:middle;width:77.38095%}
.full-applet-wrapper .applet-feature h3{margin-bottom:19px;font-size:18px;line-height:24px;color:#fff}
.applet-func{padding:100px 0 34px}
.applet-func .m-web-title{margin-bottom:58px}
.applet-func-list{overflow:hidden}
.applet-func-list ul{margin-left:-2.375%;margin-right:-2.375%}
.applet-func-list li{float:left;margin-bottom:62px;width:28.5714%;padding:0 2.38095%;text-align:center}
.applet-func-list .inner{padding:48px 40px 68px;font-size:15px;line-height:22px;color:#666;border:solid 1px #d9d9d9}
.applet-func-list .ico{margin-bottom:20px;height:75px;line-height:75px}
.applet-func-list .ico img{vertical-align:middle}
.applet-func-list h3{margin-bottom:20px;font-size:18px;line-height:32px;color:#1a1a1a}
.full-applet-do{padding:76px 0 68px;background-color:#f2f2f2;text-align:center}
.full-applet-do .do-desc{margin-bottom:64px}
.full-applet-do .inner{padding:43px 40px 69px}
.full-applet-do .m-three-icolist p{font-size:16px;line-height:24px}
.support-nav-filter .options{width:100%}
.support-nav-filter .selector{width:33.3333%;border:0}
.support-nav-filter .sec-title{border-right:1px solid #e6e6e6}
.doc-download{padding:43px 0 61px;overflow:hidden}
.doc-download ul{margin:0 -15px}
.doc-download li{float:left;width:50%}
.doc-download .inner{padding:0 15px}
.doc-download .info{padding:22px 150px 26px 38px;position:relative;background-color:#f2f2f2}
.doc-download .pdf{padding:9px 0 3px;font-size:18px;padding-left:87px;background:url("../images/pdf.png") no-repeat 0 center;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.doc-download .pdf span{font-weight:bold;color:#d90000}
.doc-download .dw{position:absolute;right:0;top:0;width:120px;height:120px;background-color:#e5e5e5;background-image:url("../images/dw.png");background-repeat:no-repeat;background-position:center;font-size:0}
.common-problem{padding-top:0;padding-bottom:134px}
.common-problem .qa-title{margin-bottom:29px;font-size:30px;line-height:50px;color:#333333}
.m-ft-contact .content{position:relative;padding:0 285px;text-align:center;max-width:842px;margin:0 auto}
.m-ft-contact .motto{position:absolute;left:0;top:3px;width:236px;height:160px;padding:30px 0 0;background-color:#303030;font-size:48px;line-height:54px;color:#fff;font-family:'simsun'}
.m-ft-contact .motto span{font-size:65px;line-height:70px}
.m-ft-contact .info{overflow:hidden;zoom:1;font-size:16px;line-height:36px;color:#fff}
.m-ft-contact .info a{color:#fff}
.m-ft-contact h3{margin-bottom:14px;font-size:60px;line-height:80px;font-weight:bold}
.m-ft-contact h2{margin-bottom:4px;font-size:40px;line-height:52px;font-family:'simsun'}
.m-ft-contact .msg{margin-bottom:12px;font-size:16px;line-height:36px;color:#333}
.m-ft-contact .msg a{font-weight:bold}
.m-ft-contact .msg h4{padding-top:2px;font-size:20px;line-height:36px}
.m-ft-contact .btns{width:316px;margin:0 auto}
.m-ft-contact .btns a{display:block;width:88px;height:46px;padding:0 0 0 58px;-webkit-border-radius:23px;border-radius:23px;font-size:16px;line-height:46px;color:#fff;background-repeat:no-repeat;background-position:23px center}
.m-ft-contact .btns .oline{float:left;background-color:#303030;background-image:url("../images/icoline.png")}
.m-ft-contact .btns .edit{float:right;background-color:#d90000;background-image:url("../images/icedit.png")}
.icontact-cover{margin-bottom:6.25%;padding:105px 0 78px;background-color:#af1212}
.full-icontact-cover{padding:57px 0 50px;background-color:#e6e6e6}
.full-icontact-cover h3{color:#d90000}
.full-icontact-cover .info{color:#333}
.full-icontact-cover .info a{color:#333}
.news-subnav{padding-top:3.375%;text-align:center}
.news-subnav .news-cate{display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding-left:2px}
.news-subnav .news-cate li{float:left;margin-right:2px;background-color:#f2f2f2}
.news-subnav .news-cate a{display:block;width:140px;height:50px;font-size:16px;line-height:50px;color:#333;text-align:center;background-color:#f2f2f2;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-subnav .news-cate a:hover{color:#fff;background-color:#d90000}
.news-subnav .news-cate .cur a{color:#fff;background-color:#d90000}
.news-subnav .news-search{display:none;float:right}
.news-subnav .news-search label{display:block;height:24px;float:left;padding:13px 0}
.news-subnav .news-search label input{width:100%;display:block;font-size:14px;line-height:24px}
.news-subnav .news-search .key{width:267px;padding-left:28px;background-color:#f2f2f2}
.news-subnav .news-search .search{width:54px;background:#d90000 url("../images/newsub.png") no-repeat center;cursor:pointer}
.news-subnav .news-search .search input{font-size:0;cursor:pointer}
.site-article-wrapper{padding-top:4.375%}
.tags-nav-wrapper ul li{float:left;width:10%;margin-bottom:1px}
.tags-nav-wrapper ul .cur a{color:#fff;background-color:#d90000}
.tags-nav-wrapper ul a{display:block;font-size:16px;line-height:60px;color:#333;background-color:#f2f2f2;text-align:center}
.tags-nav-wrapper ul a:hover{color:#fff;background-color:#d90000}
.g-search-form{margin:42px auto 35px;background-color:#f2f2f2}
.g-search-form .search-for-result{float:left;width:300px;height:100px;padding:70px 0;background-color:#d90000;text-align:center;color:#fff;font-size:16px;line-height:30px}
.g-search-form .search-for-result .nums{font-size:60px;line-height:70px}
.g-search-form .search-form-wrap{overflow:hidden;padding:78px 0}
.g-search-form .search-form{width:80%;margin:0 auto}
.g-search-form .search-form form{position:relative;padding-right:64px}
.g-search-form .search-form input{width:100%;height:24px;font-size:16px;line-height:24px}
.g-search-form .search-form label{display:block;padding:20px 0;height:24px;background-color:#fff}
.g-search-form .search-form .key{padding-left:40px}
.g-search-form .search-form .sub{position:absolute;right:0;top:0;width:64px;background:#fff url("../images/gsearch.png") no-repeat center}
.g-search-form .search-form .sub input{font-size:0}
.g-search-cate{margin-bottom:40px;text-align:center}
.g-search-cate ul{display:inline-block;vertical-align:top;*display:inline;*zoom:1;border:1px solid #d2d2d2}
.g-search-cate li{float:left;width:200px;font-size:16px;line-height:52px}
.g-search-cate li a{display:block;color:#666}
.g-search-cate li a.cur, .g-search-cate li a:hover{color:#fff;background-color:#d90000}
.g-search-result .cate-item{display:none;padding:0;margin:0}
.m-retrun{display:block;width:140px;margin:30px auto 50px;font-size:16px;line-height:35px;border:solid 1px #cccccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;color:#666;overflow:hidden;text-align:center}
.m-retrun:hover{border-color:#d90000;color:#d90000}
.full-error-page{position:relative}
.full-error-page img{display:block;width:100%}
.full-error-page .error-back{position:absolute;left:50%;top:67.98337%;margin-left:-261px;font-size:16px;line-height:56px}
.full-error-page .error-back ul{border-left:1px solid #e86666;border-right:1px solid #ccc}
.full-error-page .error-back li{float:left}
.full-error-page .error-back a{display:block;padding:0 22px;border-top:1px solid #e86666;border-bottom:1px solid #e86666;color:#fff;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#fff;-webkit-transition-property:color;-o-transition-property:color;-moz-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.full-error-page .error-back a::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#d90000;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.full-error-page .error-back a:hover{color:#d90000}
.full-error-page .error-back a:hover:before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.full-error-page .error-back .rg{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#d90000;background:#d90000}
.full-error-page .error-back .rg::before{background:#fff}
.full-error-page .error-back .rg:hover{background-color:#d90000;color:#fff}
.errpage-header a{color:#333}
.errpage-header .nav .title a{color:#333}
.errpage-header .search-handle{background:url(../images/search-handle404.png) no-repeat center}
.errpage-header .edit-handle{background:url(../images/hdedit404.png) no-repeat center}
.ie7 .cooperation-box, .ie8 .cooperation-box{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #e6e6e6}
.w-lg .needs-form label{width:364px}
.w-lg .needs-form .sub{width:113px}
.w-lg .ftcontent-right{width:1089px}
.w-lg .footer-content .szweb-info{padding-right:45px}
.w-lg .quick-links .item{padding-right:53px}
.w-lg .quick-links .aboutus{padding-right:0}
.w-lg .icase-list .content .brand{padding-top:0}
.w-lg .history-wapper, .w-lg .site-article-wrapper{width:1320px}
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup{margin-left:-700px}
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit{margin-bottom:15px;font-size:40px;line-height:48px}
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt{margin-bottom:40px;font-size:16px;line-height:28px}
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more{width:120px;height:28px;line-height:28px}
.w-lg .foot-contact .title{font-size:30px;padding:0 10px 0 68px}
.w-lg .foot-contact .needs .editbtn{height:45px;margin:6px 0 0 20px}
.w-lg .index-banner .slide03 .textpopup03{margin-left:-700px}
.w-lg .index-banner .slide03 .textpopup03 .ico{margin-bottom:22px}
.w-lg .index-banner .slide03 .textpopup03 .ico img{width:84px}
.w-lg .index-banner .slide03 .textpopup03 .tit{margin-bottom:42px;font-size:42px;line-height:52px}
.w-lg .iclients-list a .ac{margin-left:-88.795px}
.w-md .needs-form label{width:337px}
.w-md .needs-form .sub{width:115px}
.w-md .ftcontent-right{width:1009px}
.w-md .footer-content .szweb-info{padding-right:45px}
.w-md .quick-links .item{padding-right:25px}
.w-md .quick-links .business{width:301px}
.w-md .quick-links .advantage{width:249px}
.w-md .quick-links .aboutus{width:409px;padding-right:0}
.w-md .case-news-wrapper{width:1200px}
.w-md .case-wrapper .caseban .title{width:250px;height:240px;padding-top:10px;margin-top:-125px}
.w-md .history-wapper, .w-md .site-article-wrapper{width:1180px}
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup{margin-left:-660px}
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit{margin-bottom:15px;font-size:30px;line-height:40px}
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt{margin-bottom:30px;font-size:14px;line-height:24px}
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more{width:100px;height:28px;line-height:28px}
.w-md .foot-contact .title{font-size:26px;padding:0 10px 0 68px}
.w-md .foot-contact .needs .editbtn{font-size:16px;width:130px;margin:6px 0 0 20px}
.w-md .index-banner .slide03 .textpopup03{margin-left:-660px}
.w-md .index-banner .slide03 .textpopup03 .ico{margin-bottom:21.32px}
.w-md .index-banner .slide03 .textpopup03 .ico img{width:79.54px}
.w-md .index-banner .slide03 .textpopup03 .tit{margin-bottom:41px;font-size:39.36px;line-height:49.2px}
.w-md .iclients-list a .ac{margin-left:-80.795px}
.w-sm .needs-form label{width:307px}
.w-sm .needs-form .sub{width:85px}
.w-sm .ftcontent-right{width:899px}
.w-sm .footer-content .szweb-info{padding-right:35px}
.w-sm .quick-links .item{padding-right:20px}
.w-sm .quick-links .business{width:281px}
.w-sm .quick-links .advantage{width:229px}
.w-sm .quick-links .aboutus{width:349px;padding-right:0}
.w-sm .case-news-wrapper{width:1180px}
.w-sm .case-wrapper .caseban .title{width:250px;height:240px;left:60px;padding-top:10px;margin-top:-125px}
.w-sm .icustomer .inner{padding:4px 20px 20px}
.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup{margin-left:-600px}
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit{margin-bottom:10px;font-size:28px}
.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt{margin-bottom:30px;font-size:14px;line-height:24px}
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more{width:100px;height:28px;line-height:28px}
.w-sm .foot-contact .title{font-size:24px;padding:0 10px 0 63px}
.w-sm .foot-contact .lines .info{font-size:15px}
.w-sm .foot-contact .needs .info{font-size:15px}
.w-sm .foot-contact .needs .editbtn{font-size:16px;width:110px;line-height:38px;height:38px;margin:10px 0 0 10px}
.w-sm .index-banner .slide03 .textpopup03{margin-left:-600px}
.w-sm .index-banner .slide03 .textpopup03 .ico{margin-bottom:19.5px}
.w-sm .index-banner .slide03 .textpopup03 .ico img{width:72.75px}
.w-sm .index-banner .slide03 .textpopup03 .tit{margin-bottom:37.5px;font-size:36px;line-height:45px}
.w-sm .index-banner .slide04 .textpopup{margin-left:-600px}
.w-sm .iclients-list a .ac{margin-left:-68.795px}
.fixheader-404{background:url(../images/hdbg.png) repeat 0 0}
.g-return-wrapper{text-align:center;font-size:0;padding:30px 0 50px}
.g-return-wrapper a{display:inline-block;vertical-align:top;*display:inline;*zoom:1;min-width:80px;margin:0 10px;padding:0 30px;font-size:16px;line-height:35px;border:solid 1px #ccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;color:#666;overflow:hidden;text-align:center}
.g-return-wrapper a:hover{border-color:#d90000;color:#d90000}
.full-related-news{width:100%;padding:52px 0 57px;background-color:#f2f2f2}
.full-related-news .related-title{margin-bottom:38px;font-size:30px;line-height:42px;text-align:center;font-weight:bold;color:#34364b}
.full-related-news .related-news{overflow:hidden}
.full-related-news .related-news ul{margin:0 -13px}
.full-related-news .related-news li{float:left;width:25%}
.full-related-news .related-news a{display:block;overflow:hidden;margin:0 13px 23px;border:1px solid #d2d2d2;padding:20px 30px 19px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.full-related-news .related-news a:hover{border-color:#c40000}
.full-related-news .related-news a:hover .title{color:#c40000}
.full-related-news .related-news a:hover .date{color:#e96a6a}
.full-related-news .related-news .title{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.full-related-news .related-news .date{font-size:18px;line-height:30px;color:#a5a5ab}
.sitemap-wrapper{padding:120px 0 60px;background-color:#e6e6e6}
.sitemap-wrapper .weblg{background-color:#fff}
.sitemap-wrapper .title{padding:40px 40px 20px}
.sitemap{padding:20px 40px 58px}
.mapitem{position:relative;margin-bottom:20px;border:1px solid #ddd;padding:15px 10px 10px;font-size:0}
.mapitem a:hover{color:#d90000}
.mapitem .one{position:absolute;left:10px;top:-19px;padding:5px;background:#fff;color:#d90000;font-size:16px;font-weight:bold}
.mapitem .two{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:20%;font-size:14px;line-height:32px;padding-left:5px}
.mapitem .two dt:before{content:'';display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:4px;height:4px;margin-top:14px;background:#d90000;margin-right:5px}
.mapitem .two dd{padding-bottom:5px}
.mapitem .thr a{display:block;font-size:13px;line-height:30px;padding-left:12px}
.iban-pages{position:absolute;left:0;bottom:18px;z-index:20;width:100%;text-align:center}
.iban-pages span{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;width:94px;padding:20px 0;margin:0 3px;line-height:0;-webkit-border-radius:1px;border-radius:1px;cursor:pointer;*background-color:#fff;*padding:0}
.iban-pages span:after{content:'';display:block;width:100%;height:2px;background-color:#fff}
.iban-pages span.swiper-active-switch:after{background-color:#d90000}
.wapconstomer{display:none}
.bdshare_dialog_bg, .bdshare_dialog_box{display:none !important}
.full-foot-bottom .beianic{display:inline-block;*display:inline;vertical-align:top;*zoom:1;padding-left:24px;background:url("../images/beianico.png") no-repeat 0 center}
.m-gif-ban{position:relative;background-color:#ec671c}
.m-gif-ban .weblg{position:static;background-color:#f7f7f7;padding-bottom:31.25%;max-width:1200px}
.m-gif-ban .weblg img{position:absolute;width:31.25% !important;height:auto !important;left:34.375%;top:16.66667%}
.media-wraper{padding:70px 0 0}
.media-wraper .m-web-title{margin-bottom:70px}
.media-wraper li{width:33.3333%}
.media-wraper li p{height:96px;-webkit-line-clamp:4}
.media-wraper li .inner{padding:43px 40px 5px}
.four-column li{width:25%}
.four-column li img{max-width:160px}
.b2c-solution .market-top-list .inner p{height:144px;line-height:24px;-webkit-line-clamp:6}
.b2c-solution .trade-three-list li{width:33.33333%}
.b2c-solution .trade-three-list .inner{padding:43px 40px 8px}
.b2c-solution .trade-three-list .inner p{height:144px;line-height:24px;-webkit-line-clamp:6}
.b2c-solution .trade-two-list .quarter{width:33.3333%}#div_company_mini{right:70px !important}#iframe_company_mini_div{position:relative;top:14px !important}#LRfloater0, #icon_module{top:auto !important;bottom:20% !important;margin-bottom:350px !important}#LRfloater0 img{width:55px;height:55px}#LRMINIWIN0 img{vertical-align:top}#icon_menu_module{line-height:16px !important}
.full-project-flow{padding:53px 0 0}
.full-project-flow .flow-title{margin-bottom:43px;font-size:36px;line-height:50px;font-weight:bold;color:#333;text-align:center}
.full-project-flow .case-wrapper{padding-bottom:0}
.full-project-flow .case-intro-list{overflow:hidden}
.full-project-flow .flow-chart{padding-top:20px;margin:0 -6.43939%;font-size:0}
.full-project-flow .flow-chart .item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-align:center;font-size:14px;line-height:20px;color:#666;width:12.12%;padding:0 6.43939%}
.full-project-flow .flow-chart .item:after{position:absolute;right:-23%;top:78px;z-index:10;content:'';width:12.8%;width:45%;border-bottom:1px dashed #d8d8d8}
.full-project-flow .flow-chart .item p.mgw{margin:0 -2.5em}
.full-project-flow .flow-chart .item img{width:100% !important;height:auto !important}
.full-project-flow .flow-chart .item .name{padding:16px 0 10px;font-size:18px;line-height:30px;font-weight:bold;color:#333}
.full-project-flow .flow-chart .last:after{display:none}
.full-guidance{position:relative}
.full-guidance .guidancebg img{width:100%}
.full-guidance .guidance-wraper{position:absolute;left:50%;top:0;z-index:10;margin-left:-800px;width:100%;height:100%;text-align:center}
.full-guidance .guidance-wraper .item{width:50%;height:100%;float:left;font-size:0}
.full-guidance .guidance-wraper .item:before{content:'';display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:0;height:100%}
.full-guidance .guidance-wraper a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.full-guidance .guidance-wraper h3{margin-bottom:10px;font-size:36px;line-height:50px;color:#fff}
.full-guidance .guidance-wraper .ico{height:72px;background-repeat:no-repeat;background-position:center}
.full-guidance .doc .ico{background-image:url("../images/flowdoc.png")}
.full-guidance .video .ico{background-image:url("../images/flowvideo.png")}
.operate-problems{padding-top:100px;padding-bottom:65px}
.operate-problems .qa-title{font-size:36px;line-height:50px;font-weight:bold;text-align:center;margin-bottom:52px}
.operate-problems ul{padding-bottom:62px}
.operate-problems .return{display:block;width:142px;margin:0 auto;font-size:16px;line-height:35px;text-align:center;color:#666;border:solid 1px #ccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.operate-problems .return:hover{border-color:#d90000;color:#d90000}
.operate-video-popup{position:fixed;left:0;top:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none}
.operate-video-popup .operate-video{position:absolute;left:50%;top:50%;z-index:10;width:800px;height:510px;margin:-255px 0 0 -400px;background-color:#fff}
.operate-video-popup .title{font-size:24px;line-height:80px;color:#fff;font-weight:bold;text-align:center;background-color:#d90000}
.operate-video-popup .close{position:absolute;right:0;top:0;width:80px;font-size:30px;line-height:80px;color:#fff;text-align:center;font-family:consolas}
.operate-video-popup .video-list{height:350px;overflow-y:auto;padding:40px 50px}
.operate-video-popup .video-list li{border-bottom:1px solid #eeeeee}
.operate-video-popup .video-list a{display:block;font-size:16px;line-height:60px;color:#666;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;background:url("../images/operatevdico.png") no-repeat 95% center}
.video-player-popup{display:none;position:fixed;left:0;top:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,0.5);font-size:0;text-align:center}
.video-player-popup:before{content:'';width:0;height:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.video-player-popup .video-player{position:relative;width:94%;min-height:300px;max-width:960px;margin-top:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.video-player-popup .close{position:absolute;right:-40px;top:-40px;width:40px;height:40px;background:url("../images/closebtn.png") no-repeat center}
.full-site-article .maxw945{max-width:945px;margin:0 auto}
.full-b2c-server .m-dotul li:before{content:'•';display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding-right:0.7em;font-weight:bold}
.full-aboutus-server .m-dotul li:before{content:'•';display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding-right:0.7em;font-weight:bold}
.maintain-content .m-web-title{margin-bottom:67px}
.maintain-content .topic-list .inner{padding:48px 20px 30px}
.maintain-content .topic-list h4{margin-bottom:14px}
.maintain-content .topic-list h3{margin-bottom:22px;font-size:24px;color:#1a1a1a;display:-webkit-box;height:36px;line-height:36px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.maintain-content .topic-list p{font-size:16px;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.full-maintain-flow{padding:55px 0 60px;background-color:#f2f2f2}
.full-maintain-flow .m-web-title{margin-bottom:43px}
.full-maintain-flow .flow-img{text-align:center}
.full-maintain-flow .flow-img img{max-width:100%}
.maintain-feature{padding:57px 0 0}
.maintain-feature ul{padding:0 6%;font-size:0;text-align:center}
.maintain-feature .ico{margin-bottom:46px}
.maintain-feature .ico img{max-width:100%}
.maintain-feature li{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:20%;margin-bottom:68px}
.maintain-feature li:after{position:absolute;right:0;top:53px;content:'';width:34px;height:25px;margin-right:-17px;background:url("../images/maintainarr.png") no-repeat center}
.maintain-feature .olast:after, .maintain-feature .time2:after{display:none}
.maintain-feature .time1:after{width:100px;height:1px;top:61px;margin-right:-50px;background:url("../images/maintainline.png") no-repeat center}
.maintain-feature .inner{padding:0 40px}
.maintain-feature h3{margin-bottom:15px;font-size:18px;line-height:30px;color:#333}
.maintain-feature p{font-size:14px;line-height:20px;color:#666}
.our-server{max-width:1920px;margin:0 auto}
.about-us-intro .intro-card .inner img, .full-certificate-article .certificate img, .full-adv-case img, .full-ablum img{width:100% !important;height:auto !important}
.m-quarter-icolist .ico img, .m-three-icolist .ico img{width:40% !important;height:auto !important}
.m-center-img img{max-width:100%;height:auto !important}
.wechat-shopcase .shop-case-list .ico img{width:auto !important;height:72px !important}#LXB_CONTAINER_SHOW.lxb-container-btn-show{top:auto !important;bottom:20% !important;margin-bottom:430px !important;width:40px !important}#LXB_CONTAINER.lxb-container{z-index:99 !important}#LXB_CONTAINER.lxb-container-mobile-3, #LXB_CONTAINER.lxb-container-mobile-4{width:300px !important;left:auto !important;right:15px !important;border-color:#d9000d !important}#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-tip-content, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-tip-content{color:#d9000d !important}#LXB_CONTAINER#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-btn, #LXB_CONTAINER#LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-btn{background:#d9000d !important}#LXB_CONTAINER .lxb-container-btn-hide{background:url("../images/lxbhide.png") no-repeat 0 0 !important}
.iban-ctrl{position:absolute;bottom:0;right:0;z-index:30;width:330px;height:70px;background:rgba(255,255,255,0.7);padding:0 40px 0 50px}
.iban-index{float:left;line-height:70px;color:#333}
.iban-index span{float:left;font-size:24px;font-weight:bold;line-height:70px}
.iban-index .line{font-size:20px;padding:0 10px}
.iban-index .total{color:#999}
.iban-nav{float:left;padding-left:30px}
.iban-nav a{float:left;width:100px;height:70px;background-repeat:no-repeat;background-position:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}
.iban-nav .prev{border-right:1px solid #fff;background-image:url("../images/ibanprev.png")}
.iban-nav .prev:hover{background-position:40% center}
.iban-nav .next{background-image:url("../images/ibannext.png")}
.iban-nav .next:hover{background-position:60% center}
.iban-nav .next{background-color:#d90000}
.singlepage a{color:#d90000;text-decoration:underline}
.case-intro-list li a{color:#666}
.full-faith-article .image img{width:100% !important;height:auto !important}
/* 20221221 */
@media (max-width: 640px) {
    .knowledge-wrap {
        margin-top:30px
    }
    .knowcommonweb {
        width:100%;
        padding:0 15px
    }
    .knowledge-left {
        width:100%;
        margin-right:0
    }
    .knowledge-right {
        width:100%;
        border-bottom:20px solid #F6F7FA
    }
    .knowledge-aside {
        width:100%;
        border-bottom:20px solid #F6F7FA
    }
    .knowledge-title {
        display:block;
        width:100%;
        text-align:center;
        margin-bottom:10px;
        font-size:18px
    }
    .knowledge-search {
        display:block;
        margin-left:0;
        min-width:100%
    }
    .pcdb {
        display:none
    }
    .article-title {
        background:-webkit-gradient(linear, left top, right top, from(#d90000), to(#D9534F));
        background:-webkit-linear-gradient(left, #d90000, #D9534F);
        background:-moz- oldlinear-gradient(left, #d90000, #D9534F);
        background:-o-linear-gradient(left, #d90000, #D9534F);
        background:linear-gradient(to right, #d90000, #D9534F);
        -o-background-size:100%;
        background-size:100%
    }
    .article-title:before, .mobile-titbtn:before {
        display:block
    }
    .mob-knowledge {
        position:fixed;
        top:0;
        right:0;
        width:80%;
        background:#fff;
        z-index:100;
        height:100%;
        overflow-y:auto;
        -webkit-box-shadow:-5px 2px 8px rgba(0, 0, 0, 0.06);
        box-shadow:-5px 2px 8px rgba(0, 0, 0, 0.06);
        padding-bottom:20px;
        -webkit-transition:all .3s;
        -o-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    .mob-knowledge.show {
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none;
        opacity:1
    }
    .phpmyfaq-list li {
        border-bottom:1px solid #ddd;
        padding:10px 0
    }
    .phpmyfaq-list li a {
        display:block;
        overflow:hidden
    }
    .knowledge-box {
        padding:30px 15px;
        background:#fff;
        border:1px solid #e8eef6
    }
    .type-tit {
        margin-bottom:10px
    }
    .mobdb {
        display:block
    }
    .knowledge-wrap:after, .knowledge-wrap:before {
        display:none
    }
}
@media (max-width: 640px) {
    html {
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
        -webkit-font-smoothing:antialiased;
        -webkit-tap-highlight-color:transparent;
        -webkit-touch-callout:none;
        touch-callout:none;
        cursor:pointer
    }
    *, :after, :before {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        background-repeat:no-repeat
    }
    article, aside, footer, header, nav, section {
        display:block
    }
    a {
        background-color:transparent;
        -webkit-text-decoration-skip:objects;
        text-decoration:none;
        color:#333;
        outline:none;
        cursor:pointer
    }
    .bd_weixin_popup {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    html, body {
        height:100%
    }
    html.fixedfixup, body.fixedfixup {
        overflow:hidden
    }
    body {
        margin:0 auto;
        min-width:320px;
        padding:60px 0 55px;
        max-width:540px;
        overflow-y:auto
    }
    .weblg {
        width:100%;
        padding:0 15px
    }
    .header {
        position:fixed !important;
        background-color:#fff;
        top:0 !important;
        height:60px !important;
        padding-top:8px;
        background:#333 !important;
        min-width:0
    }
    .header .logo {
        height:40px
    }
    .header .logo img {
        height:40px
    }
    #LXB_CONTAINER {
        top:auto !important;
        bottom:170px !important;
        margin-bottom:60px !important
    }
    #LXB_CLOSE_BTN {
        top:auto !important;
        bottom:170px !important;
        margin-bottom:60px !important
    }
    .sidebar {
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        display:block !important;
        background:#d30000;
        padding-left:25%
    }
    .sidebar a, .sidebar span {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    .sidebar a {
        float:left;
        width:33.33333%;
        height:20px;
        margin-bottom:0;
        padding-top:35px;
        font-size:10px;
        line-height:20px
    }
    .sidebar a i {
        color:#ffa8a8
    }
    .sidebar .hometop {
        position:fixed;
        right:10px;
        bottom:20%;
        bottom:170px;
        width:40px;
        height:40px;
        background-color:#eaeaea;
        border:1px solid #eee
    }
    .sidebar .qq {
        background-position:center 6px
    }
    .sidebar .tel {
        position:absolute;
        left:0;
        width:25%;
        background-position:center 6px
    }
    .sidebar .edit {
        background-position:center 8px
    }
    .sidebar .wechat {
        background-position:center 8px;
        margin-bottom:0
    }
    .sidebar .wechat .qrcode {
        position:fixed;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    .menu-handle {
        float:right;
        display:block;
        width:40px;
        height:40px;
        padding:8px 5px;
        margin:2px 0 0 20px
    }
    .menu-handle span {
        display:block;
        width:100%;
        height:2px;
        background-color:#fff;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .menu-handle span:nth-child(2) {
        margin:9px 0
    }
    .menu-handle.ac span:nth-child(1) {
        -webkit-transform:translate(0, 11px) rotate(45deg);
        -moz-transform:translate(0, 11px) rotate(45deg);
        -ms-transform:translate(0, 11px) rotate(45deg);
        -o-transform:translate(0, 11px) rotate(45deg);
        transform:translate(0, 11px) rotate(45deg)
    }
    .menu-handle.ac span:nth-child(2) {
        opacity:0
    }
    .menu-handle.ac span:nth-child(3) {
        -webkit-transform:translate(0, -11px) rotate(-45deg);
        -moz-transform:translate(0, -11px) rotate(-45deg);
        -ms-transform:translate(0, -11px) rotate(-45deg);
        -o-transform:translate(0, -11px) rotate(-45deg);
        transform:translate(0, -11px) rotate(-45deg)
    }
    .nav {
        display:none;
        position:fixed;
        left:0;
        top:60px;
        width:100%;
        height:100%;
        padding-bottom:60px;
        background-color:#fff;
        padding:0 15px 90px;
        overflow-y:auto
    }
    .nav>ul>li {
        float:none;
        width:100%;
        color:#333;
        border-bottom:1px solid #ccc;
        padding:0
    }
    .nav .title a {
        color:#333;
        padding-bottom:0;
        border-bottom:0
    }
    .nav .title a:hover {
        border:0
    }
    .nav .title.cur a {
        padding-bottom:0;
        border-bottom:0
    }
    .hassub {
        position:relative
    }
    .hassub .mico {
        position:absolute;
        right:0;
        top:0;
        width:44px;
        height:44px;
        background:url("../webimages/queico.png") no-repeat center;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .hassub.roll .mico {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .full-dropdown {
        position:static;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding:0 0 15px
    }
    .full-dropdown .column {
        display:none
    }
    .full-dropdown .subnav {
        float:none;
        width:100%
    }
    .full-dropdown .nav-web {
        width:100%;
        height:auto
    }
    .m-ico-links {
        padding-top:0;
        float:none
    }
    .m-ico-links a {
        display:block;
        margin-bottom:10px
    }
    .cooperation-box {
        display:none;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        overflow-y:auto
    }
    .cooperation-box .cooperation {
        width:100%;
        height:100%;
        padding:35px 15px
    }
    .cooperation-box .cooperation iframe {
        width:100%;
        height:100%
    }
    .cooperation-box .cooperation-close {
        position:absolute;
        right:20px;
        top:20px;
        width:30px;
        height:30px;
        -o-background-size:20px 20px;
        background-size:20px 20px
    }
    .cooperation-left {
        float:none;
        width:100%
    }
    .cooperation-left h3 {
        font-size:20px;
        line-height:22px;
        padding-bottom:15px
    }
    .cooperation-left h4 {
        font-size:25px;
        line-height:28px;
        padding-bottom:15px
    }
    .cooperation-left h5 {
        padding-bottom:10px
    }
    .cooperation-left .coopb {
        padding:10px 0px
    }
    .cooperation-right {
        float:none;
        width:100%;
        padding-top:15px
    }
    .cooperation-right .baseinfo label {
        height:auto
    }
    .cooperation-right .baseinfo .name {
        float:none;
        width:100%;
        margin-bottom:8px
    }
    .cooperation-right .baseinfo .tel {
        float:none;
        width:100%
    }
    .cooperation-right .type-label {
        font-size:20px;
        line-height:26px
    }
    .cooperation-right .type-label span {
        font-size:26px;
        line-height:36px
    }
    .cooperation-right .project-type dd {
        width:33.333%;
        height:73px;
        margin-bottom:5px
    }
    .cooperation-right .project-type label {
        width:100%;
        height:67px
    }
    .cooperation-right .verification {
        position:relative;
        padding-top:10px;
        padding-right:150px
    }
    .cooperation-right .verification label {
        float:none;
        width:100%;
        height:auto
    }
    .cooperation-right .verification img {
        position:absolute;
        right:0;
        top:10px;
        height:36px
    }
    .cooperation-right .sub {
        padding-top:15px
    }
    .cooperation-right .sub input {
        padding:6px 0px;
        border:1px solid #e81727;
        font-size:16px
    }
    .site-nav-wrapper .m-ico-links, .shop-nav-wrapper .m-ico-links {
        width:100%;
        padding-left:0
    }
    .site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash {
        border-left:0;
        height:auto
    }
    .case-nav-wraper .item {
        float:none;
        width:100%;
        padding:0 20px
    }
    .case-nav-wraper .item .m-navlist {
        display:none;
        width:100%;
        float:none;
        font-size:0
    }
    .case-nav-wraper .item .m-navlist li {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        width:50%
    }
    .case-nav-wraper .item .m-navlist a {
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .case-nav-wraper .item .cate-navlist {
        display:none
    }
    .case-nav-wraper .item .cate-navlist .m-navlist {
        display:block
    }
    .solution-nav-wrapper .solution-nav {
        padding-top:0
    }
    .solution-nav-wrapper ul {
        padding:0 0 0 20px
    }
    .solution-nav-wrapper li {
        width:50%
    }
    .news-nav-wrapper li, .wechat-nav-wrapper li {
        float:none;
        width:100%;
        text-align:left
    }
    .news-nav-wrapper li .ico, .wechat-nav-wrapper li .ico {
        display:none
    }
    .news-nav-wrapper li a, .wechat-nav-wrapper li a {
        display:block
    }
    .news-nav-wrapper li a, .wechat-nav-wrapper li a {
        padding-left:20px;
        line-height:44px;
        font-weight:normal
    }
    .news-nav-wrapper ul, .wechat-nav-wrapper ul {
        padding-top:0;
        margin-left:0;
        margin-right:0;
        margin:0
    }
    .m-ichl-subnav ul {
        margin-left:-18px
    }
    .m-ichl-subnav li {
        padding:0 12px 0 18px
    }
    .m-ichl-subnav li a {
        font-size:15px
    }
    .m-ichl-subnav .activehook {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    .m-ichl-subnav {
        overflow-x:auto
    }
    .m-ichl-subnav ul {
        white-space:nowrap;
        font-size:0
    }
    .m-ichl-subnav li {
        float:none;
        vertical-align:top;
        display:inline-block
    }
    .m-ichl-subnav li a {
        line-height:34px
    }
    .index-banner .bx-pager {
        bottom:0
    }
    .index-banner .bx-pager .bx-pager-item a {
        width:50px
    }
    .index-banner .linerbg {
        display:none
    }
    .index-banner .slide01 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide01 .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide01 .txt {
        white-space:normal;
        margin-bottom:12px;
        font-size:10px;
        line-height:22px
    }
    .index-banner .slide03 .textpopup03 {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide03 .textpopup03 .ico {
        margin-bottom:10px
    }
    .index-banner .slide03 .textpopup03 .ico img {
        width:26px
    }
    .index-banner .slide03 .textpopup03 .tit {
        font-size:16px;
        line-height:26px;
        white-space:normal
    }
    .index-banner .slide04 .textpopup {
        top:0;
        left:0;
        margin-left:0;
        padding:30px 15px 15px
    }
    .index-banner .slide04 .textpopup .tit {
        margin-bottom:8px;
        font-size:16px;
        line-height:26px;
        width:72.39583%;
        white-space:normal
    }
    .index-banner .slide04 .textpopup .txt {
        margin-bottom:0;
        font-size:10px;
        line-height:22px;
        white-space:normal
    }
    .index-banner .slide05 .textpopup {
        -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        width:90%;
        margin:0
    }
    .index-banner .slide05 .tit {
        margin-bottom:10px;
        font-size:16px;
        line-height:26px
    }
    .index-banner .slide05 .icolist {
        margin-bottom:18px
    }
    .index-banner .slide05 .icolist .ico {
        width:20%;
        font-size:16px;
        line-height:24px
    }
    .index-banner .slide05 .icolist .ico img {
        width:30px
    }
    .index-banner .slide05 .icolist .ico p {
        padding-top:0;
        font-size:12px
    }
    .index-banner .slide05 .icolist .ico:after {
        margin-top:-10px;
        height:20px
    }
    .index-banner .slide05 .botdesc {
        font-size:14px;
        line-height:30px
    }
    .index-banner .slide05 .botdesc span {
        font-size:15px
    }
    .about-nav-wrapper dl {
        padding:5px 15px;
        height:auto
    }
    .about-nav-wrapper dl dt {
        padding-bottom:10px;
        font-size:16px;
        font-weight:normal
    }
    .about-nav-wrapper dl dd {
        padding-left:20px
    }
    .about-nav-wrapper .know {
        background:none
    }
    .about-nav-wrapper .customer {
        background:none;
        border:0
    }
    .contact-nav-wrapper dl {
        width:100%;
        height:auto;
        padding:0 0 0 15px
    }
    .contact-nav-wrapper dl dt {
        font-weight:normal;
        line-height:44px
    }
    .contact-nav-wrapper dl .ico {
        display:none
    }
    .contact-nav-wrapper .hr {
        border:0
    }
    .index-banwrap {
        padding-bottom:63%
    }
    .index-banwrap ul {
        height:100%
    }
    .index-banwrap ul li {
        height:100%
    }
    .index-banwrap ul a {
        height:100%;
        overflow:hidden
    }
    .index-banwrap .iban {
        position:relative;
        left:50%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
        width:auto;
        height:100%
    }
    .index-banwrap .slide03 .imgpopup03 .pop01 {
        width:8.65677%;
        left:24.87981%
    }
    .index-banwrap .slide03 .imgpopup03 .pop02 {
        width:17.54964%;
        left:31.07639%
    }
    .index-banwrap .slide03 .imgpopup03 .pop03 {
        width:9.99464%;
        left:34.20139%
    }
    .index-banwrap .slide03 .imgpopup03 .pop04 {
        width:29.03953%;
        left:78.46354%
    }
    .index-banwrap .slide03 .imgpopup03 .pop05 {
        width:14.08693%;
        left:88.34635%
    }
    .index-banwrap .slide04 .imgpopup .before {
        -webkit-transition-delay:0s !important;
        -moz-transition-delay:0s !important;
        -o-transition-delay:0s !important;
        transition-delay:0s !important
    }
    .index-banwrap .slide04 .imgpopup .pop01 {
        top:10.58333%;
        left:0.60417%;
        width:53.20313%
    }
    .index-banwrap .slide04 .imgpopup .pop02 {
        left:38.74366%;
        width:39.53125%
    }
    .index-banwrap .slide04 .imgpopup .pop03 {
        top:80.91667%;
        left:-0.79167%;
        width:50%
    }
    .index-banwrap .slide04 .imgpopup .pop04 {
        top:20%;
        left:33.04861%;
        width:53.20313%
    }
    .index-banwrap .slide04 .imgpopup .pop05 {
        left:70.75%;
        width:29.21875%
    }
    .index-banwrap .slide04 .imgpopup .pop06 {
        top:73.7%;
        left:37.29444%;
        width:55.46875%
    }
    .index-banwrap .slide04 .imgpopup .pop07 {
        top:28.41667%;
        left:76.27093%;
        width:23.82813%
    }
    .m-ichl-title .cn {
        font-size:20px;
        line-height:36px
    }
    .iabout-us {
        padding-top:30px;
        padding-bottom:0
    }
    .iabout-us .intro {
        display:none;
        padding:20px 0 26px 0
    }
    .iabout-us .year {
        display:none
    }
    .iabout-us .content {
        display:none;
        position:relative;
        z-index:20
    }
    .iabout-us .main-business {
        padding-top:15px;
        margin:0
    }
    .iabout-us .main-business .business-item {
        margin-bottom:15px;
        width:50%
    }
    .iabout-us .main-business .business-item .inner {
        margin:0
    }
    .iabout-us .main-business .business-item .inner:hover h2 a {
        color:#1a1a1a
    }
    .iabout-us .main-business .business-item .inner:hover .sub {
        border-bottom-color:#666
    }
    .iabout-us .main-business .business-item .inner:hover .line {
        width:0
    }
    .iabout-us .main-business .ico {
        margin-bottom:0;
        height:50px;
        line-height:50px;
        font-size:0;
        text-align:center
    }
    .iabout-us .main-business .ico img {
        vertical-align:middle;
        height:36px
    }
    .iabout-us .main-business .ico .ac {
        display:none
    }
    .iabout-us .main-business .id {
        display:none;
        right:27px;
        top:0;
        font-size:50px;
        line-height:50px
    }
    .iabout-us .main-business h2 {
        text-align:center
    }
    .iabout-us .main-business h2 a {
        padding:10px 0 10px;
        font-size:16px
    }
    .iabout-us .main-business .sub {
        display:none;
        height:auto;
        padding-bottom:20px
    }
    .m-case-list .title {
        font-size:16px;
        line-height:30px
    }
    .iclassic-case {
        padding-top:10px;
        padding-bottom:20px
    }
    .iclassic-wrapper {
        width:100%
    }
    .icase-list {
        padding-top:15px
    }
    .icase-list li {
        width:100%;
        padding-bottom:10px
    }
    .icase-list .item {
        padding:0
    }
    .icase-list .thumb {
        margin-bottom:10px
    }
    .icase-list .desc {
        height:48px;
        line-height:24px;
        -webkit-line-clamp:2
    }
    .icase-list .content {
        bottom:40px
    }
    .full-isoutions {
        padding:20px 0
    }
    .isoutions-item {
        width:100%
    }
    .isoutions-item .slide-ctrl {
        display:none;
        position:absolute;
        top:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-position:center;
        background-color:#f60
    }
    .isoutions-item .slide-prev {
        left:-60px
    }
    .isoutions-item .slide-next {
        right:-60px
    }
    .isoutions-list {
        padding:10px 0;
        margin:0
    }
    .isoutions-list ul {
        margin:0
    }
    .isoutions-list ul li {
        float:none;
        width:100%
    }
    .isoutions-list .item {
        padding:0
    }
    .isoutions-list .item a {
        padding-bottom:15px;
        border-width:1px
    }
    .isoutions-list .ico {
        margin-bottom:15px;
        height:60px;
        line-height:60px;
        font-size:0
    }
    .isoutions-list .ico img {
        max-height:100%
    }
    .isoutions-list .title {
        margin-bottom:10px;
        font-size:16px
    }
    .isoutions-list .desc {
        height:72px;
        line-height:24px;
        -webkit-line-clamp:3
    }
    .isoutions-list .item .card .thumb img {
        max-width:none
    }
    .iclients-wrapper {
        padding-top:20px;
        padding-bottom:20px
    }
    .iclients-wrapper .m-ichl-subnav {
        display:none;
        margin-bottom:20px
    }
    .iclients-wrapper .ichannel-tabcontent {
        overflow:hidden
    }
    .iclients-wrapper .tabcontent-slider {
        position:relative;
        width:200%
    }
    .iclients-wrapper .icustomer {
        display:none
    }
    .iclients-list {
        position:relative;
        overflow:hidden
    }
    .iclients-list:after {
        content:'';
        display:block;
        width:100%;
        padding-bottom:179.32075%
    }
    .iclients-list ul {
        position:absolute;
        left:0;
        top:0
    }
    .iclients-list li {
        width:50%;
        margin-bottom:0;
        -o-background-size:96.5625% auto;
        background-size:96.5625% auto
    }
    .icustomer {
        padding-bottom:10px
    }
    .icustomer li {
        width:100%;
        margin-bottom:10px
    }
    .icustomer .inner {
        padding:5px 10px 10px
    }
    .icustomer .ico {
        margin-bottom:10px;
        height:64px;
        line-height:64px
    }
    .icustomer .ico img {
        max-height:80%
    }
    .icustomer .name {
        margin-bottom:10px;
        font-size:16px;
        line-height:24px
    }
    .full-inum-brief {
        background-color:#ccc;
        overflow:hidden
    }
    .full-inum-brief .briefbg {
        position:absolute;
        left:50%;
        top:0;
        height:100%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .full-inum-brief .briefbg img {
        position:static;
        top:0;
        left:0;
        margin-left:0;
        height:100%
    }
    .full-inum-brief .inum-list {
        position:relative;
        left:0;
        z-index:20;
        width:100%;
        margin:0;
        padding:20px 5px 0
    }
    .full-inum-brief .inum-list li {
        width:50%;
        padding:5px;
        margin-bottom:15px
    }
    .full-inum-brief .num {
        margin-bottom:10px;
        font-size:40px;
        line-height:42px
    }
    .full-inum-brief .text {
        font-size:14px;
        display:-webkit-box;
        height:48px;
        line-height:24px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .full-inum-brief .videobg {
        display:none
    }
    .full-inum-brief .video {
        display:none
    }
    .inews-center {
        padding-top:20px;
        padding-bottom:20px
    }
    .inews-wraper {
        padding-top:10px
    }
    .inews-wraper .inews-wraper {
        overflow:hidden
    }
    .news-set-top {
        float:none;
        width:100%;
        padding:15px;
        margin-bottom:15px
    }
    .news-set-top .title {
        margin-bottom:6px;
        font-size:16px;
        display:-webkit-box;
        height:52px;
        line-height:26px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .news-set-top .date {
        margin-bottom:10px;
        font-size:14px
    }
    .news-two .date, .news-four .date {
        font-size:14px
    }
    .news-two .date b, .news-four .date b {
        font-size:30px;
        line-height:28px
    }
    .news-two {
        float:none;
        width:100%;
        margin:0
    }
    .news-two li {
        margin-bottom:15px;
        padding:15px 10px 5px
    }
    .news-two .two-title {
        margin-bottom:16px;
        font-size:18px;
        line-height:30px;
        color:#333;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .news-two .desc {
        margin-bottom:26px;
        font-size:14px;
        color:#888;
        display:-webkit-box;
        height:40px;
        line-height:20px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2
    }
    .news-two .date {
        padding:12px 0 12px
    }
    .news-four {
        padding:15px 10px 5px
    }
    .news-four a {
        padding:20px 30px 20px 0
    }
    .news-four .date {
        display:none;
        position:absolute;
        left:0;
        top:10px
    }
    .news-four .four-title {
        margin-bottom:0;
        font-size:16px;
        line-height:32px
    }
    .full-icontact-cover {
        padding:20px 0
    }
    .m-ft-contact .content {
        padding:0
    }
    .m-ft-contact .motto {
        display:none
    }
    .m-ft-contact .info {
        font-size:14px;
        line-height:32px
    }
    .m-ft-contact h3 {
        margin-bottom:5px;
        font-size:22px;
        line-height:42px
    }
    .m-ft-contact h2 {
        font-size:18px;
        line-height:30px
    }
    .m-ft-contact .msg {
        margin-bottom:12px;
        font-size:13px;
        line-height:24px
    }
    .m-ft-contact .msg h4 {
        font-size:16px;
        line-height:32px
    }
    .m-ft-contact .btns {
        width:286px
    }
    .m-ft-contact .btns a {
        width:136px;
        height:40px;
        -webkit-border-radius:20px;
        border-radius:20px;
        font-size:14px;
        line-height:40px
    }
    .footer-content {
        margin-bottom:55px;
        padding:20px 0 0;
        overflow:hidden
    }
    .footer-content .friend-links {
        display:none
    }
    .footer-content .szweb-info {
        float:left;
        width:266px;
        padding:0 111px 24px 0;
        color:#cccc
    }
    .footer-content .szweb-info a {
        color:#cccc
    }
    .footer-content .szweb-info .motto {
        padding:24px 0 18px;
        font-size:17px;
        line-height:28px
    }
    .footer-content .szweb-info .ft-qrcode {
        padding-bottom:17px
    }
    .foot-about {
        display:none;
        padding-bottom:20px
    }
    .foot-about .about-left {
        float:none;
        width:100%
    }
    .foot-about .adv-mid {
        float:none;
        width:100%;
        margin-left:0
    }
    .foot-about .adv-mid .left, .foot-about .adv-mid .right {
        max-width:49%
    }
    .foot-about .diff-right {
        float:none;
        width:100%
    }
    .u-qk-title {
        margin:10px 0 15px;
        padding-bottom:7px;
        line-height:30px;
        overflow:hidden
    }
    .u-qk-title h4 {
        font-size:18px
    }
    .u-qk-title .more {
        width:30px;
        height:30px
    }
    .friend-links {
        padding-bottom:18px
    }
    .full-foot-bottom {
        border:0;
        padding:18px 0 24px
    }
    .inside-banner img {
        position:relative;
        left:50%;
        width:auto;
        height:133px;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .inside-banner .ban-info {
        top:50%;
        margin-top:-28px;
        padding:0 15px
    }
    .inside-banner .ban-info h2 {
        margin-bottom:5px;
        font-size:18px;
        line-height:34px
    }
    .inside-banner .ban-info p {
        font-size:14px;
        line-height:24px
    }
    .inside-banner .case-ban-info {
        top:10%
    }
    .inside-banner .case-ban-info h2 {
        font-size:18px;
        line-height:26px
    }
    .inside-banner .case-ban-info .case-desc {
        margin-bottom:7px;
        font-size:12px;
        line-height:20px
    }
    .inside-banner .feature .item {
        padding:0 8px
    }
    .inside-banner .feature h3 {
        font-size:14px;
        line-height:26px
    }
    .inside-banner .feature h4 {
        font-size:18px;
        line-height:24px
    }
    .full-case-crumbs {
        display:none
    }
    .project-cover .article {
        padding:20px 0;
        font-size:14px;
        line-height:26px
    }
    .project-cover .article .title {
        margin:0 0 12px;
        font-size:20px;
        line-height:30px
    }
    .full-faith-key .bg {
        position:absolute;
        left:50%;
        top:0;
        width:100%;
        height:100%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        overflow:hidden
    }
    .full-faith-key .bg img {
        position:relative;
        left:50%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        width:auto;
        height:100%
    }
    .full-faith-key .m-key-list {
        position:relative;
        left:0;
        top:0;
        z-index:10;
        margin-top:0
    }
    .m-key-list ul {
        padding:15px 15px 1px
    }
    .m-key-list li {
        width:50%;
        margin-bottom:20px
    }
    .m-key-list .top {
        margin-bottom:10px;
        height:38px;
        line-height:38px
    }
    .m-key-list .top img {
        vertical-align:middle;
        max-height:90%
    }
    .m-key-list .top span {
        font-size:30px
    }
    .m-key-list .text {
        font-size:14px
    }
    .m-case-division {
        border:0
    }
    .m-case-division li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .m-case-division .thumb .shadow {
        position:absolute;
        left:0;
        top:0;
        z-index:3;
        width:100%;
        height:100%;
        background:url("../webimages/caseshadow.png") repeat 0 0;
        opacity:0;
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .m-case-division .thumb .shadow img {
        position:absolute;
        left:50%;
        top:50%;
        margin:-25px 0 0 -25px;
        width:50px;
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        -ms-transform:translateY(50px);
        -o-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transition:all ease .3s;
        -o-transition:all ease .3s;
        -moz-transition:all ease .3s;
        transition:all ease .3s
    }
    .m-case-division .content {
        padding:10px 10px 20px;
        border-left:1px solid #dcdcdc
    }
    .m-case-division .content .title {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .m-case-division .content .desc {
        font-size:14px
    }
    .m-web-title {
        font-size:20px;
        line-height:32px
    }
    .m-web-desc {
        font-size:14px;
        line-height:26px
    }
    .full-site-article {
        padding-top:20px
    }
    .full-site-article .m-web-desc {
        padding:10px 0
    }
    .m-halfblock-list {
        padding:15px 0 20px
    }
    .m-halfblock-list li {
        width:100%;
        font-size:14px;
        line-height:30px
    }
    .m-halfblock-list p {
        padding-right:0
    }
    .site-server-wrapper {
        padding:20px 0 30px
    }
    .site-server-wrapper .m-web-title {
        margin-bottom:18px
    }
    .server-ico-list ul {
        text-align:left
    }
    .server-ico-list li {
        width:50%;
        padding:0 5px;
        margin-bottom:15px;
        text-align:center
    }
    .server-ico-list .ico img {
        width:38% !important
    }
    .server-ico-list h3 {
        margin-bottom:10px
    }
    .proxy-wrapper {
        padding-top:20px;
        padding-bottom:10px
    }
    .proxy-wrapper ul {
        border:0
    }
    .proxy-wrapper li {
        float:none;
        width:100%;
        margin-bottom:10px
    }
    .proxy-wrapper h4 {
        margin-bottom:14px;
        font-size:30px;
        line-height:30px
    }
    .proxy-wrapper h3 {
        margin-bottom:10px;
        font-size:16px;
        line-height:30px
    }
    .proxy-wrapper p {
        font-size:14px;
        height:auto;
        max-height:168px
    }
    .proxy-wrapper .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .ipo-proxy-wrapper {
        padding-top:20px;
        padding-bottom:30px
    }
    .ipo-proxy-wrapper .m-web-title {
        margin-bottom:15px
    }
    .ipo-proxy-wrapper h3 {
        margin-bottom:0;
        height:auto;
        max-height:120px
    }
    .ipo-proxy-wrapper .inner {
        padding:15px
    }
    .full-b2c-server .content {
        width:100%;
        padding:20px 0 30px;
        font-size:14px;
        line-height:26px
    }
    .full-b2c-server .content h3 {
        font-size:18px;
        line-height:32px;
        margin-bottom:10px
    }
    .full-b2c-server .thumb {
        float:none;
        width:100%;
        margin-left:0
    }
	
	.full-aboutus-server .content {
        width:100%;
        padding:20px 0 30px;
        font-size:14px;
        line-height:26px
    }
    .full-aboutus-server .content h3 {
        font-size:18px;
        line-height:32px;
        margin-bottom:10px
    }
    .full-aboutus-server .thumb {
        float:none;
        width:100%;
        margin-left:44px;
		padding:120px 10px;
		position: relative;
    }
	
    .ipo-server-wrapper {
        padding-top:30px;
        padding-bottom:20px
    }
    .ipo-server-wrapper .m-web-title {
        margin-bottom:15px
    }
    .ipo-server-wrapper .server-ico-list li {
        width:50%;
        margin-bottom:20px;
        font-size:14px
    }
    .ipo-server-wrapper .server-ico-list .ico {
        margin-bottom:15px
    }
    .ipo-server-wrapper .server-ico-list .ico img {
        width:72px !important;
        height:auto !important
    }
    .ipo-server-wrapper .server-ico-list p {
        max-width:none
    }
    .g-return-wrapper {
        padding:15px 0 25px
    }
    .g-return-wrapper a {
        margin:0 5px;
        padding:0 20px;
        font-size:14px
    }
    .b2c-solution {
        font-size:14px;
        line-height:26px;
        padding-top:20px;
        padding-bottom:30px
    }
    .b2c-solution .m-web-title {
        margin-bottom:15px
    }
    .b2c-solution h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .b2c-solution h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:28px
    }
    .b2c-solution .top-four-list {
        border:0
    }
    .b2c-solution .top-four-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .b2c-solution .top-four-list .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .b2c-solution .top-four-list .inner p {
        height:auto;
        max-height:240px
    }
    .b2c-solution .last {
        padding:15px
    }
    .b2c-solution .last .left {
        float:none;
        margin-right:0
    }
    .b2c-solution .last .text {
        overflow:hidden;
        zoom:1
    }
    .b2c-solution .last .text br {
        display:none
    }
    .b2c-solution .bot-two-list {
        display:block
    }
    .b2c-solution .bot-two-list .quarter {
        margin-bottom:15px;
        width:100%;
        display:block;
        padding:43px 45px 8px;
        padding:15px
    }
    .b2c-solution .bot-two-list .last {
        width:100%;
        display:block;
        padding:15px
    }
    .b2c-solution .bot-two-list .last .left {
        margin-right:0
    }
    .topic-solution {
        padding-top:20px;
        padding-bottom:20px
    }
    .topic-solution .m-web-title {
        margin-bottom:10px
    }
    .topic-solution .sub-title {
        margin-bottom:10px
    }
    .topic-solution .topic-list {
        border:0
    }
    .topic-solution .topic-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .topic-solution .topic-list .inner {
        padding:15px;
        border:solid 1px #d9d9d9
    }
    .topic-solution .topic-list h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .topic-solution .topic-list h3 {
        height:auto;
        max-height:120px
    }
    .case-filter {
        margin-bottom:20px
    }
    .case-filter .options {
        float:none
    }
    .case-filter .options select {
        width:100%;
        height:44px;
        padding-left:17px;
        line-height:40px
    }
    .case-filter .options {
        width:100%;
        padding:20px 0 10px
    }
    .case-filter .selector {
        float:none;
        width:100%;
        border:1px solid #e6e6e6;
        margin-bottom:10px
    }
    .case-filter .sec-title {
        padding-left:20px;
        line-height:40px
    }
    .case-filter .sec {
        -o-background-size:10px auto;
        background-size:10px auto
    }
    .case-filter .sec-option {
        top:40px;
        z-index:10
    }
    .case-filter .sec-option a {
        padding-left:10px;
        line-height:40px
    }
    .case-filter .edit {
        display:none
    }
    .cate-wrapper ul {
        margin:0
    }
    .cate-wrapper li {
        width:100%;
        margin-bottom:20px
    }
    .cate-wrapper .item {
        padding:0
    }
    .cate-wrapper .thumb {
        margin-bottom:15px
    }
    .cate-wrapper .desc {
        margin-bottom:10px;
        height:auto;
        max-height:72px
    }
    #page {
        padding-top:20px;
        padding-bottom:30px
    }
    .full-related-news {
        display:none;
        padding-top:20px;
        padding-bottom:10px
    }
    .full-related-news .related-title {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .full-related-news .related-news ul {
        margin:0
    }
    .full-related-news .related-news li {
        float:none;
        width:100%
    }
    .full-related-news .related-news a {
        display:block;
        overflow:hidden;
        margin:0 0 15px;
        border:1px solid #d2d2d2;
        padding:20px 15px 19px
    }
    .full-related-news .related-news .date {
        font-size:16px;
        line-height:26px
    }
    .full-case-detail {
        padding:20px 0 20px;
        background-color:#eaeaea
    }
    .full-case-detail .case-head {
        margin-bottom:10px;
        display:block
    }
    .full-case-detail .info {
        display:block;
        width:100%;
        padding:20px 10px
    }
    .full-case-detail .info .img {
        float:none;
        margin-right:0;
        max-width:38%
    }
    .full-case-detail .info .content .desc {
        margin-bottom:20px
    }
    .full-case-detail .u-cshd-title {
        padding:10px 0 18px
    }
    .full-case-detail .u-cshd-title .en {
        font-size:20px;
        line-height:24px
    }
    .full-case-detail .u-cshd-title .cn {
        margin-bottom:8px;
        font-size:20px;
        line-height:30px
    }
    .full-case-detail .server {
        display:block;
        width:100%;
        padding:10px 15px;
        line-height:30px
    }
    .full-case-detail .case-body {
        padding:10px;
        font-size:14px;
        line-height:26px
    }
    .full-case-detail .case-body .casebtn {
        padding:20px 0 30px
    }
    .full-case-detail .case-body .casebtn a {
        width:132px
    }
}
@media (max-width: 640px) and (max-width: 350px) {
    .full-case-detail .case-body .casebtn a {
        width:126px
    }
}
@media (max-width: 640px) {
    .full-case-detail .full-case-body {
        font-size:14px;
        padding:30px 0 0
    }
    .full-case-detail .full-case-body .casebtn {
        padding:20px 0 30px
    }
    .full-case-detail .full-case-body .casebtn a {
        width:132px
    }
}
@media (max-width: 640px) and (max-width: 350px) {
    .full-case-detail .full-case-body .casebtn a {
        width:126px
    }
}
@media (max-width: 640px) {
    .full-case-detail .full-case-body .bold {
        font-size:20px;
        line-height:32px
    }
    .full-case-detail .full-case-body .bold br {
        display:none
    }
    .full-case-detail .right-content {
        padding:20px 0 30px
    }
    .full-case-detail .right-content .color-left {
        position:static;
        padding:0 15px 30px;
        text-align:center
    }
    .full-case-detail .right-content .color-left .color-panel {
        padding-top:10px;
        max-width:80%
    }
    .full-case-detail .right-content .color-right {
        padding-left:0
    }
    .full-case-detail .skew-content {
        overflow:hidden
    }
    .full-case-detail .skew-content .skew-bg {
        position:absolute;
        top:-60%;
        bottom:-60%;
        z-index:1
    }
    .full-case-detail .skew-content .case-server .text {
        position:static;
        width:100%;
        padding:20px 15px 0;
        margin-bottom:15px;
        text-align:center
    }
    .full-case-detail .skew-content .case-server .cimg {
        padding-left:15px
    }
    .full-case-detail .skew-content .case-ue {
        padding-top:4.16667%;
        position:relative;
        z-index:2
    }
    .full-case-detail .skew-content .case-ue .text {
        position:static;
        padding:0 15px;
        text-align:center
    }
    .full-case-detail .skew-content .case-ue .cimg {
        padding:0 15px
    }
    .moblie-case-slider {
        margin-top:0;
        padding:0 0 30px;
        margin:0 10px
    }
    .moblie-case-slider .case-mswiper {
        position:absolute;
        left:0;
        top:50%;
        width:100%;
        -webkit-transform:translate3d(0, -50%, 0);
        -moz-transform:translate3d(0, -50%, 0);
        transform:translate3d(0, -50%, 0)
    }
    .moblie-case-slider .case-mswiper img {
        display:block;
        margin:0;
        width:100%
    }
    .moblie-case-slider .moblie-mswiper-wrapper {
        position:absolute;
        left:50%;
        top:0;
        z-index:50;
        width:93%;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
        margin-top:20%;
        overflow:hidden
    }
    .moblie-case-slider .moblie-mswiper-wrapper::after {
        display:block;
        content:'';
        width:100%;
        padding-bottom:158.6%
    }
    .moblie-case-slider .casebg {
        position:relative;
        left:0;
        top:0;
        width:100%;
        height:100%;
        -o-background-size:106.3% auto;
        background-size:106.3% auto;
        padding-bottom:207%
    }
    .mcase-right-info {
        padding:10px
    }
    .mcase-right-info .mcase {
        position:static
    }
    .mcase-right-info .qrcode img {
        margin:0
    }
    .mcase-right-info .mcase-more {
        height:125px;
        float:right;
        margin:0
    }
    .app-inside-soutions {
        padding:20px 15px;
        margin-top:0
    }
    .app-inside-soutions .item a {
        padding-top:20px;
        padding-bottom:15px
    }
    .u-ue-title {
        font-size:20px;
        line-height:30px;
        margin-bottom:10px
    }
    .full-case-detail .case-body .col-3 {
        float:none;
        display:inline-block;
        vertical-align:top;
        width:48%
    }
    .app-singlepage {
        padding-top:20px;
        padding-bottom:30px;
        font-size:14px;
        line-height:26px
    }
    .app-singlepage .lh48 {
        line-height:30px
    }
    .app-singlepage .span {
        font-size:16px;
        line-height:30px
    }
    .app-singlepage .sub-title {
        font-size:18px;
        line-height:30px
    }
    .ue-list {
        padding-top:20px
    }
    .ue-list li {
        margin-bottom:15px
    }
    .ue-list .ue-rimg {
        padding-left:0
    }
    .ue-list .ue-rimg .info {
        left:0
    }
    .ue-list .ue-rimg .middle {
        padding-right:6.78571%
    }
    .ue-list .ue-limg {
        padding-right:0
    }
    .ue-list .ue-limg .middle {
        padding-left:0
    }
    .ue-list .info {
        position:relative;
        width:100%
    }
    .ue-list .info .middle {
        font-size:14px;
        line-height:26px
    }
    .ue-list .info h3 {
        font-size:18px;
        line-height:46px
    }
    .m-page-partner {
        padding-top:30px;
        padding-bottom:30px
    }
    .m-page-partner .u-ue-title {
        margin-bottom:15px
    }
    .m-page-partner ul {
        margin:0 -5px
    }
    .m-page-partner li {
        width:33.33333%
    }
    .noborder {
        padding-bottom:30px
    }
    .m-idico-wrapper {
        font-size:14px;
        line-height:26px;
        padding-bottom:0
    }
    .m-idico-wrapper .idico-list {
        margin:0
    }
    .m-idico-wrapper .idico-item {
        float:none;
        width:100%
    }
    .m-idico-wrapper .inner {
        padding:15px 0 0
    }
    .m-idico-wrapper .id {
        top:15px;
        right:0;
        font-size:50px;
        line-height:1
    }
    .m-idico-wrapper .ico {
        margin-bottom:10px;
        width:50px;
        height:50px;
        line-height:50px
    }
    .m-idico-wrapper .ico img {
        max-height:100%
    }
    .m-idico-wrapper h3 {
        margin-bottom:10px
    }
    .m-idico-wrapper .sub {
        padding-bottom:15px;
        height:auto
    }
    .native-app-desc {
        padding:10px 15px 0
    }
    .m-diff-content {
        width:100%;
        padding:20px 0;
        font-size:14px;
        line-height:24px
    }
    .m-diff-content .ico-txt {
        padding:10px 0
    }
    .m-diff-content .ico-txt img {
        display:none
    }
    .m-diff-content .ico-txt span {
        padding:0;
        font-size:20px;
        line-height:26px
    }
    .m-diff-content .item {
        display:block;
        width:100%;
        padding:0
    }
    .m-diff-content .text-right {
        text-align:left;
        border:0
    }
    .rn-web-bottom {
        padding:15px 15px 0
    }
    .app-icodesc ul {
        padding:10px 0 20px
    }
    .app-icodesc .ico img {
        max-height:80%
    }
    .app-icodesc li {
        width:50%
    }
    .customer-article {
        padding-top:20px
    }
    .customer-article .title {
        margin-bottom:10px;
        font-size:20px;
        line-height:34px
    }
    .customer-article .text {
        padding:0 0 10px;
        font-size:14px;
        line-height:26px
    }
    .customer-container {
        margin-bottom:30px
    }
    .customer-container li img {
        display:block;
        width:100%
    }
    .evaluate-wrapper {
        padding-top:20px
    }
    .evaluate-wrapper ul {
        margin:0
    }
    .evaluate-wrapper li {
        width:100%
    }
    .evaluate-wrapper .item {
        padding:0;
        min-height:auto;
        background-position:0 10px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .evaluate-wrapper .brand {
        margin-bottom:15px;
        height:76px;
        padding:20px 0 0 20px;
        line-height:56px
    }
    .evaluate-wrapper .brand img {
        max-height:46px
    }
    .evaluate-wrapper .name {
        margin-bottom:10px;
        line-height:24px;
        padding-left:20px
    }
    .evaluate-wrapper .desc {
        padding:0 0 20px 20px
    }
    .case-wrapper {
        padding-top:20px;
        padding-bottom:10px
    }
    .case-wrapper .caseban img {
        width:auto;
        height:100px;
        position:relative;
        left:50%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .case-wrapper .caseban .title {
        left:0;
        top:0%;
        margin-top:0;
        width:100%;
        height:100%;
        background-color:rgba(0, 0, 0, 0.3)
    }
    .case-wrapper .caseban h2 {
        font-size:18px;
        line-height:36px
    }
    .case-intro-wrapper {
        padding:10px
    }
    .case-intro-wrapper .jiejuelist .id {
        position:static;
        font-size:30px;
        line-height:30px
    }
    .case-intro-wrapper .jiejuelist dl {
        padding:20px 10px;
        font-size:14px;
        line-height:26px
    }
    .case-intro-wrapper .jiejuelist dt {
        margin-bottom:20px;
        font-size:18px;
        line-height:32px
    }
    .case-intro-wrapper .jiejuelist dt::after {
        bottom:-10px
    }
    .case-intro-wrapper table {
        border-collapse:collapse
    }
    .case-intro-wrapper table td {
        border:1px solid #666;
        padding:3px 8px;
        min-width:5em
    }
    .case-intro-list li {
        padding:10px 10px 20px;
        font-size:14px;
        line-height:24px
    }
    .case-intro-list .id {
        position:static;
        font-size:30px;
        line-height:30px
    }
    .case-intro-list .title {
        margin-bottom:20px;
        font-size:18px;
        line-height:32px
    }
    .case-intro-list .title::after {
        bottom:-10px
    }
    .case-intro-list h5.letter {
        font-size:16px
    }
    .case-intro-list h4.sub-title {
        font-size:16px
    }
    .case-intro-list .m-letter-item {
        padding-top:15px
    }
    .case-intro-list .m-letter-item .letter {
        margin-bottom:13px;
        font-size:28px;
        line-height:28px
    }
    .case-intro-list .m-letter-item .sub-title {
        margin-bottom:10px;
        font-size:16px;
        line-height:22px
    }
    .case-intro-list .rhalfimg img {
        float:right;
        max-width:48.6%;
        margin-left:30px
    }
    .case-intro-list .rimg {
        padding:0
    }
    .case-intro-list .rimg .letimg {
        position:static;
        width:auto;
        max-width:100%;
        float:none
    }
    .case-intro-list .prico-title {
        padding:10px 0 15px;
        font-size:16px;
        line-height:22px
    }
    .m-relat-title {
        padding:0 0 20px
    }
    .m-relat-title h3 {
        font-size:20px;
        line-height:30px
    }
    .m-relat-title a {
        width:90px;
        line-height:28px
    }
    .m-relat-title a i {
        left:-20px;
        top:13px;
        width:30px
    }
    .relative-cases {
        padding:20px 0
    }
    .relative-cases ul {
        margin:0
    }
    .relative-cases li {
        width:100%
    }
    .relative-cases .thumb {
        margin-bottom:10px
    }
    .relative-cases a {
        padding:0;
        line-height:26px
    }
    .relative-cases a .title {
        font-size:16px;
        font-weight:bold;
        color:#1a1a1a
    }
    .trade-imglist .imglist-wrap {
        margin:0
    }
    .trade-imglist .imglist-wrap .trade-item {
        float:none;
        width:100%
    }
    .trade-imglist .imglist-wrap .inner {
        padding:0
    }
    .trade-imglist .imglist-wrap .trade-title {
        padding:16px 0 13px;
        font-size:16px;
        line-height:22px
    }
    .trade-left {
        float:none;
        width:100%
    }
    .trade-right {
        float:none;
        width:100%
    }
    .price-top {
        font-size:0
    }
    .price-top .top-item {
        float:left;
        width:50%;
        margin-right:0
    }
    .price-icolist .icolist {
        width:100%
    }
    .price-icolist .ico-item {
        float:none;
        width:100%;
        margin:0;
        padding:15px 0
    }
    .seo-top-list {
        overflow:hidden
    }
    .seo-top-list .top-seoabc {
        width:100%
    }
    .seo-top-list .m-letter-item {
        float:none;
        width:100%;
        padding-right:0
    }
    .seo-thr-list {
        padding-left:0;
        padding-top:20px
    }
    .seo-thr-list .thr-left {
        position:static;
        width:100%
    }
    .seo-thr-list .dash-border {
        margin-bottom:15px;
        padding:0;
        border-bottom:0
    }
    .seo-thr-list .thr-right {
        padding:0;
        border-left:0
    }
    .seo-thr-list .red-dot-list {
        font-size:0
    }
    .seo-thr-list .red-dot-list .red-item {
        width:100%;
        margin-bottom:15px
    }
    .full-sys-desc .gray-sys-desc .sys-lists {
        font-size:0
    }
    .full-sys-desc .gray-sys-desc .sys-lists li {
        display:inline-block;
        vertical-align:top;
        width:50%
    }
    .full-sys-desc .quarter .sys-lists li {
        width:100%
    }
    .m-sys-desc {
        padding:20px 0
    }
    .m-sys-desc .sys-info {
        float:none;
        width:100%;
        margin-right:0
    }
    .m-sys-desc .sys-info .ico {
        float:left;
        width:50px;
        margin-right:10px
    }
    .m-sys-desc .sys-info .ico img {
        width:100%
    }
    .m-sys-desc .sys-info .info {
        font-size:14px;
        line-height:26px
    }
    .m-sys-desc .sys-info h4 {
        font-size:26px;
        line-height:26px
    }
    .m-sys-desc .sys-info h3 {
        margin-bottom:15px;
        font-size:20px;
        line-height:30px
    }
    .m-sys-desc .sys-lists {
        font-size:0
    }
    .m-sys-desc .sys-lists li {
        display:inline-block;
        vertical-align:top;
        float:none;
        width:50%;
        padding-left:0;
        margin-bottom:10px;
        padding-right:15px;
        font-size:14px
    }
    .m-sys-desc .sys-lists .pull-left {
        margin:0;
        width:100%;
        padding:0
    }
    .m-sys-desc .sys-lists .id {
        font-size:28px;
        line-height:28px
    }
    .m-sys-desc .sys-lists h3 {
        margin-bottom:0;
        font-size:16px;
        line-height:30px
    }
    .full-crowd-bot .sys-lists li {
        width:100%;
        line-height:20px
    }
    .crowd-article-top .left {
        float:none;
        width:100%
    }
    .crowd-article-top .right {
        float:none;
        width:100%
    }
    .crowd-article-top .m-sys-desc {
        padding:20px 0 10px
    }
    .m-feature-list {
        border:0
    }
    .m-feature-list li {
        float:none;
        width:100%;
        margin-bottom:10px
    }
    .m-feature-list .inner {
        padding:20px 10px 15px;
        border:solid 1px #d9d9d9
    }
    .m-feature-list h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .m-feature-list h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:26px
    }
    .m-feature-list p {
        font-size:14px;
        height:auto;
        max-height:120px
    }
    .shop-feature-top {
        padding-top:20px;
        padding-bottom:20px
    }
    .shop-feature-top .m-web-title {
        margin-bottom:15px
    }
    .shop-feature-mid {
        height:auto;
        padding:30px 0
    }
    .shop-feature-mid .feature-img {
        width:100%;
        height:100%
    }
    .shop-feature-mid .feature-img img {
        width:auto;
        height:100%;
        margin-left:0;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .shop-feature-mid .sys-info {
        width:100%
    }
    .shop-feature-bot {
        padding-top:20px;
        padding-bottom:15px
    }
    .elec-solution-wrapper {
        padding:25px 0 30px
    }
    .elec-solution-wrapper .elec-title {
        font-size:20px;
        line-height:30px
    }
    .elec-solution-wrapper .sub {
        font-size:14px;
        line-height:30px
    }
    .elec-solution-wrapper .line {
        margin:10px auto 16px
    }
    .elec-solution-wrapper .elec {
        margin-bottom:12px;
        font-size:20px;
        line-height:30px
    }
    .elec-solution-wrapper .elec-featrue li {
        float:none;
        width:100%
    }
    .elec-solution-wrapper .elec-featrue .inner {
        padding:20px 15px;
        font-size:14px
    }
    .elec-solution-wrapper .elec-featrue .ico {
        margin-bottom:10px
    }
    .elec-solution-wrapper .elec-featrue h3 {
        margin-bottom:15px;
        font-size:18px;
        line-height:24px
    }
    .elec-solution-wrapper .elec-featrue p {
        font-size:14px
    }
    .elec-tab {
        padding-bottom:30px
    }
    .elec-tab .tabs-title a {
        font-size:14px;
        line-height:42px
    }
    .elec-tab .item {
        display:none
    }
    .elec-tab .item:first-child {
        display:block
    }
    .elec-tab .func .name {
        line-height:40px
    }
    .elec-tab .func .table .tr p {
        float:none;
        width:100%
    }
    .qa-list {
        padding-top:50px;
        font-size:16px;
        line-height:28px
    }
    .qa-list li {
        margin-bottom:10px
    }
    .qa-list h3 {
        position:relative;
        padding:21px 94px 21px 112px;
        color:#333;
        background-color:#e6e6e6;
        background-image:url("../webimages/quesico.png");
        background-repeat:no-repeat;
        background-position:0 0;
        cursor:pointer
    }
    .qa-list h3 .ico {
        position:absolute;
        top:50%;
        right:26px;
        width:32px;
        height:32px;
        margin-top:-16px;
        background-repeat:no-repeat;
        background-position:center;
        background-image:url("../webimages/qadd.png")
    }
    .qa-list h3.cur .ico {
        background-image:url("../webimages/qaless.png")
    }
    .qa-list .answer {
        display:none;
        background-color:#f2f2f2;
        background-image:url("../webimages/answico.png");
        background-repeat:no-repeat;
        background-position:0 0;
        padding:28px 94px 45px 112px;
        color:#666
    }
    .wechat-shopcase {
        padding-top:20px;
        padding-bottom:10px
    }
    .wechat-shopcase .m-web-title {
        margin-bottom:10px
    }
    .wechat-shopcase .shop-case-list {
        border:0
    }
    .wechat-shopcase .shop-case-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .wechat-shopcase .shop-case-list .inner {
        border:solid 1px #d9d9d9;
        padding:20px 15px 15px
    }
    .wechat-shopcase .shop-case-list .ico {
        height:42px;
        margin-bottom:10px;
        line-height:42px
    }
    .wechat-shopcase .shop-case-list .ico img {
        max-height:80%
    }
    .wechat-shopcase .shop-case-list h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:24px;
        height:48px
    }
    .wechat-shopcase .shop-case-list p {
        font-size:14px;
        height:auto;
        max-height:120px
    }
    .mobile-solution-wrapper {
        padding-top:20px;
        padding-bottom:20px
    }
    .mobile-solution-wrapper .m-web-title {
        margin-bottom:15px
    }
    .mobile-solution-wrapper .msolution-list {
        border:0
    }
    .mobile-solution-wrapper .item {
        float:none;
        width:100%;
        margin-bottom:15px;
        font-size:14px
    }
    .mobile-solution-wrapper .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .mobile-solution-wrapper .ico {
        line-height:62px;
        height:62px
    }
    .mobile-solution-wrapper .ico img {
        height:70%
    }
    .mobile-solution-wrapper h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:30px
    }
    .mobile-solution-wrapper .dot-list {
        height:auto;
        max-height:168px
    }
    .m-ml2-title {
        font-size:20px;
        line-height:32px
    }
    .sys-text-ban {
        overflow:hidden
    }
    .sys-text-ban img {
        position:absolute;
        left:50%;
        top:0;
        width:auto;
        min-width:100%;
        height:100%;
        -webkit-transform:translate(-50%, 0);
        -moz-transform:translate(-50%, 0);
        -ms-transform:translate(-50%, 0);
        -o-transform:translate(-50%, 0);
        transform:translate(-50%, 0)
    }
    .ban-sys-dev {
        position:relative;
        top:0;
        z-index:10;
        padding:20px 10px;
        font-size:14px;
        line-height:24px
    }
    .platform-five-desc {
        margin-top:20px;
        margin-bottom:20px;
        border:0
    }
    .platform-five-desc li {
        float:none;
        width:100%;
        margin-bottom:15px;
        font-size:14px
    }
    .platform-five-desc .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .platform-five-desc .ico {
        margin-bottom:10px;
        height:50px;
        line-height:50px
    }
    .platform-five-desc .ico img {
        max-height:80%
    }
    .platform-five-desc h3 {
        margin-bottom:7px;
        font-size:18px;
        line-height:24px
    }
    .platform-five-desc p {
        height:auto;
        max-height:192px
    }
    .full-platform-apply {
        padding-top:20px;
        padding-bottom:20px
    }
    .full-platform-apply .m-web-title {
        margin-bottom:15px
    }
    .full-platform-apply ul {
        border:0
    }
    .full-platform-apply li {
        float:none;
        width:100%;
        font-size:14px;
        margin-bottom:15px
    }
    .full-platform-apply .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .full-platform-apply h4 {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .full-platform-apply h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:24px
    }
    .full-platform-apply p {
        height:auto;
        max-height:144px
    }
    .wechat-platform {
        height:auto
    }
    .wechat-platform .full-bg {
        height:100%;
        overflow:hidden
    }
    .wechat-platform .full-bg img {
        margin-left:0;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        height:100%
    }
    .wechat-platform .wechat-shop-content {
        padding-top:20px;
        padding-bottom:15px
    }
    .wechat-platform .left-msg {
        float:none;
        width:100%
    }
    .wechat-platform .left-msg .en {
        margin-bottom:13px;
        font-size:32px;
        line-height:32px
    }
    .wechat-platform .left-msg h3 {
        font-size:20px;
        line-height:30px
    }
    .wechat-platform .wcpalt-list li {
        float:none;
        width:100%;
        padding-left:0;
        margin-bottom:10px
    }
    .wechat-platform .wcpalt-list .id {
        margin-bottom:0;
        font-size:30px;
        line-height:30px
    }
    .wechat-platform .wcpalt-list h3 {
        margin-bottom:0
    }
    .platform-server {
        padding-top:20px;
        padding-bottom:20px
    }
    .platform-server .m-ml2-title {
        margin-bottom:15px
    }
    .platform-server .cms-desc .item {
        width:100%;
        padding:10px 15px 20px;
        font-size:14px;
        line-height:26px
    }
    .platform-server .cms-desc .left {
        float:none;
        margin-left:0;
        border:1px solid #fff
    }
    .platform-server .cms-desc .right {
        float:none;
        margin-right:0
    }
    .platform-server .cms-desc .ico {
        margin-bottom:10px;
        height:67px;
        line-height:67px
    }
    .platform-server .cms-desc .ico img {
        max-height:70%
    }
    .platform-server .cms-desc h3 {
        margin-bottom:10px;
        font-size:18px;
        line-height:28px
    }
    .platform-feature {
        padding-top:20px;
        padding-bottom:20px
    }
    .platform-feature .m-ml2-title {
        margin-bottom:20px
    }
    .m-quarter-icolist, .m-three-icolist {
        text-align:left
    }
    .m-quarter-icolist li, .m-three-icolist li {
        width:50%;
        padding:0 5px;
        margin-bottom:20px;
        text-align:center
    }
    .m-quarter-icolist .ico, .m-three-icolist .ico {
        margin-bottom:10px
    }
    .m-quarter-icolist h3, .m-three-icolist h3 {
        margin-bottom:5px;
        font-size:16px;
        line-height:26px
    }
    .m-three-icolist li {
        width:50%
    }
    .m-three-icolist .ico img {
        width:40%
    }
    .product-crowd-top {
        padding-top:20px;
        padding-bottom:20px
    }
    .product-crowd-top .left {
        float:none;
        width:100%;
        padding:0;
        margin-bottom:10px
    }
    .product-crowd-top .left .sys-info {
        width:100%
    }
    .product-crowd-top .right {
        float:none;
        width:100%
    }
    .product-crowd-mid.quarter .sys-lists li {
        width:100%
    }
    .online-news-wrapper {
        padding-top:4.375%
    }
    .online-news-wrapper ul {
        margin:0
    }
    .online-news-wrapper li {
        float:none;
        width:100%
    }
    .online-news-wrapper li a {
        display:block;
        margin:0;
        padding:13.74322% 20px 16.27486%;
        padding:20px 10px
    }
    .online-news-wrapper .date {
        margin-bottom:10px;
        font-size:16px;
        line-height:20px
    }
    .online-news-wrapper .date .line {
        padding-top:10px
    }
    .online-news-wrapper .title {
        margin-bottom:10px;
        font-size:16px
    }
    .case-news-article .title {
        margin-bottom:8px;
        font-size:18px;
        line-height:34px
    }
    .case-news-article .share a {
        margin:0 10px 0 0
    }
    .case-news-article .info {
        padding-top:10px;
        padding-bottom:15px
    }
    .case-news-article .singlepage {
        padding:15px 0;
        font-size:14px;
        line-height:24px
    }
    .case-news-article .page-ctrl {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        padding:17px 0
    }
    .case-news-article .page-ctrl a {
        display:block;
        font-size:14px;
        line-height:30px;
        color:#999;
        max-width:45%;
        background-repeat:no-repeat
    }
    .case-news-article .page-ctrl .prev {
        float:left;
        padding-left:55px;
        background-position:0 center;
        background-image:url("../webimages/pageprev.png")
    }
    .case-news-article .page-ctrl .prev:hover {
        color:#d90000;
        background-image:url("../webimages/pageprevac.png")
    }
    .case-news-article .page-ctrl .next {
        float:right;
        padding-right:55px;
        background-position:right center;
        background-image:url("../webimages/pagenext.png")
    }
    .case-news-article .page-ctrl .next:hover {
        color:#d90000;
        background-image:url("../webimages/pagenextac.png")
    }
    .g-news-detail {
        padding-bottom:10px
    }
    .g-news-detail .inside-nav a {
        border-bottom-color:#f2f2f2
    }
    .g-news-detail .inside-nav a:hover {
        border-bottom-color:#d90000
    }
    .g-news-detail .detail-container {
        padding:20px 0
    }
    .g-news-detail .case-news-article {
        float:none;
        width:100%;
        padding:20px 10px 10px;
        min-height:auto;
        margin-bottom:10px
    }
    .g-news-detail .case-news-article .share {
        float:none
    }
    .g-news-detail .detail-sidebar {
        width:100%;
        float:none
    }
    .g-news-detail .hot-tags ul {
        min-height:64px;
        padding:15px 12px 14px
    }
    .g-news-detail .hot-tags ul li {
        width:25%;
        margin:0;
        padding:0 3px;
        margin-bottom:6px
    }
    .g-news-detail .page-ctrl {
        padding:20px 15px 2px
    }
    .g-news-detail .page-ctrl .label span {
        left:100px;
        width:auto
    }
    .g-news-detail .page-ctrl .item {
        margin-bottom:15px
    }
    .applet-desc-list {
        margin-bottom:10px;
        border:0;
        overflow:hidden
    }
    .applet-desc-list li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .applet-desc-list .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .applet-desc-list .id {
        font-size:30px;
        line-height:30px;
        margin-bottom:8px
    }
    .applet-desc-list h3 {
        margin-bottom:10px;
        font-size:16px
    }
    .full-applet-wrapper {
        height:auto;
        padding:20px 0
    }
    .full-applet-wrapper .m-web-title {
        margin-bottom:15px
    }
    .full-applet-wrapper .m-full-bg {
        height:100%
    }
    .full-applet-wrapper .m-full-bg img {
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        margin-left:0;
        height:100%
    }
    .full-applet-wrapper .applet-feature ul {
        margin:0 -5px;
        font-size:0
    }
    .full-applet-wrapper .applet-feature li {
        float:none;
        display:inline-block;
        vertical-align:top;
        width:50%;
        padding:0 5px;
        margin-bottom:10px
    }
    .full-applet-wrapper .applet-feature .ico {
        margin-bottom:10px
    }
    .full-applet-wrapper .applet-feature .ico img {
        width:38%
    }
    .full-applet-wrapper .applet-feature h3 {
        margin-bottom:5px;
        font-size:16px
    }
    .applet-func {
        padding-top:20px;
        padding-bottom:10px
    }
    .applet-func .m-web-title {
        margin-bottom:15px
    }
    .applet-func-list ul {
        margin:0
    }
    .applet-func-list li {
        float:none;
        width:100%;
        margin-bottom:10px;
        padding:0
    }
    .applet-func-list .inner {
        padding:10px 15px 20px
    }
    .applet-func-list .ico {
        height:55px;
        line-height:55px;
        margin-bottom:10px
    }
    .applet-func-list .ico img {
        max-height:70%
    }
    .applet-func-list h3 {
        margin-bottom:15px
    }
    .full-applet-do {
        padding:20px 15px 10px
    }
    .full-applet-do .do-desc {
        margin-bottom:15px
    }
    .full-applet-do .inner {
        padding:43px 40px 69px
    }
    .full-applet-do .m-three-icolist {
        padding:0
    }
    .full-applet-do .m-three-icolist p {
        font-size:16px;
        line-height:24px
    }
    .wxshop-func {
        padding-top:20px;
        padding-bottom:20px
    }
    .wxshop-func .m-web-title {
        margin-bottom:15px
    }
    .wxshop-func .m-quarter-icolist li {
        margin-bottom:10px
    }
    .full-wxshop-attention {
        padding:20px 0 10px
    }
    .full-wxshop-attention .m-web-title {
        margin-bottom:15px
    }
    .full-wxshop-attention ul {
        border:0
    }
    .full-wxshop-attention li {
        float:none;
        width:100%;
        font-size:14px;
        margin-bottom:15px
    }
    .full-wxshop-attention .inner {
        padding:15px;
        border:1px solid #d9d9d9
    }
    .full-wxshop-attention .id {
        margin-bottom:10px;
        font-size:30px;
        line-height:30px
    }
    .full-wxshop-attention p {
        height:auto
    }
    .msite-positon {
        padding-top:20px;
        padding-bottom:15px
    }
    .msite-positon .m-web-title {
        margin-bottom:10px
    }
    .m-wxico-list li {
        width:50%;
        font-size:16px;
        line-height:26px;
        margin-bottom:10px
    }
    .m-wxico-list li .ico {
        margin-bottom:10px
    }
    .m-wxico-list li img {
        vertical-align:middle;
        width:50% !important;
        height:auto !important
    }
    .g-search-form {
        margin:0;
        width:100%;
        padding-top:15px;
        padding-bottom:0
    }
    .g-search-form .search-for-result {
        float:none;
        width:100%;
        height:100px;
        padding:10px 0;
        font-size:14px;
        line-height:26px
    }
    .g-search-form .search-for-result .nums {
        font-size:26px;
        line-height:40px
    }
    .g-search-form .search-form-wrap {
        padding:20px 0
    }
    .g-search-form .search-form {
        width:100%
    }
    .g-search-form .search-form form {
        position:relative;
        padding-right:64px
    }
    .g-search-form .search-form input {
        font-size:14px
    }
    .g-search-form .search-form label {
        padding:0;
        height:40px;
        line-height:40px
    }
    .g-search-form .search-form .key {
        padding-left:15px
    }
    .g-search-form .search-form .sub {
        position:absolute;
        right:0;
        top:0;
        width:64px;
        background:#fff url("../webimages/gsearch.png") no-repeat center
    }
    .g-search-form .search-form .sub input {
        display:block;
        font-size:0;
        height:40px
    }
    .g-search-cate {
        margin-bottom:0;
        padding:15px
    }
    .g-search-cate ul {
        display:block;
        width:100%
    }
    .g-search-cate li {
        width:25%;
        font-size:12px;
        line-height:42px;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .sitemap-wrapper {
        padding:20px 0 20px
    }
    .sitemap-wrapper .title {
        padding:30px 0 15px
    }
    .sitemap {
        padding:20px 0 10px
    }
    .mapitem .two {
        width:50%
    }
    .m-about-title {
        font-size:20px;
        line-height:32px
    }
    .m-about-text {
        padding:15px 0;
        font-size:16px;
        line-height:30px
    }
    .about-us-intro {
        padding-top:20px;
        padding-bottom:20
    }
    .about-us-intro .year {
        display:none
    }
    .about-us-intro .article {
        padding:10px 0;
        font-size:14px;
        line-height:26px
    }
    .about-us-intro .intro-card {
        margin:0
    }
    .about-us-intro .intro-card .card {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .about-us-intro .intro-card .inner {
        padding:0
    }
    .about-us-intro .intro-card .info {
        left:10px;
        top:50%;
        font-size:16px;
        line-height:26px;
        -webkit-transform:translate3d(0, -50%, 0);
        -moz-transform:translate3d(0, -50%, 0);
        transform:translate3d(0, -50%, 0)
    }
    .about-us-intro .intro-card .en {
        font-size:16px;
        line-height:20px
    }
    .about-us-intro .intro-card .cn {
        margin-bottom:10px;
        font-size:20px;
        line-height:40px
    }
	.about-us-intro .intro-card .card .inner .info p {
		width:100%;
		font-weight:bold
	}
    .full-certificate-article {
        padding-top:30px;
        padding-bottom:20px
    }
    .full-certificate-article .info {
        float:none;
        width:100%;
        padding-top:0
    }
    .full-certificate-article .cert-ico {
        margin-bottom:10px;
        height:50px
    }
    .full-certificate-article .cert-ico img {
        width:50px !important;
        height:auto !important
    }
    .full-certificate-article .certificate {
        float:none;
        width:100%;
        padding-right:0
    }
    .full-certificate-article .certificate img {
        width:auto;
        max-width:100%
    }
    .about-field {
        padding-top:20px;
        padding-bottom:20px;
        overflow:hidden
    }
    .about-field .main-business {
        margin:0 -5px
    }
    .about-field .main-business .business-item {
        margin-left:0;
        width:98%;
        margin-bottom:10px;
        padding:0 5px
    }
    .about-field .main-business h2 {
        padding:0
    }
    .about-field .main-business h2 a {
        font-size:14px;
        line-height:26px;
        white-space:nowrap;
        overflow:hidden;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis
    }
    .about-field .main-business .inner {
        padding:20px 10px;
        text-align:center
    }
    .about-field .main-business .sub {
        border:0;
        padding-bottom:0
    }
    .about-field .main-business .sub a {
        background:none;
        padding-left:0;
        line-height:32px
    }
    .about-field .field-text {
        padding:10px 0 10px
    }
    .main-business {
        margin:0
    }
    .main-business .business-item {
        float:left;
        width:25%
    }
    .main-business .business-item .inner {
        margin:0
    }
    .main-business .ico {
        margin-bottom:12px;
        height:50px;
        line-height:50px;
        font-size:0
    }
    .main-business .ico img {
        width:auto !important;
        height:36px !important
    }
    .our-server .bg {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .our-server .bg img {
        margin-left:0;
        width:auto;
        height:100%;
        -webkit-transform:translate3d(-50%, 0, 0);
        -moz-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }
    .our-server .server-inner {
        position:relative;
        left:0;
        top:0;
        z-index:10;
        margin-left:0;
        padding-top:30px
    }
    .our-server .server-inner .server-desc {
        padding-top:10px;
        font-size:16px;
        line-height:32px
    }
    .our-server .server-inner .server-desc .text {
        font-size:18px
    }
    .our-server .m-key-list {
        position:relative;
        left:0;
        bottom:0;
        z-index:3
    }
    .history-wapper {
        width:100%;
        margin:0 auto 20px
    }
    .history-wapper .history {
        padding-bottom:20px
    }
    .history-wapper .botline {
        right:auto;
        left:20px;
        width:1px;
        height:20px
    }
    .history-wapper .chl-title {
        padding:20px 0 10px;
        font-size:24px;
        line-height:30px
    }
    .history-wapper .item {
        display:none;
        border-bottom:1px solid #e6e6e6;
        padding-left:20px;
        padding-right:15px
    }
    .history-wapper .item .year {
        display:none
    }
    .history-wapper .dot {
        right:auto;
        left:13px;
        top:25px
    }
    .history-wapper .list {
        float:none;
        width:100%;
        font-size:14px;
        line-height:26px;
        padding:20px 0 20px 15px;
        border-left:1px solid #d9d9d9
    }
    .history-wapper .list li {
        padding-bottom:10px
    }
    .loadmore {
        width:auto;
        margin:20px 15px 30px;
        overflow:hidden;
        line-height:38px;
        height:40px;
        border-width:1px
    }
    .m-diff-title, .m-chl-title {
        font-size:20px;
        line-height:30px
    }
    .m-diff-text {
        font-size:14px;
        line-height:26px
    }
    .m-center-img {
        text-align:center
    }
    .m-center-img img {
        max-width:100%;
        vertical-align:top
    }
    .diff-head {
        padding-top:30px;
        padding-bottom:20px;
        font-size:16px;
        line-height:28px
    }
    .diff-head h1 {
        margin-bottom:12px;
        font-size:20px;
        line-height:32px
    }
    .diff-head .line {
        width:120px;
        height:2px;
        margin-left:-60px
    }
    .full-diff-text {
        padding:20px 15px 0
    }
    .full-diff-text .m-diff-text {
        padding:10px 0 20px
    }
    .full-ablum .item {
        float:none;
        width:100%
    }
    .adv-supplier {
        padding-top:30px;
        padding-bottom:30px
    }
    .adv-supplier .m-diff-text {
        padding:10px 0
    }
    .full-adv-case {
        position:relative
    }
    .full-adv-case img {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .full-adv-case .case-ditt-content {
        position:relative;
        z-index:10;
        top:0;
        left:0;
        padding:15px
    }
    .full-adv-case .m-diff-text {
        padding:15px 0 0;
        font-size:14px
    }
    .diff-server {
        padding-top:20px;
        padding-bottom:20px
    }
    .diff-server .m-diff-text {
        padding:15px 0
    }
    .full-seo-article {
        padding:30px 0 20px
    }
    .full-seo-article .m-diff-text {
        padding:10px 0
    }
    .full-worthy-intro {
        padding-top:20px
    }
    .full-worthy-intro .m-diff-text {
        padding:15px 15px 20px
    }
    .full-faith-article .content {
        font-size:14px;
        line-height:26px
    }
    .full-faith-article .content .title {
        float:none;
        width:100%
    }
    .full-faith-article .content .title h2 {
        margin-bottom:10px;
        font-size:16px;
        line-height:28px
    }
    .full-faith-article .content .title h3 {
        margin-bottom:0;
        font-size:20px;
        line-height:34px
    }
    .common-problem {
        padding-bottom:20px
    }
    .common-problem .qa-title {
        margin-bottom:10px;
        font-size:20px;
        line-height:30px
    }
    .doc-download {
        padding:20px 0 5px
    }
    .doc-download ul {
        margin:0
    }
    .doc-download li {
        float:none;
        width:100%;
        margin-bottom:15px
    }
    .doc-download .inner {
        padding:0 15px
    }
    .doc-download .info {
        padding:10px 78px 10px 10px
    }
    .doc-download .pdf {
        padding:0;
        font-size:16px;
        padding-left:56px;
        line-height:24px;
        height:48px;
        -o-background-size:32px;
        background-size:32px
    }
    .doc-download .dw {
        width:68px;
        height:68px;
        font-size:0;
        -o-background-size:30px auto;
        background-size:30px auto
    }
}
@media (max-width: 640px) and (max-width: 350px) {
    .doc-download .inner {
        padding:0 10px
    }
    .doc-download .info {
        padding:10px 74px 10px 10px
    }
    .doc-download .pdf {
        font-size:14px;
        line-height:22px;
        height:44px;
        padding-left:46px
    }
    .doc-download .dw {
        width:64px;
        height:64px
    }
}
@media (max-width: 640px) {
    .qa-list {
        padding-top:10px;
        font-size:14px;
        line-height:22px
    }
    .qa-list li {
        margin-bottom:10px
    }
    .qa-list h3 {
        padding:5px 40px 5px 60px;
        font-size:14px;
        line-height:22px;
        min-height:54px;
        -o-background-size:54px auto;
        background-size:54px auto
    }
    .qa-list h3 .ico {
        right:10px;
        -o-background-size:18px auto;
        background-size:18px auto
    }
    .qa-list h3.cur .ico {
        background-image:url("../webimages/qaless.png")
    }
    .qa-list .answer {
        padding:5px 10px 5px 60px;
        -o-background-size:54px auto;
        background-size:54px auto;
        min-height:54px
    }
    .contact-ways {
        padding-top:30px
    }
    .contact-ways .info {
        padding:20px 0 10px
    }
    .contact-ways .info .item {
        float:none;
        width:100%;
        font-size:14px;
        line-height:26px;
        margin-bottom:10px
    }
    .contact-ways .info .item:nth-child(1) {
        text-align:center
    }
    .contact-ways .info .item:nth-child(1) .ico img {
        max-width:none
    }
    .contact-ways .info .ico {
        margin-bottom:10px;
        text-align:center
    }
    .contact-ways .info .ico img {
        max-width:25%;
        width:auto !important;
        height:auto !important
    }
    .contact-ways .info span {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        text-align:right
    }
    .contact-ways .info .label4 {
        width:auto
    }
    .full-arrive {
        padding:20px 0 0
    }
    .arrive-info {
        padding-bottom:20px
    }
    .arrive-lf {
        float:none;
        padding:5px 0 0 30px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .arrive-lf .arr-title {
        margin-bottom:10px
    }
    .arrive-lf .arr-title h3 {
        font-size:16px;
        line-height:22px
    }
    .arrive-lf .arr-title h4 {
        font-size:28px;
        line-height:40px
    }
    .arrive-lf .addr {
        font-size:14px;
        margin-bottom:10px
    }
    .arrive-rg {
        padding-left:0;
        border:0;
        font-size:14px;
        line-height:26px
    }
    .full-bdmap {
        height:200px
    }
    .contact-feedback {
        padding-top:30px;
        padding-bottom:30px
    }
    .contact-feedback .m-chl-title {
        margin-bottom:20px
    }
    .contact-feedback .contact-form {
        max-width:1200px;
        margin:0 auto
    }
    .contact-feedback .text {
        float:none;
        width:100%
    }
    .contact-feedback .text label {
        padding:10px 0;
        margin-bottom:15px
    }
    .contact-feedback .text label input {
        font-size:14px
    }
    .contact-feedback .text .imgval img {
        top:-1px;
        height:37px
    }
    .contact-feedback .msg {
        float:none;
        width:100%
    }
    .contact-feedback .msg p {
        font-size:16px;
        line-height:50px
    }
    .contact-feedback .msg textarea {
        width:100%;
        height:94px;
        font-size:14px;
        line-height:24px
    }
    .contact-feedback .form-ctrl {
        width:100%
    }
    .contact-feedback .form-ctrl label {
        width:48%;
        height:40px;
        padding:10px 0
    }
    .contact-feedback .form-ctrl label input {
        font-size:16px
    }
    .recruit-content {
        padding-top:20px;
        padding-bottom:20px
    }
    .recruit-content .thumb {
        float:none;
        margin-left:0
    }
    .recruit-content .thumb img {
        width:100%
    }
    .recruit-content .content {
        font-size:14px;
        line-height:26px
    }
    .recruit-content .content .title {
        font-size:20px;
        line-height:36px
    }
    .recruit-content .content .text {
        padding:10px 0 20px
    }
    .recruit-content .content .mail {
        font-size:16px;
        line-height:28px
    }
    .recruit-list-wrapper {
        padding-bottom:30px
    }
    .recruit-list-wrapper .brief {
        padding:10px 0;
        font-size:16px;
        line-height:28px
    }
    .recruit-list-wrapper .brief h3 {
        width:90%;
        font-size:16px
    }
    .recruit-list-wrapper .brief p {
        display:none
    }
    .recruit-list-wrapper .brief .ico {
        width:48px;
        height:48px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .recruit-list-wrapper .brief.cur .ico {
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .recruit-list-wrapper .info {
        padding:15px 0;
        font-size:14px;
        line-height:26px
    }
    .recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item {
        padding-bottom:10px
    }
    .recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label {
        float:none;
        width:100%
    }
    .recruit-list-wrapper .delivery {
        margin-left:0;
        width:177px;
        height:50px;
        padding-left:74px;
        font-size:16px;
        line-height:50px;
        background:#333 url("../webimages/delivery.png") no-repeat 28px 8px
    }
    .full-error-page .error-back {
        position:relative;
        left:0%;
        top:0%;
        margin-left:0;
        font-size:16px;
        line-height:40px
    }
    .full-error-page .error-back li {
        width:16.66667%;
        white-space:nowrap
    }
    .full-error-page .error-back a {
        padding:0 5px;
        font-size:12px;
        line-height:40px;
        text-align:center
    }
    .iban-pages {
        bottom:5px
    }
    .iban-pages span {
        width:30px;
        padding:8px 0;
        margin:0 3px
    }
    .site-article-wrapper {
        width:100%;
        padding:20px 15px 0
    }
    .site-article-wrapper li a {
        padding:15px 0 0
    }
    .site-article-wrapper .date {
        position:absolute;
        top:42px;
        left:0;
        z-index:3
    }
    .site-article-wrapper .date .mm-dd {
        float:right;
        font-size:14px;
        line-height:20px;
        border-bottom:0;
        font-weight:normal
    }
    .site-article-wrapper .date .yy {
        float:right;
        font-size:14px;
        line-height:20px
    }
    .site-article-wrapper .date .yy::after {
        content:'-';
        display:block;
        float:right
    }
    .site-article-wrapper .title {
        margin-bottom:24px;
        font-size:16px;
        line-height:26px
    }
    .site-article-wrapper .desc {
        margin-bottom:10px;
        font-size:14px;
        line-height:26px;
        height:52px
    }
    .site-article-wrapper .tag {
        padding:0 0 15px
    }
    .site-article-wrapper .tag a {
        float:left;
        margin-right:5px;
        font-size:13px;
        line-height:24px
    }
    .singlepage {
        font-size:14px;
        line-height:26px
    }
    .cooperation-iframe {
        width:100%
    }
    .case-intro-wrapper .jiejuelist dl li {
        margin-left:20px
    }
    .news-subnav {
        padding-top:30px
    }
    .news-subnav .news-cate {
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        padding-left:2px
    }
    .news-subnav .news-cate li {
        width:33.3333%;
        margin-right:0;
        margin-bottom:2px;
        border-left:1px solid #fff;
        border-right:1px solid #fff
    }
    .news-subnav .news-cate a {
        width:100%;
        height:40px;
        font-size:14px;
        line-height:40px
    }
    .customer-swiper {
        display:none
    }
    .wapconstomer {
        display:block;
        position:relative
    }
    .wapconstomer::after {
        content:'';
        display:block;
        width:100%;
        padding-bottom:205.6338%
    }
    .wapconstomer .wapbg {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:url("../webimages/wapconstomer.jpg") no-repeat 0 center;
        -o-background-size:100% auto;
        background-size:100% auto
    }
    #newBridge .nb-invite-wrap-base {
        bottom:55px !important
    }
    #newBridge .nb-icon-right-bottom {
        bottom:70px !important
    }
    #nb_icon_wrap {
        width:50px !important;
        height:50px !important
    }
    #newBridge .nb-icon-wrap-4 .nb-icon-wrap-base {
        -o-background-size:38px !important;
        background-size:38px !important
    }
    .m-gif-ban {
        position:relative;
        background-color:#ec671c
    }
    .m-gif-ban .weblg {
        padding-bottom:50%
    }
    .m-gif-ban .weblg img {
        width:60% !important;
        left:20%;
        top:10.13333%
    }
    #mobile_icon_div>div {
        width:50px !important;
        height:50px !important;
        left:auto !important;
        background-color:#333 !important;
        right:10px !important
    }
    #mobile_icon_div svg {
        -webkit-transform:translate(-0.7em, -0.7em);
        -moz-transform:translate(-0.7em, -0.7em);
        -ms-transform:translate(-0.7em, -0.7em);
        -o-transform:translate(-0.7em, -0.7em);
        transform:translate(-0.7em, -0.7em)
    }
    .full-project-flow {
        padding:0 0 0
    }
    .full-project-flow .flow-title {
        margin-bottom:15px;
        font-size:20px;
        line-height:30px
    }
    .full-project-flow .flow-chart {
        padding-top:20px;
        margin:0
    }
    .full-project-flow .flow-chart .item {
        width:50%;
        padding:0 5px;
        margin-bottom:15px
    }
    .full-project-flow .flow-chart .item:after {
        display:none
    }
    .full-project-flow .flow-chart .item p.mgw {
        margin:0
    }
    .full-project-flow .flow-chart .item img {
        width:50% !important
    }
    .full-project-flow .flow-chart .item .name {
        padding:10px 0 4px;
        font-size:16px;
        line-height:26px
    }
    .full-guidance .guidance-wraper {
        left:0%;
        margin-left:0
    }
    .full-guidance .guidance-wraper h3 {
        margin-bottom:5px;
        font-size:16px;
        line-height:30px
    }
    .full-guidance .guidance-wraper .ico {
        height:36px;
        -o-background-size:36px auto;
        background-size:36px auto
    }
    .operate-problems {
        padding-top:25px;
        padding-bottom:30px
    }
    .operate-problems .qa-title {
        font-size:20px;
        line-height:30px;
        margin-bottom:15px
    }
    .operate-problems ul {
        padding-bottom:15px
    }
    .operate-video-popup .operate-video {
        left:3%;
        width:94%;
        height:auto;
        margin:0;
        -webkit-transform:translate(0, -50%);
        -moz-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
        -o-transform:translate(0, -50%);
        transform:translate(0, -50%)
    }
    .operate-video-popup .title {
        font-size:18px;
        line-height:46px
    }
    .operate-video-popup .close {
        width:46px;
        font-size:24px;
        line-height:46px
    }
    .operate-video-popup .video-list {
        height:auto;
        padding:20px
    }
    .operate-video-popup .video-list a {
        line-height:40px;
        -o-background-size:20px auto;
        background-size:20px auto
    }
    .video-player-popup .close {
        right:0
    }
    .maintain-content .m-web-title {
        margin-bottom:15px
    }
    .maintain-content .topic-list .inner {
        padding:15px
    }
    .maintain-content .topic-list h4 {
        margin-bottom:10px
    }
    .maintain-content .topic-list .inner h3 {
        margin-bottom:10px;
        font-size:18px;
        display:-webkit-box;
        height:26px;
        line-height:26px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1
    }
    .maintain-content .topic-list p {
        max-height:144px;
        line-height:24px;
        display:-webkit-box;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:6;
        height:auto
    }
    .full-maintain-flow {
        padding:25px 0 30px;
        background-color:#f2f2f2
    }
    .full-maintain-flow .m-web-title {
        margin-bottom:20px
    }
    .maintain-feature {
        padding:25px 0 0
    }
    .maintain-feature .ico {
        width:42%;
        margin:0 auto 15px
    }
    .maintain-feature .ico img {
        max-width:100%
    }
    .maintain-feature li {
        width:50%;
        margin-bottom:15px
    }
    .maintain-feature li:after {
        display:none
    }
    .maintain-feature .time1:after {
        display:none
    }
    .maintain-feature .inner {
        padding:0 10px
    }
    .maintain-feature h3 {
        margin-bottom:10px;
        font-size:16px
    }
    .full-contact-tab {
        padding:20px 0 15px
    }
    .full-contact-tab .tab-handle {
        text-align:center
    }
    .full-contact-tab .tab-handle .handle {
        width:50%;
        display:inline-block;
        vertical-align:top;
        *display:inline;
        *zoom:1;
        margin:0;
        padding:155px 5px 0;
        -o-background-size:98px auto;
        background-size:98px auto
    }
    .full-contact-tab .name {
        font-size:16px;
        line-height:24px
    }
    .full-b2c-server.left-image .thumb {
        display:block;
        width:100%
    }
    .full-b2c-server.left-image .table-middle {
        display:block;
        width:100%;
        margin:0
    }
    .full-b2c-server.left-image .table-middle .content {
        width:100%;
        padding-left:0
    }
	
	.full-aboutus-server.left-image .thumb {
        display:block;
        width:100%
    }
    .full-aboutus-server.left-image .table-middle {
        display:block;
        width:100%;
        margin:0
    }
    .full-aboutus-server.left-image .table-middle .content {
        width:100%;
        padding-left:0
    }
	
    .ban-center-dev {
        margin-top:0;
        min-height:135px
    }
    .ban-center-dev .title {
        font-size:18px;
        line-height:1.4
    }
    #LRfloater0 {
        right:10px !important;
        top:auto !important;
        bottom:225px !important;
        margin-bottom:0 !important
    }
    #LRfloater0 img {
        width:42px;
        height:42px
    }
    #LRMINIBar {
        right:10px !important
    }
    #LR-BTN-ICON {
        margin:4px !important
    }
    #LR-BTN, #LR-CIRCLE {
        width:42px !important;
        height:42px !important;
        line-height:42px !important
    }
    #LR-CIRCLE {
        background-color:#d90000 !important
    }
    #LXB_CONTAINER, #LXB_CLOSE_BTN, #LXB_INVITE {
        z-index:99 !important
    }
    #LXB_CONTAINER_SHOW.lxb-container-btn-show {
        top:auto !important;
        bottom:230px !important;
        margin-bottom:0 !important
    }
    #mobile_icon_div {
        display:none !important
    }
    #LXB_CONTAINER_SHOW.lxb-container-btn-show {
        display:none !important
    }
    .iban-ctrl {
        width:auto;
        padding:0 15px;
        height:34px
    }
    .iban-index span {
        font-size:16px;
        line-height:34px
    }
    .iban-index .line {
        font-size:16px
    }
    .iban-nav {
        display:none
    }
    .scroll-tips {
        display:none
    }
}
@media (max-width: 350px) {
    .mcase-right-info {
        padding:0
    }
    .m-ichl-subnav li a {
        font-size:14px
    }
}
/* 20221221 */