@charset "UTF-8";
/*--公共部分--*/
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

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

body { font-family: "思源黑体", Arial; font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; }

img { border: 0px; }

ul, li { list-style: none; }

em, i { font-style: normal; }

a { text-decoration: none; color: #333; outline: none; }

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

a, area { blr: expression(this.onFocus=this.blur()); }

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

.clearfix { *zoom: 1; }

.clear { clear: both; }

* { webkit-box-sizing: border-box; box-sizing: border-box; }

input, textarea, select { font-family: "思源黑体"; outline: none; }

.fl { float: left; }

.fr { float: right; }

.commonweb { padding: 0px 10px; }

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

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "思源黑体"; border-radius: 0; }

* { -webkit-tap-highlight-color: transparent; tap-hightlight-color: transparent; touch-callout: none; -webkit-touch-callout: none; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .sm-fl { float: left; }
  .sm-fr { float: right; }
  .sm-fn { float: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .md-fl { float: left; }
  .md-fr { float: right; }
  .md-fn { float: none; } }

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

.commonleft { float: none; }

.commonright { float: none; }

.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 (min-width: 768px) { .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%; } }

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

@media (min-width: 1200px) { .commonweb { margin: 0px auto; max-width: 1180px; padding: 0; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .lg-fl { float: left; }
  .lg-fr { float: right; }
  .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%; } }

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

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

@media (min-width: 767px) { .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 991px) { .visible-md { display: block; }
  .hidden-sm { display: block; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

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

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

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

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

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

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

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

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

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

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

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

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

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

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

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

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

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

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

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

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

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

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

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

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

.sprite-demo { width: 100px; height: 100px; background-color: #f60; }

.all-sprite { color: #f60; width: 500px; height: 500px; background: #f4f4f4 url("../images/sprite.png") no-repeat 0 0; }

.base64-demo { padding: 10px; background: #ff6600 url("../images/download.jpg") no-repeat 0 0; }





@charset "UTF-8";
@media (max-width: 320px) { body { width: 320px; } }

body { padding-top:104px; }

header { width:100%; background-color: #000; color: #fff; height: 60px; position:fixed; top:0; left:0; z-index:201; }

header h1 { float: left; position: absolute; z-index: 201; }

header h1 img { width: 60px; display: block; }

header h1 .inside-logo { width: auto; }

nav { width: 100%; position: absolute; left: 0; top: 60px; z-index: 20; background-color: #fff; padding-top: 10px; display: none; }

nav li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }

nav li a { display: block; padding: 10px 20px; position: relative; }

nav li > a:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-left: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

nav .subnav { display: none; }

.headerthumb { float: right; position:relative; z-index:201; }

.headerthumb a { color: #fff; }

.headerthumb .languagebtn { font-size: 16px; padding: 3px; display: inline-block; margin-top: 16px; float: right; }

.nav-btn { width: 30px; height: 25px; margin-top: 18px; margin-left: 15px; }

.nav-btn .bar { position: relative; display: block; width: 28px; height: 3px; margin: 7px auto; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; }

.nav-btn span:nth-child(1) { margin-top: 0; }

.nav-btn span:nth-child(3) { margin-bottom: 0; }

.nav-btn.cur .bar:nth-of-type(1) { -webkit-transform: translateY(9.5px) rotate(-45deg); -ms-transform: translateY(9.5px) rotate(-45deg); transform: translateY(9.5px) rotate(-45deg); }

.nav-btn.cur .bar:nth-of-type(2) { opacity: 0; }

.nav-btn.cur .bar:nth-of-type(3) { -webkit-transform: translateY(-10.5px) rotate(45deg); -ms-transform: translateY(-10.5px) rotate(45deg); transform: translateY(-10.5px) rotate(45deg); }

.search-wrap { float: right; }

.search-wrap .search-icon { display: inline-block; width: 26px; height: 26px; line-height: 20px; text-align: center; background-image: url(../images/icon01.png); background-position: center; background-repeat: no-repeat; background-size: 80%; margin-top: 16px; margin-right: 10px; }

.search-wrap span { cursor: pointer; }

.search-wrap form { width: 100%; height: 46px; line-height: 46px; position: fixed; display: none; left: 0; top: 60px; background-color: #dddddd; z-index: 201; }

.search-wrap form input[type=text] { width: 80%; height: 46px; background-color: #ddd; padding-left: 20px; cursor: initial; color: #333; float: left; }

.search-wrap form input[type=submit] { background-color: #259bf5; width: 20%; height: 46px; cursor: pointer; color: #fff; float: left; }

@media (min-width: 992px) { .search-wrap form { width: 365px; height: 48px; right: 0px; left: auto; top: 45px; z-index: 201; }
  .search-wrap form input[type=text] { width: 290px; height: 48px; line-height: 48px; padding: 0 0 0 10px; text-align: left; cursor: auto; }
  .search-wrap form input[type=submit] { width: 75px; height: 48px; text-align: center; line-height: 48px; cursor: pointer; } }

@media (min-width: 1024px) { header { height: 45px; }
  header h1 img { width: 100px; transition:.3s all; }
  header h1 .inside-logo {  }
    header h1.on img {
        width:145px;
        padding-top:6px;
    } 
  header .commonweb { position: relative; }
  nav { padding-top: 0; display: block; float: right; position: static; width: 710px; background: none; }
  nav li { float: left; border-bottom: none; }
  nav li a { font-size: 15px; padding: 0 10px; color: #fff; line-height: 45px; }
  nav li a:hover { color: #259bf5; }
  nav li > a:after { display: none; }
  nav .subnav { min-width: 100%; position: absolute; left: 50%; top: 45px; z-index: 202; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; background-color: #fff; padding: 10px 0; }
  nav .subnav a { color: #333; white-space: nowrap; }
  .nav-btn { display: none; }
  .search-wrap .search-icon { margin-top: 10px; }
  .headerthumb .languagebtn { margin: 0; padding: 0 5px; line-height: 45px; } }

@media (min-width: 1199px) { header h1 { position: absolute; left: 0; top: 0; }
  header h1 img { width: 120px; }
  nav { width: auto; padding-right: 8px; }
  nav li a { padding: 0 21px; }
  .search-wrap form { top: 45px; } }

footer { color: #999; padding-top: 70px; min-height: 300px; background: #111111 url(../images/foot.jpg) top center no-repeat; }

footer h4 { color: #999; font-size: 16px; position: relative; }

footer h4:after { content: ''; display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: url(../images/icon36.png) center no-repeat; }

footer h4.cur:after { background-image: url(../images/icon37.png); }

footer a { color: #999; }

footer a:hover { color: #999; }

footer .footerNav { display: none; }

footer li { border-bottom: 1px solid #fff; padding: 15px 0; }

footer li p { padding-bottom: 3px; }

footer li p:first-child { padding-top: 3px; }

footer .foottel { padding: 20px; text-align: center; vertical-align: top; }

footer .foottel dt { vertical-align: top; display: inline-block; padding: 20px 35px 0 0; text-align: left; }

footer .foottel dt .foottelcont { font-size: 20px; display: block; padding: 8px 0 13px; }

footer .foottel dt a { color: #0090ff; border: 1px solid #085188; display: block; width: 110px; height: 34px; line-height: 32px; padding-left: 39px; background: url(../images/icon02.png) 12px center no-repeat; }

footer .foottel dd { display: inline-block; max-width: 30%; }

footer .foottel dd img { width: 100%; display: block; }

footer .foot-copyright { border-top: 1px solid #2b2b2b; text-align: center; padding: 15px 10px; font-size: 13px; }

footer .foot-copyright .smin { display: block; }

@media (min-width: 768px) { footer .foottel dt { padding: 50px 100px 0 0; }
  footer .foottel dt .foottelcont { font-size: 30px; padding: 13px 0 27px; }
  footer .foot-copyright .smin { display: inline-block; } }

@media (min-width: 1024px) { footer ul { float: left; }
  footer li { float: left; border-bottom: none; padding-right: 40px; }
  footer li h4 { padding-bottom: 10px; font-size: 15px; }
  footer li h4:after { display: none; }
  footer li p a { font-size: 13px; }
  footer li p a:hover { color: #259bf5; }
  footer li:last-child { padding-right: 0; }
  footer .foottel { float: right; padding: 0 0 30px; }
  footer .foottel dt { padding-right: 30px; padding-top: 15px; }
  footer .foottel dd { float: right; } }

@media (min-width: 1199px) { footer ul { padding-top: 45px; }
  footer ul li { padding-right: 80px; }
  footer .foottel { padding-bottom: 45px; }
  footer .foottel dt { padding-top: 58px; padding-right: 95px; }
  footer .foottel dd { width: 165px; max-width: 165px; margin-top: -10px; } }

.indexbanner { width: 100%; position: relative; overflow: hidden; background-color:#f2f2f2; }

.indexbanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

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

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

.indexbannerbtn p span { display: inline-block; width: 50px; height: 2px; background: #fff; overflow: hidden; margin: 0 5px; cursor: pointer; }

.indexbannerbtn p span.swiper-pagination-bullet-active { background: #00a0e9; }

.indexbanner a img { display: block; width: 100%; position: relative; }

.bannerimg { display: none; }

.bannertextcont { padding: 20px 15px 40px; text-align: center; color: #333; background: #f2f2f2; }

.bannertitle { font-size: 20px; -webkit-transition: all 1000ms; transition: all 1000ms; line-height: 24px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; font-weight: bold; }

.bannertext { font-size: 16px; margin: 15px 0 20px; opacity: 0; -webkit-transition: all 1000ms; transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.bannertitle img { width: auto; margin: 0 auto; }

.bannerimg { opacity: 0; -webkit-transition: all 800ms; transition: all 800ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.bannertitle:after { content: ''; display: block; width: 50px; height: 1px; background-color: #333; margin: 15px auto 10px; opacity: 1; }

.bannerlink { display: inline-block; width: 107px; height: 36px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #898989; opacity: 0; color: #333; -webkit-transition: all 1300ms; transition: all 1300ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.indexbanner li:hover .bannerlink { background: #00a0e9; color: #FFF; border: 1px solid #00a0e9; }

.indexbanner li.active .bannertitle { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.indexbanner li.active .bannerimg { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.indexbanner li.active .bannertext { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.indexbanner li.active .bannerlink { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.banner-dot { text-align: center; position: absolute; bottom: 0; z-index: 30; }

.banner-dot span { background-color: #333; opacity: 1; width: 12px; height: 12px; }

.banner-dot .swiper-pagination-bullet-active { background-color: #259bf5; }

.secondbanner .bannertextcont img, .thirdbanner .bannertextcont img { height: 20px; }

@media (min-width: 1024px) { .bannertitle { font-size: 48px; line-height: 52px; color: #fff; }
  .bannertext { font-size: 20px; margin: 15px 0 42px; color: #fff; text-align: center; line-height: 50px; font-size: 30px; font-weight: lighter; }
  .bannerimg { font-size: 55px; line-height: normal; font-weight: bold; display: block; }
  .bannerimg img { width: auto; margin: 0 auto 30px; }
  .bannertitle:after { background-color: #fff; margin: 28px auto 0; }
  .bannerlink { font-size: 16px; color: #fff; margin: 0 auto; }
  .bannertextcont { width: 100%; background: none; text-align: center; position: absolute; padding: 0 15px; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; color: #fff; }
  .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 30px; }
  .swiper-container-horizontal > .swiper-pagination-bullets span { background-color: #fff; }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #259bf5; }
  .secondbanner .bannertextcont { top: 18%; }
  .secondbanner .bannertextcont img { width: auto; height: auto; display: inline-block; vertical-align: -3px; margin-right: 20px; }
  .secondbanner .bannertextcont .bannertext { font-size: 40px; margin-bottom: 0; }
  .secondbanner .bannertextcont .bannertext2 { font-size: 36px; margin-top: 0; -webkit-transition: all 1200ms; transition: all 1200ms; }
  .secondbanner .bannertextcont .bannertext3 { font-size: 20px; margin-top: 0; line-height: normal; -webkit-transition: all 1400ms; transition: all 1400ms; }
  .thirdbanner .bannertextcont { top: 18%; color: #333; }
  .thirdbanner .bannertextcont img { width: auto; height: auto; display: inline-block; vertical-align: -3px; margin-right: 20px; }
  .thirdbanner .bannertextcont .bannertext { font-size: 40px; margin-bottom: 20px; color: #333; }
  .thirdbanner .bannertextcont .bannertext2 { font-size: 20px; margin: 0; -webkit-transition: all 1200ms; transition: all 1200ms; line-height: normal; color: #333; }
  .thirdbanner .bannertextcont .bannertext3 { font-size: 16px; margin: 0; -webkit-transition: all 1200ms; transition: all 1200ms; line-height: normal; padding-top: 3px; color: #333; } }

@media (min-width: 1199px) { .bannertextcont { padding: 0; min-width: 1180px; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.inPro li { padding: 0; }

.inPro li .libox { margin: 1px; }

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

.inPro li a { display: block; }

.inPro li .tit { font-size: 18px; padding-top: 30px; padding-bottom: 3px; color: #333; }

.inPro li span { display: block; text-align: center; font-weight: lighter; color: #666; }

.inPro li .desc:after { content: ''; display: block; width: 20px; height: 20px; background: url(../images/icon06.png) no-repeat; margin: 10px auto; }

.inPro li:nth-child(1) .libox { background: url(../images/img02.jpg) top center no-repeat; background-size: cover; }

.inPro li:nth-child(2) .libox { background: url(../images/img03.jpg) top center no-repeat; background-size: cover; }

.inPro li:nth-child(3) .libox { background: url(../images/img04.jpg) top center no-repeat; background-size: cover; }

.inPro li:nth-child(4) .libox { background: url(../images/img05.jpg) top center no-repeat; background-size: cover; }

.inVideo { padding-bottom: 40px; }

.inVideo h3 { text-align: center; font-size: 18px; padding: 30px 0 20px; }

.inVideo li { padding: 1px; cursor:pointer; }

.inVideo li:nth-child(2) .inVideoCont{ display:none; }

.inVideo li .libox { position: relative; }

.inVideo li .libox img { display: block; width: 100%; }

.inVideo li .inVideoCont { width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 1; color: #fff; overflow: hidden; }

.inVideo li .inVideoCont .tit { font-size: 16px; float: left; width: 40%; padding-left: 20px; }

.inVideo li .inVideoCont .time { background: url(../images/icon07.png) right center no-repeat; float: right; padding-right: 16px; margin-right: 15px; vertical-align: middle; }

.inVideo li .inVideoCont .time:before { content: ''; display: inline-block; vertical-align: 4px; width: 18px; height: 1px; background-color: #fff; margin-right: 3px; }

.inVideo li .inVideoCont .time:after { content: ''; display: inline-block; vertical-align: 4px; width: 85px; height: 1px; background-color: #fff; margin-left: 3px; }

.rightfix { position: fixed; right: 0; bottom: 30%; z-index: 999; display: none; }

.rightfix #share a { margin: 0 0 1px; padding: 0; width: 55px; height: 55px; opacity: 1; display: block; float: none; }

.rightfix #share .bds_tsina { background: #ededed url(../images/icon09.png) center center no-repeat; }

.rightfix #share .bds_weixin { background: #ededed url(../images/icon08.png) center center no-repeat; }

.rightfix .backtop { width: 55px; height: 55px; display: block; background: #ededed url(../images/backtop.png) center center no-repeat; }

.rightfix #share .bds_weixin:hover { background: #259bf5 url(../images/wx_hover.png) center center no-repeat;}

.rightfix #share .bds_tsina:hover { background: #259bf5 url(../images/wb_hover.png) center center no-repeat;}

.rightfix .backtop:hover {  background: #259bf5 url(../images/icon10.png) center center no-repeat;}

@media (min-width: 768px) { .inVideo { padding-bottom: 60px; }
  .inVideo h3 { font-size: 24px; padding: 50px 0 30px; } }

@media (min-width: 1024px) { .inPro li { -webkit-transition: all  .5s; transition: all  .5s; }
  .inPro li .libox { position: relative; }
  .inPro li .inProCont { width: 100%; position: absolute; top: 0; left: 0; }
  .inPro li .tit { font-size: 20px; padding-bottom: 3px; padding-top: 10px; }
  .inPro li .desc { font-size: 16px; }
  .inPro li img { -webkit-transition: all ease .5s; transition: all ease .5s; position: relative; }
  .inPro li:hover .tit { color: #259bf5; }
  .inPro li:hover img { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
  .inVideo { padding-bottom: 80px; }
  .inVideo h3 { font-size: 28px; padding: 70px 0 40px; }
  .inVideo li { cursor: pointer; }
  .inVideo li .libox { overflow: hidden; display: block; }
  .inVideo li img { -webkit-transition: all ease .5s; transition: all ease .5s; }
  .inVideo li:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); } }

@media (min-width: 1199px) { .inPro li .tit { font-size: 24px; padding-bottom: 3px; padding-top: 15px; }
  .inPro li .desc { font-size: 16px; }
  .inVideo { padding-bottom: 100px; }
  .inVideo h3 { font-size: 30px; padding: 135px 0 55px; }
  .inVideo li .inVideoCont .tit { width: 50%; } }

@media (min-width: 1600px) { .inPro li .tit { padding-bottom: 8px; padding-top: 50px; }
  .inPro li .desc { font-size: 16px; } }

@media (min-width: 1900px) { .inPro li .tit { padding-bottom: 8px; padding-top: 55px; }
  .inPro li .desc { font-size: 16px; } }

.recruitmentfloat, .recruitmentfloat1 { z-index: 110; display: none; width: 100%; position: fixed; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.6); }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; height: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tianjiatvwrap .videobox { height: 300px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; background: url(../images/video2img09.png) no-repeat center center; position: absolute; right: 0; top: 0px; cursor: pointer; z-index: 100; z-index: 9; }

@media (min-width: 992px) { .tianjiatvwrap, .tianjiatvwrap .videobox { height: 500px; }
  .recclosebtn { display: block; margin: -20px -20px 0 0; } }

@media (min-width: 1024px) { .tianjiatvwrap, .tianjiatvwrap .videobox { width: 1000px; } }

.newstop-container { background-color: #f2f2f2; padding: 125px 0 30px; }

.newstop-container img { display: block; max-width: 100%; -webkit-transition: ease all 2s; transition: ease all 2s; }

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

.newstop li { overflow:hidden; }

.newstop-cont { background-color: #fff; padding: 10px 15px; border-top: 2px solid #259bf5; }

.newstop-tit a { color: #333; }

.newstop-tit h3 { font-size: 18px; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.newstop-tit .newstop-titdesc { color: #999; font-size: 13px; padding: 5px 0; }

.newstop-tit .newstop-titdesc .newstop-date { margin-right: 10px; }

.newstop-desc p a { color: #666; }

.newstop-desc .newstop-more { margin-top: 10px; display: inline-block; color: #259bf5; }

.newstop-desc .newstop-more:after { content: ''; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #259bf5; border-right: 1px solid #259bf5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: 1px; }

.news-list { background-color: #fff; padding: 35px 0; text-align: center; overflow: hidden; }

.news-list ul { padding-top: 30px; margin: 0 -10px; }

.news-list li { margin-bottom: 20px; }

.news-list li .libox { border: 1px solid #e6e6e6; text-align: left; }

.news-list li .libox > a{display: block; width: 100%; height: 213px;  }

.news-list li img { display: block; width: 100%; -webkit-transition: ease all 2s; transition: ease all 2s; }

.news-list li .newslist-art { padding: 15px; }

.news-list li .newslist-art h3 { font-weight: bold; font-size: 18px; }

.news-list li .newslist-art h3 a { -webkit-transition: .2s; transition: .2s; }

.news-list li .newslist-art p { height: 66px; line-height: 22px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 10px 0 30px; }

.news-list li .newslist-art p a { color: #666; }

.news-list li .newslist-art .newslist-date { display: inline-block; background-color: #e6e6e6; color: #4c4c4c; padding: 0 8px; position: relative; margin-bottom: 10px; line-height: 32px; }

.news-list li .newslist-art .newslist-date:after { content: ''; background: url(../images/icon11.png) no-repeat; width: 6px; height: 5px; display: block; position: absolute; left: 0; bottom: -5px; }

.news-year { text-align: center; font-size: 16px; }

.news-year a { margin: 0 5px; display: inline-block; color: #808080; }

.news-year .cur, .news-year a:hover { color: #259bf5; }

.more-btn .laypage_main a { background-color: #e5e5e5; font-size: 16px; color: #333; display: block; width: 100%; height: 50px; line-height: 50px; -webkit-transition: .2s; transition: .2s; text-align: center; }

.more-btn .laypage_main  a:hover{ background-color: #259bf5; color: #fff; }

.newstop-dot { width:100%; text-align:center; position:absolute; z-index:30; }

@media (min-width: 768px) {
    .newstop { background-color:#fff; }
    .news-year a { margin: 0 17px; }
  .news-list li .libox { position: relative; }
  .news-list li .libox > a { overflow: hidden; display: block; }
  .news-list li .newslist-art { padding: 25px 20px; }
  .news-list li .newslist-art h3 { height: 48px; line-height: 24px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .news-list li .newslist-art p { margin-bottom: 20px; } }

@media (min-width: 992px) { .newstop-container { padding: 140px 0 55px; }
  .newstop { box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .newstop-cont { padding: 20px 30px 40px; }
  .newstop-tit { position: relative; padding-right: 220px; margin-bottom: 15px; }
  .newstop-tit h3 { font-size: 24px; }
  .newstop-tit h3 a { -webkit-transition: .2s; transition: .2s; }
  .newstop-tit .newstop-titdesc { position: absolute; right: 0; top: 0; }
  .newstop-tit .newstop-titdesc .newstop-date { margin-right: 25px; }
  .newstop-cont { position: relative; }
  .newstop-desc p { line-height: 24px; height:48px; overflow:hidden; }
  .newstop-desc .newstop-more { position: absolute; right: 30px; bottom: 35px; }
   .swiper-container-horizontal >  .newstop-dot { text-align:right; bottom:150px; padding-right:20px; }
    .newstop-dot span { opacity:1; background-color:#fff; }
    .newstop-dot span.swiper-pagination-bullet-active { background: #007aff; }
}

@media (min-width: 1024px) { .news-list li .libox:after { content: ''; width: 100%; height: 3px; background-color: #259bf5; position: absolute; left: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: .2s; transition: .2s; }
  .news-list li .libox:hover { box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.1); }
  .news-list li .libox:hover:after { opacity: 1; }
  .news-list li .libox:hover .newslist-art h3 a { color: #259bf5; }
  .news-list li .libox:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .newstop:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .newstop:hover .newstop-tit a { color: #259bf5; } }

@media (min-width: 1200px) { .news-list { padding-bottom: 95px; }
  .news-list .news-year { padding: 20px 0 25px; }
  .news-list ul { margin: 0 -11px; padding-bottom: 10px; }
  .news-list li { padding: 0 11px; }
    .swiper-container-horizontal > .newstop-dot { bottom:160px; }
    .newstop-dot span { width:10px; height:10px;  }
}

.newscont11 { padding: 36px 0; }

.detailtitle11 h4 { font-size: 24px; line-height: 29px; color: #333333; margin-bottom: 35px; }

.detaildate11 { font-size: 20px; color: #8e8e8e; font-family: Arial; }

.detailtext11 { padding: 50px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-top: 50px; font-size: 16px; line-height: 32px; color: #333333; }

.detailtext11 img { display: block; max-width: 100%; width: auto !important; height: auto !important; margin: 0 auto; }

.detailpage11 { padding-top: 50px; color: #666666; line-height: 28px; }

.detailpage11 dd a { color: #666666; }

.detailback11 { display: block; margin-top: 15px; width: 144px; height: 49px; background-color: #00837A; color: #ffffff; text-align: center; line-height: 49px; }

.detailback11:hover { color: #ffffff; }

.Share11 { display: none; position: absolute; left: 0px; top: 710px; width: 73px; z-index: 9; padding-top: 120px; }

.newsshare11 a { display: block; width: 73px !important; height: 73px !important; margin: 0 0 1px 0 !important; float: none !important; }

.weibolink { background-image: url(../images/news11xw02.jpg) !important; }

.tenngxunlink { background-image: url(../images/news11xw03.jpg) !important; }

.qqlink { background-image: url(../images/news11xw04.jpg) !important; }

.weixinlink { background-image: url(../images/news11xw05.jpg) !important; }

.baidulink { background-image: url(../images/news11xw06.jpg) !important; }

.taolink { background-image: url(../images/news11xw07.jpg) !important; }

.weibolink:hover { background-image: url(../images/news11xw08.jpg) !important; }

.tenngxunlink:hover { background-image: url(../images/news11xw09.jpg) !important; }

.qqlink:hover { background-image: url(../images/news11xw10.jpg) !important; }

.weixinlink:hover { background-image: url(../images/news11xw11.jpg) !important; }

.baidulink:hover { background-image: url(../images/news11xw12.jpg) !important; }

.taolink:hover { background-image: url(../images/news11xw13.jpg) !important; }

.detailtext11 .b1 { color: #1f99fc; font-size: 18px; margin-bottom: 10px; display: inline-block; }

.sm-block { display: none; }

.ul01 { padding-top: 20px; }

.ul01 li { padding-top: 20px; text-align: center; color: #1f99fc; }

.ul01 li img { width: 100% !important; display: block; margin-bottom: 10px; }

.newsdetail-player { display: block; position: relative; margin-top: 15px; }

.newsdetail-player:after { content: ''; display: block; width: 50px; height: 50px; background: url(../images/icon12.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) { .detailtext11 { padding: 50px 12%; min-height: 510px; }
  .Share11 { display: block; }
  .ul01 { margin: 0 -12px; }
  .ul01 li { padding: 0 12px; }
  .sm-block { display: block; }
  .newsdetail-player:after { width: 80px; height: 80px; } }

@media (min-width: 992px) { .newsdetail11 { padding: 0 40px; }
  .detailtitle11 { padding-right: 133px; }
  .detailtitle11 h4 { font-size: 36px; line-height: 42px; }
  .detaildate11 { font-size: 24px; }
  .detailpage11 dd { float: left; }
  .detailpage11 dt { float: right; }
  .detailback11 { margin: 0; } }

.colorblur { color: #1f99fc; }

.newscont7 { padding: 36px 0; background-color: #f2f2f2; }

.hotnews07 { position: relative; background-color: #fff; overflow: hidden; }

.hotnews07 ul li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; color: #666; }

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

.hotnewslist07 dt { overflow: hidden; position: relative; }

.hotnewslist07 dt a{display:block; position:relative;}

.hotnewslist07 dt a:after { content: ''; display: block; width: 50px; height: 50px; background: url(../images/icon13.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; z-index: 30; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hotnewslist07 dt img { display: block; width: 100%; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hotnewslist07 dd { padding: 25px; }

.hotnewslist07 dd h4 { font-size: 20px; line-height: 30px; font-weight: bold; }

.hotnewslist07 dd a { color: #259bf5; }

.hotnewstext07 { margin: 28px 0; }

.hotnews07 ul li:hover dt img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

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

.hotnewsbtn07 span { display: inline-block; width: 11px; height: 11px; background-color: #ccc !important; border-radius: 100%; margin:0 9px 0 0 !important; opacity: 0.5; }

.hotnewsbtn07 span.swiper-pagination-bullet-active { opacity: 1; background-color: #259bf5 !important; }

.hotnewslist07 dd .hotnewslink07 { color: #666; }

@media (min-width: 768px) { .hotnewslist07 dd h4 { font-size: 24px; line-height: 36px; font-weight: bold; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
  .hotnewslist07 dt:after { width: 70px; height: 70px; } }

@media (min-width: 1024px) { .hotnewslist07 dt { width: 71%; height: 440px; overflow: hidden; float: left; }
  .hotnewslist07 dd { width: 29%; padding: 55px 25px 0 25px; float: left; }
  .hotnewslist07 dd h4 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
  .hotnews07 .hotnewsbtn07 { width: 29%; padding-left: 25px; right: 0; left: auto; bottom: 40px; position: absolute; text-align: left; z-index: 20; } }

.video-list { padding: 35px 0; overflow: hidden; }

.video-list ul { margin: 0 -10px; padding-top: 20px; }

.video-list li { padding-bottom: 20px; }

.video-list li img { width: 100%; display: block; }

.video-list li .img { display: block; position: relative; }

.video-list li .img:after { content: ''; display: block; width: 42px; height: 42px; background: url(../images/icon13.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.video-list li h3 { border: 1px solid #d9d9d9; line-height: 50px; padding: 0 80px 0 15px; font-size: 16px; position: relative; }

.video-list li h3 a { display: block; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.video-list li h3 .video-time { color: #999; position: absolute; right: 15px; top: 0; }

@media (min-width: 768px) { .video-list { padding: 55px 0 75px; }
  .video-list ul { margin: 0 -11px; padding-top: 40px; }
  .video-list li { padding: 10px 11px 20px; }
  .video-list li h3 a { -webkit-transition: .2s; transition: .2s; }
  .video-list li .img { overflow: hidden; }
  .video-list li .img img { -webkit-transition: .8s ease all; transition: .8s ease all; } }

@media (min-width: 1024px) { .video-list li:hover a { color: #259bf5; }
  .video-list li:hover .img img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); } }

.singlePage { padding: 30px 0; }

.commonProblem-btn { padding-bottom: 20px; text-align: center; }

.commonProblem-btn a { display: inline-block; padding: 0 10px; border: 1px solid #d2d2d2; line-height: 45px; text-align: center; font-size: 16px; color: #666; margin: 0 2px 15px; }

.commonProblem-btn .cur { background-color: #259bf5; color: #fff; border-color: #259bf5; font-weight: bold; }

.commonProblem-cont { color: #666; padding-bottom: 30px; }

.commonProblem-cont .p1 { color: #000; font-size: 16px; font-weight: bold; }

@media (min-width: 768px) { .singlePage { padding: 60px 0; }
  .commonProblem-cont { font-size: 16px; line-height: 30px; }
    .commonProblem-btn a { min-width:120px;padding: 0 19px;margin: 0 5px 15px; }
}

@media (min-width: 1024px) { .commonProblem-btn { text-align: left; padding-bottom: 25px; }
  .commonProblem-btn a:hover { background-color: #259bf5; color: #fff; border-color: #259bf5; font-weight: bold; }
  .commonProblem-btn a:first-child { margin-left: 0; } }

@media (min-width: 1200px) { .commonProblem-cont { padding-bottom: 75px; } }

.gray { background-color: #f8f8f8; }

.download-list { background-color: #fff; }

.download-list li { border-bottom: 2px solid #f8f8f8; padding: 15px; color: #666; }

.download-list li h4 { font-size: 18px; }

.download-list .download-date { padding: 5px 0 12px; display: block; font-size: 16px; }

.download-list .download-btn { width: 115px; height: 37px; line-height: 37px; text-align: center; display: block; background: #259bf5 url(../images/icon14.png) 27px center no-repeat; color: #fff; text-indent: 15px; font-size: 16px; }

@media (min-width: 768px) { .download-list { line-height: 37px; }
  .download-list li { padding: 30px; }
  .download-list li h4 { float: left; width: 50%; padding-right: 20px; }
  .download-list .download-date { float: left; padding: 0; margin-left: 10px; }
  .download-list .download-btn { float: right; } }

@media (min-width: 992px) { .download-list li h4 { padding-left: 14px; width: 63%; } }

@media (min-width: 1024px) {
    .download-list li:hover { background-color:#f2f2f2;}
        .download-list li:hover h4 { color:#259bf5; }
}

.afterSales li { text-align: center; font-size: 16px; color: #666; padding-bottom: 25px; }

.afterSales li h4 { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333; }

.afterSales li img { display: block; margin: 15px auto 0; max-width: 80%; }

.afterSales-text br { display:none; }

@media (min-width: 768px) { .afterSales li { padding-bottom: 50px; }
  .afterSales li h4 { position: relative; font-size: 24px; }
  .afterSales li h4:after { content: ''; display: block; width: 0; height: 0; border-left: 12px solid #ccc; border-bottom: 10px solid transparent; border-top: 10px solid transparent; position: absolute; right: -6px; top: 0; }
  .afterSales li .afterSales-text { height: 48px; line-height: 24px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .afterSales li:nth-child(2n) h4:after { display: none; }
    .afterSales-text br { display:block; }
    .afterSales li img {max-width:100%; }
}

@media (min-width: 992px) { .afterSales li { padding-bottom: 90px; padding-top: 30px; }
  .afterSales li:nth-child(2n) h4:after { display: block; }
  .afterSales li:nth-child(3n) h4:after { display: none; }
  .afterSales-pad { padding-bottom: 20px; } }

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

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

.subbanner .subbanner-content { text-align: center; width: 100%; left: 0; top: 0; z-index: 30; padding: 20px; }

.subbanner .subbaner-ani { -webkit-transition: all 1000ms; transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.subbanner .subbanner-tit-one { font-weight: bold; font-size: 18px; }

.subbanner .subbanner-tit-one:after { content: ''; display: block; width: 50px; height: 1px; background-color: #259bf5; margin: 12px auto; }

.subbanner .subbanner-tit-two { font-size: 20px; padding-bottom: 5px; -webkit-transition: all 1300ms; transition: all 1300ms; font-weight: bold; }

.subbanner .subbanner-desc { font-size: 18px; -webkit-transition: all 1500ms; transition: all 1500ms; }

.subbanner .subbanner-content.active .subbaner-ani { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.subbanner .subbaner-joinbtn { background-color: #259bf5; color: #fff; padding: 15px; display: inline-block; margin-top: 10px; }

@media (min-width: 1024px) { .subbanner img { width: 1920px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .subbanner .subbanner-content { position: absolute; color: #fff; }
  .subbanner .subbanner-tit-one { font-size: 30px; padding-top: 100px; }
  .subbanner .subbanner-tit-one:after { width: 75px; margin: 30px auto; }
  .subbanner .subbanner-tit-two { font-size: 40px; padding-top: 5px; }
  .subbanner .subbanner-desc { font-size: 30px; padding-top: 22px; }
  .subbanner .subbaner-joinbtn { font-size: 20px; padding: 22px 50px; }
  .join-banner .subbanner-tit-two { padding-top: 200px; } }

@font-face { font-family: 'AvantGardeITCbyBT-Medium'; src: url("avantgardeitcbybt-medium-webfont.eot?"); src: url("avantgardeitcbybt-medium-webfont.eot?#iefix") format("embedded-opentype"), url("avantgardeitcbybt-medium-webfont.ttf?") format("truetype"), url("avantgardeitcbybt-medium-webfont.woff?") format("woff"), url("avantgardeitcbybt-medium-webfont.svg?#icomfx") format("svg"); font-weight: normal; font-style: normal; }

.singlepage16 { color: #333333; font-size: 14px; background-color: #ffffff; padding: 0 0 40px; }

.sgabouttitle16 { font-size: 20px; line-height: 36px; }

.sgabouttitle16 h4 { font-size: 45px; line-height: 45px; font-family: "AvantGardeITCbyBT-Medium", Arial; color: #d9d9d9; text-transform: uppercase; margin-bottom: 6px; word-wrap: break-word; }

.sgabouttitle16 p { font-weight: bold; }

.sgabouttext16 { padding: 3px 0 0 0; position: relative; }

.sgaboutback16 { padding: 10px 0 20px; background-color: #ffffff; position: relative; z-index: 2; }

.sgabouttext16::before { width: 70%; height: 274px; border: 12px solid #00a1e9; position: absolute; left: 0; bottom: 0; z-index: 1; }

.singlebgtextright16 img { display: block; max-width: 100%; }

.about-PageTwo { background-color: #f2f2f2; padding: 30px 0; text-align: center; }

.about-PageTwo ul { padding-top: 15px; }

.about-PageTwo li { padding: 20px 0; color: #259bf5; font-size: 16px; }

.about-PageTwo li .num { font-size: 40px; font-weight: bold; }

.about-PageTwo li .tit { color: #333; padding-top: 5px; }

.about-tit { font-size: 22px; text-align: center; font-weight: bold; padding-bottom: 20px; }

.culture { padding: 30px 0; }

.culture img { display: block; max-width: 100%; }

.culture-list { padding: 10px 0; }

.culture-list h4 { font-size: 16px; font-weight: bold; }

.culture-list h4:after { content: ''; display: block; width: 30px; height: 1px; background-color: #ccc; margin: 10px 0; }

.mission { background-color: #f2f2f2; padding: 30px 0; }

.mission li { margin-bottom: 30px; }

.mission li .libox { padding: 13px 0 30px 120px; position: relative; border-bottom: 1px solid #ccc; }

.mission li .libox:before { content: ''; display: block; width: 1px; height: 100%; background-color: #ccc; position: absolute; left: 50px; top: 0; z-index: 0; }

.mission li .libox:after { content: ''; display: block; width: 27px; height: 27px; position: absolute; left: 37px; bottom: -14px; z-index: 1; background: url(../images/icon16.png) no-repeat; }

.mission li .mission-date { width: 101px; height: 147px; text-align: center; position: absolute; left: 0; top: 0; background: url(../images/icon15.png) no-repeat; background-size: 100%; padding-top: 15px; color: #00a1e9; font-weight: bold; font-size: 22px; display: block; }

.mission li .mission-date i { display: block; padding: 0 5px; }

.mission li .mission-text { color: #4c4c4c; }

.mission li .mission-text h4 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 5px; }

.team { padding: 30px 0; }

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

.team li img { display: block; margin: 0 auto; }

.team li h4 { font-size: 18px; font-weight: bold; padding-top: 10px; }

.team li h5 { font-size: 16px; padding-bottom: 10px; }

.team li p { color: #666; }

@media (min-width: 768px) { .sgabouttitle16 { font-size: 30px; line-height: 36px; }
  .sgabouttitle16 h4 { font-size: 65px; line-height: 55px; }
  .sgabouttext16 { font-size: 16px; }
  .about-PageTwo { font-size: 15px; padding: 60px 0; }
  .about-PageTwo ul { padding-top: 30px; }
  .about-tit { padding-bottom: 40px; font-size: 24px; }
  .culture { padding: 60px 0; }
  .culture dt { width: 35%; }
  .culture dd { width: 65%; }
  .team { padding: 60px 0; }
  .team li h4 { font-size: 20px; padding-bottom: 5px; padding-top: 15px; }
  .team li h5 { font-size: 18px; }
  .mission { padding: 60px 0; }
  .mission li { margin-bottom: 50px; }
  .mission li .libox { padding-bottom: 50px; }
  .mission li .mission-text { font-size: 16px; }
  .mission li .mission-text h4 { font-size: 18px; } }

@media (min-width: 992px) { .culture dt { width: 35%; }
  .culture dd { width: 60%; }
  .culture-list { font-size: 16px; padding: 20px 0; }
  .culture-list h4 { font-size: 18px; } }

@media (min-width: 1024px) { .sgabouttitle16 h4 { font-size: 72px; line-height: 60px; }
  .singlebgtextleft16 { float: left; width: 48%; }
  .sgabouttext16 { padding: 53px 0 88px 44px; }
  .sgabouttext16::before { display: block; content: ""; }
  .sgaboutback16 { padding: 0 0 47px 35px; margin-left: 50px; top: 15px; font-size: 16px; line-height: 24px; }
  .singlebgtextright16 { width: 51%; float: right; }
  .about-PageTwo { font-size: 18px; line-height: 30px; padding: 85px 0 110px; }
  .about-PageTwo ul { padding-top: 100px; }
  .about-PageTwo li { font-size: 20px; }
  .about-PageTwo li .num { font-size: 90px; }
  .about-PageTwo li .tit { font-size: 18px; padding-top: 25px; }
  .mission li { border-bottom: 1px solid #ccc; float: left; width: 33.333333%; padding: 0 10px; }
  .mission .libox { margin-bottom: -1px; } }

@media (min-width: 1200px) { 
  .about-tit { font-size: 30px; }
  .culture { padding: 103px 0 153px; }
  .culture dl { padding-top: 23px; }
  .culture-list { line-height: 24px; padding: 31px 0; }
  .culture-list h4:after { margin: 11px 0 15px; }
  .team { padding: 105px 0 75px; }
  .team ul { margin: 0 -15px; padding-top: 25px; }
  .team li { padding: 0 15px; }
  .team li img { float: left; padding: 27px 0; margin-right: 18px; }
  .team li .team-text { text-align: left; padding-top: 50px; }
  .team li .p1 { font-size: 15px; line-height: 26px; }
  .team li .p1:before { content: '·'; display: inline-block; font-weight: bold; }
  .team li h5 { padding-bottom: 30px; }
  .team .libox { position: relative; }
  .team .libox:before { content: ''; display: block; width: 465px; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; border: 1px solid #d2d2d2; }
  .mission { padding: 73px 0 55px; }
  .mission .about-tit { padding-top:3px; }
  .mission .commonweb { overflow: hidden; }
  .mission ul { margin: 0 -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; }
  .mission li { -webkit-box-flex: bottom; -webkit-flex: bottom; -ms-flex: bottom; flex: bottom; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
  .mission li .libox { -webkit-box-flex: bottom; -webkit-flex: bottom; -ms-flex: bottom; flex: bottom; padding-bottom: 45px; padding-left: 145px; }
  .mission li .libox:before { left: 67px; }
  .mission li .libox:after { left: 54px; }
  .mission li .mission-date { width: 135px; font-size: 30px; padding-top: 30px; }
  .mission li .mission-text { padding-right: 10px; }
  .mission li .mission-text h4 { line-height: 20px; padding-bottom: 10px; }
  .mission li:first-child .libox { position: absolute; bottom: 0; left: 10px; padding-bottom: 55px; }
  .mission li:nth-child(2) .libox { position: absolute; bottom: 0; left: 10px; padding-bottom: 175px; }
  .mission li:nth-child(3) .libox { padding-bottom: 225px; } }

.singlepage13 { color: #333333; font-size: 14px; background-color: #ffffff; padding: 39px 0; }

.singleaboutcont13 { position: relative; }

.singleabimg13 { width: 100%; border: 4px solid #cccccc; padding: 15px; }

.singleabimg13 img { display: block; max-width: 100%; float: right; }

.singleabtext13 { width: 100%; padding: 20px 0; background-color: #ffffff; }

.singleabtext13 .en-tit { text-transform: uppercase; font-family: "AvantGardeITCbyBT-Medium", Arial; font-size: 24px; color: #d9d9d9; font-weight: bold; padding-bottom: 5px; }

.singleabtext13 h4 { font-size: 20px; font-weight: bold; color: #00a1e9; margin-bottom: 10px; }

.employees { margin-top: 10px; padding-top: 20px; background-color: #f2f2f2; overflow: hidden; }

.employees .employees-scroll { position: relative; }

.employees li { width: 70%; overflow: hidden; }

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

.employees .employees-btn { width: 15%; height: 100%; display: block; position: absolute; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.5); }

.employees .employees-btn:after { content: ''; display: block; width: 20px; height: 20px; top: 50%; position: absolute; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.employees #employees-prev { left: 0; }

.employees #employees-prev:after { border-left: 1px solid #fff; border-bottom: 1px solid #fff; right: 10px; }

.employees #employees-next { right: 0; }

.employees #employees-next:after { border-top: 1px solid #fff; border-right: 1px solid #fff; left: -5px; }

.welfare { text-align: center; padding-top: 30px; }

.welfare .img { height: 65px; position: relative; }

.welfare .img img { max-height: 100%; max-width: 100%; display: block; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.welfare .tit { font-size: 16px; padding-top: 10px; }

.welfare li { padding-bottom: 30px; }

@media (min-width: 768px) { .singleabtext13 { font-size: 16px; }
  .singleabtext13 p { line-height: 30px; }
  .singleabtext13 h4 { font-size: 33px; line-height: 40px; margin-bottom: 20px; }
  .singleabtext13 .en-tit { font-size: 40px; padding-bottom: 10px; }
  .employees .about-tit { padding-bottom: 35px; padding-top: 17px; }
  .welfare { padding-top: 60px; }
  .welfare li { padding-bottom: 50px; } }

@media (min-width: 992px) { .employees { margin-top: 70px; }
  .employees .employees-btn:after { width: 40px; height: 40px; }
  .employees #employees-prev:after { right: 20px; }
  .employees #employees-next:after { left: -8px; } }

@media (min-width: 1024px) { .singleabimg13 { width: 80%; float: right; padding: 45px 34px; }
  .singleabtext13 { width: 35%; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px 0; }
  .welfare { padding-top: 110px; padding-bottom: 0px; }
  .welfare ul { padding-top: 70px; }
  .welfare li { padding-bottom: 115px; }
  .welfare .tit { padding-top: 25px; }
  .employees #employees-prev:hover:after, .employees #employees-next:hover:after { border-color: #0090ff; -webkit-transition: .2s; transition: .2s; } }

@media (min-width: 1200px) { .singleaboutcont13 { padding-top: 30px; }
  .singleabtext13 { right: 0; }
  .singleabtext13 .en-tit { font-size: 62px; padding-bottom: 17px; } }

.grey { background-color: #f2f2f2; }

.industry-list { padding: 30px 0; }

.industry-list li { background-color: #fff; text-align: center; margin-bottom: 20px; }

.industry-list li img { width: 100%; display: block; }

.industry-list li .en-tit { color: #999; font-size: 18px; text-transform: uppercase; }

.industry-list li h3 { font-size: 20px; font-weight: bold; padding-bottom: 15px; padding-top: 5px; }

.industry-list li dd { padding: 15px; }

.industry-list li .industry-btn { color: #999; width: 117px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #999; display: block; margin: 20px auto 0; }

@media (min-width: 768px) { .industry-list li { margin-bottom: 30px; }
  .industry-list li .industry-list-desc { color: #333; font-size: 16px; height: 78px; line-height: 26px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .industry-list li .en-tit { font-size: 18px; }
  .industry-list li h3 { font-size: 22px; }
  .industry-list dl { display: table; }
  .industry-list dt, .industry-list dd { width: 50%; display: table-cell; vertical-align: middle; } }

@media (min-width: 1024px) { .industry-list dd a { -webkit-transition: .2s; transition: .2s; }
  .industry-list li:hover h3 a { color: #259bf5; }
  .industry-list li:hover .industry-btn { color: #fff; background-color: #259bf5; border-color: #259bf5; }
  .industry-list li:hover dt a img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .industry-list dt img { -webkit-transition: .8s; transition: .8s; }
  .industry-list dt a { overflow: hidden; display: block; } }

@media (min-width: 1200px) { .industry-list { padding: 50px 0 55px; }
  .industry-list li h3 { font-size: 30px; padding: 20px 0 35px; }
  .industry-list li .industry-list-desc { height: auto; display: block; padding-bottom: 15px; }
  .industry-list li dd { padding: 15px 60px; } }

.industry-PageOne .en-tit { color: #d9d9d9; font-size: 30px; text-transform: uppercase; padding-bottom: 15px; font-family: "AvantGardeITCbyBT-Medium",arial; }

.industry-PageOne h2 { color: #333; font-weight: bold; font-size: 20px; padding-bottom: 20px; }

.industry-PageOne dd { padding-top: 20px; }

.industry-PageOne dd img { display: block; max-width: 100%; margin: 0 auto; }

.industry-PageTwo { margin-top: 30px; background-color: rgba(37, 155, 245, 0.9); overflow: hidden; position: relative; }

.industry-PageTwo li { width: 100%; overflow: hidden; color: #fff; position: relative; }

.industry-PageTwo li a { color: #fff; }

.industry-PageTwo li img { display: block; width: 100%; }

.industry-PageTwo .swiper-slide-active .industry-PageTwo-textcont { display: block; }

.industry-PageTwo .industry-PageTwo-textcont { display: none; padding: 20px 10px; }

.industry-PageTwo .industry-PageTwo-textcont h3 { font-size: 16px; font-weight: bold; margin: 10px 0; }

.industry-PageTwo .industry-PageTwo-textcont .industry-PageTwo-more { display: inline-block; margin-top: 10px; }

.industry-PageTwo .industry-PageTwo-textcont img { width: auto; }

.industry-PageTwo .industry-PageTwo-btn { width: 15%; height: 100%; display: block; position: absolute; top: 0; z-index: 100; }

.industry-PageTwo .industry-PageTwo-btn:after { content: ''; display: block; width: 20px; height: 20px; top: 40%; position: absolute; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.industry-PageTwo #industry-PageTwo-next { right: 0; }

.industry-PageTwo #industry-PageTwo-next:after { border-top: 1px solid #fff; border-right: 1px solid #fff; left: -5px; }

.industry-PageTwo #industry-PageTwo-prev { left: 0; }

.industry-PageTwo #industry-PageTwo-prev:after { border-left: 1px solid #fff; border-bottom: 1px solid #fff; right: 10px; }

.industry-PageThree { overflow: hidden; padding: 30px 0; }

.industry-PageThree .about-tit { color: #4c4c4c; }

.industry-PageThree-slide { overflow: hidden; }

.industry-PageThree-wrap { position: relative; padding: 0 35px; }

.industry-PageThree-wrap .industry-PageThree-btn { width: 20px; height: 20px; display: block; position: absolute; top: 50%; z-index: 100; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

.industry-PageThree-wrap #industry-PageThree-prev { left: 17px; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }

.industry-PageThree-wrap #industry-PageThree-prev:after { right: 10px; }

.industry-PageThree-wrap #industry-PageThree-next { right: 30px; border-right: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; }

.industry-PageThree-slide li { text-align: center; font-size: 16px; }

.industry-PageThree-slide li a { display: block; }

.industry-PageThree-slide li img { max-width: 100%; margin: 0 auto 20px; display: block; }

@media (min-width: 768px) { .industry-PageOne { padding: 10px 0 60px; }
  .industry-PageTwo .industry-PageTwo-textcont { position: absolute; right: 6%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(37, 155, 245, 0.9); width: 50%; }
  .industry-PageTwo .industry-PageTwo-btn { width: 5%; background-color: rgba(0, 0, 0, 0.5); }
  .industry-PageTwo .industry-PageTwo-btn:after { top: 50%; }
  .industry-PageThree { padding: 60px 0; } }

@media (min-width: 992px) { .industry-PageOne { font-size: 16px; }
  .industry-PageOne .en-tit { font-size: 40px; line-height: 40px; font-weight: bold; }
  .industry-PageOne h2 { font-size: 26px; }
  .industry-PageOne dl { display: table; }
  .industry-PageOne dl dt, .industry-PageOne dl dd { width: 50%; display: table-cell; }
  .industry-PageOne dl dt { vertical-align: top; padding-right: 40px; }
  .industry-PageOne dl dd { vertical-align: middle; padding: 0; }
  .industry-PageTwo .industry-PageTwo-textcont { width: 458px; padding: 25px 20px 45px; }
  .industry-PageTwo .industry-PageTwo-textcont h3 { font-size: 24px; line-height: 30px; margin-bottom: 17px; }
  .industry-PageTwo .industry-PageTwo-textcont p { font-size: 16px; line-height: 24px; }
  .industry-PageTwo .industry-PageTwo-textcont .industry-PageTwo-more { font-size: 16px; margin-top: 30px; }
  .industry-PageTwo .industry-PageTwo-btn:after { width: 40px; height: 40px; }
  .industry-PageTwo #industry-PageTwo-next:after { left: -20px; }
  .industry-PageThree-wrap { padding: 0 50px; }
  .industry-PageThree-wrap .industry-PageThree-btn { width: 40px; height: 40px; } }

@media (min-width: 1024px) { .industry-PageThree-wrap .industry-PageThree-btn:hover { border-color: #259bf5 !important; }
  .industry-PageTwo .industry-PageTwo-btn:hover:after { border-color: #259bf5 !important; }
  .industry-PageThree-slide ul { padding-top: 30px; }
  .industry-PageThree-slide li .libox { padding: 0 29px; }
  .industry-PageThree-slide li a { border: 1px solid #fff; padding-bottom: 30px; -webkit-transition: .2s; transition: .2s; }
  .industry-PageThree-slide li a:hover { border-color: #b3b3b3; color: #259bf5; } }

@media (min-width: 1200px) { .industry-PageOne { padding-bottom: 75px; }
  .industry-PageOne .en-tit { font-size: 65px; line-height: 65px; }
  .industry-PageOne h2 { font-size: 32px; padding-top: 12px; padding-bottom: 53px; }
  .industry-PageOne p { line-height: 36px; }
  .industry-PageOne dl dt { width: 46%; }
  .industry-PageOne dl dd { width: 54%; }
  .industry-PageTwo li { width: 80%; }
  .industry-PageTwo .industry-PageTwo-btn { width: 10%; }
  .industry-PageTwo #industry-PageTwo-next:after { left: -5px; }
  .industry-PageTwo #industry-PageTwo-prev:after { right: 23px; }
  .industry-PageThree { padding: 80px 0 50px; }
  .industry-PageThree-slide ul { padding-top: 55px; }
  .industry-PageThree-slide li img { margin-bottom: 25px; } }

@media (min-width: 1300px) { .industry-PageThree-wrap { padding: 0; }
  .industry-PageThree-wrap #industry-PageThree-prev { left: -65px; }
  .industry-PageThree-wrap #industry-PageThree-next { right: -37px; } }

@media (min-width: 1900px) { .industry-PageTwo li { width: 60%; }
  .industry-PageTwo .industry-PageTwo-btn { width: 20%; }
  .industry-PageTwo .industry-PageTwo-textcont { top: 47%; } }

.industryDetail-wrap { background-color: #fff; padding: 20px 15px; }

.industryDetail-PageOne dt img { display: block; width: 100%; margin: 0 auto; }

.industryDetail-PageOne-text h2 { font-size: 22px; padding-bottom: 20px; padding-top: 20px; text-align: left; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; font-weight: bold; }

.industryDetail-PageTwo { border-top: 1px solid #e6e6e6; margin-top: 30px; padding-top: 30px; }

.industryDetail-PageTwo ul { padding-top: 30px; }

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

.industryDetail-PageTwo li { text-align: center; color: #666; padding-bottom: 30px; font-size: 16px; }

.industryDetail-PageTwo li .num { width: 104px; height: 104px; line-height: 90px; border: 7px solid #fff; border-radius: 100%; text-align: center; margin: 0 auto; font-size: 30px; color: #259bf5; background-color: #fff; position: relative; z-index: 1; }

.industryDetail-PageTwo li .num:after { content: ''; display: block; width: 100%; height: 100%; border: 1px solid #bfbfbf; position: absolute; left: 0; top: 0; border-radius: 100%; }

.industryDetail-PageTwo li .tit { font-weight: bold; font-size: 18px; color: #333; padding-top: 10px; padding-bottom: 5px; }

.industryDetail-PageThree { margin-top: 30px; }

.industryDetail-PageThree img { display: block; width: 100%; }

.industryDetail-PageThree dd { padding: 15px; }

.industryDetail-PageThree dd h3 { padding-top: 10px; }

.industryDetail-PageThree dd h4 { margin-top: 15px; color: #259bf5; font-weight: bold; text-align: left; line-height: 24px; padding-bottom: 15px; }

.industryDetail-PageThree dd h5 { font-size: 18px; color: #259bf5; padding-top: 20px; font-weight: bold; padding-bottom: 10px; }

.industryDetail-tit { font-size: 22px; color: #1a1a1a; text-align: center; }

.industryDetail-PageFour { text-align: center; padding: 30px 0; }

.industryDetail-PageFour h3 { padding-bottom: 10px; }

.industryDetail-PageFour ul { padding-top: 20px; }

.industryDetail-PageFour li { padding-bottom: 20px; text-align: center; font-size: 16px; }

.industryDetail-PageFour li img { display: block; margin: 0 auto 7px; max-width: 100%; }

.industryDetail-PageFive { border-top: 1px solid #e6e6e6; padding: 30px 0; }

.industryDetail-PageFive img { display: block; width: 100%; }

.industryDetail-PageFive h3 { padding-bottom: 20px; }

@media (min-width: 768px) { .industryDetail-PageTwo li { position: relative; }
  .industryDetail-PageTwo li:after { content: ''; display: block; width: 100%; height: 1px; background-color: #bfbfbf; position: absolute; left: 50%; top: 54px; z-index: 0; }
  .industryDetail-PageTwo li:last-child:after { display: none; }
  .industryDetail-PageThree img { width: auto; margin: 0 auto; }
  .industryDetail-PageFour { padding-top: 50px; }
  .industryDetail-PageFour ul { padding-top: 30px; }
  .industryDetail-PageFive li { float: left; border-right: 1px solid #fff; }
  .industryDetail-PageFive li:nth-child(1) { width: 37.3%; }
  .industryDetail-PageFive li:nth-child(2) { width: 29.7%; }
  .industryDetail-PageFive li:nth-child(3) { width: 33%; border-right: 0; } }

@media (min-width: 992px) { .industryDetail-PageOne dl { display: table; }
  .industryDetail-PageOne dl dt, .industryDetail-PageOne dl dd { display: table-cell; vertical-align: top; }
  .industryDetail-PageOne dl dd { padding: 0 30px; font-size: 16px; line-height: 26px; }
  .industryDetail-PageTwo { margin-top: 37px; }
  .industryDetail-PageThree dl { display: table; }
  .industryDetail-PageThree dt, .industryDetail-PageThree dd { width: 50%; display: table-cell; vertical-align: middle; }
  .industryDetail-PageThree dd { padding: 30px; }
  .industryDetail-PageThree dd h3 { text-align: left; }
  .industryDetail-PageFive { padding-bottom: 17px; } }

@media (min-width: 1200px) { .industryDetail-wrap { padding: 30px; }
  .industryDetail-PageOne-text { padding: 0 10px; }
  .industryDetail-PageOne-text h2 { font-size: 30px; padding-bottom: 38px; margin-bottom: 27px; }
  .industryDetail-PageOne dl dt { width: 595px; }
  .industryDetail-PageOne dl dd { padding-right: 15px; padding-top: 20px; }
  .industryDetail-PageOne dl dd p { line-height: 30px; }
  .industryDetail-PageTwo ul { padding: 25px 45px 0; }
  .industryDetail-PageTwo li .tit { padding-top: 13px; padding-bottom: 10px; }
  .industryDetail-PageTwo li .text { line-height: 30px; }
  .industryDetail-PageThree dd { padding: 30px 40px 30px 37px; vertical-align: top; font-size: 16px; line-height: 30px; }
  .industryDetail-PageThree dd .industryDetail-tit { font-size: 30px; }
  .industryDetail-PageThree dd h3 { padding-bottom: 12px; }
  .industryDetail-PageThree dd h4 { line-height: 36px; padding-bottom: 18px; }
  .industryDetail-PageThree dd h5 { padding-top: 45px; }
  .industryDetail-PageFour { font-size: 16px; padding-top: 68px; padding-bottom: 17px; }
  .industryDetail-PageFour h3 { font-size: 30px; padding-bottom: 23px; }
  .industryDetail-PageFour p { line-height: 30px; }
  .industryDetail-PageFour ul { padding-top: 63px; }
  .industryDetail-PageFour li { padding-bottom: 40px; } }

.g-pro-one { background-color: #fafafa; padding: 30px 0; }

.g-pro-one .g-pro-one-tit { color: #259bf5; font-size: 24px; text-align: center; padding-bottom: 15px; font-weight: lighter; opacity: 0; bottom: -30px; position: relative; -webkit-transition: .3s; transition: .3s; }

.g-pro-one h3 { text-align: center; vertical-align: top; line-height: 30px; opacity: 0; bottom: -40px; position: relative; font-size: 24px; -webkit-transition: .5s; transition: .5s; }

.g-pro-one h3 img { display: inline-block; height: 23px; vertical-align: -2px; }

.g-pro-one h3 span { display: inline-block; vertical-align: top; }

.g-pro-one h3 .num { display: inline-block; vertical-align: -6px; border: 1px solid #259bf5; width: 30px; height: 30px; border-radius: 3px; line-height: 27px; overflow: hidden; margin: 0 5px; color: #259bf5; }

.g-pro-one .imgbox { padding-top: 20px; }

.g-pro-one .imgbox img { max-width: 90%; display: block; margin: 0 auto; opacity: 0; bottom: -60px; position: relative; -webkit-transition: .7s; transition: .7s; }

.g-pro-one-desc { font-size: 16px; text-align: center; padding-top: 10px; opacity: 0; bottom: -40px; position: relative; -webkit-transition: .6s; transition: .6s; font-weight: lighter; }

.g-pro-one.ani .g-pro-one-tit, .g-pro-one.ani h3, .g-pro-one.ani .imgbox img, .g-pro-one.ani .g-pro-one-desc { opacity: 1; bottom: 0; }

.n-pro-three.ani img, .n-pro-three.ani h4, .n-pro-three.ani .n-pro-three-cont ul { top: 0; opacity: 1; }

.n-pro-four.ani h4, .n-pro-four.ani .topli, .n-pro-four.ani ul { top: 0; opacity: 1; }

.n-pro-five.ani dt, .n-pro-five.ani dd { top: 0; opacity: 1; }

.n-bottom-img.ani h4, .n-bottom-img.ani dl, .n-bottom-img.ani .n-bottom-img_text { top: 0; opacity: 1; }

.Business-box.ani .mastery-txt, .Business-box.ani .mastery-list { top: 0; opacity: 1; }

.allproduct-list-one.ani .bgcon img, .allproduct-list-one.ani .product-design .design-box, .allproduct-list-one.ani .design-box .design-title, .allproduct-list-one.ani .product-design .design-box .design-txt { top: 0; opacity: 1; }

.allproduct-list-three.ani .bgcon img, .allproduct-list-three.ani .product-design .design-title, .allproduct-list-three.ani .product-design .design-txt, .allproduct-list-four.ani .bgcon img, .allproduct-list-four.ani .product-design .design-title, .allproduct-list-four.ani .product-design .design-txt { top: 0; opacity: 1; }

.x-pro-two.ani { top: 0; opacity: 1; }

.x-pro-two.ani img { top: 0; opacity: 1; }

.x-pro-two.ani .x-pro-tit { opacity: 1; }

.x-pro-three.ani img { top: 0; opacity: 1; }

.x-pro-three.ani .x-pro-three-cont p { top: 0; opacity: 1; }

.x-pro-three.ani .x-pro-tit { opacity: 1; }

.x-pro-four.ani li { top: 0; opacity: 1; }

.x-pro-four.ani .x-pro-tit { opacity: 1; }

.g-pro-table { padding: 27px 0; }

.g-pro-table h3 { font-size: 18px; padding-bottom: 20px; }

.g-pro-table .g-pro-scroll { overflow-x: auto; }

.g-pro-table table { width: 1180px; border: none; border-collapse: collapse; }

.g-pro-table table td { background-color: #e6e6e6; font-size: 16px; color: #666; line-height: 30px; padding-left: 70px; padding-top: 14px; padding-bottom: 15px; border: none; }

.g-pro-table table tr td:first-child { color: #333; padding-left: 60px; border-right: 1px solid #fff; }

.g-pro-table table tr:nth-child(2n) td { background-color: #f7f7f7; }

.g-pro-one.g-pro-three { padding-bottom: 0; }

.g-pro-one.g-pro-three .imgbox img { max-width: 100%; }

.g-pro-one.g-pro-three .g-pro-one-desc { font-size: 14px; font-weight: normal; color: #666; }

.g-pro-three-features { text-align: center; padding: 30px 0; }

.g-pro-three-features h3 { font-size: 22px; }

.g-pro-three-features ul { padding-top: 20px; }

.g-pro-three-features .g-features-list li { margin-bottom: 20px; color: #666; }

.g-pro-three-features .g-features-list li img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.g-pro-three-features .g-features-list li .img { height: 92px; display: block; position: relative; margin-bottom: 5px; }

.g-pro-three-features .g-features-list .cur { color: #00a0e9; font-weight: bold; }

.features-switchone li { color: #666; margin-bottom: 20px; }

.features-switchone li .img { display: block; height: 78px; position: relative; margin-bottom: 5px; }

.features-switchone li .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.features-box { display: none; }

.features-box:first-of-type { display: block; }

.n-pro-one { position: relative; }

.n-pro-one .imgbox { width: 100%; }

.n-pro-one .imgbox img { display: block; width: 100%; }

.n-pro-one .n-pro-one-tit { color: #259bf5; font-size: 24px; text-align: center; padding-bottom: 15px; font-weight: lighter; opacity: 0; bottom: -30px; position: relative; -webkit-transition: .3s; transition: .3s; }

.n-pro-one h3 { text-align: center; vertical-align: top; line-height: 30px; opacity: 0; bottom: -40px; position: relative; font-size: 24px; -webkit-transition: .5s; transition: .5s; }

.n-pro-one h3 span { display: inline-block; vertical-align: top; }

.n-pro-one h3 .num { display: inline-block; vertical-align: -6px; border: 1px solid #259bf5; width: 30px; height: 30px; border-radius: 3px; line-height: 27px; overflow: hidden; margin: 0 5px; color: #259bf5; }

.n-pro-one h3 img { display: inline-block; height: 23px; vertical-align: -2px; }

.n-pro-one .n-pro-one-desc { font-size: 16px; text-align: center; padding-top: 10px; opacity: 0; bottom: -40px; position: relative; -webkit-transition: .6s; transition: .6s; font-weight: lighter; }

.n-pro-one .n-pro-one-cont { padding: 30px 0; }

.n-pro-one.ani .n-pro-one-desc, .n-pro-one.ani .n-pro-one-tit, .n-pro-one.ani h3 { bottom: 0; opacity: 1; }

.n-pro-two.ani h4, .n-pro-two.ani img { top: 0; opacity: 1; }

.n-pro-two { position: relative; }

.n-pro-two h4 { font-size: 22px; text-align: center; background-color: #ededed; padding: 20px 0; opacity: 0; position: relative; top: 40px; -webkit-transition: .8s; transition: .8s; font-weight: bold; }

.n-pro-two img { width: 100%; display: block; opacity: 0; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; }

.n-pro-three { overflow: hidden; text-align: center; }

.n-pro-three h4 { font-size: 20px; padding: 20px 0; position: relative; top: 40px; -webkit-transition: .8s; transition: .8s; opacity: 0; }

.n-pro-three img { display: block; width: 100%; -webkit-transition: 1s; transition: 1s; opacity: 0; top: 40px; position: relative; }

.n-pro-three li { display: inline-block; position: relative; padding-right: 30px; }

.n-pro-three li img { width: 70px; }

.n-pro-three li:after { content: ''; display: block; width: 25px; height: 1px; background-color: #fff; position: absolute; top: 38px; right: 1px; }

.n-pro-three li:last-child { padding-right: 0; }

.n-pro-three li:last-child:after { display: none; }

.n-pro-four { text-align: center; padding: 30px 0; }

.n-pro-four h4 { font-size: 20px; padding: 20px 0; }

.n-pro-four .topli span { width: 130px; height: 42px; line-height: 42px; display: inline-block; border: 1px solid #d2d2d2; margin: 5px; font-size: 16px; }

.n-pro-four ul { background-color: #f2f2f2; margin-top: 10px; }

.n-pro-four ul li { padding: 15px; }

.n-pro-four ul li .img img { height: 50px; }

.n-pro-four ul li .n-four-cont-tit { font-weight: bold; padding: 5px 0; font-size: 16px; }

.n-pro-four ul li .imgbox { display: none; }

.n-pro-five { padding-bottom: 30px; }

.n-pro-five h4 { font-size: 20px; padding-bottom: 5px; }

.n-pro-five dt { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; text-align: center; padding-bottom: 20px; }

.n-pro-five dt p { font-size: 18px; color: #666; font-weight: lighter; }

.n-pro-five dd { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.n-pro-five dd img { display: block; max-width: 100%; }

.n-bottom-img { background-color: #f7f7f7; text-align: center; padding-bottom: 30px; }

.n-bottom-img h4 { font-size: 20px; padding: 30px 0 20px; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.n-bottom-img dl, .n-bottom-img .n-bottom-img_text { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.n-bottom-img img { display: block; width: 100%; margin-bottom: 1px; }

.n-bottom-img.n-bottom_textwrap h4 { padding-bottom: 5px; }

.n-bottom-img.n-bottom_textwrap .n-bottom-img_text { font-size: 16px; color: #666; font-weight: lighter; padding-bottom: 20px; }

.n-pro-one.xj-ban { color: #fff; background-color: #000; }

.n-pro-one.xj-ban .imgbox { padding-top: 0; }

.x-pro-tit { font-size: 20px; text-align: center; opacity: 0; -webkit-transition: 1s; transition: 1s; }

.x-pro-two { padding-top: 30px; }

.x-pro-two img { display: block; width: 100%; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.x-pro-three { padding-top: 20px; position: relative; }

.x-pro-three img { display: block; width: 100%; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.x-pro-three .x-pro-three-cont { padding-bottom: 10px; }

.x-pro-three .x-pro-three-cont h4 { padding-bottom: 5px; }

.x-pro-three .x-pro-three-cont p { font-size: 18px; font-weight: lighter; color: #666; text-align: center; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.x-pro-four { padding: 30px 0; }

.x-pro-four h4 { padding: 0 0 15px; }

.x-pro-four li { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; background-color: #f2f2f2; text-align: center; font-size: 16px; padding: 10px; color: #666; }

.x-pro-four li .img { display: block; height: 215px; position: relative; }

.x-pro-four li .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.x-pro-four li:nth-child(2n) { background-color: #e6e6e6; }

.n-pro-one.blackfont { background-color: #fff; }

.n-pro-one.blackfont .n-pro-one-tit { color: #333; }

.n-pro-one.blackfont .n-pro-one-cont { color: #333; }

.n-pro-one.blackfont .n-pro-one-desc { font-weight: normal; font-size: 14px; margin: 0 10px; }

.x-two-features { overflow: hidden; }

.x-two-features dl { padding-top: 15px; }

.x-two-features-li { overflow: hidden; line-height: 58px; position: relative; padding-left: 60px; margin-bottom: 20px; }

.x-two-features-li .num { width: 60px; height: 60px; font-size: 30px; text-align: center; vertical-align: middle; background-color: #299df5; color: #fff; position: absolute; left: 0; top: 0; }

.x-two-features-li .p1 { border: 1px solid #ccc; padding-left: 5px; }

.x-one-features { padding: 20px 0 30px; overflow: hidden; }

.x-one-features ul { padding-top: 30px; }

.x-one-features li { text-align: center; margin-bottom: 20px; }

.x-one-features li .img { height: 58px; display: block; position: relative; margin-bottom: 5px; }

.x-one-features li .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.n-pro-one.whitefont { background-color: #666; }

.n-pro-one.whitefont .n-pro-one-tit { color: #fff; }

.n-pro-one.whitefont .num { border-color: #fff; color: #fff; }

.n-pro-one.whitefont .n-pro-one-desc { font-size: 14px; }

.x-three-features { padding-top: 20px; overflow: hidden; }

.x-three-features h4 { padding-bottom: 20px; }

.x-three-features-ul { margin: 0 -10px; }

.x-three-features-box { border: 1px solid #d2d2d2; text-align: center; padding: 20px 0; margin-bottom: 20px; }

.x-three-features-box .topimg { padding: 0 20px; font-size: 16px; padding-bottom: 20px; }

.x-three-features-box .topimg .img { height: 72px; display: block; position: relative; margin-bottom: 5px; }

.x-three-features-box .topimg .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.x-three-features-box ul { padding: 0 30px; }

.x-three-features-box li { margin-bottom: 15px; }

.x-three-features-box li .libox { border: 1px dashed #d2d2d2; border-radius: 3px; overflow: hidden; color: #666; padding: 10px 0; }

.x-three-features-box li .libox .mini-img { display: block; height: 37px; position: relative; margin-bottom: 5px; }

.x-three-features-box li .libox .mini-img img { display: block; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) { .g-pro-one { padding-top: 50px; }
  .g-pro-one .g-pro-one-tit { font-size: 30px; }
  .g-pro-one h3 .num { line-height: 28px; vertical-align: -6px; }
  .g-pro-one .imgbox { padding-top: 40px; }
  .g-pro-one .g-pro-one-desc { font-size: 20px; }
  .g-pro-table { padding: 30px 0 65px; }
  .g-pro-table h3 { font-size: 24px; padding-bottom: 25px; }
  .g-pro-three-box { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; width: 80%; }
  .g-pro-one.g-pro-three { padding: 0; }
  .g-pro-one.g-pro-three .imgbox { padding: 0; }
  .g-pro-one.g-pro-three .imgbox img { max-width: 100%; }
  .g-pro-one.g-pro-three .g-pro-one-desc { font-size: 16px; }
  .g-pro-three { position: relative; }
  .g-pro-three-features { padding: 40px 0 0; }
  .g-pro-three-features h3 { font-size: 26px; padding-bottom: 10px; }
  .g-pro-three-features .g-features-list li { font-size: 16px; }
  .features-switchwrap { padding: 30px 0; }
  .n-pro-one .n-pro-one-tit { font-size: 30px; }
  .n-pro-one h3 .num { line-height: 28px; vertical-align: -6px; }
  .n-pro-one .imgbox { padding-top: 40px; }
  .n-pro-one .n-pro-one-cont { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
  .n-pro-two h4 { width: 100%; position: absolute; background: none; z-index: 10; padding-top: 30px; font-size: 26px; }
  .n-pro-three { position: relative; }
  .n-pro-three h4 { text-align: left; font-size: 26px; }
  .n-pro-three .n-pro-three-cont { position: absolute; top: 47%; left: 10%; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .n-pro-four h4 { font-size: 26px; }
  .n-pro-four ul { margin-top: 30px; }
  .n-pro-four ul li { width: 16.666666666666666%; position: relative; float: left; overflow: hidden; padding: 0; color: #ccc; }
  .n-pro-four ul li .imgbox { display: block; }
  .n-pro-four ul li .imgbox img { display: block; height: 450px; }
  .n-pro-four ul li .n-four-cont-tit { color: #fff; }
  .n-pro-four ul li .n-four-cont { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; }
  .n-pro-five h4 { font-size: 26px; padding-bottom: 15px; }
  .n-pro-five dt { padding-bottom: 30px; }
  .n-pro-five dt p { font-size: 22px; }
  .n-bottom-img h4 { font-size: 26px; padding: 40px 0 30px; }
  .n-bottom-img dt { width: 44.15%; }
  .n-bottom-img dd { width: 55.85%; }
  .n-bottom-img dl:last-child dt { width: 57.7%; }
  .n-bottom-img dl:last-child dd { width: 42.3%; }
  .n-bottom-img.n-bottom_textwrap h4 { padding-bottom: 15px; }
  .n-bottom-img.n-bottom_textwrap .n-bottom-img_text { font-size: 22px; padding-bottom: 30px; }
  .x-pro-tit { font-size: 26px; line-height: normal; }
  .x-pro-two { position: relative; padding-top: 0; }
  .x-pro-two .x-pro-tit { width: 100%; position: absolute; left: 0; top: 5%; z-index: 1; }
  .x-pro-three { padding-top: 0; }
  .x-pro-three .x-pro-three-cont { width: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
  .x-pro-four { padding-top: 40px; }
  .x-pro-four ul { padding-top: 20px; }
  .x-pro-four li { font-size: 18px; }
  .x-two-features { padding: 40px 0; }
  .x-two-features dl { padding-top: 20px; }
  .x-two-features-li .p1 { font-size: 16px; padding-left: 20px; }
  .x-one-features { padding: 40px 0; }
  .x-one-features ul { padding-top: 40px; }
  .x-one-features li { font-size: 16px; margin-bottom: 50px; }
  .x-one-features li .img { margin-bottom: 15px; }
  .x-three-features-box { padding: 20px 8px; } }

@media (min-width: 992px) { .g-pro-one { padding-top: 65px; padding-bottom: 0; }
  .g-pro-one .g-pro-one-tit { font-size: 40px; padding-bottom: 23px; }
  .g-pro-one h3 { font-size: 40px; line-height: 40px; }
  .g-pro-one h3 img { height: 38px; vertical-align: -9px; }
  .g-pro-one h3 .num { font-size: 40px; height: 53px; width: 53px; vertical-align: -11px; line-height: 50px; }
  .g-pro-one .imgbox { padding-top: 63px; }
  .g-pro-one .g-pro-one-desc { font-size: 24px; padding-top: 18px; }
  .g-pro-three-features h3 { font-size: 30px; padding-bottom: 30px; }
  .g-pro-three-features .g-features-list li { position: relative; padding-bottom: 50px; margin-bottom: 0; width: 20%; }
  .g-pro-three-features .g-features-list li:after { content: ''; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #f2f2f2; position: absolute; left: 50%; bottom: 0; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }
  .g-pro-three-features .g-features-list .cur:after { display: block; }
  .features-switchone { text-align: center; }
  .features-switchone ul { font-size: 0; }
  .features-switchone li { width: 25%; float: none; display: inline-block; font-size: 16px; }
  .n-pro-one .n-pro-one-tit { font-size: 40px; padding-bottom: 23px; }
  .n-pro-one h3 { font-size: 40px; line-height: 40px; }
  .n-pro-one h3 img { height: 38px; vertical-align: -9px; }
  .n-pro-one h3 .num { font-size: 40px; height: 53px; width: 53px; vertical-align: -11px; line-height: 50px; }
  .n-pro-one .n-pro-one-desc { font-size: 24px; padding-top: 18px; }
  .n-pro-one .imgbox { padding-top: 63px; }
  .n-pro-two h4 { font-size: 30px; }
  .n-bottom-img { padding-bottom: 50px; }
  .n-bottom-img dl { float: left; width: 56.5%; }
  .n-bottom-img dl:last-child { width: 43.5%; }
  .x-pro-two .x-pro-tit { top: 8%; }
  .x-pro-three .x-pro-three-cont { top: 20px; }
  .x-pro-four { padding-top: 50px; }
  .x-pro-four ul { padding-top: 30px; }
  .x-pro-four li { font-size: 20px; }
  .x-two-features dl { margin: 0 -13px; }
  .x-two-features dt, .x-two-features dd { padding: 0 13px; }
  .x-three-features { padding: 40px 0 60px; }
  .x-three-features-box { padding: 20px 0 5px; }
  .x-three-features-box ul { padding: 0; }
  .x-three-features-box ul li { padding: 0 5px; }
  .x-three-features-box .topimg { font-size: 18px; } }

@media (min-width: 1024px) { .index-columnvideo img { -webkit-transition: .7s; transition: .7s; }
  .index-columnvideo img:hover { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  .g-pro-three-features .g-features-list li:hover { color: #00a0e9; font-weight: bold; }
  .n-pro-four li .n-four-cont-tit { font-size: 18px; }
  .n-pro-four li .n-four-cont-desc { display: none; }
  .n-bottom-img { padding-bottom: 50px; }
  .md-block { display: block; } }

@media (min-width: 1200px) { .g-pro-three-box { top: 65px; }
  .g-pro-three-features { padding-top: 85px; }
  .g-pro-three-features h3 { padding-bottom: 50px; font-size: 36px; }
  .features-switchwrap { padding: 60px 0 10px; }
  .features-switchone li { margin-bottom: 90px; }
  .features-switchone li .img { margin-bottom: 25px; }
  .n-pro-one .n-pro-one-cont { padding-top: 61px; }
  .n-pro-two h4 { font-size: 40px; padding-top: 60px; }
  .n-pro-three .n-pro-three-cont { left: 20%; }
  .n-pro-three .n-pro-three-cont ul { position: relative; top: 40px; opacity: 0; -webkit-transition: 1.1s; transition: 1.1s; }
  .n-pro-three .n-pro-three-cont h4 { font-size: 36px; padding-bottom: 35px; }
  .n-pro-three .n-pro-three-cont li { font-weight: lighter; font-size: 18px; padding-right: 77px; }
  .n-pro-three .n-pro-three-cont li img { width: 108px; margin-bottom: 30px; }
  .n-pro-three .n-pro-three-cont li:after { width: 67px; right: 3px; top: 55px; }
  .n-pro-four { padding-top: 45px; }
  .n-pro-four h4 { font-size: 36px; padding-bottom: 30px; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }
  .n-pro-four .topli { padding-bottom: 15px; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }
  .n-pro-four .topli span { margin: 5px 3px; }
  .n-pro-four ul { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }
  .n-pro-four ul li .imgbox img { height: 590px; }
  .n-pro-four ul li .img { width: 100%; height: 82px; display: block; position: relative; margin-bottom: 17px; }
  .n-pro-four ul li .img img { height: auto; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .n-pro-four ul li .n-four-cont-tit { padding-bottom: 20px; }
  .n-pro-four ul li .n-four-cont-desc { padding: 0 12%; font-size: 16px; }
  .n-pro-five { padding-bottom: 70px; }
  .n-pro-five h4 { font-size: 36px; padding-bottom: 33px; }
  .n-pro-five dt { padding-left: 95px; padding-top: 280px; text-align: left; }
  .n-pro-five dt p { font-size: 28px; }
  .n-pro-five dd { padding-top: 45px; }
  .n-bottom-img { padding-bottom: 70px; }
  .n-bottom-img h4 { padding: 90px 0 80px; font-size: 36px; }
  .n-bottom-img.n-bottom_textwrap h4 { padding-bottom: 25px; }
  .n-bottom-img.n-bottom_textwrap .n-bottom-img_text { font-size: 28px; padding-bottom: 55px; }
  .x-pro-two .x-pro-tit { top: 14%; font-size: 36px; }
  .x-pro-three .x-pro-three-cont { top: 6%; }
  .x-pro-three .x-pro-three-cont h4 { padding-bottom: 10px; }
  .x-pro-three .x-pro-three-cont p { font-size: 28px; }
  .x-pro-tit { font-size: 36px; }
  .x-pro-four { padding: 83px 0 98px; }
  .x-pro-four ul { padding-top: 35px; }
  .x-pro-four li { font-size: 20px; }
  .n-pro-one.blackfont .n-pro-one-desc { font-size: 16px; }
  .x-two-features { padding: 75px 0 85px; }
  .x-two-features dl { padding-top: 50px; }
  .x-one-features { padding: 75px 0 83px; }
  .x-one-features ul { padding: 68px 25px 0; }
  .x-one-features li { font-size: 18px; margin-bottom: 58px; }
  .x-one-features li .img { margin-bottom: 25px; }
  .n-pro-one.whitefont .n-pro-one-desc { font-size: 16px; }
  .x-three-features { padding: 80px 0 60px; }
  .x-three-features h4 { padding-bottom: 30px; }
  .x-three-features-cont { padding: 0 8px; }
  .x-three-features-ul { margin: 0 -8px; }
  .x-three-features-box { padding: 27px 0 0; }
  .x-three-features-box .topimg { font-size: 20px; }
  .x-three-features-box .topimg .img { margin-bottom: 10px; }
  .x-three-features-box ul { padding: 15px 30px; }
  .x-three-features-box ul li { padding: 0 10px; } }

@media (min-width: 1330px) { .n-pro-two { overflow: hidden; }
  .n-pro-two h4 { padding-top: 100px; }
  .n-pro-two img { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 817px; width: 1920px; } }

.CrumbsCon.g-CrumbsCon { background-color: #333; color: #fff; }

.CrumbsCon.g-CrumbsCon .commonweb { border-bottom: 1px solid #434343; }

.customMade-one { background: url(../images/img112.jpg) center top no-repeat; padding: 30px 0; color: #fff; }

.customMade-one h2 { color: #70c9f2; text-align: center; font-size: 20px; padding-bottom: 20px; }

.customMade-one .customMade-one-img { margin: 0 auto; display: block; height: 60px; }

.customMade-one li { padding-bottom: 20px; }

.customMade-one li .libox { background: url(../images/icon77.png) no-repeat; background-size: cover; width: 150px; height: 145px; text-align: center; position: relative; margin: 0 auto; }

.customMade-one li .word { font-weight: bold; display: block; font-family: "helvetica,arial,sans-serif"; font-size: 30px; line-height: 30px; padding-bottom: 5px; }

.customMade-one li .text { font-weight: bold; font-size: 16px; }

.customMade-one li .customMade-one-cont { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.customMade-three { overflow: hidden; }

.customMade-three img { width: 100%; display: block; }

.customMade-two { overflow: hidden; padding-top: 30px; position: relative; }

.customMade-two dt img { display: block; max-width: 90%; margin: 0 auto; }

.customMade-two dd { text-align: center; padding: 30px 15px; font-size: 16px; }

.customMade-two dd img { vertical-align: middle; margin-left: 20px; }

.customMade-two dd h3 { font-size: 25px; padding-bottom: 20px; }

.customMade-four { overflow: hidden; padding-top: 30px; position: relative; }

.customMade-four .customMade-four-cont { text-align: center; padding: 30px 15px; font-size: 16px; }

.customMade-four .customMade-four-cont img { vertical-align: -5px; margin-left: 20px; }

.customMade-four .customMade-four-cont h3 { font-size: 25px; padding-bottom: 40px; vertical-align: middle; }

.customMade-four dd img { display: block; max-width: 90%; margin: 0 auto; }

.customMade-btn { width: 40px; height: 80px; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 50%; z-index: 30; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.customMade-btn:after { content: ''; display: block; width: 35px; height: 35px; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); position: absolute; top: 47%; }

.customMadeOne-prev, .customMadeOne-prev2 { left: 0; }

.customMadeOne-prev:after, .customMadeOne-prev2:after { left: 0; border-left: 1px solid #bfbdbe; border-bottom: 1px solid #bfbdbe; }

.customMadeOne-next, .customMadeOne-next2 { right: 0; }

.customMadeOne-next:after, .customMadeOne-next2:after { right: 25px; border-right: 1px solid #bfbdbe; border-top: 1px solid #bfbdbe; }

@media (min-width: 768px) { .customMade-one h2 { font-size: 24px; padding-bottom: 30px; }
  .customMade-one .customMade-one-img { height: 80px; }
  .customMade-one ul { text-align: center; font-size: 0; }
  .customMade-one li { float: none; display: inline-block; }
  .customMade-two { padding: 30px 0; }
  .customMade-two dl { width: 100%; display: table; }
  .customMade-two dd, .customMade-two dt { display: table-cell; vertical-align: middle; width: 50%; }
  .customMade-four dl { width: 100%; display: table; }
  .customMade-four dd, .customMade-four dt { display: table-cell; vertical-align: middle; width: 50%; }
  .customMade-btn { background: none; } }

@media (min-width: 992px) { .customMade-one h2 { font-size: 28px; }
  .customMade-one li .libox { width: 200px; height: 194px; }
  .customMade-one li .text { font-size: 22px; }
  .customMade-one li .word { font-size: 40px; line-height: 40px; padding-bottom: 20px; } }

@media (min-width: 1200px) { .customMade-one { padding: 110px 0 190px; background-position: top center; }
  .customMade-one .customMade-one-img { margin-bottom: 35px; }
  .customMade-two { padding: 65px 0 20px; }
  .customMade-two dt img { float: right; margin: 0 40px; }
  .customMade-two dd { text-align: left; padding-left: 100px; }
  .customMade-two dd p { line-height: 30px; }
  .customMade-two .lg-block { display: block; }
  .customMade-four { padding: 65px 0 20px; }
  .customMade-four dd img { float: left; margin: 0 40px; }
  .customMade-four .customMade-four-cont { text-align: left; padding-left: 100px; float: right; }
  .customMade-four .customMade-four-cont p { line-height: 30px; }
  .customMade-four .lg-block { display: block; }
  .customMade-btn { width: 80px; height: 120px; }
  .customMade-btn:after { width: 60px; height: 60px; }
  .customMadeOne-prev, .customMadeOne-prev2 { left: 5%; }
  .customMadeOne-next, .customMadeOne-next2 { right: 6%; } }

@media (min-width: 1600px) { .customMade-one .customMade-one-img { height: auto; }
  .customMade-one li .libox { width: 339px; height: 328px; }
  .customMade-one li .word { font-size: 50px; line-height: 50px; padding-bottom: 40px; }
  .customMade-one li .text { font-size: 35px; } }

/*----wqlayout.css----*/
.CrumbsCon { width:100%; background-color: #fafafa; font-size: 16px; font-weight: normal; position:fixed; top:60px; left:0; z-index:200; }

.CrumbsCon .commonweb { border-bottom: 1px solid #f2f2f2; padding-top: 10px; padding-bottom: 10px; }

.CrumbsCon .CrumbsRight { float: right; color: #999; font-size: 14px; }

.CrumbsCon .CrumbsRight a { color: #999999; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 5px; position: relative; }

.CrumbsCon .CrumbsRight a.cur:after{ content: ""; display: block; width: 40px; height: 1px; background-color: #259bf5; position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -11px; }

.CrumbsCon .CrumbsRight a.cur { color: #259bf5; }

@media (min-width: 768px) { .CrumbsCon { background-color: #000000; color: #FFFFFF; font-size: 18px; }
  .CrumbsCon .commonweb { border-bottom: 1px solid #444444; padding-top: 18px; padding-bottom: 18px; }
  .CrumbsCon .CrumbsRight { font-size: 16px; }
  .CrumbsCon .CrumbsRight a { padding: 0 20px; }
  .CrumbsCon .CrumbsRight a.cur:after, .CrumbsCon .CrumbsRight a:hover:after { width: 54px; bottom: -19px; } }

.g-pro-one.wqg-pro-one { color: #fff; background-color: #000; }

.g-pro-one.wqg-pro-one .g-pro-one-desc { color: #fff; }

@media (min-width: 768px) { .g-pro-one.wqg-pro-one h3 { color: #FFFFFF; }
  .g-pro-one.wqg-pro-one .g-pro-one-desc { font-size: 20px; color: #FFFFFF; font-weight: lighter; } }

@media (min-width: 992px) { .g-pro-one.wqg-pro-one .g-pro-one-desc { font-size: 24px; padding-top: 18px; } }

.index-columnvideo { position: relative; overflow: hidden; }

.index-columnvideo img { width: 100%; display: block; }

.index-columnvideo .videotxt { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF; width: 80px; height: 80px; font-size: 16px; text-align: center; }

.index-columnvideo .videotxt .playgtn { width: 40px; height: 40px; background: url(../images/wqicon02.png) 0 0 no-repeat; background-size: cover; cursor: pointer; display: block; margin: 10px auto 0; }

@media (min-width: 1024px) { 
    .index-columnvideo { position: relative; overflow: hidden; }
  .index-columnvideo img { -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .index-columnvideo .videotxt { width: 150px; height: 150px; font-size: 40px; line-height: 40px; font-weight: lighter; }
  .index-columnvideo .videotxt .playgtn { width: 76px; height: 76px; margin-top: 30px; }
  index-columnvideo:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .CrumbsCon {top:45px; }
  .CrumbsCon .CrumbsRight a:hover { color: #259bf5; }
  .CrumbsCon .CrumbsRight a:hover:after { content: ""; display: block; width: 54px; height: 1px; background-color: #259bf5; position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);     bottom: -19px; }
}

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

.ckplayer-wrapper .video-popup { position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 94%; max-width: 960px; max-height:80%; }

.video-container { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.wvideo-box ul li { position: relative; }

.wvideo-box ul li .playbtn { width: 35px; height: 35px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/wplay.png) 0 0 no-repeat; background-size: 100%; }

.wvideo-margin { margin-top: 20px; }

.thumb-close { width: 25px; height: 25px; position: absolute; right: -10px; top: -20px; background: #259bf5; border-radius: 50%; cursor: pointer; z-index: 99; }

.thumb-close:after, .thumb-close:before { content: ""; position: absolute; height: 1px; width: 60%; top: 50%; left: 5px; margin-top: 0; background: #fff; }

.thumb-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 1024px) { 
    .ckplayer-wrapper .video-popup { width: 960px; margin-left: -480px; left: 50%;   height:550px;}
        .ckplayer-wrapper .video-popup object {
            height:500px;
        }
    .video-container {
        z-index:1;
    }
}

.wqg-pro-two.g-pro-one h3 .num { font-weight: 400; }

@media (min-width: 768px) { .wqg-pro-two.g-pro-one .g-pro-one-tit { color: #333333; }
  .wqg-pro-two.g-pro-one h3 { color: #333333; font-weight: lighter; }
  .wqg-pro-two.g-pro-one .g-pro-one-desc { padding: 18px 10% 0; } }

@media (min-width: 1360px) { .wqg-pro-two.g-pro-one .g-pro-one-desc { padding: 18px 31% 0; } }

.wq-pro-features { padding: 30px 0; overflow: hidden; }

.wq-pro-features h3 { font-size: 22px; text-align: center; padding: 0 0 15px 0; }

.wq-pro-features li { margin-bottom: 10px; }

.wq-pro-features .wq-features-list dl { border: 1px solid #d2d2d2; padding: 20px; text-align: center; }

.wq-pro-features .wq-features-list dl img { display: block; margin: 0 auto 5px; }

.wq-pro-features .wq-features-list dl span { display: block; }

.wq-pro-features .wq-features-list dl span.txt { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.wq-pro-features .wq-features-list dl dt { padding: 0 0 20px 0; font-size: 18px; }

.wq-pro-features .wq-features-list dl dt img { height: 57px; }

.wq-pro-features .wq-features-list dl dd { font-size: 0; }

.wq-pro-features .wq-features-list dl dd img { width: 45px; height: 42px; }

.wq-pro-features .wq-features-list dl dd .div-list { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; width: 30%; color: #666666; border: 1px dashed #d2d2d2; border-radius: 5px; margin: 0 3px; padding: 3px; }

@media (min-width: 768px) { .wq-pro-features ul { margin: 0 -8px; }
  .wq-pro-features li { padding: 8px; margin: 0; }
  .wq-pro-features h3 { font-size: 26px; padding-bottom: 20px; } }

@media (min-width: 992px) { .wq-pro-features h3 { font-size: 30px; padding-bottom: 30px; }
  .wq-pro-features .wq-features-list dl { overflow: hidden; }
  .wq-pro-features .wq-features-list dl dt img { height: 67px; font-size: 20px; }
  .wq-pro-features .wq-features-list dl dd .div-list { font-size: 16px; } }

@media (min-width: 1199px) { .wq-pro-features { padding: 90px 0 80px; }
  .wq-pro-features h3 { font-size: 36px; line-height: 36px; }
  .wq-pro-features li:last-child, .wq-pro-features li:nth-last-child(2) { width: 50%; }
  .wq-pro-features li:last-child dl, .wq-pro-features li:nth-last-child(2) dl { height: 212px; padding: 46px 30px; }
  .wq-pro-features li:last-child dl dt, .wq-pro-features li:nth-last-child(2) dl dt { float: left; padding: 0 0 0 30px; }
  .wq-pro-features li:last-child dl dd, .wq-pro-features li:nth-last-child(2) dl dd { float: left; padding: 13px 0 0 42px; }
  .wq-pro-features .wq-features-list dl { height: 397px; padding: 30px 20px; }
  .wq-pro-features .wq-features-list dl span { margin-bottom: 14px; }
  .wq-pro-features .wq-features-list dl dd { padding: 0 12px; }
  .wq-pro-features .wq-features-list dl dd .div-list { margin: 0 9px 15px; display: block; float: left; width: 90px; height: 90px; padding: 8px; }
  .wq-pro-features .wq-features-list dl dd span { margin-bottom: 0; } }

.allproduct-list { position: relative; overflow: hidden; }

.allproduct-list .mdc-div { position: relative; }

.allproduct-list .product-design { padding: 25px 10px; }

.allproduct-list .product-design .design-title { font-size: 18px; margin-bottom: 10px; max-width: 590px; }

.allproduct-list .product-design .design-txt { max-width: 590px; font-weight: lighter; }

.allproduct-list .bgcon { line-height: 0; }

.allproduct-list .bgcon img { max-width: 100%; }

@media (min-width: 640px) { .allproduct-list .product-design { width: 100%; } }

@media (min-width: 768px) { .allproduct-list .product-design { font-size: 16px; line-height: 28px; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF; }
  .allproduct-list .product-design .design-title { font-size: 24px; padding-bottom: 18px; } }

@media (min-width: 1024px) { .allproduct-list .product-design { font-size: 18px; line-height: 30px; }
  .allproduct-list .product-design .design-title { font-size: 30px; line-height: 36px; padding-bottom: 25px; } }

@media (min-width: 1400px) { .allproduct-list { padding-bottom: 35px; }
  .allproduct-list .product-design .design-title { font-size: 36px; } }

.wq-protwo-features { padding: 30px 0; }

.wq-protwo-features h3 { font-size: 22px; text-align: center; padding: 0 0 20px 0; }

.wq-protwo-features .protwo-features-list ul { font-size: 0; }

.wq-protwo-features .protwo-features-list ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 33%; margin-bottom: 15px; }

.wq-protwo-features .protwo-features-list ul li .img-box { font-size: 14px; text-align: center; }

.wq-protwo-features .protwo-features-list ul li .img-box img { display: block; margin: 0 auto 6px; height: 50px; }

.wq-protwo-features .protwo-features-list ul li .img-box p.text { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (min-width: 768px) { .wq-protwo-features h3 { font-size: 26px; padding-bottom: 25px; }
  .wq-protwo-features .protwo-features-list ul { font-size: 0; }
  .wq-protwo-features .protwo-features-list ul li { width: 20%; margin-bottom: 25px; }
  .wq-protwo-features .protwo-features-list ul li .img-box img { height: 61px; margin-bottom: 15px; } }

@media (min-width: 992px) { .wq-protwo-features h3 { font-size: 30px; padding-bottom: 30px; }
  .wq-protwo-features .protwo-features-list ul { font-size: 0; text-align: center; }
  .wq-protwo-features .protwo-features-list ul li { width: 16.66%; margin-bottom: 50px; }
  .wq-protwo-features .protwo-features-list ul li .img-box { font-size: 16px; } }

@media(min-width:1024px) {
    .wq-protwo-features .protwo-features-list ul li .img-box img { transition:ease all .3s; -webkit-transition:ease all .3s; position:relative; bottom:0; }
    .wq-protwo-features .protwo-features-list ul li:hover .img-box img { bottom:5px; }

}

@media (min-width: 1199px) { .wq-protwo-features { padding: 90px 0 50px; }
  .wq-protwo-features h3 { font-size: 36px; line-height: 36px; padding-bottom: 81px; }
  .wq-protwo-features .protwo-features-list { overflow: hidden; padding:10px 0; }
  .wq-protwo-features .protwo-features-list ul { margin: 0 -6%; }
  .wq-protwo-features .protwo-features-list ul li { margin-bottom: 80px; }
  .wq-protwo-features .protwo-features-list ul li .img-box { font-size: 18px; }
  .wq-protwo-features .protwo-features-list ul li .img-box img { margin-bottom: 28px; } }

.wqg-pro-three.g-pro-one .g-pro-one-tit { color: #333333; }

@media (min-width: 768px) { .wqg-pro-three.g-pro-one .g-pro-one-desc { padding: 18px 5% 0; } }

@media (min-width: 1024px) { .wqg-pro-three.g-pro-one .g-pro-one-desc { padding: 18px 17% 0; } }

.wq-prothre-features { padding: 30px 0; overflow: hidden; }

.wq-prothre-features h3 { font-size: 22px; text-align: center; padding: 0 0 15px 0; }

.wq-prothre-features li { margin-bottom: 10px; }

.wq-prothre-features .prothre-features-list dl { border: 1px solid #d2d2d2; padding: 20px; text-align: center; }

.wq-prothre-features .prothre-features-list dl img { display: block; margin: 0 auto 5px; }

.wq-prothre-features .prothre-features-list dl span { display: block; }

.wq-prothre-features .prothre-features-list dl span.txt { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.wq-prothre-features .prothre-features-list dl dt { padding: 0 0 20px 0; font-size: 18px; }

.wq-prothre-features .prothre-features-list dl dt img { height: 57px; }

.wq-prothre-features .prothre-features-list dl dd { font-size: 0; }

.wq-prothre-features .prothre-features-list dl dd img { width: 45px; height: 42px; }

.wq-prothre-features .prothre-features-list dl dd .div-list { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; width: 30%; color: #666666; border: 1px dashed #d2d2d2; border-radius: 5px; margin: 0 3px 3px; padding: 3px; }

@media (min-width: 768px) { .wq-prothre-features ul { margin: 0 -8px; }
  .wq-prothre-features li { padding: 8px; margin: 0; }
  .wq-prothre-features li:nth-last-child(3) { width: 100%; }
  .wq-prothre-features h3 { font-size: 26px; padding-bottom: 20px; } }

@media (min-width: 992px) { .wq-prothre-features h3 { font-size: 30px; padding-bottom: 30px; }
  .wq-prothre-features .prothre-features-list dl { overflow: hidden; }
  .wq-prothre-features .prothre-features-list dl dt img { height: 67px; font-size: 20px; }
  .wq-prothre-features .prothre-features-list dl dd .div-list { font-size: 16px; } 
}
@media(min-width:1024px) {
    .wq-prothre-features .prothre-features-list dl dd span img,.wq-prothre-features .prothre-features-list dl dt img,.wq-pro-features .wq-features-list dl img{ position:relative; transition:.3s; -webkit-transition:.3s; bottom:0; }
    .wq-prothre-features .prothre-features-list dl dd .div-list:hover span img,.wq-prothre-features .prothre-features-list dl dt:hover img,.wq-pro-features .wq-features-list dl dt:hover img,.wq-pro-features .wq-features-list dl dd .div-list:hover img{ bottom:5px; }
    .g-pro-three-features .g-features-list li img,.features-switchone li img,.x-three-features-box .topimg .img img,.x-three-features-box li .libox .mini-img img,.x-one-features li .img img{ transition:.3s; -webkit-transition:.3s;}
    .g-pro-three-features .g-features-list li:hover img,.g-pro-three-features .g-features-list li.cur img,.features-switchone li:hover img,.x-three-features-box .topimg:hover .img img{ top:47%;  }
    .x-three-features-box li .libox:hover .mini-img img,.x-one-features li:hover .img img { top:45%;  }
}


@media (min-width: 1199px) { .wq-prothre-features { padding: 90px 0 80px; }
  .wq-prothre-features h3 { font-size: 36px; line-height: 36px; }
  .wq-prothre-features li:nth-last-child(3) { width: 50%; }
  .wq-prothre-features li:nth-last-child(3) dl dd .div-list { width: 142px; margin: 0 15px 15px; }
  .wq-prothre-features .prothre-features-list dl { height: 397px; padding: 30px 20px; }
  .wq-prothre-features .prothre-features-list dl span { margin-bottom: 14px; }
  .wq-prothre-features .prothre-features-list dl dd { padding: 0 12px; }
  .wq-prothre-features .prothre-features-list dl dd .div-list { margin: 0 9px 15px; display: block; float: left; width: 90px; height: 90px; padding: 8px; }
  .wq-prothre-features .prothre-features-list dl dd span { margin-bottom: 0; } }

.Business-box { padding: 30px 0; }

.Business-box .mastery-txt { text-align: center; padding-bottom: 20px; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.Business-box .mastery-txt h4 { font-size: 20px; padding-bottom: 10px; }

.Business-box .mastery-list { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.Business-box .mastery-list ul { font-size: 0; }

.Business-box .mastery-list ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; width: 25%; text-align: center; color: #666666; }

.Business-box .mastery-list ul li span { display: block; padding-bottom: 10px; }

.Business-box .mastery-list ul li span img { display: block; margin: 0 auto; height: 50px; }

@media (min-width: 762px) { .Business-box { padding: 60px 0; }
  .Business-box .mastery-txt { font-size: 20px; }
  .Business-box .mastery-txt h4 { font-size: 30px; line-height: 36px; }
  .Business-box .mastery-txt p { font-weight: lighter; }
  .Business-box .mastery-list { overflow: hidden; padding: 20px 0 0; }
  .Business-box .mastery-list ul { margin: 0 -5%; }
  .Business-box .mastery-list ul li { font-size: 18px; }
  .Business-box .mastery-list ul li span { padding-bottom: 20px; }
  .Business-box .mastery-list ul li span img { height: 65px; } }

@media (min-width: 992px) { .Business-box { padding: 80px 0; }
  .Business-box .mastery-txt { padding-bottom: 80px; font-size: 28px; }
  .Business-box .mastery-txt h4 { font-size: 36px; padding-bottom: 37px; }
  .Business-box .mastery-list ul li { font-size: 20px; }
  .Business-box .mastery-list ul li span { padding-bottom: 40px; } }

@media (min-width: 1024px) { .Business-box { padding: 100px 0; } }

@media (min-width: 1199px) { .Business-box { padding: 172px 0; }
  .Business-box .mastery-txt { padding-bottom: 100px; } }

@media (min-width: 768px) { .common-xcenter { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .common-ycenter { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .common-center { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.allproduct-list-two { position: relative; overflow: hidden; }

.allproduct-list-two .mdc-div { position: relative; }

.allproduct-list-two .product-design { padding: 25px 10px; background-color: #000000; color: #FFFFFF; }

.allproduct-list-two .product-design .design-box { position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.allproduct-list-two .product-design .design-title { font-size: 18px; margin-bottom: 10px; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.allproduct-list-two .product-design .design-txt { font-size: 16px; font-weight: lighter; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

.allproduct-list-two .product-design ul { font-size: 0; padding: 10px 0 0 0; }

.allproduct-list-two .product-design ul li { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding-right: 70px; font-size: 14px; text-align: center; }

.allproduct-list-two .product-design ul li span { display: block; position: relative; margin: 0 0 10px 0; }

.allproduct-list-two .product-design ul li span img { display: block; margin: 0 auto; height: 80px; }

.allproduct-list-two .product-design ul li span:after { display: block; content: ""; width: 60px; height: 1px; background-color: #FFFFFF; position: absolute; z-index: 1; top: 50%; right: -65px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.allproduct-list-two .product-design ul li:last-child { padding-right: 0; }

.allproduct-list-two .product-design ul li:last-child span:after { display: none; }

.allproduct-list-two .bgcon { line-height: 0; }

.allproduct-list-two .bgcon img { max-width: 100%; position: relative; top: 40px; -webkit-transition: 1s; transition: 1s; opacity: 0; }

@media (min-width: 640px) { .allproduct-list-two .product-design { width: 100%; } }

@media (min-width: 768px) { .allproduct-list-two .product-design { font-size: 18px; line-height: 28px; color: #FFFFFF; background: 0; }
  .allproduct-list-two .product-design .design-box { float: right; width: 52%; max-width: 590px; padding: 0 10% 0 8%; }
  .allproduct-list-two .product-design .design-title { font-size: 24px; }
  .allproduct-list-two .product-design .design-txt { font-size: 20px; } }

@media (min-width: 1024px) { .allproduct-list-two .product-design { font-size: 18px; line-height: 30px; }
  .allproduct-list-two .product-design .design-title { font-size: 30px; line-height: 36px; }
  .allproduct-list-two .product-design .design-txt { font-size: 24px; }
  .allproduct-list-two .product-design ul { padding: 40px 0 0 0; }
  .allproduct-list-two .product-design ul li { font-size: 16px; }
  .allproduct-list-two .product-design ul li span { margin: 0 0 30px 0; }
  .allproduct-list-two .product-design ul li img { height: 100px; } }

@media (min-width: 1400px) { .allproduct-list-two .product-design .design-title { font-size: 36px; padding-bottom: 10px; }
  .allproduct-list-two .product-design .design-txt { font-size: 28px; }
  .allproduct-list-two .product-design ul li { font-size: 18px; }
  .allproduct-list-two .product-design ul li span img { height: 107px; } }

@media (min-width: 768px) { .allproduct-list-three .product-design { top: 2%; color: #333333; max-width: 100%; text-align: center; } }

@media (min-width: 1024px) { .allproduct-list-three .product-design { top: 7%; } }

@media (min-width: 768px) { .allproduct-list-four .product-design { top: 2%; color: #fff; max-width: 100%; text-align: center; } }

@media (min-width: 1024px) { .allproduct-list-four .product-design { top: 7%; } }

.searchcont01 { padding: 0 0 35px; line-height: 24px; margin-top:-30px; }

.remorebtn { display: block; height: 45px; background: #00a0e9 url(../webimages/cp06.png) no-repeat center; margin: 20px 0 10px; }

.searchtitle01 { padding: 28px 15px; background: #f2f2f2; font-size: 24px; }

.searchtitle01 span { color: #da251d; }

.resultlist01 { font-size: 14px; padding: 3% 0; }

.resultlist01 img { display: block; max-width: 100%; width: auto; float: left; margin: 0 3% 0 0; }

.resultlist01 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist01 h4 { line-height: 24px; font-size: 20px; margin-bottom: 2%; }

.resultlist01 h4 em { color: #da251d; }

.resultlist01 h4 a { display: block; }

.resulttext01 { overflow: hidden; height: 72px; color: #999; }

.resultlabel01 { color: #999; display: inline-block; padding-top: 3%; }

.resultlabel { color: #259bf5; }

.searchbtn a { padding: 5px 15px; background-color: #f2f2f2; font-size: 16px; display: inline-block; margin-right: 15px; margin-bottom: 20px; }

.searchbtn a.cur { background-color: #0068b7; color: #fff; }

@media(max-width:768px) {
    #bdshare_weixin_qrcode_dialog { height:300px !important; }
}
@media(min-width:768px) {
    #bdshare_weixin_qrcode_dialog { height:310px !important; }
}

nav ul li { position: relative; z-index: 2000; }

.nav-thumb { width: 100%; height: 252px; position: fixed; top: 15px; left: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.9); padding: 0 0 10px; display: none; }

.nav-thumb-list { height: 232px; display: inline-block; float: left; vertical-align: top; position: relative; padding-top: 30px; display: none; border-left: 1px solid #595959; }

.nav-thumb-list a { display: block; color: #fff; padding: 10px 20px; }

.nav-thumb-list a:hover { color: #259bf5; }