@charset "UTF-8";
/*--公共部分--*/
@font-face { font-family: "Montserrat-Bold"; src: url("../css/Montserrat-Bold.woff") format("woff"), url("../css/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

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

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

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

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; }

ul, li { list-style: none; }

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

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

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

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

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

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

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

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

.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-free-mode > .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; }

.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; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

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

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

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

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

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

.commonleft { float: none; }

.commonright { float: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* layout start*/


@charset "UTF-8";
/*动画*/
@-webkit-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-moz-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-o-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeUp { -webkit-animation-name: fadeUp; -moz-animation-name: fadeUp; -o-animation-name: fadeUp; animation-name: fadeUp; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

@-webkit-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }

@-webkit-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }

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

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

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

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

.fadewidth { -webkit-animation-name: fadewidth; -moz-animation-name: fadewidth; -o-animation-name: fadewidth; animation-name: fadewidth; }

@-webkit-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@-moz-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@-o-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

.imgshow { -webkit-animation-name: imgshow; -moz-animation-name: imgshow; -o-animation-name: imgshow; animation-name: imgshow; }

@-webkit-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@-moz-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@-o-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

.lineleft { -webkit-animation-name: lineleft; -moz-animation-name: lineleft; -o-animation-name: lineleft; animation-name: lineleft; }

@-webkit-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@-moz-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@-o-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

.lineright { -webkit-animation-name: lineright; -moz-animation-name: lineright; -o-animation-name: lineright; animation-name: lineright; }

@charset "UTF-8";
/* header s */
body { padding-top: 60px; }

header { position: fixed; width: 100%; top: 0; left: 0; background-color: #FFFFFF; z-index: 299; -webkit-transition: background-color 0.3s , top 0.3s; -o-transition: background-color 0.3s , top 0.3s; -moz-transition: background-color 0.3s , top 0.3s; transition: background-color 0.3s , top 0.3s; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.headerweb { width: 100%; position: relative; padding-left: 15px; padding-right: 15px; }

.header-left { float: left; }

.header-right { float: right; line-height: 60px; font-size: 0; }

.logo { padding: 8px 0; }

.logo a { display: block; width: 100%; }

.logo a img { display: block; height: 44px; }

.index-search, .index-lang { display: inline-block; vertical-align: middle; }

.search-icon { display: block; width: 30px; height: 30px; background: url(../images/index-search.png) no-repeat scroll center center; }

.index-search { padding-right: 10px; }

.index-search .search-box { position: absolute; overflow: hidden; top: 60px; width: 100%; left: 0; background-color: #fff; padding: 20px 15px; display: none; border-bottom: 1px solid #ddd; }

.index-search .search-box input { display: block; height: 40px; font-size: 14px; }

.index-search .search-box .search-txt { width: 80%; text-indent: 10px; display: inline-block; vertical-align: top; float: left; border: 1px solid #cdcdcd; border-right-color: #214c96; }

.index-search .search-box .search-txt::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.index-search .search-box .search-txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.index-search .search-box .search-txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.index-search .search-box .search-txt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.index-search .search-box .search-btn { width: 20%; z-index: 2; color: #fff; display: inline-block; vertical-align: top; font-family: "微软雅黑"; background-color: #214c96; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; float: left; }

/*===========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 26px; height: 34px; position: relative; }

.mobnav-btn span { position: absolute; width: 100%; height: 2px; background-color: #262a27; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.mobnav-btn span:first-child { top: 9px; }

.mobnav-btn span:nth-child(2) { top: 50%; margin-top: -1px; }

.mobnav-btn span:last-child { bottom: 9px; }

.mobnav-btn.open span:first-child { top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobnav-btn.open span:nth-child(2) { opacity: 0; }

.mobnav-btn.open span:last-child { bottom: 16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*===========================*/
nav { position: fixed; top: 54px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }

nav .lvnav { width: 100%; }

nav .lvnav .lv1 { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }

nav .lvnav .lv1 h4 { width: 100%; padding: 10px 0; position: relative; }

nav .lvnav .lv1 h4 a { display: block; color: #333333; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }

nav .lvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

nav .lvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #6d6e8b; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

nav .lvnav .lv1.cur2 h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.hsubnav { width: 100%; padding: 0 15px 15px 25px; display: none; line-height: 28px; }

.hsubnav ul .lv2 { width: 100%; padding: 3px 0; }

.hsubnav ul .lv2 a { display: block; width: 100%; color: #333; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }

@media (min-width: 1024px) { body { padding-top: 80px; }
  .headerweb { padding-left: 20px; padding-right: 20px; position: relative; }
  .header-left { float: none; width: 100%; padding-right: 30px; font-size: 0; text-align: left; }
  .header-right { line-height: 80px; position: absolute; top: 0; right: 20px; }
  .logo { padding: 13px 0; float: left; }
  .logo a img { height: 54px; }
  .index-search { position: relative; padding-top: 25px; padding-bottom: 25px; padding-right: 0; }
  .index-search .search-box { top: 80px; width: 300px; left: auto; right: 0; background-color: #fff; padding: 10px 10px; border-bottom: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .index-search .search-box .search-btn:hover { background-color: #17428b; }
  /*===========================*/
  .mobnav-btn { display: none; }
  /*===========================*/
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: inline-block; vertical-align: top; float: right; }
  nav .lvnav { font-size: 0; }
  nav .lvnav .lv1 { width: auto; padding: 0 15px; line-height: 80px; border-bottom: none; display: inline-block; vertical-align: top; position: relative; }
  nav .lvnav .lv1 h4 { padding: 0; text-align: center; }
  nav .lvnav .lv1 h4 a { position: relative; }
  nav .lvnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #214c96; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; background-image: url(../images/navline.png); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }
  nav .lvnav .lv1 h4 .num { display: none; }
  nav .lvnav .lv1 h4 .nvm { display: block; }
  nav .lvnav .lv1 h4 .icon { display: none !important; }
  nav .lvnav .lv1.cur h4 a, nav .lvnav .lv1:hover h4 a { color: #214c96; }
  nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  .hsubnav { width: auto; padding: 0px; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; line-height: 60px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .hsubnav ul { font-size: 0; white-space: nowrap; }
  .hsubnav ul .lv2 { width: auto; padding: 0; text-align: center; display: inline-block; vertical-align: top; padding: 0 37px; }
  .hsubnav ul .lv2 a { position: relative; }
  .hsubnav ul .lv2 a:after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #214c96; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; background-image: url(../images/navline.png); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }
  .hsubnav ul .lv2:hover a { color: #214c96; }
  .hsubnav ul .lv2:hover a:after { left: 0; right: 0; } }

@media (min-width: 1260px) { body { padding-top: 100px; }
  .headerweb { padding-left: 40px; padding-right: 40px; }
  .header-right { right: 40px; line-height: 100px; }
  .logo { padding: 18px 0; }
  .logo a img { height: 64px; }
  .index-search { padding-top: 35px; padding-bottom: 35px; }
  .index-search .search-box { top: 100px; }
  nav .lvnav .lv1 { padding: 0 25px; line-height: 100px; }
  .hsubnav { line-height: 70px; } }

@media (min-width: 1800px) { .headerweb { padding-left: 4.6875%; padding-right: 4.6875%; }
  .header-right { right: 4.6875%; }
  nav .lvnav .lv1{ padding: 0 32px; }
  nav .lvnav .lv1 h4 a { font-size: 18px; }
  .hsubnav ul .lv2 a { font-size: 16px; } }

footer { width: 100%; background-color: #16519b; background-repeat: no-repeat; background-position: 0 0; -o-background-size: cover; background-size: cover; }

.footer-top { width: 100%; padding-top: 40px; padding-bottom: 20px; }

.footer-bottom { width: 100%; padding: 20px 0; }

.footernav { width: 100%; }

.ftlvnav { width: 100%; }

.ftlvnav .lv1 { width: 100%; line-height: 24px; border-bottom: 1px solid #f2f2f2; }

.ftlvnav .lv1 h4 { width: 100%; position: relative; padding: 10px 0; }

.ftlvnav .lv1 h4 a { display: block; width: 100%; color: #ffffff; font-size: 15px; }

.ftlvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

.ftlvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #f2f2f2; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

.ftlvnav .lv1.cur h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.ftsub { width: 100%; padding: 0 15px 20px; display: none; }

.ftsub .lv2 { line-height: 22px; padding-bottom: 3px; padding-top: 3px; }

.ftsub .lv2 a { display: block; width: 100%; font-size: 13px; color: #ffffff; }

.footer-right { padding-top: 25px; }

.footer-SNS { width: 100%; max-width: 400px; margin: 0 auto; }

.footer-SNS .title { color: #fff; font-size: 16px; line-height: 1.2; }

.footer-formbox { padding-top: 20px; padding-bottom: 50px; }

.footer-form { width: 100%; padding: 4px; background-color: #fff; -webkit-border-radius: 70px; border-radius: 70px; overflow: hidden; }

.footer-form .cons { display: block; width: 100%; overflow: hidden; position: relative; padding-right: 40px; }

.footer-form .cons .ftext { display: block; width: 100%; height: 40px; padding-left: 15px; padding-right: 15px; font-size: 14px; -webkit-border-radius: 60px; border-radius: 60px; }

.footer-form .cons .fbtn { position: absolute; top: 0; right: 0; height: 40px; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; background-color: #34a3f7; -o-background-size: auto; background-size: auto; background-position: center center; background-repeat: no-repeat; background-image: url(../images/airplane.png); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.footer-share { width: 100%; padding: 15px 0; }

.footer-share .bdsharebuttonbox { text-align: center; }

.footer-share .bdsharebuttonbox a { display: inline-block; position:relative; vertical-align: top; margin: 0; width: 32px; height: 32px; background-position: center center; float: none; -o-background-size: cover; background-size: cover; margin: 0 4px; }

.footer-share .bdsharebuttonbox a .img{ 
    position: absolute;
    width: 150px;
    height: 150px;
    padding: 5px;
    left:-59px;
    background-color: #fff;
    bottom: 32px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden; 
        bottom: 45px;
}

.footer-share .bdsharebuttonbox a .img:after {
    content: '';
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 65px;
}

.footer-share .bdsharebuttonbox a:hover .img{
    opacity: 1;
    visibility: visible; 
}

.footer-share .bdsharebuttonbox .bds_tsina { background-image: url(../images/weibo.png); }

.footer-share .bdsharebuttonbox .bds_weixin { background-image: url(../images/weixin.png); }

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

.footer-link { text-align: center; font-size: 0; line-height: 22px; }

.footer-link li { position: relative; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 8px; color: #ffffff; }

.footer-link li:after { content: ''; position: absolute; left: 0; height: 14px; background-color: #838383; width: 1px; top: 50%; margin-top: -7px; display: none; }

.footer-link li a { color: #ffffff; }

.footer-link li:first-child { padding-left: 0; }

.footer-link li:first-child:after { display: none; }

.copyright { color: #fff; font-size: 14px; line-height: 22px; text-align: center; }

.copyright a { color: #fff; }

@media (min-width: 1024px) { footer { background-image: url(../images/footerbg.jpg); }
  .footer-top { padding-top: 70px; padding-bottom: 40px; }
  .footer-left { float: left; width: 100%; }
  .ftlvnav{ display: table; }
  .ftlvnav .lv1 { width: auto; border-bottom: none; float: none; padding-right: 15px; display: table-cell; vertical-align:top; }
  .ftlvnav .lv1 h4 { padding: 0 0 10px; }
  .ftlvnav .lv1 h4 a { font-size: 16px; }
  .ftlvnav .lv1 h4 .icon { display: none; }
  .ftsub { padding: 0px; display: block; }
  .ftsub .lv2 a { display: inline-block; width: auto; vertical-align: top; }
  .ftsub .lv2 a:hover { color: #f2f2f2; }
  .footer-right { padding-top: 40px; float: left; width: 100%; text-align: center; }
  .footer-SNS { margin: 0; display: inline-block; vertical-align: top; }
  .footer-SNS .title { font-size: 18px; text-align: center; }
  .footer-form .cons { padding-right: 50px; }
  .footer-form .cons .ftext { height: 50px; padding-left: 20px; padding-right: 20px; }
  .footer-form .cons .fbtn { height: 50px; width: 50px; }
  .footer-form .cons .fbtn:hover { background-color: #2191e6; }
  .footer-share .bdsharebuttonbox { display: inline-block; vertical-align: top; }
  .footer-share .bdsharebuttonbox a:hover { opacity: 1; }
  .footer-link { }
  .footer-link li { padding: 0 7px; }
  .footer-link li a:hover { color: #f2f2f2; }
  .copyright { }
  .copyright a:hover { color: #f2f2f2; } }

@media (min-width: 1260px) { .footer-top { padding-top: 90px; padding-bottom: 60px; }
  .footer-bottom { padding: 24px 0; }
  .footer-left { padding-right: 4.28571%; width:70%; }
  .footer-right { width:30%; padding-top:0; }
  .ftlvnav{ display:block; }

  /* 特殊底部排版 s */
  .ftlvnav .ftlvitem { float:left; width:50%; }
  .ftlvnav .ftlvitem:nth-child(1){ width:60%; }
  .ftlvnav .ftlvitem:nth-child(2){ width:40%; }
  .ftlvnav .ftlvitem:nth-child(2) .lv1:last-child{ padding-right:40%; }
  .ftlvnav .ftlvitem:nth-child(1) .lv1 { padding-right:3%;width:33.3334%; }
  .ftlvnav .ftlvitem .lv1{ padding-right:12.6%; }
   /* 特殊底部排版 e */

  .ftlvnav .lv1 { width:auto;padding-right:6.3%;float:left; }
  .ftlvnav .lv1 h4 { padding: 0 0 15px; }
  .ftlvnav .lv1 h4 a { font-size: 16px; }
  .ftsub .lv2 a { font-size: 14px; }
  .footer-SNS .title { font-size: 20px; }
  .footer-formbox { padding-bottom: 70px; }
  .footer-form .cons { padding-right: 60px; }
  .footer-form .cons .ftext { height: 60px; }
  .footer-form .cons .fbtn { height: 60px; width: 60px; }
  .footer-share .bdsharebuttonbox a { margin-right: 0; margin-left: 20px; } }

.in-history { width: 100%; overflow: hidden; }

.history-ul { width: 100%; position: relative; padding-top: 25px; }

.history-ul:before { content: ''; position: absolute; width: 1px; background-color: #fce0b3; top: 0; left: 6px; bottom: 100px; z-index: 1; }

.history-ul li { width: 100%; margin-bottom: 20px; }

.history-ul li .con { padding-left: 40px; width: 100%; position: relative; }

.history-ul li .conmain { width: 100%; position: relative; z-index: 2; }

.history-ul li .conmain .time { color: #14a83b; font-size: 16px; font-weight: bold; line-height: 28px; width: 100%; position: relative; }

.history-ul li .conmain .time:after { content: ''; position: absolute; width: 12px; height: 12px; background-image: url(../images/yuanyuan.png); background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; left: -39px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.history-ul li .conmain .time:before { content: ''; position: absolute; width: 11px; height: 9px; background-image: url(../images/leftleft.png); background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.history-ul li .conmain .info { color: #333333; font-size: 14px; font-weight: bold; line-height: 22px; margin-top: 4px; margin-bottom: 10px; }

.history-ul li .conmain .img { margin-left: -5px; margin-right: -5px; font-size: 0; }

.history-ul li .conmain .img img { margin: 0 0.7% 10px; display: inline-block; width: 100%; }

.history-ul li:last-child { margin-bottom: 0; }

.history-ul li:last-child .con:after { content: ''; position: absolute; bottom: 0; top: 150px; right: -2px; left: -2px; z-index: 0; background-color: #fff; display: none; }

@media (min-width: 768px) { .history-ul li .conmain .img img { max-width: 48.6%; } }

@media (min-width: 1024px) { .history-ul { padding-top: 55px; }
  .history-ul:before { left: 50%; }
  .history-ul li { margin-bottom: 25px; }
  .history-ul li .con { padding-left: 50px; }
  .history-ul li .conmain .time { font-weight: normal; font-size: 20px; }
  .history-ul li .conmain .time:after { width: 16px; height: 16px; }
  .history-ul li .conmain .info { font-size: 16px; margin-top: 12px; margin-bottom: 18px; }
  .history-ul li:nth-child(odd) { padding-right: 50%; }
  .history-ul li:nth-child(odd) .conmain { text-align: right; }
  .history-ul li:nth-child(odd) .conmain .time:after { left: auto; right: -59px; }
  .history-ul li:nth-child(odd) .conmain .time:before { left: auto; right: -22px; background-image: url(../images/rightright.png); }
  .history-ul li:nth-child(odd) .con { padding-left: 0px; padding-right: 50px; }
  .history-ul li:nth-child(even) { padding-left: 50%; margin-top: -150px; }
  .history-ul li:nth-child(even) .conmain { text-align: left; }
  .history-ul li:nth-child(even) .conmain .time:after { left: -57px; }
  .history-ul li:nth-child(even) .conmain .time:before { left: -22px; } }

@media (min-width: 1260px) { .history-ul { padding-top: 75px; }
  .history-ul li .conmain .time { font-size: 24px; }
  .history-ul li .conmain .info { margin-top: 22px; margin-bottom: 28px; }
  .history-ul li:nth-child(even) { margin-top: -180px; } }

.aside { position: fixed; width: 48px; z-index: 188; right: 2%; bottom: 10%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.aside .item { width: 100%; margin-bottom: 10px; position: relative; }

.aside .item:hover .cons { width: 140px; opacity: 1; visibility: visible; }

.aside .item .cons { position: absolute; z-index: -1; top: 0; right: 0px; height: 48px; line-height: 48px; white-space: nowrap; color: #fff; width: 0px; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; font-size: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-border-radius: 60px; border-radius: 60px; padding-left: 20px; padding-right: 60px; }

.aside .item.tel .cons { background-color: #4497f6; }

.aside .item.email .cons { background-color: #ed6c00; }

.aside .item.qq .cons { background-color: #4497f6; }

.aside .item.goto .aside-item { background-color: #e77311; }

.aside .item.goto .cons { background-color: #e77311; }

.aside .aside-item { display: block; width: 48px; height: 48px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; background-position: 0 0; -webkit-transition: background-color .15s; -o-transition: background-color .15s; -moz-transition: background-color .15s; transition: background-color .15s; background-position: 0 0; }

.aside .goto { display: block; }

@media (min-width: 1024px) { .aside .item { display: block; position: relative; }
  .aside .item .cons { font-size: 16px; }
  .aside .aside-item { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .aside .goto { display: none; position: absolute; top: 180px; left: 0; }
  .aside .item:hover .cons { width: 170px; } }

@media (min-width: 1200px) { .aside .item .cons { font-size: 18px; } }

@charset "UTF-8";
@-webkit-keyframes bannerAni { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  25% { -webkit-transform: translateY(-1.52174%); transform: translateY(-1.52174%); }
  75% { -webkit-transform: translateY(1.52174%); transform: translateY(1.52174%); } }
@-moz-keyframes bannerAni { 0%, 100% { -moz-transform: translateY(0%); transform: translateY(0%); }
  25% { -moz-transform: translateY(-1.52174%); transform: translateY(-1.52174%); }
  75% { -moz-transform: translateY(1.52174%); transform: translateY(1.52174%); } }
@-o-keyframes bannerAni { 0%, 100% { -o-transform: translateY(0%); transform: translateY(0%); }
  25% { -o-transform: translateY(-1.52174%); transform: translateY(-1.52174%); }
  75% { -o-transform: translateY(1.52174%); transform: translateY(1.52174%); } }
@keyframes bannerAni { 0%, 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
  25% { -webkit-transform: translateY(-1.52174%); -moz-transform: translateY(-1.52174%); -o-transform: translateY(-1.52174%); transform: translateY(-1.52174%); }
  75% { -webkit-transform: translateY(1.52174%); -moz-transform: translateY(1.52174%); -o-transform: translateY(1.52174%); transform: translateY(1.52174%); } }

@-webkit-keyframes reasonAni { 0% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  25% { -webkit-transform: translate(0%, 10px); transform: translate(0%, 10px); }
  75% { -webkit-transform: translate(0%, -10px); transform: translate(0%, -10px); } }

@-moz-keyframes reasonAni { 0% { -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  25% { -moz-transform: translate(0%, 10px); transform: translate(0%, 10px); }
  75% { -moz-transform: translate(0%, -10px); transform: translate(0%, -10px); } }

@-o-keyframes reasonAni { 0% { -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  25% { -o-transform: translate(0%, 10px); transform: translate(0%, 10px); }
  75% { -o-transform: translate(0%, -10px); transform: translate(0%, -10px); } }

@keyframes reasonAni { 0% { -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  25% { -webkit-transform: translate(0%, 10px); -moz-transform: translate(0%, 10px); -o-transform: translate(0%, 10px); transform: translate(0%, 10px); }
  75% { -webkit-transform: translate(0%, -10px); -moz-transform: translate(0%, -10px); -o-transform: translate(0%, -10px); transform: translate(0%, -10px); } }

/* banner s*/
.indexbanner { width: 100%; overflow: hidden; position: relative; }

.indexbanner ul li { width: 100%; height: auto; overflow: hidden; z-index: 44; }

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

.indexbanner ul li .banner-img { display: block; width: 100%; height: 100%; overflow: hidden; }

.indexbanner ul li .banner-img img { display: block; width: 100%; }

.indexbanner ul li .banner-pos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; }

.indexbanner ul li .font-img { width: 39.0625%; overflow: hidden; position: absolute; top: 38.75%; left: 13.54167%; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

.indexbanner ul li .font-img img { display: block; width: 100%; }

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

.indexbanner ul li .font-ani { width: 32.8125%; overflow: hidden; position: absolute; right: 13.75%; -webkit-animation-duration: 5.4s; -moz-animation-duration: 5.4s; -o-animation-duration: 5.4s; animation-duration: 5.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.indexbanner ul li .font-ani img { display: block; width: 100%; }

.index-pagination { position: absolute; z-index: 22; left: 0; width: 100%; bottom: 15px; text-align: center; font-size: 0; line-height: normal; }

.index-pagination span { display: inline-block; vertical-align: top; width: 16px; height: 2px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.5); margin: 0 4px; }

.index-pagination span.swiper-pagination-bullet-active { background-color: white; width: 32px; }

.swiper-cicle-prev, .swiper-cicle-next { position: absolute; width: 48px; height: 48px; z-index:22; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; cursor: pointer; display: none; }

.swiper-cicle-prev.swiper-button-disabled, .swiper-cicle-next.swiper-button-disabled { cursor: default; }

.index-banner-prev { background-image: url(../images/index-banner-prev.png); left: 40px; }

.index-banner-prev:hover { background-image: url(../images/index-banner-prevs.png); }

.index-banner-next { background-image: url(../images/index-banner-next.png); right: 40px; }

.index-banner-next:hover { background-image: url(../images/index-banner-nexts.png); }

@media (min-width: 1024px) { .indexbanner ul li:hover .font-ani { -webkit-animation-name: bannerAni; -moz-animation-name: bannerAni; -o-animation-name: bannerAni; animation-name: bannerAni; }
  .swiper-cicle-prev, .swiper-cicle-next { display: block; } }

/* banner e*/
/* 首頁 s */
.index-lou_01 { width: 100%; position: relative; padding-top: 35px; overflow: hidden; }

.idxcommonweb { padding-left: 15px; padding-right: 15px; }

.g-index-title { text-align: center; line-height: 40px; }

.g-index-title .libs { display: inline-block; vertical-align: top; position: relative; }

.g-index-title .title { color: #1c1c28; font-size: 20px; position: absolute; left: 0; width: 100%; z-index: 22; font-weight: bold; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.g-index-title .sub { color: #214c96; font-size: 38px; opacity: 0.1; font-family: "Montserrat-Bold"; }

.index-product { width: 100%; position: relative; }

.idxproduct-container { position: relative; z-index: 22; padding-top: 20px; padding-bottom: 35px; }

.idxproduct-bgcover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center bottom; z-index: 11; }

.idxproduct-panel { width: 100%; }

.idxproduct-panel .textcon { padding-top: 15px; padding-bottom: 25px; }

.idxproduct-panel .text { color: #7a7a7a; font-size: 14px; line-height: 1.45455; }

.idxproduct-title { width: 100%; color: #1c1c28; font-size: 18px; line-height: 1.2; position: relative; }

.idxproduct-title:after { content: ''; position: absolute; bottom: 0; height: 3px; width: 100%; left: 0; background: url(../images/idxpro-title-line.png) no-repeat scroll left center; -o-background-size: contain; background-size: contain; }

.idxproduct-maxview { width: 100%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 20px 15px 50px; position: relative; background: #fff url(../images/index-proslidebg.png) no-repeat scroll center bottom; -o-background-size: contain; background-size: contain; }

.idxproduct-maxswiper { width: 100%; overflow: hidden; position: relative; }

.idxproduct-maxswiper ul li { width: 100%; height: auto; position: relative; }

.idxproduct-maxswiper ul li .cons { width: 100%; display: block; overflow: hidden; }

.idxproduct-maxswiper ul li .title { color: #1c1c28; font-size: 18px; font-weight: bold; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.4; }

.idxproduct-maxswiper ul li .textcon { padding-top: 20px; padding-bottom: 20px; }

.idxproduct-maxswiper ul li .text { color: #77777e; font-size: 14px; line-height: 24px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 96px; }

.Leanmore { display: inline-block; vertical-align: top; line-height: 26px; position: relative; font-size: 18px; color: #1c1c28; }

.Leanmore span { display: block; width: 100%; z-index: 22; position: relative; padding-right: 15px; }

.Leanmore span:after { content: ''; position: absolute; width: 9px; height: 12px; background: url(../images/learnmore.png) no-repeat scroll center center; right: 2px; top: 8px; }

.Leanmore:after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background-color: #ed6c00; bottom: 6px; z-index: 1; }

.idxproduct-preview { position: relative; z-index: 22; margin-top: -40px; }

.idxproduct-prelib { width: 100%; max-width: 310px; margin: 0 auto; position: relative; padding-left: 40px; padding-right: 40px; }

.idxproduct-preswiper { width: 100%; overflow: hidden; position: relative; }

.idxproduct-preswiper ul li { width: 100%; padding: 20px 10px; height: auto; }

.idxproduct-preswiper ul li a { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.idxproduct-preswiper ul li img { width: 100%; display: block; }

.idxproduct-preswiper ul li.cur a { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }

.index-idxproduct-prev { background-image: url(../images/index-pro-prev.png); left: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.index-idxproduct-prev:hover { background-image: url(../images/index-pro-prevs.png); }

.index-idxproduct-next { background-image: url(../images/index-pro-next.png); right: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.index-idxproduct-next:hover { background-image: url(../images/index-pro-nexts.png); }

.index-idxproduct-prev, .index-idxproduct-next { width: 30px; height: 30px; display: block; }

.mm-pagination { width: 100%; line-height: normal; font-size: 0; text-align: center; }

.mm-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #ed6c00; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 3px; }

.mm-pagination span.swiper-pagination-bullet-active { background-color: #214c96; }

.maxswiper-pagination { position: absolute; left: 0; z-index: 22; bottom: 30px; }

.index-lou_02 { width: 100%; position: relative; overflow: hidden; z-index: 10; }

.common-subtxt { text-align: center; padding-top: 6px; color: #a7a7aa; line-height: 1.4375; }

.index-whyus { width: 100%; position: relative; padding-bottom: 22.91667%; }

.idxwhyus-container { position: relative; z-index: 22; }

.idxwhyus-bgcover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center bottom; z-index: 11; }

.whyusnum-wrapper { padding-top: 30px; }

.whyusnum-list { width: 100%; text-align: center; }

.whyusnum-list ul { font-size: 0; margin-left: -10px; margin-right: -10px; }

.whyusnum-list ul li { width: auto; min-width: 33%; max-width: 33.3333%; display: inline-block; padding-left: 5px; padding-right: 5px; vertical-align: top; margin-bottom: 25px; }

.whyusnum-list ul li .title { color: #4497f6; line-height: 1; }

.whyusnum-list ul li .title span { display: inline-block; vertical-align: baseline; }

.whyusnum-list ul li .title .num { font-size: 26px; font-weight: bold; font-style: italic; padding: 0 4px; }

.whyusnum-list ul li .title .type { font-size: 12px; font-weight: lighter; }

.whyusnum-list ul li .desc { color: #1c1c28; line-height: 1.54545; font-size: 12px; font-weight: lighter; padding-top: 6px; }

.whyreason-wrapper { padding-top: 10px; }

.whyreason-module { width: 100%; position: relative; }

.whyreason-wover { padding-top: 40px; }

.whyreason-control { width: 100%; position: relative; overflow: hidden; }

.whyreason-control .mask { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.whyreason-control .mask img { display: block; width: 100%; }

.whyreason-control .bg { width: 100%; overflow: hidden; }

.whyreason-control .bg img { display: block; width: 100%; }

.whyreason-panels { width: 100%; }

.whyreason-panels ul li { width: 100%; background-color: #fff; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 25px; padding: 20px 20px 25px 15px; -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }

.whyreason-panels ul li .cons { width: 100%; overflow: hidden; position: relative; }

.whyreason-panels ul li .icon { float: left; width: 70px; overflow: hidden; position: relative; }

.whyreason-panels ul li .icon::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.whyreason-panels ul li .icon img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.whyreason-panels ul li .over { width: auto; overflow: hidden; padding-left: 10px; }

.whyreason-panels ul li .title { width: 100%; color: #1c1c28; line-height: 1.375; font-size: 18px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.whyreason-panels ul li .textcon { padding-top: 6px; }

.whyreason-panels ul li .text { color: #636368; font-size: 14px; line-height: 22px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; min-height: 44px; }

.whydata-wrapper { padding-top: 20px; }

.whydata-moudle { width: 100%; position: relative; }

.whydata-cover { width: 100%; overflow-y: hidden; overflow-x: auto; padding-bottom: 2px; }

.whydata-cover::-webkit-scrollbar-track { background-color: #f5f5f5; }

.whydata-cover::-webkit-scrollbar { height: 2px; }

.whydata-cover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; }

.whydata-wover { padding-top: 40px; }

.whydata-shadow { width: 100%; min-width: 540px; position: relative; }

.whydata-shadow .step { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 22; -webkit-border-radius: 8px; border-radius: 8px; }

.whydata-shadow .step img { display: block; width: 100%; }

.whydata-shadow .step-1 { position: static; opacity: 0.1; }

.whydata-shadow .step-2 { opacity: 0.3; z-index: 23; }

.whydata-shadow .step-3 { opacity: 1; z-index: 24; }

.whydata-maxpost { position: relative; }

.whydata-swiper { width: 100%; overflow: hidden; position: relative; }

.whydata-swiper ul li { width: 100%; height: auto; overflow: hidden; }

.whydata-swiper ul li .cons { display: block; width: 100%; position: relative; padding-left: 36px; }

.whydata-swiper ul li .title { color: #141a28; line-height: 1.4375; font-size: 18px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.whydata-swiper ul li .subs { width: 100%; color: #141a28; line-height: 1.66667; font-size: 16px; }

.whydata-swiper ul li .subs span { display: inline-block; vertical-align: middle; }

.whydata-swiper ul li .subs .work { font-size: 14px; }

.whydata-swiper ul li .textcon { margin-top: 20px; width: 100%; position: relative; }

.whydata-swiper ul li .textcon:after { content: ''; position: absolute; top: -2px; left: -36px; width: 26px; height: 20px; background: url(../images/wws.png) no-repeat scroll center center; z-index: 33; }

.whydata-swiper ul li .text { color: #505056; line-height: 1.45455; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.whydata-pagination { padding-top: 20px; }

.index-lou_03 { width: 100%; position: relative; z-index: 11; margin-top: -15.625%; }

.index-partner { padding-top: 10px; padding-bottom: 10px; }

.partner-direction { padding-bottom: 30px; }

.partner-dirSwiper { width: 100%; overflow: hidden; position: relative; }

.partner-dirSwiper ul li { width: 100%; height: auto; position: relative; overflow: hidden; }

.partner-dirSwiper ul li a { display: block; width: 100%; overflow: hidden; position: relative; }

.partner-dirSwiper ul li a::before { content: ''; display: block; width: 100%; padding-bottom: 33.125%; }

.partner-dirSwiper ul li a img { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); max-width: 100%; }

.index-lou_04 { width: 100%; overflow: hidden; position: relative; background-color: #f9fbfc; }

.index-news { padding-top: 30px; padding-bottom: 50px; width: 100%; position: relative; z-index: 22; }

.idxnews-bgcover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: left top; z-index: 11; }

.idxnews-wrapper { width: 100%; position: relative; padding-top: 25px; }

.idxnews-vover { padding-bottom: 30px; }

.idxnews-nav { width: 100%; position: relative; line-height: 40px; padding: 0 0; border-bottom: 1px solid #e0e1e2; margin-bottom: 20px; }

.idxnews-nav .title { color: #1c1c28; font-size: 16px; }

.idxnews-nav .more { position: absolute; top: 0; right: 0; height: 100%; }

.idxnews-nav .more::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.idxnews-more { display: inline-block; vertical-align: middle; line-height: 22px; z-index: 22; font-size: 16px; color: #23232e; position: relative; padding-right: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.idxnews-more:after { content: ''; position: absolute; width: 7px; height: 17px; background: url(../images/more.png) no-repeat scroll center center; -o-background-size: 100% auto; background-size: 100% auto; right: 2px; top: 3px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }

.idxnews-more:hover { color: #4497f6; }

.idxnews-more:hover:after { background-image: url(../images/mores.png); }

.idxnews-hots { width: 100%; overflow: hidden; position: relative; }

.idxnews-hots ul li a { display: block; width: 100%; overflow: hidden; position: relative; }

.idxnews-hots ul li .hd-mask { padding-bottom: 5px; }

.idxnews-hots ul li .hd-mask p { margin-bottom: 7px; }

.idxnews-hots ul li .title { color: #1c1c28; font-size: 16px; line-height: 26px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 52px; }

.idxnews-hots ul li .textcon { padding-top: 10px; }

.idxnews-hots ul li .text { color: #64646a; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 216px; font-size: 14px; line-height: 24px; }

.idxnews-time { display: block; width: 100%; position: relative; padding-left: 26px; color: #bbbbce; font-size: 16px; line-height: 1.5; }

.idxnews-time::before { content: ''; position: absolute; width: 17px; height: 17px; background: url(../images/ssicon01.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0px; top: 3px; }

.idxnews-addr { display: block; width: 100%; position: relative; padding-left: 26px; color: #bbbbce; font-size: 16px; line-height: 1.5; }

.idxnews-addr::before { content: ''; position: absolute; width: 17px; height: 20px; background: url(../images/ssicon02.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0px; top: 1px; }

.idxnews-lists { width: 100%; position: relative; }

.idxnews-lists ul li { width: 100%; overflow: hidden; position: relative; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; margin-bottom: 5px; }

.idxnews-lists ul li a { display: block; width: 100%; position: relative; overflow: hidden; padding: 10px 20px 15px 10px; }

.idxnews-lists ul li .date { float: left; width: 55px; text-align: center; }

.idxnews-lists ul li .date .day { display: block; width: 100%; line-height: 1; font-size: 30px; color: #1c1c28; font-weight: bold; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.idxnews-lists ul li .date .month { display: block; width: 100%; color: #1c1c28; font-size: 14px; line-height: 22px; }

.idxnews-lists ul li .overs { width: auto; overflow: hidden; position: relative; padding-left: 14px; }

.idxnews-lists ul li .overs:after { content: ''; position: absolute; top: 1px; bottom: 4px; left: 0; width: 1px; background-color: #e0e1e2; z-index: 22; }

.idxnews-lists ul li .overs::before { content: ''; position: absolute; top: 1px; bottom: 100%; left: 0; width: 1px; background-color: #4497f6; z-index: 23; -webkit-transition: all 1.2s; -o-transition: all 1.2s; -moz-transition: all 1.2s; transition: all 1.2s; }

.idxnews-lists ul li .title { color: #1c1c28; font-size: 16px; line-height: 1.5; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.idxnews-lists ul li .textcon { padding-top: 10px; }

.idxnews-lists ul li .text { color: #64646a; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 48px; font-size: 14px; line-height: 24px; }

/* 首頁 e */
.mpage { width: 100%; overflow: hidden; }

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

/* 内页banner s */
.inside-banner { width: 100%; overflow: hidden; position: relative; }

.inside-banner .banner { position: relative; z-index: 1; }

.inside-banner .pcimg { display: none; width: 100%; overflow: hidden; }

.inside-banner .pcimg img { display: block; width: 100%; }

.inside-banner .msimg { display: block; width: 100%; overflow: hidden; }

.inside-banner .msimg img { display: block; width: 100%; }

.inside-banner .maskpos { position: absolute; z-index: 3; left: 13.54167%; top: 35%; width: 71.28906%; overflow: hidden; }

.inside-banner .font-img { width: 100%; overflow: hidden; }

.inside-banner .font-img img { display: block; width: 100%; }

@media (min-width: 1024px) { .inside-banner .pcimg { display: block; }
  .inside-banner .msimg { display: none; }
  .inside-banner .maskpos { width: 38.02083%; } }

/* 内页banner e */
/* 内页导航 s */
.full-inside-subnav { width: 100%; position: relative; z-index: 32; margin-top: -25px; }

.inside-subitem { width: 100%; position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); }

.channel-title { line-height: 50px; color: #1c1c28; position: relative; text-align: center; border-bottom: 1px solid #eee; }

.channel-title:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -15px -3px 10px; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }

.second-level { position: absolute; width: 100%; top: 51px; z-index: 10; left: 0; background-color: #fff; -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1); overflow: hidden; display: none; }

.second-level .lscnav { width: 100%; }

.second-level .lscnav .lv1 { display: block; width: 100%; border-bottom: 1px solid #ddd; line-height: 40px; padding-top: 5px; padding-bottom: 5px; }

.second-level .lscnav .lv1:last-child { border-bottom: none; }

.second-level .lscnav .lv1 h4 { width: 100%; padding-left: 15px; padding-right: 25px; position: relative; }

.second-level .lscnav .lv1 h4 a { display: block; width: 100%; color: #333333; font-size: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.second-level .lscnav .lv1 h4 .icon { position: absolute; width: 12px; height: 12px; background: url(../images/sicon.png) no-repeat scroll center center; top: 50%; margin-top: -6px; right: 15px; display: none; }

.second-level .lscnav .lv1.cur2 h4 .icon { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.insubnav { width: 100%; padding: 0 20px 10px 25px; display: none; line-height: 28px; }

.insubnav ul .lv2 { width: 100%; }

.insubnav ul .lv2 a { display: block; width: 100%; color: #666666; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.insubnav ul .lv2.cur a { color: #214c96; }

@media (min-width: 1024px) { .full-inside-subnav { margin-top: -30px; }
  .inside-oosubitem .inside-subitem { padding-left: 30px; }
  .channel-title { display: none; }
  .second-level { position: static; display: block !important; -webkit-box-shadow: none; box-shadow: none; }
  .second-level .lscnav { width: 100%; font-size: 0; }
  .second-level .lscnav .lv1 { display: inline-block; vertical-align: top; width: auto; border-bottom: none; line-height: 60px; padding-top: 0px; padding-bottom: 0px; margin-right: 10px; }
  .second-level .lscnav .lv1 h4 { padding-left: 25px; padding-right: 25px; }
  .second-level .lscnav .lv1 h4 a { font-size: 16px; position: relative; }
  .second-level .lscnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #214c96; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; background-image: url(../images/navline.png); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }
  .second-level .lscnav .lv1 h4 .icon { right: 6px; }
  .second-level .lscnav .lv1:hover h4 a:after, .second-level .lscnav .lv1.cur h4 a:after { left: 0%; right: 0%; }
  .insubnav { width: 200px; padding: 0; top: 100%; position: absolute; background-color: #fff; -webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.1); line-height: 32px; padding-top: 8px; padding-bottom: 10px; }
  .insubnav ul .lv2 { padding-left: 25px; padding-right: 25px; }
  .insubnav ul .lv2 a:hover { color: #214c96; } }

@media (min-width: 1260px) { .full-inside-subnav { margin-top: -35px; }
  .inside-oosubitem .inside-subitem { padding-left: 75px; }
  .second-level .lscnav .lv1 { line-height: 70px; }
  .second-level .lscnav .lv1 h4 a { font-size: 18px; }
  .insubnav ul .lv2 a { font-size: 16px; } }

/* 内页导航 e */
/* 客户案例 s*/
.page-container { width: 100%; position: relative; padding-top: 30px; }

.incase-container { padding-bottom: 20px; }

.incase-lists { margin-left: -4px; margin-right: -4px; }

.incase-lists li { padding-left: 4px; padding-right: 4px; margin-bottom: 20px; }

.incase-lists li a { display: block; width: 100%; position: relative; }

.incase-lists li .thumb { width: 100%; padding: 20px 10px; border: 1px solid #f2f5fb; background-color: #ffffff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.incase-lists li .icon { display: block; width: 100%; overflow: hidden; position: relative; }

.incase-lists li .icon::before { content: ''; display: block; width: 100%; padding-bottom: 34.48276%; }

.incase-lists li .icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; max-width: 100%; }

.incase-lists li .desc { text-align: center; padding: 10px 5px 0; }

.incase-lists li .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #1c1c28; font-size: 14px; line-height: 1.90909; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

/* 客户案例 e*/
/* 客户案例详情 s*/
.incase-mask-title { width: 100%; text-align: center; line-height: 1.5; color: #1c1c28; font-size: 20px; }

.incase-wrapper { padding-top: 30px; padding-bottom: 50px; }

.incase-details { width: 100%; position: relative; padding-top: 20px; padding-left: 12px; }

.incase-details::before { content: ''; position: absolute; width: 1px; height: 100%; left: 12px; top: 0; background: #32e7f1 url(../images/line.png) no-repeat scroll 0 0; z-index: 1; }

.incase-details li { width: 100%; position: relative; z-index: 22; padding-left: 50px; padding-bottom: 40px; }

.incase-details li:nth-child(odd) .textcon::before { background-image: url(../images/yuan01.png); }

.incase-details li:nth-child(even) .textcon::before { background-image: url(../images/yuan02.png); }

.incase-details li .title { color: #1c1c28; font-size: 18px; line-height: 30px; font-weight: bold; }

.incase-details li .textcon { width: 100%; position: relative; padding-top: 4px; }

.incase-details li .textcon::before { content: ''; position: absolute; width: 50px; height: 18px; background-repeat: no-repeat; background-position: left center; -o-background-size: auto 100%; background-size: auto 100%; left: -59px; top: 5px; }

.incase-details li .text { color: #494953; font-size: 15px; line-height: 26px; min-height: 78px; }

/* 客户案例详情 e*/
/* 服务与支持 s */
.g-inside-title { text-align: center; line-height: 40px; }

.g-inside-title .libs { display: inline-block; vertical-align: top; position: relative; }

.g-inside-title .title { color: #1c1c28; font-size: 20px; position: absolute; font-weight: bold; left: 0; top: 0; width: 100%; line-height: 1.3; z-index: 22; }

.g-inside-title .sub { width: 100%; position: relative; color: #4497f6; font-size: 32px; opacity: 0.2; font-family: "Montserrat-Bold"; }

.g-inside-title .sub::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)); background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)); }

.prinsub-wrapper { width: 100%; max-width: 980px; margin: 0 auto; }

.iscomon-cons { padding-top: 4px; }

.inside-subtext { color: #7c7c80; font-size: 14px; line-height: 1.45455; text-align: center; }

.service-principle { width: 100%; overflow: hidden; position: relative; }

.prin-principle { width: 100%; overflow: hidden; position: relative; }

.inside-starbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center top; z-index: 11; }

.prin-container { position: relative; z-index: 22; padding-top: 30px; padding-bottom: 30px; }

.prin-contents ul li { margin-bottom: 10px; }

.prin-contents ul li .image { width: 100%; position: relative; max-width: 110px; margin: 0 auto; }

.prin-contents ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 110%; }

.prin-contents ul li .image img { position: absolute; top: 0; left: 0; width: 100%; }

.prin-contents ul li .word { text-align: center; padding-top: 10px; padding-bottom: 5px; }

.prin-contents ul li .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #1c1c28; font-size: 16px; line-height: 1.58333; }

.service-reason { width: 100%; position: relative; overflow: hidden; }

.inreason-container { padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 22; }

.inreason-module { width: 100%; position: relative; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: top center; }

.inreason-module ul li { margin-bottom: 20px; }

.inreason-module ul li .cons { padding-left: 30px; }

.inreason-module ul li .title { width: 100%; color: #1c1c28; font-size: 18px; position: relative; line-height: 30px; padding-top: 20px; }

.inreason-module ul li .title .num { color: #4497f6; position: absolute; top: 0px; left: -30px; font-weight: bold; line-height: 1; padding-right: 18px; padding-bottom: 30px; text-align: center; }

.inreason-module ul li .title .num:after { content: ''; position: absolute; width: 30px; height: 30px; top: 6px; right: 0; background: url(../images/title-line.png) no-repeat scroll center center; }

.inreason-module ul li .textcon { padding-top: 8px; }

.inreason-module ul li .text { color: #7c7c80; line-height: 1.45455; font-size: 15px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.service-process { width: 100%; position: relative; overflow: hidden; }

.process-container { position: relative; z-index: 22; }

.process-wrapper { padding-top: 30px; padding-bottom: 40px; }

.process-maxpost { position: relative; }

.process-swiper { width: 100%; position: relative; }

.process-swiper:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; bottom: auto; height: 2px; margin-top: -1px; background-color: #eaeaf0; }

.process-swiper.swiper-container-no-flexbox ul:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }

.process-swiper ul { position: relative; z-index: 22; }

.process-swiper ul li { height: auto; text-align: center; }

.process-swiper ul li:nth-child(odd) { margin-bottom: 105px; }

.process-swiper ul li:nth-child(odd) .process { padding-bottom: 75px; }

.process-swiper ul li:nth-child(odd) .line { background-image: url(../images/service-odd.png); bottom: 0; }

.process-swiper ul li:nth-child(even) { margin-top: 105px; }

.process-swiper ul li:nth-child(even) .process { padding-top: 75px; }

.process-swiper ul li:nth-child(even) .line { background-image: url(../images/service-even.png); top: 0; }

.process-swiper ul li .process { width: 100%; display: block; position: relative; }

.process-swiper ul li .title { line-height: 1.5625; color: #1c1c28; font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; }

.process-swiper ul li .subs { line-height: 1.41667; color: #7c7c80; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; }

.process-swiper ul li .line { width: 24px; height: 70px; left: 50%; margin-left: -12px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: top center; position: absolute; }

.process-swiper-prev { background-image: url(../images/index-pro-prev.png); z-index: 33; left: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.process-swiper-prev:hover { background-image: url(../images/index-pro-prevs.png); }

.process-swiper-next { background-image: url(../images/index-pro-next.png); z-index: 33; right: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }

.process-swiper-next:hover { background-image: url(../images/index-pro-nexts.png); }

.process-pagination { width: 100%; position: relative; height: 2px; background-color: #eee; margin-top: 30px; }

.process-pagination span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #214c96; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }

.service-staffing { width: 100%; overflow: hidden; position: relative; }

.staffing-container { position: relative; z-index: 22; }

.staffing-wrapper { padding-top: 25px; padding-bottom: 25px; }

.staffing-content { width: 100%; position: relative; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: top center; }

.staffing-content ul li { margin-bottom: 20px; }

.staffing-content ul li .staff { padding-left: 28px; }

.staffing-content ul li .title { color: #1c1c28; font-size: 18px; line-height: 1.35714; position: relative; }

.staffing-content ul li .title::before { content: ''; position: absolute; width: 20px; height: 3px; background: url(../images/sertitle.png) no-repeat scroll left center; left: -28px; top: 50%; margin-top: -2px; }

.staffing-content ul li .textcon { padding-top: 4px; }

.staffing-content ul li .text { color: #7c7c80; line-height: 1.77778; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 服务与支持 e */
/* 关于智腾达 s */
.about-company { width: 100%; overflow: hidden; position: relative; }

.company-container { position: relative; z-index: 22; padding-bottom: 30px; }

.company-wrapper { padding-top: 20px; }

.company-content { color: #7c7c80; font-size: 14px; line-height: 1.45455; }

.company-content .textcons { padding-top: 20px; padding-bottom: 20px; }

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

.company-content .textconw { padding-top: 30px; padding-bottom: 20px; }

.about-honor { width: 100%; position: relative; overflow: hidden; }

.honor-container { padding-top: 20px; }

.honor-postshadow { position: relative; }

.honor-postshadow:after, .honor-postshadow::before { content: ''; display: block; position: absolute; width: 20.83333%; top: 0; bottom: 0; height: 100%; z-index: 11; }

.honor-postshadow:after { right: 0; background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0)); background-image: -moz- oldlinear-gradient(right, white, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

.honor-postshadow::before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)); background-image: -moz- oldlinear-gradient(left, white, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }

.honor-swiper { width: 100%; overflow: hidden; position: relative; }

.honor-swiper ul li { height: auto; padding: 10px 0; }

.honor-swiper ul li.swiper-slide-active .honor { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); background-color: #fff; }

.honor-swiper ul li .honor { display: block; width: 100%; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 15px; background-color: #f9fafc; }

.honor-swiper ul li .image { width: 100%; margin: 0 auto; position: relative; }

.honor-swiper ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 71.05263%; }

.honor-swiper ul li .image img { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0) scale(1); -moz-transform: translate(-50%, 0) scale(1); -ms-transform: translate(-50%, 0) scale(1); -o-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; height: 100%; top: 0; }

.honor-swiper-prev, .honor-swiper-next { display: block; width: 42px; height: 42px; display: none; }

.honor-swiper-prev { background-image: url(../images/honor-swiper-prev.png); }

.honor-swiper-prev:hover { background-image: url(../images/honor-swiper-prevs.png); }

.honor-swiper-next { background-image: url(../images/honor-swiper-next.png); }

.honor-swiper-next:hover { background-image: url(../images/honor-swiper-nexts.png); }

.about-history { padding-top: 40px; width: 100%; overflow: hidden; }

.history-wrapper { padding-top: 40px; }

.history-pospmax { width: 100%; position: relative; }

.history-swiper { width: 100%; position: relative; }

.history-swiper ul { display: block; white-space: nowrap; font-size: 0; }

.history-swiper ul li { height: auto; position: relative; white-space: normal; display: inline-block; vertical-align: bottom; }

.history-swiper ul li::before { content: ''; position: absolute; top: 0; left: 7px; width: 1px; height: 100%; background: #31e7f1 url(../images/hisline.png) no-repeat top center; }

.history-swiper ul li .history { display: block; position: relative; padding: 30px 40px 35px 25px; }

.history-swiper ul li .history::before { content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 14px; background: url(../images/hisdot.png) no-repeat top center; }

.history-swiper ul li .textcon { padding-bottom: 15px; }

.history-swiper ul li .text { color: #1c1c28; font-size: 16px; line-height: 1.45455; }

.history-swiper ul li .years { color: #4497f6; font-size: 20px; font-weight: bold; font-style: italic; line-height: 1.1; }

.history-swiper-prev, .history-swiper-next { width: 42px; height: 42px; display: none; }

.history-swiper-prev { background-image: url(../images/honor-swiper-prev.png); }

.history-swiper-prev:hover { background-image: url(../images/honor-swiper-prevs.png); }

.history-swiper-next { background-image: url(../images/honor-swiper-next.png); }

.history-swiper-next:hover { background-image: url(../images/honor-swiper-nexts.png); }

/* 关于智腾达 e */
/* 联系我们 s */
.contact-panel { width: 100%; padding-top: 30px; padding-bottom: 30px; position: relative; background: url(../images/usline.png) repeat-x scroll bottom center; }

.contact-module { width: 100%; position: relative; }

.contact-wover { padding-top: 30px; }

.contact-list { padding-bottom: 25px; }

.contact-list ul li { width: 100%; overflow: hidden; position: relative; line-height: 26px; }

.contact-list ul li .title { float: left; padding-right: 10px; color: #606068; font-size: 16px; word-spacing: 1em; font-weight: lighter; }

.contact-list ul li .over { width: auto; display: block; overflow: hidden; font-size: 14px; color: #353540; font-weight: normal; }

.contact-list ul li .over > p, .contact-list ul li .over * { font-weight: normal; }

.contact-list ul li .over a { display: inline-block; vertical-align: top; color: #353540; }

.contact-scan { display: block; }

.contact-scan .image { width: 140px; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; background-color: #fff; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.contact-scan .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.contact-scan .image img { display: block; position: absolute; width: 100%; left: 0; top: 0; }

.contact-scan .word { display: inline-block; vertical-align: middle; padding-left: 12px; color: #8d8d93; font-size: 14px; line-height: 1.5; }

.baiduMap { height: 250px; }

.feedback-container { padding-top: 45px; padding-bottom: 75px; }

.feedback-mask .title { font-size: 28px; font-size: 0; color: #214c96; line-height: 34px; }

.feedback-mask .title img { height: 34px; }

.feedback-mask .subs { color: #525252; font-size: 16px; font-weight: bold; line-height: 1.81818; }

.feedback-wrapper { padding-top: 20px; }

.feedback-form { width: 100%; }

.feedback-lists { margin-left: -15px; margin-right: -15px; }

.feedback-lists li { margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }

.feedback-control { position: relative; width: 100%; }

.feedback-control .control { display: block; width: 100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; height: 44px; font-size: 14px; padding-left: 15px; padding-right: 50px; -webkit-border-radius: 60px; border-radius: 60px; border: 1px solid #edeae8; }

.feedback-control .control::-webkit-input-placeholder { /* WebKit browsers */ color: #7f96a9; }

.feedback-control .control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7f96a9; }

.feedback-control .control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #7f96a9; }

.feedback-control .control:focus { border-color: #214c96; -webkit-box-shadow: 0 0 5px #f0f4fa inset; box-shadow: 0 0 5px #f0f4fa inset; }

.feedback-control .control:focus + .icon:after { opacity: 0; }

.feedback-control .control:focus + .icon::before { opacity: 1; }

.feedback-control .comarea { display: block; width: 100%; height: 220px; -webkit-border-radius: 22px; border-radius: 22px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; border: 1px solid #edeae8; padding: 10px 15px; line-height: 26px; }

.feedback-control .comarea::-webkit-input-placeholder { /* WebKit browsers */ color: #7f96a9; }

.feedback-control .comarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7f96a9; }

.feedback-control .comarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #7f96a9; }

.feedback-control .comarea:focus { border-color: #214c96; -webkit-box-shadow: 0 0 5px #f0f4fa inset; box-shadow: 0 0 5px #f0f4fa inset; }

.feedback-control .comarea:focus + .icon:after { opacity: 0; }

.feedback-control .comarea:focus + .icon::before { opacity: 1; }

.feedback-control .icon { position: absolute; top: 4px; right: 15px; width: 26px; height: 36px; }

.feedback-control .icon:after, .feedback-control .icon::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; }

.feedback-control .icon:after { z-index: 1; opacity: 1; }

.feedback-control .icon::before { z-index: 2; opacity: 0; }

.feedback-control .icon01:after { background-image: url(../images/icon01.png); }

.feedback-control .icon01::before { background-image: url(../images/icon01s.png); }

.feedback-control .icon02:after { background-image: url(../images/icon02.png); }

.feedback-control .icon02::before { background-image: url(../images/icon02s.png); }

.feedback-control .icon03:after { background-image: url(../images/icon03.png); }

.feedback-control .icon03::before { background-image: url(../images/icon03s.png); }

.feedback-control .icon04:after { background-image: url(../images/icon04.png); }

.feedback-control .icon04::before { background-image: url(../images/icon04s.png); }

.feedback-control .icon05:after { background-image: url(../images/icon05.png); }

.feedback-control .icon05::before { background-image: url(../images/icon05s.png); }

.feedback-control .icon06:after { background-image: url(../images/icon06.png); }

.feedback-control .icon06::before { background-image: url(../images/icon06s.png); }

.feedback-codeImage { width: 100%; padding-right: 100px; position: relative; }

.feedback-codeImage .codeImage { position: absolute; top: 0; right: 0; width: 100px; height: 44px; border: 1px solid #edeae8; border-left: none; -webkit-border-radius: 0 40px 40px 0; border-radius: 0 40px 40px 0; }

.feedback-codeImage .codeImage img { display: block; max-width: 100%; margin: 0 auto; height: 100%; }

.feedback-codeImage .feedback-control .control { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.feedback-button { width: 100%; position: relative; }

.feedback-button .button { display: block; width: 100%; line-height: 44px; height: 44px; -webkit-border-radius: 60px; border-radius: 60px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: transparent; }

.feedback-confirm .button { background-color: #16519b; color: #fff; font-size: 14px; background-image: -webkit-gradient(linear, left top, right bottom, from(#13a5c7), to(#17529b)); background-image: -webkit-linear-gradient(top left, #13a5c7, #17529b); background-image: -moz- oldlinear-gradient(top left, #13a5c7, #17529b); background-image: -o-linear-gradient(top left, #13a5c7, #17529b); background-image: linear-gradient(top left, #13a5c7, #17529b); }

.feedback-cancel .button { color: #bbbbce; border: 1px solid #c9c9d8; }

/* 联系我们 e */
/* 产品解决方案 s */
.system-container { width: 100%; overflow: hidden; position: relative; }

.system-wrapper { position: relative; z-index: 22; }

.system-panel { width: 100%; }

.system-panel .system-wover { padding-top: 20px; }

.system-panel .image { width: 100%; overflow: hidden; position: relative; }

.system-panel .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.system-panel .image img { position: absolute; top: 0; left: 0; width: 100%; }

.sys-panel { width: 100%; }

.sys-panel .title { line-height: 1.4375; color: #1c1c28; font-size: 20px; position: relative; padding-bottom: 8px; }

.sys-panel .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #ed6c00; }

.sys-panel .textcon { padding-top: 10px; }

.sys-panel .text { color: #7c7c80; line-height: 1.5; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; }

.system-tabcons { padding-top: 30px; padding-bottom: 60px; }

.system-postmax { position: relative; margin-left: -15px; margin-right: -15px; }

.system-swiper { width: 100%; overflow: hidden; position: relative; }

.system-swiper ul li { width: 100%; height: auto; padding-left: 15px; padding-right: 15px; }

.system-swiper ul li .cons { display: block; position: relative; }

.system-swiper ul li.sin .base { display: none; }

.system-swiper ul li .tabcon { display: block; width: 100%; position: relative; }

.system-swiper ul li .tabcon::before { content: ''; display: block; width: 100%; padding-bottom: 72.85714%; }

.system-swiper ul li .face { width: 94.28571%; left: 0px; bottom: 5.88235%; position: absolute; padding: 8px; background-color: #c7d7e8; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 5px 10px -5px #c7d7e8; box-shadow: 0 5px 10px -5px #c7d7e8; z-index: 2; }

.system-swiper ul li .base { width: 94.28571%; right: 0px; top: 4.90196%; position: absolute; padding: 8px; background-color: #c7d7e8; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 5px 10px -5px #c7d7e8; box-shadow: 0 5px 10px -5px #c7d7e8; z-index: 2; }

.system-swiper ul li .img { display: block; width: 100%; overflow: hidden; position: relative; -webkit-border-radius: 8px; border-radius: 8px; }

.system-swiper ul li .img::before { content: ''; display: block; width: 100%; padding-bottom: 51.33858%; }

.system-swiper ul li .img img { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.system-swiper ul li .txtcon { padding-top: 10px; padding-bottom: 50px; }

.system-swiper ul li .desc { line-height: 1.5; color: #1c1c28; font-size: 18px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; }

.system-operation { width: 100%; text-align: center; }

.system-mutual { display: inline-block; vertical-align: top; width: auto; position: relative; padding-left: 70px; padding-right: 70px; }

.system-mutual .prev, .system-mutual .next { position: absolute; top: 50%; margin-top: -10px; }

.system-mutual .prev { left: 0; }

.system-mutual .next { right: 0; }

.system-pagination { line-height: 32px; }

.system-pagination .pagicon { background: url(../images/sysbannerline.png) no-repeat scroll center center; min-width: 52px; }

.system-pagination .line { display: none; }

.system-pagination .num { text-align: right; color: #1c1c28; font-size: 16px; }

.system-pagination .current { text-align: left; color: #214c96; font-size: 24px; font-weight: bold; }

.system-swiper-prev, .system-swiper-next { display: block; width: 48px; height: 19px; background-color: transparent; -o-background-size: contain; background-size: contain; background-position: left center; background-repeat: no-repeat; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; cursor: pointer; }

.system-swiper-prev.swiper-button-disabled, .system-swiper-next.swiper-button-disabled { cursor: default; }

.system-swiper-prev { background-image: url(../images/sys-swiper-prev.png); z-index: 33; left: 0; }

.system-swiper-prev:hover { background-image: url(../images/sys-swiper-prevs.png); }

.system-swiper-next { background-image: url(../images/sys-swiper-next.png); z-index: 33; right: 0; }

.system-swiper-next:hover { background-image: url(../images/sys-swiper-nexts.png); }

/* 产品解决方案 e */
/* 集成产品 s */
.sys-collection { width: 100%; position: relative; padding-top: 20px; padding-bottom: 40px; }

.sys-collection .sysimg { width: 100%; overflow: hidden; position: relative; }

.sys-collection .sysimg img { display: block; width: 100%; }

.collection-list li { margin-bottom: 30px; }

.collection-list li.li01 .collect { background-image: url(../images/sysicon01.png); }

.collection-list li.li02 .collect { background-image: url(../images/sysicon02.png); }

.collection-list li.li03 .collect { background-image: url(../images/sysicon03.png); }

.collection-list li.li04 .collect { background-image: url(../images/sysicon04.png); }

.collection-list li .collect { background-repeat: no-repeat; background-position: left bottom; -o-background-size: auto; background-size: auto; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; padding: 15px 20px 40px 25px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); }

.collection-list li .collect .title { width: 100%; color: #1c1c28; font-size: 18px; line-height: 1.2; }

.collection-list li .collect .title span { display: inline-block; vertical-align: top; position: relative; }

.collection-list li .collect .title span:after { content: ''; position: absolute; bottom: 0; height: 3px; width: 100%; left: 0; background: url(../images/sysline.png) no-repeat scroll left center; -o-background-size: auto 100%; background-size: auto 100%; }

.collection-list li .collect .textcon { padding-top: 8px; }

.collection-list li .collect .text { color: #7c7c80; line-height: 1.5; font-size: 14px; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 集成产品 e */
/* 新闻中心 s */
.innews-container { width: 100%; overflow: hidden; position: relative; }

.innews-wrapper { padding-top: 30px; padding-bottom: 30px; }

.innews-lists ul { margin-left: -10px; margin-right: -10px; }

.innews-lists ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }

.innews-lists ul li a { display: block; width: 100%; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: 1px solid #e3eaf6; background-color: #fff; padding: 15px 20px 25px; }

.innews-lists ul li .data { position: absolute; top: -1px; left: 20px; text-align: center; padding: 8px 10px 8px; z-index: 4; background-color: #f1f4f9; }

.innews-lists ul li .data:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(315deg, #13c9df, #1673c7); background: -moz- oldlinear-gradient(315deg, #13c9df, #1673c7); background: -o-linear-gradient(315deg, #13c9df, #1673c7); background: linear-gradient(135deg, #13c9df, #1673c7); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }

.innews-lists ul li .data .day, .innews-lists ul li .data .year { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; position: relative; z-index: 2; color: #1c1c28; }

.innews-lists ul li .data .day { font-size: 26px; font-weight: bold; line-height: 1; }

.innews-lists ul li .data .year { font-size: 12px; font-weight: bold; line-height: 16px; padding-top: 4px; }

.innews-lists ul li .addrcon { position: absolute; left: 105px; top: 15px; }

.innews-lists ul li .title { width: 100%; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #1c1c28; font-size: 16px; margin-top: 60px; line-height: 26px; height: 52px; font-weight: bold; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.innews-lists ul li .textcon { padding-top: 18px; }

.innews-lists ul li .text { width: 100%; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #7c7c80; font-size: 14px; line-height: 20px; height: 60px; }

.news-addrmask { line-height: 30px; display: block; width: 100%; position: relative; padding-left: 22px; color: #bbbbce; font-size: 14px; }

.news-addrmask::before { content: ''; position: absolute; width: 13px; height: 18px; background: url(../images/ssicon02.png) no-repeat scroll center center; -o-background-size: contain; background-size: contain; left: 0px; top: 5px; }

.innews-more { padding-top: 20px; }

.more-button { display: block; width: 100%; text-align: center; color: #fff; background-color: #214c96; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; line-height: 30px; padding: 8px 10px; font-size: 16px; background-image: -webkit-gradient(linear, left top, right bottom, from(#13a5c7), to(#17529b));
    background-image: -webkit-linear-gradient(top left, #13a5c7, #17529b);
    background-image: -moz- oldlinear-gradient(top left, #13a5c7, #17529b);
    background-image: -o-linear-gradient(top left, #13a5c7, #17529b);
    background-image: linear-gradient(top left, #13a5c7, #17529b); }

/* 新闻中心 s */

@charset "UTF-8";
@media (min-width: 768px) { /* 首页 s */
  .whyusnum-wrapper { padding-top: 50px; }
  .whyusnum-list ul li { width: 20%; min-width: 20%; max-width: 20%; margin-bottom: 0px; }
  .whyreason-wrapper { padding-top: 50px; }
  .whyreason-module { padding-right: 50%; }
  .whyreason-cover { width: 50%; position: absolute; top: 0; height: 100%; right: 0; z-index: 22; padding-left: 15px; padding-top: 30px; }
  .whyreason-wover { padding-right: 20px; padding-top: 0px; }
  .whyreason-panels ul li { margin-bottom: 5px; -webkit-box-shadow: none; box-shadow: none; }
  .whydata-cover { overflow: hidden; padding-bottom: 0px; }
  .whydata-shadow { min-width: 100%; }
  .whydata-pagination { padding-top: 40px; }
  /* 首页 e */
  /* 服务与支持 s */
  .inreason-module ul { font-size: 0; margin-left: -15px; margin-right: -15px; }
  .inreason-module ul li { width: 50%; padding-left: 15px; padding-right: 15px; display: inline-block; vertical-align: top; }
  .staffing-content ul { font-size: 0; margin-left: -15px; margin-right: -15px; }
  .staffing-content ul li { display: inline-block; vertical-align: top; width: 50%; padding-left: 15px; padding-right: 15px; }
  /* 服务与支持 e */
  /* 集成产品 s */
  .collection-list { font-size: 0; margin-left: -15px; margin-right: -15px; }
  .collection-list li { display: inline-block; vertical-align: top; width: 50%; padding-left: 15px; padding-right: 15px; }
  .collection-list li .collect .text { line-height: 22px; -webkit-line-clamp: 8; height: 176px; }
  /* 集成产品 e */ }

@charset "UTF-8";
@media (min-width: 1024px) { /* 首頁 s */
  .index-lou_01 { padding-top: 55px; }
  .idxcommonweb { padding-left: 40px; padding-right: 40px; }
  .g-index-title { line-height: 60px; }
  .g-index-title .title { font-size: 26px; font-weight: normal; }
  .g-index-title .sub { font-size: 60px; }
  .idxproduct-container { padding-top: 60px; padding-bottom: 45px; }
  .idxproduct-wrapper:after { content: ''; clear: both; display: block; width: 100%; height: 0; visibility: hidden; }
  .idxproduct-wover { float: left; width: 50%; padding-left: 40px; padding-right: 40px; }
  .idxproduct-cover { float: left; width: 50%; }
  .idxproduct-panel { padding-top: 30px; }
  .idxproduct-panel .textcon { padding-top: 30px; padding-bottom: 0px; }
  .idxproduct-panel .text { font-size: 16px; }
  .idxproduct-title { font-size: 22px; }
  .idxproduct-title:after { height: 4px; }
  .idxproduct-operation { padding-left: 60px; }
  .idxproduct-control { margin-right: -20px; position: relative; padding-left: 100px; }
  .idxproduct-maxview { -webkit-box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); padding: 40px 40px 90px; }
  .idxproduct-maxswiper ul li .title { font-size: 24px; font-weight: normal; }
  .idxproduct-maxswiper ul li .textcon { padding-top: 30px; padding-bottom: 40px; }
  .idxproduct-maxswiper ul li .text { font-size: 16px; line-height: 28px; height: 112px; }
  .Leanmore { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .Leanmore span:after { -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
  .Leanmore:hover { color: #214c96; }
  .Leanmore:hover span:after { background-image: url(../images/learnmores.png); }
  .idxproduct-preview { position: absolute; top: 0; left: 0; width: 130px; height: 100%; margin-top: 0px; }
  .idxproduct-prelib { width: 100%; height: 100%; max-width: 100%; margin: 0; padding: 50px 0; position: relative; }
  .idxproduct-preswiper { height: 100%; }
  .idxproduct-preswiper ul li { padding: 10px 10px; }
  .idxproduct-preswiper ul li a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .idxproduct-preswiper ul li a:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }
  .index-idxproduct-prev { left: 50%; margin-left: -24px; top: 0; -webkit-transform: translateY(0%) rotate(0deg); -moz-transform: translateY(0%) rotate(0deg); -ms-transform: translateY(0%) rotate(0deg); -o-transform: translateY(0%) rotate(0deg); transform: translateY(0%) rotate(0deg); }
  .index-idxproduct-next { right: auto; top: auto; left: 50%; margin-left: -24px; bottom: 0; -webkit-transform: translateY(0%) rotate(0deg); -moz-transform: translateY(0%) rotate(0deg); -ms-transform: translateY(0%) rotate(0deg); -o-transform: translateY(0%) rotate(0deg); transform: translateY(0%) rotate(0deg); }
  .index-idxproduct-prev, .index-idxproduct-next { width: 48px; height: 48px; }
  .mm-pagination { display: none; }
  .common-subtxt { font-size: 18px; }
  .whyusnum-wrapper { padding-top: 80px; }
  .whyusnum-list ul { white-space: nowrap; }
  .whyusnum-list ul li { white-space: normal; }
  .whyusnum-list ul li .title .num { font-size: 36px; padding: 0 8px; }
  .whyusnum-list ul li .title .type { font-size: 14px; }
  .whyusnum-list ul li .desc { font-size: 16px; }
  .whyreason-wrapper { padding-top: 90px; }
  .whyreason-cover { padding-left: 30px; }
  .whyreason-wover { padding-right: 40px; }
  .whyreason-control .ani { -webkit-animation: reasonAni 6s infinite forwards; -moz-animation: reasonAni 6s infinite forwards; -o-animation: reasonAni 6s infinite forwards; animation: reasonAni 6s infinite forwards; }
  .whyreason-panels ul li { margin-bottom: 25px; padding: 20px 35px 30px 25px; }
  .whyreason-panels ul li:last-child { margin-bottom: 0; }
  .whyreason-panels ul li:hover { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }
  .whyreason-panels ul li:hover .title { color: #f6ad4e; }
  .whyreason-panels ul li .icon { width: 80px; margin-top: 8px; }
  .whyreason-panels ul li .over { padding-left: 20px; }
  .whyreason-panels ul li .title { font-size: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .whyreason-panels ul li .textcon { padding-top: 9px; }
  .whyreason-panels ul li .text { font-size: 16px; line-height: 26px; -webkit-line-clamp: 2; height: 52px; }
  .whydata-wrapper { padding-top: 50px; }
  .whydata-moudle:after { content: ''; display: block; width: 100%; clear: both; visibility: hidden; height: 0; }
  .whydata-cover { float: left; width: 50%; padding-right: 50px; overflow: inherit; }
  .whydata-wover { padding-top: 20px; padding-left: 30px; float: left; width: 50%; }
  .whydata-export { margin-left: -35px; }
  .whydata-shadow { min-width: 100%; }
  .whydata-shadow .step-3 { -webkit-box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1); }
  .whydata-swiper ul li .title { font-size: 24px; }
  .whydata-swiper ul li .subs { font-size: 18px; }
  .whydata-swiper ul li .subs .work { font-size: 16px; }
  .whydata-swiper ul li .textcon { margin-top: 50px; }
  .whydata-swiper ul li .text { line-height: 24px; font-size: 16px; -webkit-line-clamp: 8; height: 192px; }
  .index-lou_03 { margin-top: -16.66667%; }
  .index-partner { padding-top: 60px; }
  .partner-direction { padding-bottom: 50px; }
  .partner-dirSwiper ul li a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .index-news { padding-top: 60px; padding-bottom: 80px; }
  .idxnews-wrapper { padding-top: 40px; }
  .idxnews-vover { padding-bottom: 0px; float: right; width: 360px; position: relative; padding-left: 40px; padding-right: 40px; }
  .idxnews-wover { width: auto; overflow: hidden; padding-right: 40px; position: relative; padding-left: 10px; }
  .idxnews-wover:after { content: ''; display: block; position: absolute; right: 0; width: 1px; top: 20px; bottom: 40px; background-color: #e0e1e2; }
  .idxnews-nav { padding: 8px 0; margin-bottom: 30px; }
  .idxnews-nav .title { font-size: 20px; }
  .idxnews-more { line-height: 30px; font-size: 18px; padding-right: 20px; }
  .idxnews-more:after { width: 8px; right: 2px; top: 8px; }
  .idxnews-hots ul li .hd-mask { padding-bottom: 9px; }
  .idxnews-hots ul li .title { font-size: 20px; line-height: 32px; max-height: 64px; }
  .idxnews-hots ul li .text { max-height: 234px; font-size: 16px; line-height: 26px; font-weight: lighter; }
  .idxnews-time { padding-left: 35px; font-size: 18px; font-weight: normal; }
  .idxnews-time::before { top: 4px; }
  .idxnews-addr { padding-left: 35px; font-size: 18px; }
  .idxnews-addr::before { top: 3px; }
  .idxnews-lists ul li { margin-bottom: 12px; }
  .idxnews-lists ul li a { padding: 20px 40px 25px 10px; }
  .idxnews-lists ul li:hover { background-color: #fff; -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }
  .idxnews-lists ul li:hover .date .day { color: #4497f6; }
  .idxnews-lists ul li:hover .overs::before { bottom: 4px; }
  .idxnews-lists ul li:hover .title { color: #4497f6; }
  .idxnews-lists ul li .date { width: 65px; }
  .idxnews-lists ul li .date .day { font-size: 36px; }
  .idxnews-lists ul li .title { font-size: 20px; }
  .idxnews-lists ul li .textcon { padding-top: 15px; }
  .idxnews-lists ul li .text { height: 52px; font-size: 16px; line-height: 26px; }
  /* 首頁 e */
  /* 客户案例 s*/
  .page-container { padding-top: 60px; }
  .incase-container { padding-bottom: 40px; }
  .incase-lists { margin-left: -12px; margin-right: -12px; }
  .incase-lists li { padding-left: 12px; padding-right: 12px; margin-bottom: 30px; }
  .incase-lists li a:hover .thumb { border-color: #fff; -webkit-box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); }
  .incase-lists li a:hover .icon img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .incase-lists li a:hover .title { color: #214c96; }
  .incase-lists li .thumb { padding: 30px 15px; }
  .incase-lists li .desc { padding: 15px 5px 0; }
  .incase-lists li .title { font-size: 18px; }
  /* 客户案例 e*/
  /* 客户案例详情 s*/
  .incase-mask-title { font-size: 26px; }
  .incase-wrapper { padding-top: 40px; padding-bottom: 80px; }
  .incase-details { padding-top: 35px; padding-left: 0px; }
  .incase-details::before { left: 132px; }
  .incase-details li { padding-left: 0px; padding-bottom: 80px; }
  .incase-details li .title { font-size: 20px; line-height: 36px; font-weight: normal; float: left; width: 120px; }
  .incase-details li .textcon { width: auto; display: block; overflow: hidden; padding-left: 120px; padding-right: 40px; padding-top: 8px; }
  .incase-details li .textcon::before { width: 110px; height: 24px; left: 0px; }
  .incase-details li .text { line-height: 28px; min-height: 84px; }
  /* 客户案例详情 e*/
  /* 服务与支持 s */
  .g-inside-title { line-height: 54px; }
  .g-inside-title .title { font-size: 24px; font-weight: normal; }
  .g-inside-title .sub { font-size: 46px; }
  .iscomon-cons { padding-top: 15px; }
  .inside-subtext { font-size: 16px; }
  .prin-container { padding-top: 45px; padding-bottom: 95px; }
  .prin-contents { padding-left: 30px; padding-right: 30px; }
  .prin-contents ul { margin-left: -20px; margin-right: -20px; }
  .prin-contents ul li { margin-bottom: 0px; padding-left: 20px; padding-right: 20px; position: relative; }
  .prin-contents ul li:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 164px; height: 110px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; z-index: 11; right: -82px; }
  .prin-contents ul li:nth-child(odd) { padding-top: 170px; }
  .prin-contents ul li:nth-child(odd) .expand { margin-top: -30px; }
  .prin-contents ul li:nth-child(even) { padding-bottom: 130px; }
  .prin-contents ul li:nth-child(6n-5):after { background-image: url(../images/sline01.png); }
  .prin-contents ul li:nth-child(6n-4):after { background-image: url(../images/sline02.png); }
  .prin-contents ul li:nth-child(6n-3):after { background-image: url(../images/sline03.png); }
  .prin-contents ul li:nth-child(6n-2):after { background-image: url(../images/sline04.png); }
  .prin-contents ul li:nth-child(6n-1):after { background-image: url(../images/sline05.png); }
  .prin-contents ul li .expand { position: relative; z-index: 22; }
  .prin-contents ul li .image { max-width: 140px; }
  .prin-contents ul li .word { padding-top: 13px; padding-bottom: 13px; }
  .prin-contents ul li .title { font-size: 18px; }
  .inreason-container { padding-top: 45px; padding-bottom: 40px; }
  .inreason-module { -o-background-size: 100% auto; background-size: 100% auto; background-image: url(../images/servive-ringbg.png); }
  .inreason-module::before { content: ''; display: block; width: 100%; padding-bottom: 112.85714%; }
  .inreason-module ul { margin-left: 0px; margin-right: 0px; }
  .inreason-module ul li { width: 35%; position: absolute; padding-left: 0px; padding-right: 0px; }
  .inreason-module ul li .cons { padding-left: 50px; padding-right: 30px; }
  .inreason-module ul li .title { font-size: 24px; }
  .inreason-module ul li .title .num { left: -50px; padding-right: 22px; }
  .inreason-module ul li .title .num:after { height: 40px; }
  .inreason-module ul li .textcon { padding-top: 16px; }
  .inreason-module ul li .text { font-size: 16px; -webkit-line-clamp: 4; line-height: 24px; max-height: 96px; }
  .inreason-module ul .li01 { top: 6.96203%; left: 12.5%; }
  .inreason-module ul .li02 { top: 8.86076%; right: 0; }
  .inreason-module ul .li03 { top: 41.77215%; right: 8.57143%; }
  .inreason-module ul .li04 { top: 53.16456%; left: -15px; }
  .inreason-module ul .li05 { top: 75.63291%; left: 32.85714%; }
  .service-process { z-index: 23; margin-top: -20px; }
  .process-wrapper { padding-top: 70px; padding-bottom: 90px; }
  .process-swiper { width: 100%; position: relative; }
  .process-swiper:after { height: 4px; margin-top: -2px; }
  .process-swiper ul li:nth-child(odd) { margin-bottom: 145px; }
  .process-swiper ul li:nth-child(odd) .process { padding-bottom: 115px; }
  .process-swiper ul li:nth-child(even) { margin-top: 145px; }
  .process-swiper ul li:nth-child(even) .process { padding-top: 115px; }
  .process-swiper ul li .title { font-size: 20px; }
  .process-swiper ul li .subs { font-size: 16px; }
  .process-swiper ul li .line { height: 110px; }
  .process-swiper-prev { display: none; }
  .process-swiper-next { display: none; }
  .process-pagination { display: none; }
  .staffing-wrapper { padding-top: 65px; padding-bottom: 0px; max-width: 1170px; margin: 0 auto; }
  .staffing-content { background-image: url(../images/service-anpai.png); }
  .staffing-content::before { content: ''; display: block; width: 100%; padding-bottom: 61.96581%; }
  .staffing-content ul { margin-left: 0px; margin-right: 0px; }
  .staffing-content ul li { margin-bottom: 0px; width: 27.35043%; padding-left: 0px; padding-right: 0px; position: absolute; }
  .staffing-content ul li .title { font-size: 20px; }
  .staffing-content ul li .text { font-size: 16px; -webkit-line-clamp: 3; max-height: 90px; }
  .staffing-content ul .li01 { top: 0; left: 0; }
  .staffing-content ul .li02 { top: 0; right: 0; }
  .staffing-content ul .li03 { top: 40%; left: 0; }
  .staffing-content ul .li04 { top: 40%; right: 0; }
  .staffing-content ul .li05 { top: 63.44828%; left: 35.89744%; }
  /* 服务与支持 e */
  /* 关于智腾达 s */
  .company-container { padding-bottom: 50px; }
  .company-wrapper { padding-top: 0px; }
  .company-content { font-size: 16px; }
  .company-content:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }
  .company-content .comvover { float: left; width: 50%; padding-right: 7.14286%; padding-top: 15%; }
  .company-content .comwover { float: left; width: 50%; padding-left: 2.14286%; padding-right: 5%; }
  .company-content .textcons { padding-top: 30px; padding-bottom: 70px; }
  .company-content .textconw { padding-top: 80px; }
  .company-content .textconb { padding-left: 30px; padding-top: 80px; }
  .honor-container { padding-top: 30px; }
  .honor-postshadow:after, .honor-postshadow::before { width: 31.25%; }
  .honor-swiper ul li { padding: 25px 0; width: 400px; }
  .honor-swiper ul li .honor { padding: 4.28571% 15.71429%; }
  .honor-swiper ul li .image::before { padding-bottom: 70.83333%; }
  .honor-swiper-prev, .honor-swiper-next { display: block; }
  .honor-swiper-prev { left: 50%; margin-left: -190px; }
  .honor-swiper-next { right: 50%; margin-right: -190px; }
  .about-history { padding-top: 70px; }
  .history-wrapper { padding-top: 80px; }
  .history-pospmax { padding-left: 45px; padding-right: 45px; }
  .history-swiper { overflow: hidden; }
  .history-swiper ul li .text { font-size: 18px; }
  .history-swiper ul li .years { font-size: 28px; }
  .history-swiper-prev, .history-swiper-next { display: block; z-index: 22; }
  .history-swiper-prev { left: -22px; }
  .history-swiper-next { right: -22px; }
  /* 关于智腾达 e */
  /* 联系我们 s */
  .contact-panel { padding-top: 65px; }
  .contact-module:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }
  .contact-cover { float: left; width: 50%; }
  .contact-wover { padding-top: 0px; float: left; width: 50%; }
  .contact-list ul li { line-height: 28px; }
  .contact-list ul li .title { padding-right: 20px; font-size: 18px; }
  .contact-list ul li .over { font-size: 16px; }
  .contact-scan .word { font-size: 16px; }
  .feedback-mask .title { line-height: 42px; }
  .feedback-mask .title img { height: 42px; }
  .feedback-mask .subs { font-size: 22px; }
  .feedback-wrapper { padding-top: 30px; }
  .feedback-lists li { margin-bottom: 30px; }
  .feedback-control .control { height: 52px; padding-left: 20px; }
  .feedback-control .comarea { padding: 15px 20px; }
  .feedback-control .icon { top: 8px; }
  .feedback-codeImage { width: 97%; padding-right: 160px; }
  .feedback-codeImage .codeImage { width: 160px; height: 52px; }
  .feedwrap { margin-left: -15px; }
  .feedback-button .button { line-height: 52px; height: 52px; }
  .feedback-cancel .button:hover { border-color: #999; color: #999; }
  /* 联系我们 e */
  /* 产品解决方案 s */
  .system-panel { display: table; width: 100%; table-layout: fixed; }
  .system-panel .system-cover { display: table-cell; vertical-align: middle; width: 50%; padding-right: 4.64286%; }
  .system-panel .system-wover { padding-top: 0px; padding-left: 1.78571%; padding-right: 8.92857%; width: 50%; display: table-cell; vertical-align: middle; }
  .sys-panel .title { font-size: 26px; padding-bottom: 11px; }
  .sys-panel .title:after { height: 4px; }
  .sys-panel .textcon { padding-top: 20px; }
  .sys-panel .text { font-size: 16px; }
  .system-postmax { margin-left: -25px; margin-right: -25px; }
  .system-swiper ul li { padding-left: 25px; padding-right: 25px; }
  .system-swiper ul li.sin .tabcon::before { padding-bottom: 55.71429%; }
  .system-swiper ul li.sin .txtcon { padding-top: 8.57143%; }
  .system-swiper ul li.sin .face { left: 0; }
  .system-swiper ul li.sin .base { display: none; }
  .system-swiper ul li .tabcon { width: 50%; float: right; }
  .system-swiper ul li .face { left: -12.57143%; -webkit-box-shadow: 0 5px 25px -5px #c7d7e8; box-shadow: 0 5px 25px -5px #c7d7e8; }
  .system-swiper ul li .base { -webkit-box-shadow: 0 5px 25px -5px #c7d7e8; box-shadow: 0 5px 25px -5px #c7d7e8; }
  .system-swiper ul li .txtcon { padding-left: 3.92857%; padding-right: 7.14286%; padding-top: 13.57143%; padding-bottom: 0px; width: 50%; float: left; }
  .system-swiper ul li .desc { font-size: 22px; }
  .system-operation { width: auto; text-align: left; position: absolute; z-index: 22; left: 25px; bottom: 0; padding-left: 3.92857%; padding-bottom: 2.14286%; }
  /* 产品解决方案 e */
  /* 集成产品 s */
  .sys-collection { padding-top: 0px; padding-bottom: 0px; }
  .sys-collection::before { content: ''; display: block; width: 100%; padding-bottom: 91.42857%; }
  .sys-collection .sysimg { position: absolute; width: 57.14286%; left: 17.14286%; top: 21.09375%; }
  .collection-list { margin-left: 0px; margin-right: 0px; }
  .collection-list li { width: auto; padding-left: 0px; padding-right: 0px; position: absolute; }
  .collection-list li.li01 { top: 3.90625%; left: 4.64286%; width: 25.71429%; }
  .collection-list li.li02 { top: 4.6875%; right: 5.71429%; width: 39.28571%; }
  .collection-list li.li03 { top: 53.51563%; left: 3.57143%; width: 25.71429%; }
  .collection-list li.li04 { top: 60.9375%; right: 1.07143%; width: 48.57143%; }
  .collection-list li .collect { -webkit-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.1); }
  .collection-list li .collect .title { font-size: 22px; }
  .collection-list li .collect .title span:after { height: 4px; }
  .collection-list li .collect .textcon { padding-top: 15px; }
  .collection-list li .collect .text { line-height: 26px; font-size: 16px; height: auto; max-height: 208px; }
  /* 集成产品 e */
  /* 新闻中心 s */
  .innews-wrapper { padding-top: 40px; padding-bottom: 55px; }
  .innews-lists ul li a:hover { border-color: transparent; -webkit-box-shadow: 0 5px 15px -5px #ccd6e7; box-shadow: 0 5px 15px -5px #ccd6e7; }
  .innews-lists ul li a:hover .data:after { opacity: 1; visibility: visible; }
  .innews-lists ul li a:hover .data .day, .innews-lists ul li a:hover .data .year { color: #fff; }
  .innews-lists ul li a:hover .title { color: #214c96; }
  .innews-more { padding-bottom: 20px; }
  .more-button { padding: 8px 10px; font-size: 16px; }
  .more-button:hover { background-color: #17428b; }
  /* 新闻中心 s */ }

@charset "UTF-8";
@media (min-width: 1260px) { /* 首頁 s */
  .index-lou_01 { padding-top: 75px; }
  .idxcommonweb { width: 100%; max-width: 1480px; margin: 0 auto; }
  .g-index-title { line-height: 80px; }
  .g-index-title .title { font-size: 32px; }
  .g-index-title .sub { font-size: 80px; }
  .idxproduct-container { padding-top: 80px; padding-bottom: 65px; }
  .idxproduct-wover { padding-left: 60px; padding-right: 60px; }
  .idxproduct-panel .textcon { padding-top: 40px; }
  .idxproduct-title { font-size: 28px; }
  .common-subtxt { padding-top: 9px; font-size: 22px; font-weight: lighter; }
  .common-subtxt > p, .common-subtxt * { font-weight: lighter; }
  .whyusnum-list ul li .title .num { font-size: 42px; }
  .whyusnum-list ul li .title .type { font-size: 16px; }
  .whyusnum-list ul li .desc { font-size: 18px; padding-top: 12px; }
  .whyreason-wrapper { padding-top: 110px; }
  .whyreason-cover { padding-left: 35px; }
  .whyreason-wover { padding-right: 55px; }
  .whyreason-panels ul li { padding: 24px 45px 30px 25px; }
  .whyreason-panels ul li .over { padding-left: 30px; }
  .whyreason-panels ul li .title { font-size: 26px; font-weight: lighter; }
  .whyreason-panels ul li .text { font-size: 18px; line-height: 30px; -webkit-line-clamp: 2; height: 60px; }
  .whydata-wrapper { padding-top: 60px; }
  .whydata-cover { padding-right: 75px; }
  .whydata-wover { padding-top: 50px; padding-left: 50px; }
  .whydata-swiper ul li .title { font-size: 28px; font-weight: lighter; }
  /*.whydata-swiper ul li .subs { font-size: 20px; }*/
  .index-partner { padding-top: 80px; }
  .index-news { padding-top: 80px; padding-bottom: 100px; }
  .idxnews-wrapper { padding-top: 55px; }
  .idxnews-vover { width: 480px; padding-left: 55px; padding-right: 90px; }
  .idxnews-wover { padding-right: 70px; }
  .idxnews-wover:after { top: 15px; bottom: 35px; }
  .idxnews-nav { padding: 12px 0; }
  .idxnews-nav .title { font-size: 26px; }
  .idxnews-more { font-size: 22px; }
  .idxnews-more:after { width: 10px; top: 8px; }
  .idxnews-hots ul li .title { font-size: 24px; line-height: 36px; max-height: 72px; }
  .idxnews-hots ul li .textcon { padding-top: 15px; }
  .idxnews-hots ul li .text { max-height: 270px; font-size: 18px; line-height: 30px; }
  .idxnews-time { font-size: 20px; }
  .idxnews-time::before { top: 7px; }
  .idxnews-addr { font-size: 20px; }
  .idxnews-addr::before { top: 5px; }
  .idxnews-lists ul li a { padding: 25px 40px 28px 14px; }
  .idxnews-lists ul li .date { width: 75px; }
  .idxnews-lists ul li .date .day { font-size: 40px; }
  .idxnews-lists ul li .title { font-size: 24px; }
  .idxnews-lists ul li .text { height: 56px; font-size: 18px; line-height: 28px; }
  /* 首頁 e */
  /* 客户案例 s*/
  .incase-lists li .thumb { padding: 40px 15px; }
  /* 客户案例 e*/
  /* 客户案例详情 s*/
  .incase-mask-title { font-size: 32px; }
  .incase-wrapper { padding-top: 48px; padding-bottom: 120px; }
  .incase-details li { padding-bottom: 120px; }
  .incase-details li .title { font-size: 24px; }
  .incase-details li .textcon { padding-right: 70px; }
  .incase-details li .text { font-size: 16px; }
  /* 客户案例详情 e*/
  /* 服务与支持 s */
  .g-inside-title { line-height: 64px; }
  .g-inside-title .title { font-size: 32px; }
  .g-inside-title .sub { font-size: 62px; }
  .iscomon-cons { padding-top: 25px; }
  .inside-subtext { font-size: 18px; }
  .prin-container { padding-top: 65px; padding-bottom: 145px; }
  .prin-contents ul li:after { height: 140px; }
  .prin-contents ul li:nth-child(odd) { padding-top: 210px; }
  .prin-contents ul li:nth-child(even) { padding-bottom: 170px; }
  .prin-contents ul li .title { font-size: 20px; }
  .inreason-container { padding-top: 60px; padding-bottom: 55px; }
  .inreason-module ul li .cons { padding-right: 50px; }
  .inreason-module ul li .title { font-size: 28px; line-height: 42px; padding-top: 30px; }
  .inreason-module ul li .title .num:after { height: 50px; }
  .inreason-module ul li .text { font-size: 18px; line-height: 28px; max-height: 112px; }
  .service-process { margin-top: -40px; }
  .process-wrapper { padding-top: 90px; padding-bottom: 110px; }
  .process-swiper ul li:nth-child(odd) { margin-bottom: 155px; }
  .process-swiper ul li:nth-child(even) { margin-top: 155px; }
  .process-swiper ul li .title { font-size: 22px; }
  .process-swiper ul li .subs { font-size: 18px; }
  .staffing-wrapper { padding-top: 80px; }
  .staffing-content ul li .title { font-size: 22px; }
  .staffing-content ul li .textcon { padding-top: 8px; }
  /* 服务与支持 e */
  /* 关于智腾达 s */
  .company-content { font-size: 18px; }
  .company-content .textcons { padding-top: 40px; padding-bottom: 90px; }
  .company-content .textconw { padding-top: 120px; }
  .company-content .textconb { padding-top: 120px; }
  .honor-container { padding-top: 50px; }
  .honor-swiper ul li { width: 500px; }
  .honor-swiper-prev { margin-left: -230px; }
  .honor-swiper-next { margin-right: -230px; }
  .history-wrapper { padding-top: 120px; }
  .history-pospmax { padding-left: 90px; padding-right: 90px; }
  /* 关于智腾达 e */
  /* 联系我们 s */
  .contact-panel { padding-top: 85px; }
  /* 联系我们 e */
  /* 产品解决方案 s */
  .sys-panel .title { font-size: 30px; }
  .sys-panel .text { font-size: 18px; }
  .system-tabcons { padding-top: 40px; padding-bottom: 120px; }
  .system-swiper ul li .desc { font-size: 26px; }
  .system-mutual .prev, .system-mutual .next { margin-top: -13px; }
  .system-pagination .pagicon { min-width: 62px; }
  .system-pagination .current { font-size: 30px; }
  .system-swiper-prev, .system-swiper-next { height: 25px; }
  /* 产品解决方案 e */
  /* 集成产品 s */
  .collection-list li .collect { padding: 22px 40px 50px 35px; }
  .collection-list li .collect .title { font-size: 28px; }
  .collection-list li .collect .text { line-height: 30px; font-size: 18px; height: auto; max-height: 240px; }
  /* 集成产品 e */
  /* 新闻中心 s */
  .innews-wrapper { padding-top: 60px; }
  .innews-lists ul { margin-left: -20px; margin-right: -20px; }
  .innews-lists ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .innews-lists ul li a { padding: 25px 30px 35px; }
  .innews-lists ul li a:hover { -webkit-box-shadow: 0 10px 25px -5px #ccd6e7; box-shadow: 0 10px 25px -5px #ccd6e7; }
  .innews-lists ul li .data { left: 30px; padding: 12px 16px 12px; }
  .innews-lists ul li .data .day { font-size: 32px; }
  .innews-lists ul li .data .year { padding-top: 8px; }
  .innews-lists ul li .addrcon { left: 125px; top: 25px; }
  .innews-lists ul li .title { font-size: 18px; margin-top: 70px; line-height: 28px; height: 56px; font-weight: normal; }
  .innews-lists ul li .text { font-size: 16px; line-height: 24px; height: 72px; }
  .news-addrmask { font-size: 16px; }
  .more-button { padding: 12px 10px; }
  /* 新闻中心 s */ }

@media (min-width: 1440px) { /* 客户案例 s*/
  .page-container { padding-top: 80px; }
  .incase-container { padding-bottom: 80px; }
  .incase-lists li { margin-bottom: 40px; }
  .incase-lists li .thumb { padding: 60px 20px; }
  .incase-lists li .desc { padding: 20px 5px 0; }
  .incase-lists li .title { font-size: 22px; }
  /* 客户案例 e*/
  /* 客户案例详情 s*/
  .incase-mask-title { font-size: 36px; }
  /* 客户案例详情 e*/
  /* 服务与支持 s */
  .prin-contents { padding-left: 60px; padding-right: 60px; }
  .prin-contents ul { margin-left: -35px; margin-right: -35px; }
  .prin-contents ul li { padding-left: 35px; padding-right: 35px; }
  .prin-contents ul li:after { height: 178px; }
  .prin-contents ul li:nth-child(odd) { padding-top: 220px; }
  .prin-contents ul li:nth-child(even) { padding-bottom: 220px; }
  .prin-contents ul li:nth-child(6n-5):after { margin-top: 20px; right: -74px; }
  .service-process { margin-top: -60px; }
  .process-wrapper { padding-top: 110px; padding-bottom: 140px; }
  .process-swiper ul li:nth-child(odd) { margin-bottom: 175px; }
  .process-swiper ul li:nth-child(odd) .process { padding-bottom: 130px; }
  .process-swiper ul li:nth-child(even) { margin-top: 175px; }
  .process-swiper ul li:nth-child(even) .process { padding-top: 130px; }
  .process-swiper ul li .title { font-size: 28px; }
  .process-swiper ul li .subs { font-size: 20px; }
  .process-swiper ul li .line { height: 130px; }
  .staffing-content ul li .title { font-size: 28px; }
  .staffing-content ul li .text { font-size: 18px; max-height: 96px; }
  /* 服务与支持 e */
  /* 关于智腾达 s */
  .honor-swiper ul li { width: 600px; }
  .honor-swiper-prev { margin-left: -270px; }
  .honor-swiper-next { margin-right: -270px; }
  .history-swiper ul li .history { padding: 40px 40px 55px 25px; }
  .history-swiper ul li .textcon { padding-bottom: 20px; }
  .history-swiper ul li .years { font-size: 34px; }
  /* 关于智腾达 e */
  /* 联系智腾达 s */
  .feedback-lists li { margin-bottom: 40px; }
  .feedback-control .control { height: 60px; font-size: 16px; padding-left: 25px; }
  .feedback-control .comarea { padding: 15px 25px; font-size: 16px; }
  .feedback-control .icon { top: 12px; right: 20px; width: 32px; }
  .feedback-codeImage { width: 97%; padding-right: 220px; }
  .feedback-codeImage .codeImage { width: 220px; height: 60px; }
  .feedback-button .button { line-height: 62px; height: 62px; }
  .feedback-confirm .button { font-size: 16px; }
  /* 联系智腾达 e */
  /* 产品解决方案 s */
  /* 产品解决方案 e */
  /* 集成产品 s */
  /* 集成产品 e */
  /* 新闻中心 s */
  /* 新闻中心 s */ }

@media (min-width: 1600px) { /* 首頁 s */
  .g-index-title { line-height: 100px; }
  .g-index-title .title { font-size: 40px; }
  .g-index-title .sub { font-size: 100px; }
  .idxproduct-container { padding-top: 100px; padding-bottom: 80px; }
  .idxproduct-wover { padding-left: 90px; padding-right: 90px; }
  .idxproduct-panel { padding-top: 55px; }
  .idxproduct-panel .textcon { padding-top: 50px; }
  .idxproduct-panel .text { font-size: 18px; line-height: 32px; }
  .idxproduct-title { font-size: 32px; }
  .idxproduct-title:after { height: 6px; }
  .idxproduct-operation { padding-left: 90px; }
  .idxproduct-control { padding-left: 130px; }
  .idxproduct-maxview { padding: 54px 54px 160px; }
  .idxproduct-maxswiper ul li .title { font-size: 32px; }
  .idxproduct-maxswiper ul li .textcon { padding-top: 48px; padding-bottom: 90px; }
  .idxproduct-maxswiper ul li .text { font-size: 18px; line-height: 32px; height: 128px; }
  .Leanmore { font-size: 22px; }
  .Leanmore:after { bottom: 4px; }
  .idxproduct-preview { width: 170px; }
  .idxproduct-prelib { padding: 105px 0; }
  .idxproduct-preswiper ul li { padding: 12px 10px; }
  .index-idxproduct-prev { top: 40px; }
  .index-idxproduct-next { bottom: 40px; }
  .common-subtxt { font-size: 30px; }
  .whyusnum-wrapper { padding-top: 110px; }
  .whyusnum-list ul li .title .num { font-size: 48px; }
  .whyusnum-list ul li .desc { font-size: 22px; }
  .whyreason-wrapper { padding-top: 130px; }
  .whyreason-panels ul li { padding: 28px 55px 40px 35px; }
  .whyreason-panels ul li .icon { width: 90px; }
  .whyreason-panels ul li .over { padding-left: 40px; }
  .whyreason-panels ul li .title { font-size: 30px; }
  .whyreason-panels ul li .text { font-size: 20px; line-height: 32px; height: 64px; }
  .whydata-wrapper { padding-top: 70px; }
  .whydata-wover { padding-top: 65px; }
  .whydata-export { margin-left: -100px; }
  .whydata-swiper ul li .title { font-size: 32px; }
  /*.whydata-swiper ul li .subs { font-size: 24px; }*/
  .whydata-swiper ul li .subs .work { font-size: 18px; }
  .whydata-swiper ul li .textcon { margin-top: 75px; }
  .whydata-swiper ul li .text { line-height: 32px; font-size: 20px; height: 256px; }
  .index-partner { padding-top: 120px; }
  .partner-direction { padding-bottom: 75px; }
  .index-news { padding-top: 100px; padding-bottom: 120px; }
  .idxnews-wrapper { padding-top: 65px; }
  .idxnews-wover:after { top: 20px; }
  .idxnews-nav { padding: 15px 0; }
  .idxnews-nav .title { font-size: 30px; }
  .idxnews-hots ul li .title { font-size: 26px; line-height: 40px; max-height: 80px; }
  .idxnews-hots ul li .textcon { padding-top: 22px; }
  .idxnews-hots ul li .text { max-height: 288px; font-size: 20px; line-height: 32px; }
  .idxnews-time { font-size: 22px; }
  .idxnews-time::before { top: 8px; }
  .idxnews-addr { font-size: 22px; }
  .idxnews-addr::before { top: 7px; }
  .idxnews-lists ul li .date .day { font-size: 46px; }
  .idxnews-lists ul li .date .month { font-size: 16px; }
  .idxnews-lists ul li .title { font-size: 26px; }
  .idxnews-lists ul li .text { height: 64px; font-size: 20px; line-height: 32px; }
  /* 首页 e */
  /* 服务与支持 s */
  .g-inside-title { line-height: 78px; }
  .g-inside-title .title { font-size: 40px; }
  .g-inside-title .sub { font-size: 72px; }
  .inside-subtext { font-size: 22px; font-weight: lighter; }
  .prin-contents ul li .title { font-size: 24px; }
  .inreason-module ul li .title { font-size: 32px; }
  .inreason-module ul li .text { font-size: 22px; line-height: 32px; max-height: 128px; font-weight: lighter; }
  .process-maxpost { margin-left: -10px; margin-right: -10px; }
  .process-swiper ul li:nth-child(odd) { margin-bottom: 190px; }
  .process-swiper ul li:nth-child(even) { margin-top: 190px; }
  .process-swiper ul li .title { font-size: 30px; font-weight: lighter; }
  .process-swiper ul li .subs { font-size: 24px; font-weight: lighter; }
  /* 服务与支持 e */
  /* 关于智腾达 s */
  .company-container { padding-bottom: 90px; }
  .company-content { font-size: 22px; }
  .company-content .textcons { padding-top: 50px; padding-bottom: 110px; }
  .company-content .text > p, .company-content .text * { font-weight: lighter; }
  .company-content .textconw { padding-top: 170px; }
  .company-content .textconb { padding-top: 180px; }
  .honor-container { padding-top: 70px; }
  .honor-swiper ul li { width: 700px; }
  .honor-swiper-prev { margin-left: -320px; }
  .honor-swiper-next { margin-right: -320px; }
  .history-swiper ul li .history { padding: 60px 40px 55px 35px; }
  .history-swiper ul li .text { font-size: 22px; }
  .history-swiper ul li .years { font-size: 42px; }
  /* 关于智腾达 e */
  /* 产品解决方案 s */
  .sys-panel .title { font-size: 32px; }
  .sys-panel .text { font-size: 21px; }
  .system-swiper ul li .desc { font-size: 32px; }
  /* 产品解决方案 e */
  /* 集成产品 s */
  .collection-list li .collect { padding: 25px 50px 60px 55px; }
  .collection-list li .collect .title { font-size: 32px; }
  .collection-list li .collect .text { line-height: 32px; font-size: 22px; max-height: 256px; font-weight: lighter; }
  /* 集成产品 e */
  /* 新闻中心 s */
  .innews-lists ul { margin-left: -28px; margin-right: -28px; }
  .innews-lists ul li { padding-left: 28px; padding-right: 28px; margin-bottom: 56px; }
  .innews-lists ul li .title { font-size: 22px; line-height: 32px; height: 64px; }
  .innews-lists ul li .text { font-size: 18px; line-height: 28px; height: 84px; }
  .news-addrmask { font-size: 18px; }
  .more-button { font-size: 18px; }
  /* 新闻中心 s */ }

@charset "UTF-8";
/*相册轮播 s*/
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 2018; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); }

.thumb-popup .thumb-wraper { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper { position: relative; overflow: hidden; width: 90%; max-width: 880px; margin: 0 auto; }

.thumb-popup .close { position: absolute; right: 4%; top: 4%; z-index: 9; width: 40px; height: 40px; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; color: #fff; cursor: pointer; background: #214c96; -webkit-border-radius: 100%; border-radius: 100%; line-height: 40px; opacity: 1; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li { padding: 0 20px; overflow: hidden; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img { display: block; max-width: 100%; max-height: 90%; position: relative; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); width: 640px; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p { text-align: center; font-size: 16px; padding: 20px 0; color: #fff; bottom: 5%; width: 100%; left: 0; position: absolute; }

.thumb-popup .thumb-wraper .banner-btn { display: none; width: 60px; height: 120px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }

.thumb-popup .thumb-wraper .banner-btn::after { content: ""; position: absolute; top: 40%; left: 50%; margin-top: -5px; width: 40px; height: 40px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left { left: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right { right: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left::after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right::after { margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-popup .thumb-wraper .banner-btn.swiper-left:hover::after { border-color: #214c96; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after { border-color: #214c96; }

.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled { cursor: default; }

@media (min-width: 768px) { .thumb-popup .thumb-wraper .banner-btn.swiper-left { left: 4%; }
  .thumb-popup .thumb-wraper .banner-btn.swiper-right { right: 4%; } }

@media (min-width: 1024px) { .thumb-popup .thumb-wraper .banner-btn { display: block; } }

/*相册轮播 e*/

@charset "UTF-8";
/*----网站地图 start----*/
.sitemapcont2 { padding: 6% 30px; overflow: hidden; background: #fff; margin-top: 25px; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #214c96; }

.sitemapcont2 dl dt a:hover { color: #17428b; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

.Singlepage { margin-top: 45px; }

@media (min-width: 767px) { .sitemapcont2 { padding: 5% 30px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #17428b; }
  .Singlepage { margin-top: 0px; } }

@media (min-width: 1600px) { .sitemapcont2 dl dt { font-size: 22px; }
  .sitemapcont2 dl dd { font-size: 16px; } }

/*----网站地图 end----*/
@-webkit-keyframes fade-left-slide { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }
@-moz-keyframes fade-left-slide { 0% { opacity: 0;
    -moz-transform: translateX(-100%);
         transform: translateX(-100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0px);
         transform: translateX(0px); } }
@-o-keyframes fade-left-slide { 0% { opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%); }
  100% { opacity: 1;
    -o-transform: translateX(0px);
       transform: translateX(0px); } }
@keyframes fade-left-slide { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-right-slide { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-moz-keyframes fade-right-slide { 0% { opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0px);
         transform: translateX(0px); } }

@-o-keyframes fade-right-slide { 0% { opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%); }
  100% { opacity: 1;
    -o-transform: translateX(0px);
       transform: translateX(0px); } }

@keyframes fade-right-slide { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px); } }

.slide-fade-left { -webkit-animation: fade-left-slide 1s 1; -moz-animation: fade-left-slide 1s 1; -o-animation: fade-left-slide 1s 1; animation: fade-left-slide 1s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 1; }

.slide-fade-right { -webkit-animation: fade-right-slide 1s 1; -moz-animation: fade-right-slide 1s 1; -o-animation: fade-right-slide 1s 1; animation: fade-right-slide 1s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 1; }

/* 法律声明 s */
.inside-wrapper { padding-top: 30px; padding-bottom: 25px; }

.inside-legal-title { text-align: center; }

.inside-legal-title .title { font-size: 22px; color: #333333; line-height: 1.2; }

.terms-contents, .legaltext { padding: 30px 0 15px; }

.fonts-lh28, .fonts-lh30, .fonts-lh32 { font-size: 14px; color: #333; line-height: 24px; }

@media (min-width: 1024px) { .inside-wrapper { padding-top: 60px; padding-bottom: 50px; }
  .inside-legal-title .title { font-size: 34px; }
  .legaltext { padding-top: 60px; padding-bottom: 30px; }
  .fonts-lh30 { font-size: 16px; line-height: 30px; } }

@media (min-width: 1260px) { .inside-wrapper { padding-top: 80px; padding-bottom: 65px; } }

/* 法律声明 e */

.openweb-close { position: absolute; width: 40px; height: 40px; top: -45px; right: 0; -o-background-size: 18px auto; background-size: 18px auto; }

.openweb-close:before { content: ''; position: absolute; top: 20px; left: 9px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.openweb-close:after { content: ''; position: absolute; top: 20px; left: 9px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.quoted-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; display: none; }

.quoted-modal.fade .quoted-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -moz-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }

.quoted-modal.in .quoted-dialog { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.quoted-dialog { position: relative; margin: 80px 15px 40px; }

.quoted-modal-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; display: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.quoted-modal-bg.fade { opacity: 0; filter: alpha(opacity=0); }

.quoted-modal-bg.in { opacity: 0.7; filter: alpha(opacity=70); }

.modal-scrollbar { width: 100px; height: 100px; background-color: #0ca001; overflow: scroll; position: absolute; top: -1000px; left: -1000px; }

.modal-open { overflow: hidden; }

@media (min-width: 768px) { .quoted-dialog { max-width: 605px; margin-left: auto; margin-right: auto; } }

@media (min-width: 1024px) { .quoted-dialog { margin-top: 110px; } }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.thumb-container { width: 100%; position: relative; }

.thumb-wrapper { width: 100%; position: relative; }

.thumb-swiper { width: 100%; overflow: hidden; position: relative; z-index: 22; }

.thumb-swiper ul li { width: 100%; height: auto; overflow: hidden; }

.thumb-swiper ul li img { display: block; width: 100%; }

.thumb-switch-prev, .thumb-switch-next { display: none; }

.thumb-pagination { display: none; position: absolute; bottom: 18px; left: 0; width: 100%; line-height: normal; font-size: 0; text-align: center; z-index: 24; }

.thumb-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 4px; cursor: pointer; }

.thumb-pagination span.swiper-pagination-bullet-active { background-color: #dab866; }

.thumb-loading { color: #fff; font-size: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

@media (min-width: 768px) { .openweb-close { top: -40px; right: -60px; } }

@media (min-width: 1024px) { .thumb-switch-prev, .thumb-switch-next { display: block; position: absolute; width: 80px; height: 80px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 80px; top: 50%; margin-top: -40px; }
  .thumb-switch-prev:after, .thumb-switch-next:after { content: ''; width: 42px; height: 42px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; }
  .thumb-switch-prev:hover::after, .thumb-switch-next:hover::after { border-color: #0ca001; }
  .thumb-switch-prev.swiper-button-disabled, .thumb-switch-next.swiper-button-disabled { cursor: default; }
  .thumb-switch-prev { left: -120px; }
  .thumb-switch-prev:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .thumb-switch-next { right: -120px; }
  .thumb-switch-next:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .thumb-pagination { bottom: 4%; }
  .thumb-pagination span { width: 10px; height: 10px; } }

@charset "UTF-8";
/* 视频播放*/
.recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

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

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1440px) { /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

.searchcont401 { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; min-height: 60vh; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #214c96; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 ul { padding-bottom: 30px; }

.resultlist401 ul li img { display: block; width: 100%; margin-bottom: 2%; }

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

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #214c96; font-style: normal; }

.resultlist401 h4 a { display: block; }

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

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input { margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #214c96; text-align: center; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input:hover { background-color: #17428b; }

.keywords { color: #da251d; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }

@media (min-width: 992px) { .searchcont401 { padding-top: 40px; padding-bottom: 60px; }
  .searchinputcont401 { width: 45%; margin: 0 auto; }
  .resultlist401 ul { padding-bottom: 60px; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 16px; }
  .searchinputcont401 dd input { margin-top: 0; }
  .searchinputcont401 dd input { font-size: 16px; font-weight: bold; } }

.loadingmore { display: block; width: 100%; font-size: 14px; background-color: #214c96; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.loadingmore:hover { background-color: #214c96; }

@media (min-width: 1024px) { .loadingmore { height: 50px; line-height: 50px; font-size: 16px; } }

.dead-discern { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.no-discern { display: inline-block; vertical-align: top; position: relative; padding-left: 60px; text-align: left; }

.no-discern .noicon { position: absolute; top: 0; left: 0; width: 42px; }

.no-discern .noicon img { display: block; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; }

.no-discern .cnts .title { color: #333; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }

.no-discern .cnts .info { color: #666; font-size: 14px; line-height: 24px; padding-left: 10px; }

.common-back { right: 25px; }

.innews-article { width: 100%; overflow: hidden; }

.innews-header { padding-bottom: 10px; }

.innews-header .time { color: #8e8e8e; font-size: 16px; line-height: 1.41667; padding: 7px 0; }

.article-title { color: #333333; font-size: 20px; line-height: 1.5; }

.innews-content { width: 100%; position: relative; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding-top: 30px; }

.btShare { display: none; }

.article-mask p { width: auto; display: inline-block; vertical-align: top; margin-right: 34px; }

.article-mask p:last-child { margin-right: 0; }

.article-detail { color: #7c7c80; font-size: 14px; line-height: 1.5; padding-top: 20px; padding-bottom: 40px; }

.article-detail .title { color: #1c1c28; font-size: 16px; }

.article-detail img { max-width: 100% !important; }

.article-tabcons { width: 100%; padding: 20px 0 40px; }

.as-tabmodule { width: 100%; position: relative; }

.as-tabmodule .prevnext { line-height: 30px; padding-bottom: 20px; }

.as-tabmodule .prevnext a { display: inline-block; vertical-align: top; max-width: 100%; position: relative; color: #1c1c28; font-size: 14px; }

.as-tabmodule .prevnext a .for { position: absolute; left: 0; top: 0; width: 56px; }

.as-tabmodule .prevnext a .txt { display: block; width: 100%; padding-left: 56px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.as-tabmodule .shome { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; background-color: #214c96; line-height: 42px; padding: 0 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-image: -webkit-linear-gradient(315deg, #1aafd5, #1e68bf); background-image: -moz- oldlinear-gradient(315deg, #1aafd5, #1e68bf); background-image: -o-linear-gradient(315deg, #1aafd5, #1e68bf); background-image: linear-gradient(135deg, #1aafd5, #1e68bf); -webkit-border-radius: 50px; border-radius: 50px; }

@media (min-width: 768px) { .as-tabmodule .prevnext { padding-bottom: 0px; padding-right: 120px; }
  .as-tabmodule .shome { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 1024px) { .innews-article .bt { padding: 60px 120px; }
  .innews-header { padding-bottom: 16px; }
  .innews-header .time { font-size: 20px; padding: 11px 0; }
  .article-title { font-size: 24px; }
  .article-mask p { margin-right: 65px; }
  .innews-content { padding-top: 30px; padding-left: 130px; padding-right: 130px; }
  .article-detail { padding-top: 30px; padding-bottom: 70px; font-size: 16px; min-height: 600px; }
  .article-detail .title { font-size: 20px; }
  .btShare { display: block; position: absolute; top: 60px; left: 0; }
  .btShare .bdsharebuttonbox a { background-color: #e6e6e6; }
  .btShare .bdsharebuttonbox .bds_tsina, .btShare .bdsharebuttonbox .bds_sqq, .btShare .bdsharebuttonbox .bds_weixin { margin: 0; display: block; width: 50px; height: 50px; float: none; margin-bottom: 2px; background-repeat: no-repeat; background-position: 0 0; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .btShare .bdsharebuttonbox .bds_tsina { background-image: url(../images/news11xw02.jpg); }
  .btShare .bdsharebuttonbox .bds_tsina:hover { background-image: url(../images/news11xw08.jpg); background-color: #214c96; }
  .btShare .bdsharebuttonbox .bds_sqq { background-image: url(../images/news11xw04.jpg); }
  .btShare .bdsharebuttonbox .bds_sqq:hover { background-image: url(../images/news11xw10.jpg); background-color: #214c96; }
  .btShare .bdsharebuttonbox .bds_weixin { background-image: url(../images/news11xw05.jpg); }
  .btShare .bdsharebuttonbox .bds_weixin:hover { background-image: url(../images/news11xw11.jpg); background-color: #214c96; }
  .jsFixed { position: fixed; left: 40px; top: 140px; }
  .jsFixedEnd { position: absolute; bottom: 70px; left: 0; top: auto; }
  .article-tabcons { padding: 35px 0 90px; }
  .as-tabmodule .prevnext { padding-right: 200px; }
  .as-tabmodule .prevnext a { font-size: 16px; }
  .as-tabmodule .prevnext a .for { width: 75px; }
  .as-tabmodule .prevnext a .txt { padding-left: 75px; }
  .as-tabmodule .prevnext a:hover .txt { color: #214c96; }
  .as-tabmodule .shome { font-size: 16px; padding: 0 36px; line-height: 50px; }
  .as-tabmodule .shome:hover { background-color: #17428b; } }

@media (min-width: 1260px) { .innews-header { padding-bottom: 20px; }
  .article-mask p { margin-right: 120px; }
  .innews-content { padding-left: 180px; padding-right: 180px; }
  .article-detail { padding-bottom: 95px; }
  .btShare { top: 80px; }
  .btShare .bdsharebuttonbox .bds_tsina, .btShare .bdsharebuttonbox .bds_sqq, .btShare .bdsharebuttonbox .bds_weixin { width: 70px; height: 70px; }
  .jsFixed { top: 180px; }
  .jsFixedEnd { bottom: 95px; top: auto; } }

@media (min-width: 1480px) { .jsFixed { left: 50%; margin-left: -700px; }
  .jsFixedEnd { left: 0; margin-left: 0; } }

@media (min-width: 1600px) { .innews-header .time { font-size: 24px; }
  .article-title { font-size: 28px; }
  .article-detail .title { font-size: 22px; }
  .as-tabmodule .prevnext { line-height: 36px; }
  .as-tabmodule .prevnext a { font-size: 18px; } }

.hotnews-module { padding-top: 20px; padding-bottom: 40px; }

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

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

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

.hotnewslist-dl dt { overflow: hidden; }

.hotnewslist-dl dt a { display: block; width: 100%; position: relative; }

.hotnewslist-dl dt a:before { content: ''; display: block; width: 100%; padding-bottom: 56.41026%; }

.hotnewslist-dl dt img { display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.hotnewslist-dl dd { padding: 25px; }

.hotnewslist-dl dd h4 { display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 30px; max-height: 60px; font-weight: bold; }

.hotnewslist-dl dd a { color: #666666; }

.hotnewslist-dl dd .hotnewslink { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; position: relative; padding-right: 16px; }

.hotnewslist-dl dd .hotnewslink:after { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 8px; right: 0; display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #666; border-bottom: 1px solid #666; -moz-transform: rotate(-45deg); transform: rotate(-45deg); moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.hotnewstext { display: block; width: 100%; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; margin: 10px 0 15px; color: #777; font-size: 14px; line-height: 24px; max-height: 144px; }

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

.hotnews-module .banner-shotnewsbtn { text-align: center; line-height: normal; font-size: 0; padding-top: 20px; }

.hotnews-module .banner-shotnewsbtn span { display: inline-block; width: 10px; height: 10px; background-color: #d9d9d9; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 4px; cursor: pointer; }

.hotnews-module .banner-shotnewsbtn span.swiper-pagination-bullet-active { background-color: #ff9c00; }

@media (min-width: 1024px) { .hotnews-module { padding: 50px 0 58px; }
  .hotnewslist-dl dt { width: 66%; float: left; overflow: hidden; }
  .hotnewslist-dl dd { width: 34%; padding: 45px 15px 0 15px; float: left; }
  .hotnewslist-dl dd h4 { height: 36px; line-height: 36px; max-height: 36px; -webkit-line-clamp: 1; font-size: 24px; }
  .hotnewslist-dl dd .hotnewslink:hover { color: #14a83b; }
  .hotnewslist-dl dd .hotnewslink:hover:after { border-color: #14a83b; }
  .hotnews-module .banner-shotnewsbtn { width: 34%; right: 0; padding-left: 15px; padding-top: 0; bottom: 20px; position: absolute; text-align: left; left: auto; padding-bottom: 0; z-index: 99; }
  .hotnewstext { height: 144px; margin-top: 15px; margin-bottom: 35px; } }

@media (min-width: 1260px) { .hotnewslist-dl dd { padding: 85px 35px 0; }
  .hotnewstext { margin-bottom: 40px; }
  .hotnewslist-dl dd h4 { height: 72px; -webkit-line-clamp: 2; }
  .hotnews-module .banner-shotnewsbtn { bottom: 40px; padding-left: 35px; } }

.newslist-module { overflow: hidden; position: relative; background-color: #f2f2f2; padding: 20px 0; }

.newslist-module ul { margin: 0 -12px; padding-bottom: 22px; }

.newslist-module ul li { padding: 12px; }

.newslistext { background-color: #ffffff; padding: 100px 26px 60px; height: 100%; color: #666666; position: relative; }

.newslistext h4 { font-size: 18px; line-height: 28px; max-height: 56px; margin-bottom: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslistext h4 a { color: #666666; }

.newslistcont { position: relative; }

.newslisimg { height: 100%; background-color: #15b43f; position: absolute; left: 0; top: 0; }

.nsimg-img { width: 100%; }

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

.newslisimg h4 { width: 100%; padding: 40px 25px 0; }

.newslisimg h4 a { display: block; width: 100%; font-size: 20px; line-height: 30px; max-height: 60px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslisimg a { color: #ffffff; }

.nstext-p { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; color: #888888; font-size: 14px; line-height: 24px; -webkit-line-clamp: 5; max-height: 120px; }

.newsdate-time { width: 80px; height: 80px; padding-top: 16px; background-color: #ff9c00; color: #ffffff; position: absolute; top: -5px; left: 28px; text-align: center; }

.newsdate-time:before { content: ''; position: absolute; width: 5px; height: 5px; background: url(../images/dateicon.png) no-repeat scroll center center; top: 0; left: -5px; }

.newsdate-time p { font-size: 36px; font-family: Arial; line-height: 36px; }

.newsdate-time span { display: block; width: 100%; font-size: 12px; line-height: 22px; }

.back { display: none; }

.remorebtn03 a { display: block; height: 45px !important; background-color: #0055a5; margin: 20px 0 10px !important; text-align: center; line-height: 45px !important; color: #ffffff !important; font-size: 16px !important; }

.remorebtn03 a:hover { color: #ffffff; }

@media (min-width: 768px) { .newslistext { padding: 110px 30px 0; }
  .newslistcont { height: 435px; }
  .nsimg-img { display: block; width: 100%; overflow: hidden; position: relative; }
  .nsimg-img:before { content: ''; display: block; width: 100%; padding-bottom: 70.66667%; }
  .nsimg-img img { display: block; width: 100%; position: absolute; top: 0; left: 0; }
  .front, .back { position: absolute; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); left: 0; top: 0; bottom: 0; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -o-background-size: cover; background-size: cover; background-position: center; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; transition: .6s; }
  .back { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
  .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist-module ul { padding-bottom: 35px; }
  .newslist-module ul li:hover .back { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist-module ul li:hover .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; } }

@media (min-width: 1024px) { .newslist-module { padding: 44px 0 70px; }
  .newslistext { padding: 113px 26px 0; }
  .newslist-module ul { padding-bottom: 55px; }
  .newslistext h4 { font-size: 20px; line-height: 30px; max-height: 60px; } }

/* 人才需求 s */
.recruit-content {
    padding-bottom: 45px;
}

.recruit-searchcon {
    position: relative;
    z-index: 22;
}

.recruit-component {
    margin-left: -15px;
    margin-right: -15px;
}

    .recruit-component > li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .recruit-component .job {
        z-index: 2;
        padding-bottom: 10px;
    }

    .recruit-component .search {
        z-index: 1;
    }

.quoted-dropdown {
    width: 100%;
    position: relative;
}

    .quoted-dropdown .quotedbtn {
        display: block;
        width: 100%;
        color: #666666;
        font-size: 14px;
        padding-right: 16px;
        height: 46px;
        border-bottom: 1px solid #dedede;
    }

    .quoted-dropdown:after {
        content: '';
        width: 8px;
        height: 8px;
        border: 1px solid #333;
        border-top: none;
        border-right: none;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 4px;
        top: 16px;
    }

    .quoted-dropdown.open .dropdown-menu {
        display: block;
    }

    .quoted-dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        border: 1px solid #dedede;
        border-top: none;
        padding-top: 8px;
        padding-bottom: 8px;
        display: none;
    }

        .quoted-dropdown .dropdown-menu li {
            width: 100%;
            line-height: 32px;
            text-align: left;
        }

            .quoted-dropdown .dropdown-menu li a {
                display: block;
                width: 100%;
                padding-left: 15px;
                padding-right: 15px;
                color: #666666;
                font-size: 14px;
                white-space: nowrap;
                overflow: hidden;
            }

.recruit-control {
    display: block;
    width: 100%;
    position: relative;
}

    .recruit-control input {
        display: block;
        height: 46px;
        font-family: "微软雅黑";
    }

    .recruit-control .contol {
        width: 100%;
        border-bottom: 1px solid #dedede;
        padding-right: 30px;
        font-size: 14px;
        color: #666;
    }

    .recruit-control .sbtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        background: transparent url(../images/talentSearch.png) no-repeat scroll center center;
        font-size: 0;
    }

.recruit-listcon {
    padding-top: 30px;
}

.recruit-list {
    width: 100%;
    position: relative;
}

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

        .recruit-list ul li .hd {
            width: 100%;
            position: relative;
            border: 1px solid #ededed;
            padding: 10px 15px;
        }

            .recruit-list ul li .hd .title {
                color: #4c4c4c;
                font-size: 16px;
                line-height: 32px;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

            .recruit-list ul li .hd .date {
                position: relative;
                padding-left: 26px;
                color: #808080;
                font-size: 14px;
                line-height: 28px;
            }

                .recruit-list ul li .hd .date::before, .recruit-list ul li .hd .date:after {
                    content: '';
                    position: absolute;
                    width: 22px;
                    height: 22px;
                    left: 0;
                    top: 3px;
                    background-repeat: no-repeat;
                    -o-background-size: contain;
                    background-size: contain;
                    background-position: center center;
                }

                .recruit-list ul li .hd .date::before {
                    background-image: url(../images/talentdate.png);
                    opacity: 1;
                }

                .recruit-list ul li .hd .date::after {
                    background-image: url(../images/talentdates.png);
                    opacity: 0;
                }

            .recruit-list ul li .hd .close {
                position: absolute;
                width: 32px;
                height: 32px;
                top: 50%;
                right: 0;
                margin-top: -16px;
                -webkit-transition: -webkit-transform 0.3s;
                transition: -webkit-transform 0.3s;
                -o-transition: -o-transform 0.3s;
                -moz-transition: transform 0.3s, -moz-transform 0.3s;
                transition: transform 0.3s;
                transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
            }

                .recruit-list ul li .hd .close:after, .recruit-list ul li .hd .close::before {
                    content: '';
                    position: absolute;
                    background-color: #c0c0c0;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .recruit-list ul li .hd .close::before {
                    height: 1px;
                    width: 24px;
                    left: 4px;
                    top: 15px;
                }

                .recruit-list ul li .hd .close:after {
                    width: 1px;
                    height: 24px;
                    top: 4px;
                    left: 15px;
                }

        .recruit-list ul li .con {
            width: 100%;
            position: relative;
            padding-right: 32px;
        }

        .recruit-list ul li .bd {
            display: none;
            width: 100%;
            padding: 20px 15px;
        }

        .recruit-list ul li .detail {
            color: #666666;
            font-size: 14px;
            line-height: 1.875;
        }

            .recruit-list ul li .detail .title {
                color: #333333;
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 5px;
            }

        .recruit-list ul li .vlink {
            padding-top: 24px;
        }

        .recruit-list ul li.on .hd {
            background-color: #13a5c7;
            border-color: transparent;
            margin:-1px;
            width:auto;
            background-image: -webkit-gradient(linear, left top, right bottom, from(#13a5c7), to(#17529b));
            background-image: -webkit-linear-gradient(top left, #13a5c7, #17529b);
            background-image: -moz- oldlinear-gradient(top left, #13a5c7, #17529b);
            background-image: -o-linear-gradient(top left, #13a5c7, #17529b);
            background-image: linear-gradient(top left, #13a5c7, #17529b);
        }

            .recruit-list ul li.on .hd .title {
                color: #fff;
            }

            .recruit-list ul li.on .hd .date {
                color: #fff;
            }

                .recruit-list ul li.on .hd .date:after {
                    opacity: 1;
                }

                .recruit-list ul li.on .hd .date::before {
                    opacity: 0;
                }

            .recruit-list ul li.on .hd .close {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

                .recruit-list ul li.on .hd .close:after, .recruit-list ul li.on .hd .close::before {
                    background-color: #fff;
                }

.recruit-view {
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #214c96;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#13a5c7), to(#17529b));
    background-image: -webkit-linear-gradient(top left, #13a5c7, #17529b);
    background-image: -moz- oldlinear-gradient(top left, #13a5c7, #17529b);
    background-image: -o-linear-gradient(top left, #13a5c7, #17529b);
    background-image: linear-gradient(top left, #13a5c7, #17529b);
    font-size: 16px;
    padding: 6px 40px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

@media (min-width: 1024px) {
    .recruit-content {
        padding-bottom: 65px;
    }

    .recruit-searchcon {
        text-align: right;
    }

    .recruit-search {
        display: inline-block;
        vertical-align: top;
    }

    .recruit-component .job {
        padding-bottom: 0;
        width: 210px;
    }

    .recruit-component .search {
        width: 320px;
    }

    .quoted-dropdown .quotedbtn {
        font-size: 16px;
        height: 60px;
    }

    .quoted-dropdown:after {
        top: 25px;
    }

    .quoted-dropdown .dropdown-menu {
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    }

        .quoted-dropdown .dropdown-menu li a:hover {
            color: #241266;
        }

    .recruit-control input {
        height: 60px;
    }

    .recruit-control .contol {
        font-size: 16px;
    }

    .recruit-listcon {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .recruit-list ul li .hd {
        padding: 20px 25px;
        cursor: pointer;
    }

        .recruit-list ul li .hd .title {
            font-size: 18px;
            font-weight: normal;
            padding-right: 140px;
        }

        .recruit-list ul li .hd .date {
            position: absolute;
            padding-left: 30px;
            font-size: 16px;
            line-height: 32px;
            top: 0;
            right: 60px;
        }

            .recruit-list ul li .hd .date:after, .recruit-list ul li .hd .date::before {
                top: 5px;
            }

        .recruit-list ul li .hd .close::before {
            width: 30px;
            left: 1px;
        }

        .recruit-list ul li .hd .close:after {
            height: 30px;
            top: 1px;
        }

    .recruit-list ul li .bd {
        padding: 25px 30px 25px;
    }

    .recruit-list ul li .detail {
        font-size: 16px;
    }

        .recruit-list ul li .detail .title {
            font-size: 18px;
            font-weight: normal;
        }

    .recruit-view {
        font-size: 18px;
        padding: 8px 60px;
    }

        .recruit-view:hover {
            background-color: #214c96;
        }
}

@media (min-width: 1260px) {
    .recruit-content {
        padding-bottom: 85px;
    }

    .recruit-list ul li .hd {
        padding: 25px 35px;
    }
}

/* 人才需求 e */


.loadingmore {
    display: block;
    width: 100%;
    font-size: 14px;
    background-color: #241266;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

    .loadingmore:hover {
        background-color: #241266;
    }

@media (min-width: 1024px) {
    .loadingmore {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}

.dead-discern {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.no-discern {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 60px;
    text-align: left;
}

    .no-discern .noicon {
        position: absolute;
        top: 0;
        left: 0;
        width: 42px;
    }

        .no-discern .noicon img {
            display: block;
            width: 100%;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            position: static;
        }

    .no-discern .cnts .title {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }

    .no-discern .cnts .info {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        padding-left: 10px;
    }



.pagination {
    text-align: center;
    display: none;
}

.viewmore-module {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #241266;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    padding: 6px 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1024px) {
    .pagination {
        display: block;
        text-align: center;
    }

    .laypage_main {
        display: inline-block;
        vertical-align: top;
    }

    .pagination .laypage_main .laypage_curr {
        background-color: #241266;
    }

    .pagination .laypage_main a, .pagination .laypage_main input, .pagination .laypage_main span {
        width: 36px;
        height: 36px;
        display: inline-block;
        background-color: #fff !important;
        line-height: 36px;
        text-align: center;
        font-size: 15px;
        border: 1px solid #d8d8d8;
    }

    .pagination .laypageskin_molv .laypage_curr {
        background-color: #241266 !important;
        border-color: #241266;
    }

    .laypageskin_molv .laypage_prev, .laypageskin_molv .laypage_next {
        position: relative;
        text-align: center;
    }

        .laypageskin_molv .laypage_prev:after, .laypageskin_molv .laypage_next:after {
            content: '';
            width: 8px;
            height: 8px;
            border: 2px solid #919191;
            border-top: none;
            border-right: none;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
        }

        .laypageskin_molv .laypage_prev:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-left: 3px;
        }

        .laypageskin_molv .laypage_next:after {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
            margin-left: 0px;
        }

    .viewmore-module {
        display: none;
    }
}





/* 案例新增滑块 s */
.incase-lists li .thumb { position: relative; }

.case-content { display: none; }

@media (min-width: 1024px) { .case-content { display: block; position: absolute; top: 0; left: 0; z-index: 22; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background-color: rgba(33, 76, 150, 0.9); opacity: 0; visibility: hidden; }
  .case-content .msg { padding: 25px 25px 20px; }
  .case-content .msg h4 { font-size: 15px; line-height: 24px; color: #fff; opacity: 0.92; }
  .case-content .info { color: #99baf3; padding: 0 25px 0; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .case-content .ico-line { display: block; width: 100%; height: 30px; background: url(../images/icaseline.png) no-repeat 25px bottom; }
  .incase-lists li a:hover .case-content { opacity: 1; visibility: visible; } }

@media (min-width: 1260px) { .incase-lists li { width: 33.3333%; } }

@media (min-width: 1440px) { .case-content .msg { padding: 45px 25px 25px; }
  .case-content .ico-line { height: 37px; } }

/* 案例新增滑块 e */