@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= .blur()); }

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

.clearfix { *zoom: 1; }

.clear { clear: both; }

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

html, body { height: 100%; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; tap-hightlight-color: transparent; touch-callout: none; -webkit-touch-callout: none; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input, textarea, select { font-family: "微软雅黑"; outline: none; }

.fl { float: left; }

.fr { float: right; }

.indexweb, .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"], textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; border-radius: 0; font-family: "Microsoft Yahei"; border-radius: 0; }

@media (min-width: 768px) { .indexweb, .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .indexweb .commonweb { padding: 0px 40px; } }

.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) { .indexweb { margin: 0 auto; max-width: 1280px; }
  .commonweb { margin: 0px auto; max-width: 1180px; }
  .commonleft { float: left; }
  .commonright { 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%; } }

@media (min-width: 1280px) { .commonweb { padding-left: 0; padding-right: 0; } }

@media (min-width: 1320px) { .indexweb { padding-left: 0; padding-right: 0; } }

.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 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.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; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

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

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

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

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

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

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

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

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

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

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

.swiper-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; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

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

.swiper-pagination-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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(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); } }

@charset "utf-8";
.swiper-pagination-bullet-active { background: #004ea2; }

.m-banner img { vertical-align: top; max-width: 100%; }

.header { height: 55px; border-bottom: 1px solid #dcdcdc; }

.header .header-inner { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 55px; padding: 10px 0; background: #fff; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }

.header .menu-handle { position: absolute; left: 10px; top: 10px; cursor: pointer; width: 35px; height: 35px; background: url("../images/menu.png") no-repeat center; }

.header .search-handle { position: absolute; top: 10px; right: 10px; cursor: pointer; width: 35px; height: 35px; background: url("../images/search.png") no-repeat center; }

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

.header .logo a { display: block; }

.header .logo img { vertical-align: top; margin-top: 4px; height: 27px; }

@media (min-width: 375px) { .header .logo img { margin-top: 0; height: 35px; } }

.header .search { display: none; position: absolute; left: 0; top: 55px; width: 100%; padding: 10px; background: #f5f5f5; font-size: 0; }

.header .search input { height: 50px; }

.header .search .keyword { width: 80%; padding-left: 10px; }

.header .search .searchbtn { width: 20%; }

.header .top-links { display: none; }

.header .header-nav { display: none; position: absolute; width: 100%; left: 0; top: 55px; z-index: 99; padding-left: 0; padding-right: 0; background: #fff; border-top: 1px solid #ccc; -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2); }

.header .header-nav li { border-bottom: 1px solid #ccc; }

.header .header-nav li a { display: block; font-size: 16px; line-height: 50px; padding-left: 20px; }

.m-news-cont { width: 100%; margin-bottom: 10px; }

.m-news-cont .thumb { float: left; margin-right: 10px; }

.m-news-cont .content { overflow: hidden; height: 103px; padding: 12px 0; }

.m-news-cont .content p { height: 26px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.m-news-cont .desc { overflow: hidden; height: 103px; padding: 12px 0; }

.m-news-cont .desc .ml3 { 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; }

.indexbanner .swiper-pagination span { opacity: 1; background: #fff; }

.indexbanner .swiper-pagination .swiper-pagination-bullet-active { background: #004ea2; }

.banner-news-wrapper { padding: 20px 0 10px; }

.full-product { position: relative; }

.full-product img { vertical-align: top; width: 100%; }

.full-product .swiper-ctrl { position: absolute; top: 50%; z-index: 10; width: 28.5px; height: 49.5px; margin-top: -25px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer; }

.full-product .prev { left: 0; background-image: url("../images/prev.png"); }

.full-product .next { right: 0; background-image: url("../images/next.png"); }

.full-product li a { display: block; font-size: 0; background-color: #004ea2; }

.full-product li .cate-ban { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 50%; }

.full-product li .cate-icon { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 50%; text-align: center; padding-top: 26.7105%; font-size: 16px; line-height: 34px; color: #fff; }

.full-product li .cate-icon:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 25%; background-repeat: no-repeat; background-position: center 72%; }

.full-product li .cate1:after { background-image: url("../images/cate1.png"); }

.full-product li .cate2:after { background-image: url("../images/cate2.png"); }

.full-product li .cate3:after { background-image: url("../images/cate3.png"); }

.full-grid { width: 100%; background: #008ef2; }

.full-grid .u-grid-item { width: 100%; }

.full-grid .u-grid-item a { display: block; }

.full-grid .u-grid-item img { width: 100%; vertical-align: top; }

.full-grid .u-grid-item p { float: left; position: relative; width: 33.33333%; }

.full-grid .u-grid-item p a { position: absolute; right: 10px; top: 10px; color: #fff; }

.full-grid .u-grid-item p a em { font-size: 16px; display: block; }

.full-grid .u-grid-item p a .en-title { font-size: 14px; text-transform: uppercase; }

.full-grid .u-grid-item .about-thumb { float: left; width: 66.66667%; }

.m-inside-cont { padding: 5px 0; }

.m-inside-cont .u-link-hd em { float: left; margin-right: 12px; font-size: 16px; line-height: 35px; color: #1a1a1a; font-weight: bold; }

.m-inside-cont .u-link-hd i { float: left; font-size: 12px; line-height: 45px; color: #666; }

.m-inside-cont .u-link-hd .addmore { float: right; font-size: 24px; line-height: 36px; color: #666; }

.m-inside-cont dl dt { float: left; margin-right: 10px; }

.m-inside-cont dl dt img { vertical-align: top; }

.m-inside-cont dl dd a { font-size: 14px; line-height: 32px; color: #1a1a1a; }

.m-inside-cont dl dd p { height: 72px; line-height: 24px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.footer { width: 100%; padding-top: 5px; padding-bottom: 5px; background: #e6e6e6; }

.footer p { text-align: center; }

.footer p span { display: block; }

.inside-links { padding-top: 10px; padding-bottom: 10px; }

.full-insidebg { width: 100%; padding-top: 20px; padding-bottom: 30px; background: #f2f2f2; }

.insidemain .inside-nav { position: relative; display: block; width: 100%; background: #e3e7ea; }

.insidemain .nav-hd { width: 100%; height: 50px; padding: 0px 0 0 26px; color: #fff; background: #004ea2 url("../images/arrowdown.png") no-repeat 94% center; }

.insidemain .nav-hd .en-title { display: none; font-size: 26px; line-height: 38px; text-transform: uppercase; white-space: nowrap; }

.insidemain .nav-hd .cn-title { font-size: 20px; line-height: 50px; font-weight: bold; }

.insidemain .nav-bd { display: none; position: absolute; width: 100%; background: #fff; -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); }

.insidemain .nav-bd li.cur h3 a { color: #fff; background: #0d71ca; }

.insidemain .nav-bd li.cur .sub-nav { display: block; }

.insidemain .nav-bd h3 { border-bottom: 1px solid #d1d7dc; }

.insidemain .nav-bd h3 a { display: block; padding-left: 30px; font-size: 14px; color: #1a1a1a; height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


.insidemain .nav-bd li h3.cur a{color: #fff; background: #0d71ca;} 
.insidemain .nav-bd .sub-nav { display: none; padding: 10px 0; background: #d9d9d9; }

.insidemain .nav-bd .sub-nav p.cur a { color: #004ea2; }

.insidemain .nav-bd .sub-nav a { display: block; height: 40px; line-height: 40px; padding-left: 40px; }

.insidemain .nav-bd .sub-nav a:hover { color: #004ea2; }

.insidemain .nav-ft { display: none; }

.insidemain .nav-ft .ft-gallary .swiper-pagination span { opacity: 1; background: #fff; }

.insidemain .nav-ft .ft-gallary .swiper-pagination .swiper-pagination-bullet-active { background: #004ea2; }

.insidemain .nav-ft .ft-news { padding: 15px 15px 32px; }

.insidemain .nav-ft .ft-news .title { margin-bottom: 5px; }

.insidemain .nav-ft .ft-news .title a { color: #1a1a1a; }

.insidemain .nav-ft .ft-news .desc { margin-bottom: 17px; font-size: 12px; line-height: 21px; color: #666; }

.insidemain .nav-ft .ft-news .more a { font-size: 12px; line-height: 21px; color: #004ea2; }

.insidemain .m-right-hd { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }

.insidemain .m-right-hd .title { float: left; font-size: 18px; line-height: 26px; color: #1a1a1a; }

.insidemain .m-right-hd .share { float: right; font-size: 0; margin-top: 5px; }

.insidemain .m-right-hd .share a { float: left; display: block; padding: 0px; border-right: 1px solid #d3d9de; text-align: center; font-size: 0; line-height: 0; height: auto; margin: 0; width: 36px; background-size: 60% auto; background-repeat: no-repeat; background-position: center; height: 24px; }

.insidemain .m-right-hd .share a img { vertical-align: top; width: 60%; }

.insidemain .m-right-hd .share .sina { background-image: url("../images/share01.png"); }

.insidemain .m-right-hd .share .txweibo { background-image: url("../images/share02.png"); }

.insidemain .m-right-hd .share .weixin { background-image: url("../images/share03.png"); }

.insidemain .m-right-hd .share .qq { background-image: url("../images/share04.png"); }

.insidemain .m-right-hd .share .all { border-right: none; background-image: url("../images/share05.png"); }

.insidemain .inside-content { -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); background: #fff; padding: 14px 8px 0; overflow: hidden; }

.insidemain .inside-content .right-bd { padding-top: 30px; }

.insidemain .inside-content p img { width: 100%; vertical-align: top; height: auto; }

.insidemain .inside-content .float-imgs { text-align: center; font-size: 0; line-height: 0; }

.insidemain .inside-content .float-imgs img { margin-bottom: 12px; }

.aboutus { padding-top: 20px; padding-bottom: 15px; }

.aboutus .cp-title { font-size: 18px; line-height: 30px; color: #0d71ca; font-weight: bold; }

.aboutus .cp-en-title { margin-bottom: 20px; font-size: 16px; line-height: 24px; color: #999; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; text-transform: uppercase; }

.aboutus .about-article .by-about-imgs img { margin-bottom: 20px; }

.aboutus .about-article .by-content { color: #1a1a1a; }

.intro-otherlinks { margin-top: 23px; }

.intro-otherlinks .related-list { background: #fff; padding: 8px; -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); }

.intro-otherlinks li .thumb { display: block; width: 100%; overflow: hidden; }

.intro-otherlinks li .thumb img { -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; vertical-align: top; }

.intro-otherlinks li .title { padding-top: 10px; }

.intro-otherlinks li .desc { margin: 5px 0; 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; }

.prdt-cate { margin-bottom: 32px; font-size: 0; text-align: center; }

.prdt-cate h3 { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }

.prdt-cate h3 a { display: block; width: 134px; height: 40px; font-size: 18px; line-height: 38px; color: #004ea2; border: 1px solid #004ea2; }

.prdt-cate h3:first-child { margin-right: 8px; }

.prdt-cate h3.cur a { color: #fff; background: #004ea2; }

.loadMore { margin: 20px 0 30px; display: block; width: 100%; height: 45px; background: #004ea2 url(../images/loadmore.png) no-repeat center; }

.prdt-list li { padding-bottom: 18px; }

.prdt-list .thumb { display: block; margin-bottom: 12px; border: 1px solid #d9d9d9; overflow: hidden; }

.prdt-list .thumb img { vertical-align: top; width: 100%; }

.prdt-list .title { height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.prdt-list .title a { font-size: 18px; line-height: 40px; color: #000; }

.prdt-list .desc { font-size: 13px; color: #666; height: 72px; line-height: 24px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.prdt-garllay .smgy-btns { display: none; }

.prdt-garllay .gy-large { position: relative; border: 1px solid #d9d9d9; }

.prdt-garllay .gy-large img { width: 100%; }

.prdt-garllay .gy-large .swiper-pagination .swiper-pagination-bullet-active { background: #004ea2; }

.main-info { padding-bottom: 20px; }

.main-info h3 { font-size: 18px; line-height: 26px; color: #0d71ca; padding-top: 20px; padding-bottom: 19px; border-bottom: 1px #dadada solid; margin-bottom: 15px; }

.main-info p { line-height: 30px; }

.prdt-detail .params-title { background: #004ea2; padding: 8px; padding-bottom: 0px; font-size: 0; }

.prdt-detail .params-title span { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 85px; height: 30px; font-size: 16px; line-height: 30px; color: #fff; text-align: center; cursor: pointer; }

.prdt-detail .params-title span.cur { background: #fff; color: #004ea2; }

.prdt-detail .params-title span em { display: inline-block; position: absolute; top: 0px; right: -4px; }

.params-content .param-item { display: none; padding-top: 20px; padding-bottom: 20px; }

.params-content .profile { display: block; }

.params-content .profile dl dt p em { display: inline-block; background: url("../images/square.jpg") no-repeat left center; width: 10px; height: 23px; margin-right: 5px; }

.params-content .profile dl dd { display: none; }

.params-content .table { width: 100%; }

.params-content .table td { padding: 15px 20px; border-bottom: 1px #d9d9d9 solid; }

.params-content .download p { padding-left: 27px; line-height: 30px; background: url("../images/download.png") no-repeat 0 center; }

.related-prdts .related-title { height: 40px; line-height: 40px; background: #004ea2; color: #fff; font-size: 18px; padding-left: 15px; margin-bottom: 20px; }

.related-prdts .prdt-list .title { text-align: center; }

.related-prdts .return { display: block; width: 100px; height: 40px; text-align: center; line-height: 40px; margin: 10px auto 20px; background: #0d71ca; color: #fff; font-size: 16px; }

.topnews dl { border-bottom: 1px solid #ccc; }

.topnews dt a { display: block; }

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

.topnews dd { padding: 10px 0; }

.topnews dd h3 a { font-size: 18px; line-height: 26px; color: #1a1a1a; }

.topnews dd .sub-title { font-size: 16px; line-height: 24px; color: #666; }

.topnews dd .date { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; padding-top: 3px; padding-bottom: 5px; }

.topnews dd .desc { font-size: 13px; color: #666; 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; }

.topnews dd .more { padding-top: 14px; }

.topnews dd .more a { color: #004ea2; }

.m-circle-list li { height: 50px; overflow: hidden; font-size: 14px; line-height: 50px; border-bottom: 1px solid #ccc; }

.m-circle-list li span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 75px; float: right; }

.m-circle-list li a { display: block; width: 200px; padding-left: 25px; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url("../images/circle.png") no-repeat 7px center; }

@media (min-width: 375px) { .m-circle-list li a { width: 70%; padding-left: 35px; background: url("../images/circle.png") no-repeat 10px center; } }

.m-month-list dl { margin: 0px 0px 10px; padding: 10px 10px 18px; border: 1px solid #e8e8e8; }

.m-month-list dt { position: relative; float: left; width: 66px; height: 75px; margin-right: 10px; text-align: center; color: #fff; font-size: 13px; background: #0d71ca; }

.m-month-list dt span { display: block; font-size: 36px; font-family: Arial, Helvetica, sans-serif; line-height: 46px; padding: 3px 0 2px; border-bottom: 1px solid #fff; }

.m-month-list dt:after { content: ''; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #0d71ca; }

.m-month-list dd { overflow: hidden; }

.m-month-list dd h3 { margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-month-list dd h3 a { font-size: 18px; }

.m-month-list dd p { font-size: 14px; color: #666; 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; }

.contact-tips { margin-bottom: 20px; padding-bottom: 16px; font-size: 14px; line-height: 24px; color: #1a1a1a; border-bottom: 1px solid #dcdcdc; }

.contact-tips em { color: #004ea2; }

.feedback-form li { margin-bottom: 16px; }

.feedback-form li input { width: 100%; height: 35px; padding-left: 10px; line-height: 35px; border: 1px solid #dcdcdc; }

.feedback-form em { padding: 0 5px; color: #004ea2; }

.feedback-form .feedcontent textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #dcdcdc; }

.feedback-form .feedback-btns { margin-top: 16px; padding: 20px 0 30px; text-align: center; font-size: 0; }

.feedback-form .feedback-btns input { width: 120px; height: 37px; line-height: 37px; color: #fff; font-size: 18px; margin: 0 10px; cursor: pointer; background: #0d71c0; }

.company-item { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; }

.company-item:last-child { margin-bottom: 0; border: none; }

.company-item .item-title { color: #0d71ca; font-size: 18px; line-height: 30px; }

.company-item .item-entitle { padding-top: 5px; padding-bottom: 20px; font-size: 16px; line-height: 22px; color: #999; }

.company-item .item-info li { font-size: 14px; color: #1a1a1a; line-height: 24px; margin-top: 20px; }

.company-item .item-info li p img { width: 38px; height: 32px; float: left; margin-right: 10px; }

.company-item .item-info li div { overflow: hidden; }

.joinus-ft { display: none; }

.demand-cate { font-size: 0; margin-left: -5px; margin-right: -5px; padding-bottom: 10px; }

.demand-cate p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 33.33333%; padding: 0 5px 10px; }

.demand-cate p.cur a { background: #004ea2; color: #fff; }

.demand-cate p a { display: block; font-size: 14px; text-align: center; color: #004ea2; border: 1px #004ea2 solid; height: 36px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.demand-item { padding: 10px 8px; border: 1px solid #d9d9d9; margin-bottom: 15px; }

.demand-item h2 { font-size: 18px; color: #004ea2; padding-bottom: 8px; }

.demand-item .demand-tips { font-size: 0; }

.demand-item .demand-tips span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 13px; color: #333; }

.demand-item .demand-cont dt { font-size: 14px; color: #1a1a1a; font-weight: bold; padding: 10px 0 10px; }

.demand-item .demand-cont dd { color: #1a1a1a; }

.demand-item .deli { float: left; display: block; width: 120px; height: 35px; margin-top: 10px; font-size: 16px; line-height: 35px; text-align: center; color: #fff; background: #0d71ca; }

.demand-item .delivery { margin-right: 10px; }

.guide-title { font-size: 18px; color: #004ea2; font-weight: bold; padding: 15px 0 10px; }

.guide-content p { color: #1a1a1a; font-size: 14px; padding-bottom: 10px; }

.guide-path li { float: left; position: relative; width: 33.33333%; padding-bottom: 33.33333%; color: #fff; font-size: 16px; font-weight: bold; }

.guide-path li:after { content: ''; position: absolute; right: -5px; width: 10px; height: 100%; background: url("../images/linext.jpg") no-repeat center; background-size: 100% auto; }

.guide-path li p { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; text-align: center; padding-bottom: 0; background: #56aefe; border-radius: 50%; }

.guide-path li p span { position: absolute; top: 50%; left: 0; display: block; width: 100%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.guide-path li:nth-child(5) p { background: #004ea0; }

.guide-path li:nth-child(3):after, .guide-path li:nth-child(6):after, .guide-path li:nth-child(7):after { display: none; }

@media (min-width: 540px) { .guide-path li { width: 25%; padding-bottom: 25%; }
  .guide-path li:nth-child(3):after, .guide-path li:nth-child(6):after { display: block; }
  .guide-path li:nth-child(4):after { display: none; } }

.guide-path.trip-path li:last-child:after { display: none; }  

.guide-path p { font-size: 14px; padding-bottom: 10px; }

.guide-map { overflow: hidden; padding-bottom: 30px; }

.qanda-list { margin-top: -30px; padding-bottom: 30px; }

.qanda-list li { border-bottom: 1px solid #e8e8e8; padding: 19px 0 9px; }

.qanda-list li h3 { background: url(../images/hsh_q.jpg) no-repeat 0 0; color: #0d71ca; font-size: 14px; line-height: 27px; padding-left: 47px; margin-bottom: 13px; }

.qanda-list li div { background: url(../images/hsh_a.jpg) no-repeat 0 0; padding-left: 47px; font-size: 13px; color: #1a1a1a; line-height: 24px; }

.talent-concept dl img { vertical-align: top; width: 100%; height: auto; }

.concept-top { padding-bottom: 20px; background: url(../images/TalentConcept_18.jpg) no-repeat bottom center; background-size: 100% 4px; }

.concept-top dd h4 { font-size: 16px; color: #004ea2; font-weight: bold; padding-bottom: 7px; padding-top: 15px; }

.concept-bot { padding-bottom: 35px; }

.concept-bot dl { padding-top: 20px; }

.concept-bot dt { position: relative; margin-bottom: 20px; overflow: hidden; }

.concept-bot .concept-text h5 { font-size: 16px; font-weight: bold; padding-bottom: 15px; }

.talent-train h4 { font-size: 18px; color: #004ea2; padding-bottom: 5px; }

.employee-incen { padding-bottom: 30px; }

.employee-incen h4.title { font-size: 18px; color: #004ea2; padding-top: 20px; padding-bottom: 8px; }

.employee-incen .incen-list { padding-top: 20px; }

.employee-incen .incen-list li { min-height: 90px; margin-bottom: 10px; }

.employee-incen .incen-list p img { float: left; width: 89px; height: 88px; margin-right: 10px; }

.employee-incen .incen-list .incen-item h5 { font-size: 18px; color: #004ea2; margin: 5px 0; }

.employee-incen .incen-list .incen-item p { float: left; margin-right: 10px; }

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

.team-build .line1 { font-size: 20px; color: #0d71ca; font-weight: bold; }

.team-build .line2 { font-size: 18px; color: #555555; font-weight: bold; padding-top: 7px; padding-bottom: 12px; }

.team-build .line3 { position: relative; font-size: 20px; line-height: 32px; color: #0d71ca; font-weight: bold; padding-bottom: 15px; background-color: white; }

.team-build .line3:after { content: ''; position: absolute; left: 50%; bottom: 5px; width: 60px; height: 1px; margin-left: -30px; background: #555; }

.team-build .line4 { font-size: 14px; color: #555; padding-top: 10px; padding-bottom: 4px; }

.team-build .line5 { font-size: 18px; color: #555; padding-bottom: 6px; }

.team-build .line6 { font-size: 18px; line-height: 32px; color: #555; margin-bottom: 30px; }

.team-build .line6 strong { font-size: 20px; line-height: 32px; vertical-align: middle; }

.team-list-container li { position: relative; }

.team-list-container li a { display: block; }

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

.team-list-container li h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; padding: 0 20px 10px; background: rgba(0, 0, 0, 0.5); }

.team-list-container li h3 a { width: 100%; font-size: 16px; color: #fff; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.team-list-container .team-pagination { position: absolute; bottom: 45px; z-index: 6; }

.team-list-container .team-pagination span { opacity: 1; }

.team-list-container .view-more { display: block; width: 105px; height: 35px; margin: 10px auto 0; line-height: 35px; text-align: center; color: #fff; background: #0d71ca; }

.team-list-wrapper li { margin-bottom: 10px; }

.team-list-wrapper li .inner { width: 100%; border: 1px solid #e8e8e8; }

.team-list-wrapper li a { display: block; }

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

.team-list-wrapper li h3 { text-align: center; font-size: 16px; height: 60px; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 图片弹窗*/
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-popup .thumb-copy-wrapper { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 94%; max-width: 1000px; background: #fff; overflow: hidden; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper { width: 100%; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li { width: 100%; }

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li img { display: block; width: 100%; }

.thumb-popup .thumb-copy-wrapper .close { position: absolute; right: 0px; top: 0px; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #333; background: rgba(255, 255, 255, 0.5); cursor: pointer; }

.work-ev { padding-bottom: 30px; }

.ev-cate h3:last-child { margin-left: 8px; }

.ev-cate h3 a { width: 88px; }

.sm-environment-gallery { display: none; }

.lg-environment-gallery { max-width: 760px; margin: 0 auto; }

.lg-environment-gallery li img { width: 100%; display: block; }

.lg-environment-gallery .swiper-pagination span { opacity: 1; }

.sub-company { padding-bottom: 30px; }

.sub-company dl { padding: 10px; border-bottom: 1px #e8e8e8 solid; }

.sub-company dl dt img { width: 100%; vertical-align: top; }

.sub-company dl dd { padding: 10px 0; }

.sub-company dl dd h3 { color: #0d71ca; font-size: 20px; font-weight: bold; padding-bottom: 5px; }

.sub-company dl dd h4 { font-size: 14px; color: #999999; text-transform: capitalize; padding-bottom: 20px; }

.development-path { padding: 30px 0px; background: url(../images/Development_03.jpg) no-repeat 0px 12px; }

.development-path .path-list { background: url(../images/Development_07.jpg) repeat-y 7px 0px; }

.development-path .path-list li { padding-left: 20px; line-height: 40px; background: url(../images/Development_06.jpg) no-repeat 0 12px; overflow: hidden; }

.development-path .path-list li span { padding: 0 10px 0 0; font-size: 16px; color: #999999; }

.development-path .path-list li a { cursor: default; }

.culture-dl dl { overflow: hidden; margin-bottom: 20px; }

.culture-dl dl dt { float: left; width: 60px; margin-right: 10px; }

.culture-dl dl dd { overflow: hidden; }

.culture-dl dl dd h4 { color: #0d71ca; font-size: 18px; padding-bottom: 5px; }

.culture-ol img { width: 100%; vertical-align: top; }

.culture-ol li { margin-bottom: 10px; }

.honor-list li .img { display: block; border: 1px #e8e8e8 solid; padding: 20px 5px; }

.honor-list li .img img { width: 100%; vertical-align: top; }

.honor-list li h3 { text-align: center; height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.appearance .appearance-list li { margin-bottom: 10px; }

.appearance .appearance-list li a { display: block; overflow: hidden; border: 2px #e8e8e8 solid; }

.appearance .appearance-list li .img { overflow: hidden; }

.appearance .appearance-list li img { vertical-align: top; width: 100%; }

.appearance .appearance-list li h3 { text-align: center; height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#fullpage { width: 100%; height: 100%; }

.pageone .pageone-content { width: 100%; padding: 60% 0 10%; background: url("../images/pageone.jpg") no-repeat center; background-size: cover; }

.pageone .pageone-card li { margin-bottom: 20px; }

.pageone .pageone-card li a { display: block; height: 75px; overflow: hidden; padding-left: 32px; background: rgba(255, 255, 255, 0.8); }

.pageone .pageone-card li a img { margin-top: 6px; float: left; width: 60px; height: 60px; }

.pageone .pageone-card li a span { display: block; overflow: hidden; padding-left: 25px; padding-top: 14px; font-size: 20px; font-weight: bold; line-height: 25px; color: #004ea2; }

.pageone .pageone-card li a i { display: block; font-size: 12px; font-weight: normal; }

.pagetwo .pagetwo-content { width: 100%; padding-top: 10%; padding-bottom: 10%; background: url("../images/pagetwo.jpg") no-repeat center; background-size: cover; }

.pagetwo .u-two-title { font-size: 20px; font-weight: bold; color: #333; line-height: 35px; padding-bottom: 11px; }

.pagetwo .u-two-title .more { float: right; font-size: 16px; line-height: 44px; font-weight: normal; color: #333; }

.pagetwo .recuir-wrapper .hot-recuir { padding: 20px 10px 35px; background: rgba(255, 255, 255, 0.8); }

.pagetwo .recuir-wrapper .hot-recuir li { height: 48px; border-bottom: 1px solid #e0e0e0; }

.pagetwo .recuir-wrapper .hot-recuir li a { display: block; color: #1a1a1a; font-size: 0; }

.pagetwo .recuir-wrapper .hot-recuir li span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; height: 48px; line-height: 48px; font-size: 15px; }

.pagetwo .recuir-wrapper .hot-recuir li .hsh_span01 { width: 50%; }

.pagetwo .recuir-wrapper .hot-recuir li .hsh_span02 { width: 25%; }

.pagetwo .recuir-wrapper .hot-recuir li .hsh_span03 { width: 25%; }

.pagetwo .trailer { padding-top: 10px; }

.pagetwo .trailer .trailer-video { position: relative; cursor: pointer; }

.pagetwo .trailer .trailer-video img { width: 100%; vertical-align: top; }

.pagetwo .trailer .trailer-video:after { content: ''; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url("../images/playbtn.png") no-repeat 0 0; background-size: 100% auto; }

.pagetwo .jionus-ftlinks { display: none; }

/* 视频弹窗*/
.ckplayer-wrapper { display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.ckplayer-wrapper .video-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 94%; max-width: 1000px; }

.ckplayer-wrapper .video-popup .closebtn { position: absolute; right: 0; top: 0; z-index: 5; width: 25px; height: 25px; background: url(../images/mvclose.png) no-repeat center center; margin: -12px -12px 0 0; }

/* 校园行程*/
.trip-content { padding-bottom: 30px; }

.trip-content .jianli { line-height: 32px; }

.trip-content .jianli a { text-decoration: underline; color: #0d71ca; }

.trip-content .jianli i { color: #0d71ca; }

.trip-title { width: 120px; height: 34px; margin: 18px 0; text-align: center; line-height: 34px; color: #fff; background: #004ea2; font-size: 18px; }

.triptop { border-bottom: 1px solid #d9d9d9; padding: 0px 0 14px; }

.triptop .text03 { font-size: 14px; color: #1a1a1a; padding-bottom: 5px; }

.trip-table { width: 100%; overflow-x: auto; }

.trip-table ul { width: 700px; background: url(../images/lpic_10.jpg) no-repeat 28px bottom; }

.trip-table .txt01 { color: #0d71ca; height: 40px; line-height: 40px; background: #f2f2f2; padding: 0; margin-bottom: 13px; padding-left: 53px; }

.trip-table li { position: relative; padding: 10px 0 20px 55px; font-size: 16px; color: #1a1a1a; text-align: center; background: url(../images/lpic_09.jpg) repeat-y 35px 0; overflow: hidden; }

.trip-table li em { float: left; width: 16.6666%; }

.trip-table li i { float: left; width: 27.1604%; }

.trip-table li b { width: 16.0493%; float: left; font-weight: normal; }

.trip-table li .bgimg { width: 115px; float: left; position: absolute; left: -22px; top: 22px; }

.trip-table li .bgimg img { width: 16px; height: 14px; }

/* 招聘动态*/
.recruitnews-list dl { position: relative; border: 1px solid #dcdcdc; padding: 10px; margin-bottom: 10px; }

.recruitnews-list dl dt { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 34px; }

.recruitnews-list dl dt a { font-size: 18px; line-height: 24px; color: #004ea2; }

.recruitnews-list dl .desc { margin-bottom: 10px; font-size: 13px; line-height: 22px; 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; }

.recruitnews-list dl .more { display: block; width: 80px; height: 30px; border: 1px solid #999; text-align: center; font-size: 13px; line-height: 30px; color: #1a1a1a; }

.recruitnews-list dl .more:hover, .recruitnews-list dl .more:active { background: #004ea2; }

.recruitnews-list dl .more:hover a, .recruitnews-list dl .more:active a { color: #fff; }

.recruitnews-list dl .date { position: absolute; top: 36px; font-family: Arial, Helvetica, sans-serif; }

.recruitnews-list dl .date span { float: right; }

.recruitnews-list dl .date span:before { content: '.'; display: inline-block; }

/* 详情页*/
.detail-article { padding-bottom: 30px; }

.detail-article .date { padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }

.detail-article .gohistory { width: 95px; height: 35px; color: #fff; line-height: 35px; text-align: center; background: #0d71ca; display: block; margin: 24px auto 25px; }

.detail-article .news-ctrl { border: 1px solid #cccccc; border-left: none; border-right: none; font-size: 13px; padding: 3px 0px; }

.detail-article .news-ctrl p { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 10px 0; }

.detail-article .news-ctrl p span { display: inline-block; background: #f2f2f2; color: #1a1a1a; line-height: 27px; padding: 0px 10px; margin-right: 15px; }

.advisory { padding: 0 0 30px; }

.advisory .title { text-align: center; font-size: 24px; color: #004ea2; line-height: 32px; font-weight: bold; padding-bottom: 20px; background: url(../images/Advisory_07.jpg) no-repeat bottom center; margin-bottom: 20px; }

.advisory .advisory-msg { padding-bottom: 30px; }

.advisory .advisory-msg li { height: 25px; margin: 0 0 20px 0; padding-left: 34px; font-size: 15px; line-height: 25px; }

.advisory .advisory-msg li a, .advisory .advisory-msg li i { color: #004ea2; }

.advisory .advisory-msg .l1 { background: url(../images/zixunbu_09.jpg) no-repeat left center; }

.advisory .advisory-msg .l2 { background: url(../images/zixunbu_06.jpg) no-repeat left center; }

.advisory .advisory-msg .l3 { background: url(../images/zixunbu_03.jpg) no-repeat left center; }

.aftermarket { padding: 0 0 30px; line-height: 32px; }

.aftermarket h4 { font-size: 16px; color: #004ea2; font-weight: bold; margin-bottom: 15px; height: 30px; line-height: 30px; padding-left: 40px; }

.aftermarket .sh { background: url(../images/Aftermarket_03.jpg) no-repeat left center; }

.aftermarket .kh { margin-top: 20px; background: url(../images/Aftermarket_07.jpg) no-repeat left center; }

/* 搜索页*/

@charset "utf-8";
@media (min-width: 768px) { .header .menu-handle { left: 20px; }
  .header .search-handle { right: 20px; }
  .full-product .swiper-ctrl { width: 45.6px; height: 79.2px; margin-top: -40px; }
  .full-grid .u-grid-item p a { right: 31px; top: 34px; }
  .full-grid .u-grid-item p a em { font-size: 26px; line-height: 32px; }
  .full-grid .u-grid-item p a .en-title { font-size: 14px; line-height: 22px; }
  .insidemain .m-right-hd .share { margin-top: 0px; }
  .insidemain .m-right-hd .share a { padding: 0 12px; width: 60px; background-size: auto auto; }
  .insidemain .inside-content { padding-left: 10px; padding-right: 10px; overflow: hidden; }
  .insidemain .inside-content .float-imgs { margin-left: -6px; margin-right: -6px; }
  .insidemain .inside-content .float-imgs p { float: left; width: 33.3333%; padding: 0 6px; }
  .aboutus { padding-bottom: 30px; }
  .aboutus .about-article .by-about-imgs { margin-left: -5px; margin-right: -5px; }
  .aboutus .about-article .by-about-imgs p { width: 50%; float: left; padding: 0 5px; }
  .aboutus .about-article .by-about-imgs p img { width: 100%; max-width: 200%; }
  .intro-otherlinks { margin-top: 23px; }
  .intro-otherlinks .related-list { padding: 20px 10px; }
  .prdt-detail .params-title span { width: 105px; height: 44px; font-size: 18px; line-height: 44px; }
  .related-prdts .related-title { height: 50px; line-height: 50px; font-size: 20px; }
  .topnews dt { float: left; margin-right: 18px; }
  .topnews dt a { max-width: 250px; }
  .topnews dd { overflow: hidden; padding: 0 0 10px; }
  .topnews dd h3 a { font-size: 20px; line-height: 24px; }
  .feedback-form li { width: 48%; }
  .feedback-form li:nth-child(odd) { float: left; }
  .feedback-form li:nth-child(even) { float: right; }
  .feedback-form .feedcontent textarea { height: 150px; padding: 10px; }
  .demand-cate p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 20%; }
  .guide-title { padding: 35px 0 25px; }
  .guide-path.trip-path li:last-child:after { display: none; }
  .guide-path li { width: 14.28571%; padding-bottom: 14.28571%; }
  .guide-path li p { left: 12px; right: 12px; top: 12px; bottom: 12px; }
  .guide-path li:nth-child(4):after { display: block; }
  .qanda-list li { padding: 35px 0 25px; }
  .concept-top { padding-bottom: 50px; }
  .concept-top dt { float: left; margin-right: 20px; }
  .concept-top dt img { width: 380px; }
  .concept-top dd h4 { padding-bottom: 15px; padding-top: 23px; }
  .concept-bot dl { padding-top: 30px; }
  .concept-bot dl dt { margin-bottom: 38px; position: relative; }
  .concept-bot dl dt em { display: block; width: 39px; height: 34px; }
  .concept-bot dl dt .e1 { margin: 0 0 -10px 10px; background: url(../images/TalentConcept_07.jpg) no-repeat 0 0; }
  .concept-bot dl dt .e2 { float: right; margin: -10px 10px 0 0; background: url(../images/TalentConcept_11.jpg) no-repeat 0 0; }
  .concept-bot .concept-text { padding: 0 74px; }
  .employee-incen .incen-list { padding-top: 40px; }
  .employee-incen .incen-list li { float: left; width: 50%; }
  .team-build { padding-bottom: 30px; text-align: center; }
  .team-build .line1 { font-size: 30px; line-height: 32px; }
  .team-build .line2 { font-size: 24px; padding-top: 15px; padding-bottom: 20px; }
  .team-build .line3 { font-size: 30px; padding-bottom: 25px; line-height: 40px; }
  .team-build .line4 { font-size: 18px; padding-top: 25px; padding-bottom: 12px; }
  .team-build .line5 { font-size: 24px; padding-bottom: 12px; }
  .team-build .line6 { font-size: 24px; margin-bottom: 50px; }
  .team-build .line6 strong { font-size: 30px; }
  .team-list-container li h3 { height: 80px; padding: 0 20px 10px; }
  .team-list-container li h3 a { font-size: 24px; margin-top: 10px; }
  .team-list-container .team-pagination { bottom: 55px; }
  .team-list-container .ctrl { position: absolute; bottom: 57px; z-index: 7; width: 26px; height: 45px; }
  .team-list-container .team-prev { left: 20px; background: url(../images/TeamBuilding_15.png) no-repeat center; }
  .team-list-container .team-next { right: 20px; background: url(../images/TeamBuilding_16.png) no-repeat; }
  .team-list-wrapper { overflow: hidden; }
  .team-list-wrapper ul { margin-left: -10px; margin-right: -10px; }
  .team-list-wrapper li { margin-bottom: 20px; }
  .ev-cate h3 a { width: 134px; }
  .sub-company { margin-top: -30px; }
  .sub-company dl { padding: 20px 0; }
  .sub-company dl:nth-child(even) dt { float: right; margin: 0 0 0 39px; }
  .sub-company dl dt { float: left; margin-right: 39px; }
  .sub-company dl dt img { width: 311px; height: 175px; margin-top: 44px; }
  .sub-company dl dd { padding: 0; }
  .sub-company dl dd h3 { font-size: 24px; }
  .culture-ol { margin-left: -10px; margin-right: -10px; }
  .culture-ol img { max-width: 100%; }
  .culture-ol li { float: left; padding: 0 10px; width: 50%; margin-bottom: 20px; }
  .appearance .appearance-list { margin-left: -10px; margin-right: -10px; }
  .appearance .appearance-list li { margin-bottom: 20px; }
  .appearance .appearance-list li h3 { padding: 0 10px; height: 60px; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .trip-table ul { width: 100%; }
  /* 新闻详细*/
  .detail-article .title { text-align: center; font-size: 24px; line-height: 40px; }
  .detail-article .date { text-align: center; padding: 25px 0 20px; margin-bottom: 35px; }
  .detail-article .gohistory { margin: 24px auto 45px; }
  .detail-article .news-ctrl { padding: 13px 0px; }
  .detail-article .news-ctrl p { float: left; width: 50%; margin: 0; }
  .detail-article .news-ctrl .prev-news { padding-right: 20px; }
  .detail-article .news-ctrl .next-news { padding-left: 20px; }
  /* end 768px*/ }

@charset "utf-8";
@media (min-width: 992px) { .header .menu-handle { left: 40px; }
  .header .search-handle { right: 40px; }
  .footer { padding: 20px 0; }
  .footer p span { display: inline-block; }
  .m-news-cont { float: left; width: 50%; margin-bottom: 0; }
  .m-news-cont .thumb { float: left; margin-right: 10px; }
  .m-news-cont .desc { padding-right: 20px; }
  .banner-news-wrapper { padding: 20px 0 20px; }
  .full-grid .u-grid-item { width: 100%; }
  .full-grid .u-grid-item p { position: relative; width: 33.33333%; float: left; }
  .full-grid .u-grid-item p a { position: absolute; right: 10px; top: 10px; color: #fff; }
  .full-grid .u-grid-item p a em { font-size: 26px; display: block; }
  .full-grid .u-grid-item p a .en-title { font-size: 14px; }
  .full-grid .u-grid-item .about-thumb { float: left; width: 66.66667%; }
  .full-grid .u-grid-item .about-thumb img { width: 100%; }
  .full-grid .index-culture .about-thumb { display: block; margin-left: 0; }
  .m-inside-cont { float: left; width: 50%; padding: 0; }
  .m-inside-cont.service { padding-right: 5.46875%; }
  .m-inside-cont.recruit { padding-left: 5.46875%; }
  .m-inside-cont .u-link-hd { margin-bottom: 19px; }
  .inside-links { padding-top: 15px; padding-bottom: 43px; }
  .aboutus { padding-bottom: 15px; }
  .aboutus .about-article .by-about-imgs { float: right; margin-left: 48px; margin-right: 0px; width: 341px; }
  .aboutus .about-article .by-about-imgs p { width: 100%; float: left; padding: 0 5px; }
  .aboutus .about-article .by-about-imgs p img { width: 100%; max-width: 200%; }
  .aboutus .about-article .by-content { overflow: hidden; }
  .intro-otherlinks .related-list { padding: 30px 15px; }
  .intro-otherlinks .related-list li { padding: 0 15px; }
  .intro-otherlinks .related-list li:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.04); transform: translate3d(0, 0, 0) scale(1.04); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
  .intro-otherlinks .related-list li:hover a { color: #004ea2; }
  .prdt-info { margin-bottom: 55px; }
  .prdt-garllay { position: relative; float: left; width: 425px; padding-left: 90px; margin-right: 35px; }
  .prdt-garllay .ctrl { position: absolute; left: 0; z-index: 5; width: 72px; height: 20px; cursor: pointer; }
  .prdt-garllay .ctrl:before { content: ''; position: absolute; left: 50%; margin-left: -7px; width: 0; height: 0; border: 7px solid transparent; }
  .prdt-garllay .prev { top: -23px; }
  .prdt-garllay .prev:before { border-bottom-color: #ccc; }
  .prdt-garllay .next { bottom: -23px; }
  .prdt-garllay .next:before { border-top-color: #ccc; }
  .prdt-garllay .smgy-btns { position: absolute; left: 0; top: 0; display: block; width: 72px; height: 335px; }
  .prdt-garllay .smgy-btns li { display: block; width: 72px; height: 72px; border: 1px solid #d9d9d9; cursor: pointer; }
  .prdt-garllay .smgy-btns li.cur { border-color: #004ea2; }
  .prdt-garllay .smgy-btns li img { width: 100%; display: block; }
  .prdt-garllay .gy-large .swiper-pagination { display: none; }
  .main-info { overflow: hidden; padding-bottom: 0; }
  .main-info h3 { font-size: 26px; line-height: 1; padding-top: 50px; margin-bottom: 25px; }
  .params-content .param-item { padding-top: 30px; padding-bottom: 60px; }
  .related-prdts .return { margin: 30px auto 20px; font-size: 18px; }
  .topnews dd h3 a:hover { color: #004ea2; }
  .m-circle-list li a:hover { color: #004ea2; }
  .m-month-list dl { margin: 0px 0px 20px; padding: 20px 20px 28px; }
  .m-month-list dt { width: 76px; height: 87px; margin-right: 55px; }
  .m-month-list dt span { padding: 8px 0 7px; }
  .m-month-list dd { overflow: hidden; }
  .m-month-list dd h3 { margin-bottom: 20px; }
  .m-month-list dd h3 a:hover { color: #004ea2; }
  .contact-tips { margin-bottom: 34px; padding-bottom: 26px; }
  .feedback-form { padding-top: 21px; }
  .feedback-form li { margin-bottom: 21px; }
  .feedback-form li input { max-width: 380px; }
  .feedback-form p { padding-bottom: 16px; }
  .feedback-form .feedcontent textarea { height: 224px; }
  .feedback-form .feedback-btns { margin-top: 33px; }
  .company-item { padding-bottom: 31px; margin-bottom: 40px; }
  .company-item .item-title { font-size: 24px; }
  .company-item .item-entitle { padding-bottom: 37px; }
  .company-item .item-info .item-view { float: right; }
  .company-item .item-info .item-view.item-view img { width: 346px; height: 195px; margin-left: 20px; }
  .company-item .item-info li p { padding-left: 14px; }
  .company-item .item-info li p img { margin-right: 14px; }
  .joinus-ft { display: block; font-size: 0; margin-top: 20px; }
  .joinus-ft .ftlink-list { margin-left: -10px; margin-right: -10px; }
  .joinus-ft .ftlink-item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 33.33333%; padding: 0 10px; }
  .joinus-ft .ftlink-item a { width: 100%; height: 120px; padding-left: 4.421%; display: block; background: #fff; }
  .joinus-ft .ftlink-item img { float: left; margin-top: 7px; margin-right: 20px; }
  .joinus-ft .ftlink-item p { position: relative; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
  .joinus-ft .ftlink-item .title { display: block; font-size: 30px; line-height: 36px; color: #004ea2; }
  .joinus-ft .ftlink-item .entitle { display: block; font-size: 12px; color: #004ea2; padding-top: 6px; }
  .demand-cate { padding-bottom: 35px; }
  .demand-cate p a { font-size: 16px; }
  .demand-cate p a:hover { background: #004ea2; color: #fff; }
  .demand-item { padding: 30px 37px; }
  .demand-item h2 { padding-bottom: 15px; }
  .demand-item .demand-cont dt { padding: 25px 0 20px; }
  .demand-item .deli { margin: 30px 20px 0 0; }
  .employee-incen .incen-list { text-align: center; }
  .employee-incen .incen-list li { width: 20%; text-align: center; padding: 15px 0px; height: 370px; border-right: 1px #d9d9d9 solid; }
  .employee-incen .incen-list li:last-child { border: none; }
  .employee-incen .incen-list p img { float: none; }
  .employee-incen .incen-list .incen-item h5 { margin: 10px 0; }
  .employee-incen .incen-list .incen-item p { line-height: 26px; float: none; margin-right: 0; }
  .sub-company dl { padding: 40px 0; }
  .culture-dl { margin-left: -8px; margin-right: -8px; }
  .culture-dl dl { width: 50%; padding: 0 8px; float: left; overflow: hidden; margin-bottom: 45px; }
  .culture-dl dl dt { float: left; width: 60px; margin-right: 10px; }
  .culture-dl dl dd { overflow: hidden; }
  .culture-dl dl dd h4 { color: #0d71ca; font-size: 18px; padding-bottom: 5px; }
  .culture-ol li { width: 25%; }
  .honor-list { margin-left: -10px; margin-right: -10px; }
  .honor-list li { margin-bottom: 10px; }
  .honor-list li .img { padding: 45px 5px; }
  .appearance .appearance-list { margin-left: -10px; margin-right: -10px; }
  .appearance .appearance-list li:hover a { border: 2px solid #004ea2; }
  .appearance .appearance-list li:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.04); transform: translate3d(0, 0, 0) scale(1.04); }
  .appearance .appearance-list li .img img { -webkit-transition: all .3s ease; transition: all .3s ease; }
  .appearance .appearance-list li h3 { padding: 0 10px; height: 60px; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .pageone .pageone-content { padding: 29.7916% 0 4.5833%; }
  .pageone .pageone-card { margin-left: -10px; margin-right: -10px; }
  .pageone .pageone-card li { float: left; width: 33.3333%; padding: 0 10px; margin-bottom: 0; }
  .pageone .pageone-card li a { height: 115px; padding-left: 22px; }
  .pageone .pageone-card li a img { margin-top: 10px; width: 85px; height: 85px; }
  .pageone .pageone-card li a span { padding-left: 25px; padding-top: 28px; font-size: 30px; line-height: 35px; }
  .pagetwo .pagetwo-content { padding-top: 7.6041%; padding-bottom: 8.9583%; }
  .pagetwo .u-two-title { font-size: 30px; color: #fff; }
  .pagetwo .u-two-title .more { font-size: 18px; color: #fff; }
  .pagetwo .recuir-wrapper { float: left; width: 50%; padding-right: 10px; }
  .pagetwo .recuir-wrapper .hot-recuir { height: 280px; padding: 20px 10px 35px; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span01 { width: 50%; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span02 { width: 25%; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span03 { width: 25%; }
  .pagetwo .trailer { float: left; width: 50%; padding: 0 0 0 10px; }
  .pagetwo .trailer .trailer-video { height: 280px; overflow: hidden; }
  .pagetwo .trailer .trailer-video:after { width: 68px; height: 68px; margin: -34px 0 0 -34px; }
  .pagetwo .jionus-ftlinks { display: block; width: 100%; float: left; border-top: 1px solid #c4c4c4; height: 75px; background: #fff; line-height: 75px; border-bottom: 1px solid #c4c4c4; }
  .pagetwo .jionus-ftlinks ul { height: 75px; border-left: 1px solid #d5d5d5; max-width: 910px; margin: 0 auto; }
  .pagetwo .jionus-ftlinks li { float: left; width: 33.3333%; }
  .pagetwo .jionus-ftlinks a { display: block; border-right: 1px solid #d5d5d5; font-size: 18px; color: #1a1a1a; text-align: center; }
  .pagetwo .jionus-ftlinks img { margin-right: 3px; position: relative; top: 6px; }
  /* 校园行程*/
  .trip-title { width: 160px; height: 42px; margin: 28px 0; line-height: 42px; }
  .triptop { padding: 0px 0 20px; }
  .trip-table .txt01 { padding-left: 73px; }
  .trip-table li { padding: 20px 0 40px 75px; }
  /* 招聘动态*/
  .recruitnews-list dl { padding: 30px 20% 30px 25px; margin-bottom: 20px; }
  .recruitnews-list dl dt { margin-bottom: 20px; }
  .recruitnews-list dl dt a { font-size: 20px; }
  .recruitnews-list dl .date { right: 33px; top: 50%; width: 108px; height: 118px; margin-top: -59px; background: #6f6f6f; color: #fff; }
  .recruitnews-list dl .date span { float: none; display: block; font-size: 60px; line-height: 1; margin: 0 20px; border-bottom: 1px solid #fff; padding-top: 5px; }
  .recruitnews-list dl .date span:before { display: none; }
  .recruitnews-list dl .date em { display: block; font-size: 18px; text-align: center; padding-top: 12px; }
  .advisory { padding: 30px 0 60px; }
  .advisory .title { font-size: 32px; margin-bottom: 40px; }
  .advisory .advisory-msg { padding-bottom: 70px; }
  .advisory .advisory-msg li { float: left; width: 33.3333%; margin: 0; padding-left: 74px; }
  .advisory .advisory-msg li p { white-space: nowrap; }
  .advisory .advisory-msg .l1 { background: url(../images/zixunbu_09.jpg) no-repeat 40px center; }
  .advisory .advisory-msg .l2 { background: url(../images/zixunbu_06.jpg) no-repeat 40px center; }
  .advisory .advisory-msg .l3 { background: url(../images/zixunbu_03.jpg) no-repeat 40px center; }
  .aftermarket { padding: 30px 0 60px; }
  .aftermarket .kh { margin-top: 60px; }
  /* end 992*/ }

@media (min-width: 1024px) { .header { height: auto; border-bottom: 1px solid #dcdcdc; }
  .header .header-inner { position: static; width: 100%; height: auto; padding: 0 10px; -webkit-box-shadow: none; box-shadow: none; }
  .header .pcheader-top { padding: 16px 0 14px; }
  .header .menu-handle { display: none; }
  .header .search-handle { display: none; }
  .header .logo { float: left; }
  .header .logo img { width: 295px; height: 40px; }
  .header .search { float: right; display: block; position: static; width: 266px; height: 38px; padding: 0; background: none; border: 1px solid #ccc; }
  .header .search form { display: block; }
  .header .search input { vertical-align: top; height: 36px; }
  .header .search .keyword { width: 228px; }
  .header .search .searchbtn { width: 36px; background: url("../images/scbtn.png") no-repeat center; font-size: 0; }
  .header .top-links { display: block; float: right; font-size: 13px; line-height: 38px; }
  .header .top-links a { color: #666; }
  .header .top-links .tel { float: left; margin-left: 14px; margin-right: 18px; padding-left: 19px; background: url("../images/hdtel.png") no-repeat 0 center; }
  .header .top-links .line { float: left; padding-left: 21px; background: url("../images/hdline.png") no-repeat 0 center; }
  .header .full-nav-wrapper { width: 100%; border-top: 1px solid #c7c7c7; }
  .header .header-nav { display: block; position: relative; left: 0; top: 0; width: 100%; border-top: none; border-left: 1px solid #d8d8d8; -webkit-box-shadow: none; box-shadow: none; }
  .header .header-nav #activehook { position: absolute; height: 2px; bottom: 0; background: #004ea2; }
  .header .header-nav li { float: left; width: 14.28571%; border-bottom: none; border-right: 1px solid #d8d8d8; text-align: center; }
  .header .header-nav li a { font-size: 18px; line-height: 48px; padding-left: 0; border-bottom: 2px solid #fff; }
  .header .header-nav li.cur a { color: #004ea2; border-bottom: 2px solid #004ea2; }
  .header .header-nav li:hover a { color: #004ea2; }
  .header .header-nav .home .center { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding-left: 30px; background: url("../images/home.png") no-repeat 0 center; }
  .header .header-nav .home.cur .center { background: url("../images/homeac.png") no-repeat 0 center; }
  .full-grid .u-grid-item { width: 50%; float: left; }
  .full-grid .u-grid-item p a em { font-size: 18px; display: block; }
  .insidemain { -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); padding-left: 0; padding-right: 0; margin-left: 20px; margin-right: 20px; background: #fff url(../images/index_57.gif) repeat-y 0 0; }
  .insidemain.movebg { background: #f2f5f8; }
  .insidemain .inside-nav { display: block; float: left; width: 240px; background: #e3e7ea; }
  .insidemain .nav-hd { width: 100%; height: 100px; padding: 18px 0 0 26px; color: #fff; background: #004ea2; }
  .insidemain .nav-hd .en-title { display: block; }
  .insidemain .nav-hd .cn-title { font-size: 20px; line-height: 28px; font-weight: bold; }
  .insidemain .nav-bd { position: static; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 58px; }
  .insidemain .nav-bd h3 a:hover { color: #fff; background: url("../images/lfbgac.png") no-repeat 0 0; }
  .insidemain .nav-bd li.cur h3 a { color: #fff; background: url("../images/lfbgac.png") no-repeat 0 0; }
  .insidemain .nav-bd li h3.cur a { color: #fff; background: url("../images/lfbgac.png") no-repeat 0 0; }
  .insidemain .nav-bd li.cur .sub-nav { display: block; }
  .insidemain .nav-bd h3 { border-bottom: 1px solid #d1d7dc; }
  .insidemain .nav-bd h3 a { display: block; padding-left: 43px; font-size: 14px; color: #1a1a1a; height: 57px; line-height: 57px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url("../images/lfbg.png") no-repeat 0 0; }
  .insidemain .nav-bd h3 a:hover { color: #fff; background: url("../images/lfbgac.png") no-repeat 0 0; }
  .insidemain .nav-bd .sub-nav { display: none; padding: 10px 0; background: #d9d9d9; }
  .insidemain .nav-bd .sub-nav p.cur a { color: #004ea2; }
  .insidemain .nav-bd .sub-nav a { display: block; height: 40px; line-height: 40px; padding-left: 40px; }
  .insidemain .nav-bd .sub-nav a:hover { color: #004ea2; }
  .insidemain .nav-ft { display: block; }
  .insidemain .m-right-hd .title { font-size: 20px; }
  .insidemain .inside-content { -webkit-box-shadow: none; box-shadow: none; background: #fff; padding: 28px 25px 25px; overflow: hidden; }
  .insidemain .inside-content .right-bd { padding-top: 30px; }
  .insidemain .inside-content p img { max-width: 100%; vertical-align: top; }
  .insidemain .inside-content .float-imgs { text-align: center; font-size: 0; line-height: 0; }
  .insidemain .inside-content .float-imgs img { margin-bottom: 12px; }
  .prdt-cate { text-align: left; }
  .prdt-cate h3 { text-align: center; }
  .prdt-cate h3:hover a { color: #fff; background: #004ea2; }
  .prdt-list { margin-left: -10px; margin-right: -10px; }
  .prdt-list li { padding-bottom: 36px; }
  .prdt-list .thumb:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.03); transform: translate3d(0, 0, 0) scale(1.03); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
  .prdt-list .thumb img { -webkit-transition: all .8s ease; transition: all .8s ease; }
  .prdt-list .title a:hover { color: #004ea2; }
  .team-list-wrapper li .inner:hover { border: 1px #0d71ca solid; }
  .team-list-wrapper li .inner:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.03); transform: translate3d(0, 0, 0) scale(1.03); }
  .team-list-wrapper li a { overflow: hidden; }
  .team-list-wrapper li img { -webkit-transition: all .5s ease; transition: all .5s ease; }
  .lg-environment-gallery { padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
  .lg-environment-gallery .swiper-pagination { display: none; }
  .sm-environment-gallery { display: block; max-width: 760px; }
  .sm-environment-gallery li { cursor: pointer; }
  .sm-environment-gallery li img { display: block; width: 100%; }
  .sm-environment-gallery li.cur { border: 2px #2f47aa solid; }
  .sm-ev-wrapper { max-width: 760px; margin: 0 auto; }
  .development-path { padding: 30px 35px; background: url(../images/Development_03.jpg) no-repeat 35px 12px; }
  .development-path .path-list li { padding-left: 58px; line-height: 60px; }
  .development-path .path-list li span { padding: 0 60px 0 0; }
  /*end 1024*/ }

@media (min-width: 1200px) { .header .header-inner { padding: 0; }
  .full-product .swiper-ctrl { width: 57px; height: 99px; margin-top: -50px; }
  .m-banner { overflow: hidden; }
  .m-banner img { position: relative; left: 50%; margin-left: -960px; max-width: 1920px; width: 1920px; }
  .m-banner li { overflow: hidden; }
  .banner-wrapper { position: relative; }
  .indexbanner .swiper-pagination { bottom: 200px; }
  .indexbanner .swiper-pagination span { width: 14px; height: 14px; }
  .banner-news-wrapper { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; padding: 27px 0 34px; background: rgba(255, 255, 255, 0.5); }
  .insidemain { margin: 0 auto; }
  .demand-cate p { width: 16.66667%; }
  .joinus-ft { padding-left: 0; padding-top: 0; }
  .joinus-ft .ftlink-item a { height: 140px; padding-left: 8.421%; }
  .joinus-ft .ftlink-item img { float: left; margin-top: 17px; margin-right: 35px; }
  .sm-ev-wrapper { position: relative; }
  .sm-ev-wrapper .ctrl { position: absolute; width: 30px; height: 50px; top: 50%; margin-top: -25px; }
  .sm-ev-wrapper .ev-prev { left: -40px; background: url(../images/StyleDetails_15.jpg) no-repeat center; }
  .sm-ev-wrapper .ev-prev.swiper-button-disabled { background: url(../images/StyleDetails_14.jpg) no-repeat center; }
  .sm-ev-wrapper .ev-next { right: -40px; background: url(../images/StyleDetails_16.jpg) no-repeat center; }
  .sm-ev-wrapper .ev-next.swiper-button-disabled { background: url(../images/StyleDetails_18.jpg) no-repeat center; }
  #fullpage { width: 100%; height: 100%; overflow: hidden; }
  .pageone { position: relative; width: 100%; height: 100%; }
  .pageone .pageone-content { position: absolute; top: 122px; bottom: 0px; }
  .pageone .pageone-card { position: absolute; bottom: 4.5833%; left: 50%; width: 1200px; margin-left: 0; margin-right: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  .pageone .pageone-card li { width: 400px; }
  .pagetwo { position: relative; width: 100%; height: 100%; }
  .pagetwo .pagetwo-content { position: absolute; top: 0; bottom: 137px; padding-top: 7.6041%; padding-bottom: 0; }
  .pagetwo .u-two-title { font-size: 30px; color: #fff; }
  .pagetwo .u-two-title .more { font-size: 18px; color: #fff; }
  .pagetwo .recuir-wrapper { float: left; width: 50%; padding-right: 10px; }
  .pagetwo .recuir-wrapper .hot-recuir { height: 280px; padding: 20px 10px 35px; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span01 { width: 50%; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span02 { width: 25%; }
  .pagetwo .recuir-wrapper .hot-recuir li .hsh_span03 { width: 25%; }
  .pagetwo .trailer { float: left; width: 50%; padding: 0 0 0 10px; }
  .pagetwo .trailer .trailer-video { height: 280px; overflow: hidden; }
  .pagetwo .trailer .trailer-video:after { width: 68px; height: 68px; margin: -34px 0 0 -34px; }
  .pagetwo .jionus-ftlinks { position: absolute; left: 0; bottom: 62px; display: block; width: 100%; float: left; border-top: 1px solid #c4c4c4; height: 75px; background: #fff; line-height: 75px; border-bottom: 1px solid #c4c4c4; }
  .pagetwo .jionus-ftlinks ul { height: 75px; border-left: 1px solid #d5d5d5; max-width: 910px; margin: 0 auto; }
  .pagetwo .jionus-ftlinks li { float: left; width: 33.3333%; }
  .pagetwo .jionus-ftlinks a { display: block; border-right: 1px solid #d5d5d5; font-size: 18px; color: #1a1a1a; text-align: center; }
  .pagetwo .jionus-ftlinks img { margin-right: 3px; position: relative; top: 6px; }
  .pagetwo .footer { position: absolute !important; left: 0; bottom: 0; }
  /* end 1200*/ }

@media (min-width: 1280px) { .full-grid .u-grid-item { width: 50%; }
  .full-grid .u-grid-item p a { top: 25px; right: 30px; }
  .full-grid .u-grid-item p a em { font-size: 26px; display: block; }
  /* end 1280*/ }

@media (min-width: 1320px) { .indexheader .header-inner { padding: 0; } }

@media (min-width: 1420px) { .pagetwo .recuir-wrapper .hot-recuir { height: 360px; padding: 40px 22px 75px; }
  .pagetwo .trailer .trailer-video { height: 360px; } }

/* 修改0914*/
.prdt-cate h3{margin-right: 0;padding:4px}
.prdt-cate h3:first-child{margin-right: 0;}
.prdt-cate h3 a{width:auto;min-width: 134px;padding:0 10px;}

.pageone .pageone-content { padding: 55% 0 10%; background: url(../job_files/mjion.jpg) no-repeat 0 60%;background-size:100% auto; }
/* .m-banner{display:none;} */
@media (min-width:768px){.m-banner{display:block;}
.pageone .pageone-content { width: 100%; padding: 50% 0 10%; background:url(../job_files/banner11.jpg) no-repeat center 0;background-size:cover;}}
@media (min-width:992px){
  .pageone .pageone-content{ padding: 60% 0 10%;}
}
@media (min-width:1200px){
  .pageone .pageone-content{ position: absolute;top:122px;left:0;right:0;bottom:0;padding:0;background-size:auto 100%;}
}