.mdcommonweb { padding: 0px 15px; }

.smcommonweb { padding: 0px 15px; }

i, em { font-style: normal; }

@media (min-width: 768px) { .mdcommonweb { padding: 0px 20px; }
  .smcommonweb { padding: 0px 20px; } }

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

@media (min-width: 1260px) { .mdcommonweb { margin: 0px auto; max-width: 1600px; padding: 0 60px; }
  .smcommonweb { margin: 0px auto; max-width: 1400px; padding: 0 60px; } }

@media (min-width: 1460px) { .smcommonweb { padding: 0; } }

@media (min-width: 1660px) { .mdcommonweb { padding: 0; } }



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

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

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

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

ul, li { list-style: none; }

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

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

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

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

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

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

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

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

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

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

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

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

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

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 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: 992px) { .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: 996px; padding: 0; } }*/
@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }



.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




@-webkit-keyframes bigTosmall { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@-moz-keyframes bigTosmall { 0% { -moz-transform: scale(1.05); transform: scale(1.05); }
  100% { -moz-transform: scale(1); transform: scale(1); } }
@-o-keyframes bigTosmall { 0% { -o-transform: scale(1.05); transform: scale(1.05); }
  100% { -o-transform: scale(1); transform: scale(1); } }
@keyframes bigTosmall { 0% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes topTobottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }

@-moz-keyframes topTobottom { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  100% { -moz-transform: translateY(-8px); transform: translateY(-8px); } }

@-o-keyframes topTobottom { 0% { -o-transform: translateY(0); transform: translateY(0); }
  100% { -o-transform: translateY(-8px); transform: translateY(-8px); } }

@keyframes topTobottom { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); } }

html, body { overflow-x: hidden; }

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

.thumb img { width: 100%; max-width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.back-top { position: fixed; bottom: 5%; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: #072146; opacity: .5; display: none; cursor: pointer; z-index: 89; }

.back-top::before { content: ''; position: absolute; left: 50%; top: 17px; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: translate(-50%, 0) rotate(-45deg); -moz-transform: translate(-50%, 0) rotate(-45deg); -ms-transform: translate(-50%, 0) rotate(-45deg); -o-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); }

.side-banner-page { position: absolute; bottom: 8px; left: 0; font-size: 0; line-height: 1; width: 100%; z-index: 2; text-align: center; }

.side-banner-page span { background-color: #ffffff; opacity: 0.5; margin: 0 3px; }

.side-banner-page .swiper-pagination-bullet-active { background-color: #43abff; opacity: 1; }

header { height: 51px; }

header .headerfixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }

header .header-line { width: 100%; height: 1px; background: url(../images/head-line-bg.png) no-repeat center bottom; -o-background-size: 100% 100%; background-size: 100% 100%; }

header .header-top { background: #061E41; }

header .header-top a { display: none; color: #fff; opacity: .75; }

header .header-top .head-tel { display: inline-block; line-height: 30px; color: #fff; opacity: .75; font-size: 13px; padding-left: 19px; background: url(../images/icon-call.png) no-repeat left center; -o-background-size: 13px; background-size: 13px; }

header .header-box { background: #072146; position: relative; }

header .head-commonweb { padding-left: 15px; padding-right: 15px; }

header .logo { display: block; padding: 13px 0; }

header .logo img { height: 24px; display: block; }

header .gupiao { display: none; }

header .search-box { display: none; position: fixed; top: 51px; left: 0; width: 100%; background: rgba(7, 33, 70, 0.85); padding: 15px; }

header .search-form { position: relative; }

header .search-input { width: 100%; height: 35px; border: solid 1px #fff; background: none; color: #fff; padding: 0 75px 0 15px; }

header .search-btn { position: absolute; top: 0; right: 0; width: 60px; height: 35px; background: #fff url(../images/icon-search-2.png) no-repeat center center; -o-background-size: 15px; background-size: 15px; }

header .search-toggle-btn { width: 30px; height: 30px; display: block; background: url(../images/icon-search.png) no-repeat center center; -o-background-size: 15px; background-size: 15px; margin-top: 10px; margin-right: 5px; }

header .lang-icon-cn { background: url(../images/icon-cn.svg) no-repeat center center; -o-background-size: 15px; background-size: 15px;}

header .lang-icon-en { background: url(../images/icon-en.svg) no-repeat center center; -o-background-size: 15px; background-size: 15px;}

header .lang-toggle-btn { width: 30px; height: 30px; display: block;color: #fff;font-size: 20px;margin-top: 10px; margin-right: 5px; }

header .toggle-btn { width: 30px; height: 30px; position: relative; margin-top: 10px; }

header .toggle-btn span { width: 20px; height: 1px; background: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; }

header .toggle-btn span:first-child { top: 8px; }

header .toggle-btn span:nth-child(2) { top: 50%; }

header .toggle-btn span:last-child { bottom: 7px; }

header .toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 7px) rotate(45deg); -moz-transform: translate(-50%, 7px) rotate(45deg); -ms-transform: translate(-50%, 7px) rotate(45deg); -o-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg); }

header .toggle-btn.cur span:nth-child(2) { opacity: 0; }

header .toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -7px) rotate(-45deg); -moz-transform: translate(-50%, -7px) rotate(-45deg); -ms-transform: translate(-50%, -7px) rotate(-45deg); -o-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg); }

header nav { display: none; position: fixed; top: 51px; z-index: 99; background: #072146; left: 0; width: 100%; height: 100%; padding: 0px 0 82px; overflow-y: auto; }

header nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; }

header nav li.cur h3 a { color: #43abff; }

header nav li.active i::before { top: 19px; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); }

header nav h3 { position: relative; }

header nav h3 a { padding: 10px 20px; display: block; color: #fff; font-size: 16px; }

header nav i { position: absolute; top: 0; right: 0; height: 100%; width: 80px; }

header nav i::before { content: ''; position: absolute; top: 14px; right: 22px; width: 10px; height: 10px; border-bottom: solid 1px #fff; border-left: solid 1px #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

header .head-subnav { display: none; padding-bottom: 10px; }

header .head-subnav a { font-size: 14px; color: #8390a3; display: block; padding: 5px 30px; }

footer .foot-top { background: #072146; color: #fff; padding-top: 20px; padding-bottom: 30px; }

footer .foot-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

footer .foot-nav .active i::after { opacity: 0; }

footer .foot-nav h3 { position: relative; }

footer .foot-nav h3 a { font-size: 16px; color: #fff; display: block; padding: 8px 0; }

footer .foot-nav i { position: absolute; top: 0; right: 0; height: 100%; width: 80px; }

footer .foot-nav i::before { content: ''; position: absolute; top: 50%; height: 1px; width: 15px; background: #fff; margin-top: -1px; right: 10px; }

footer .foot-nav i::after { content: ''; position: absolute; top: 50%; height: 15px; width: 1px; background: #fff; margin-top: -8px; right: 17px; }

footer .foot-subnav { padding: 0 0 10px 0; display: none; }

footer .foot-subnav a { display: block; color: #8390a3; font-size: 14px; line-height: 26px; }

footer .foot-qrcode { margin-top: 20px; text-align: center; }

footer .foot-qrcode h3 { font-size: 16px; }

footer .foot-qrcode a { display: block; color: #8390a3; font-weight: bold; font-size: 20px; margin-top: 5px; margin-bottom: 5px; }

footer .foot-qrcode img { max-width: 50%; margin-top: 10px; }

footer .foot-bottom { padding-top: 10px; padding-bottom: 15px; background-color: #051632; color: #8390a3; text-align: center; }

footer .foot-bottom a { color: #8390a3; display: inline-block; }

footer .foot-bottom p { margin-bottom: 8px; }

footer .f-links span { background: url(../images/link-sharp.png) no-repeat left center; -o-background-size: auto 100%; background-size: auto 100%; padding-left: 20px; color: #384962; }

footer .f-links ul { font-size: 0; text-align: center; margin-top: 3px; }

footer .f-links li { font-size: 14px; display: inline-block; vertical-align: top; margin: 0 10px; position: relative; line-height: 30px; }

footer .f-links a { font-size: 14px; color: #384962; }

footer .f-links-more { width: 30px; height: 30px; position: relative; display: block !important; }

footer .f-links-more::before { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin-top: 4px; _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #384962 transparent transparent transparent; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

footer .f-lists-more-box:hover .more-list { bottom: 30px; opacity: 1; pointer-events: auto; }

footer .more-list { position: absolute; bottom: 35px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); min-width: 100px; line-height: 30px; background: rgba(255, 255, 255, 0.9); padding: 10px 0; opacity: 0; pointer-events: none; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.public-title-1 { color: #072146; text-align: center; }

.public-title-1 h3 { line-height: 1; font-size: 20px; margin-bottom: 8px; }

.public-title-1 h4 { line-height: 1.3; }

.public-title-2 h3 { text-align: center; position: relative; padding-bottom: 10px; color: #072146; letter-spacing: -1; line-height: 1; font-size: 18px; }

.public-title-2 h3::before { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #072146; width: 30px; height: 2px; }

.public-banner-area { position: relative; overflow: hidden; }

.public-banner-area .word { text-align: center; color: #fff; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.public-banner-area h3 { line-height: 1; font-size: 20px; margin-bottom: 5px; }

.public-banner-area h4 { line-height: 1; font-family: Montserrat-UltraLight; opacity: 0.4; font-size: 16px; font-weight: 200; }

.public-banner-area img { height: 150px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.public-tab { position: relative; display: none; z-index: 4; }

.public-tab .crumb { display: none; }

.public-tab2 { text-align: center; position: relative; z-index: 3; }

.public-tab2 h4 { line-height: 40px; background: #f4f4f4; font-size: 16px; position: relative; }

.public-tab2 h4::after { content: ''; position: absolute; top: 13px; -webkit-transform: translateX(10px) rotate(-45deg); -moz-transform: translateX(10px) rotate(-45deg); -ms-transform: translateX(10px) rotate(-45deg); -o-transform: translateX(10px) rotate(-45deg); transform: translateX(10px) rotate(-45deg); width: 10px; height: 10px; border-bottom: solid 2px #999; border-left: solid 2px #999; }

.public-tab-area { width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0; padding-bottom: 10px; }

.public-tab-area::-webkit-scrollbar { width: auto; height: 1px; background-color: rgba(0, 0, 0, 0); }

.public-tab-area::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.public-tab-area::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #072146; }

.public-tab-area a { display: inline-block; padding: 5px 14px; border: solid 1px #072146; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; margin: 0 5px; }

.public-tab-area .cur { color: #fff; background: #072146; }

.public-nav-btn { text-align: center; font-size: 16px; line-height: 40px; background: #eee; position: relative; padding-right: 10px; overflow: hidden; }

.public-nav-btn::after { content: ''; position: absolute; top: 13px; -webkit-transform: translateX(10px) rotate(-45deg); -moz-transform: translateX(10px) rotate(-45deg); -ms-transform: translateX(10px) rotate(-45deg); -o-transform: translateX(10px) rotate(-45deg); transform: translateX(10px) rotate(-45deg); width: 10px; height: 10px; border-bottom: solid 2px #999; border-left: solid 2px #999; }

.public-subNav { display: none; position: absolute; left: 0; width: 100%; background: #fff; z-index: 2; -webkit-box-shadow: 0 4px 8px #f4f4f4; box-shadow: 0 4px 8px #f4f4f4; }

.public-subNav ul { padding: 10px 0; }

.public-subNav a { display: block; padding: 8px 0; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #666; }

.public-subNav .cur a { color: #072146; }

.page-area { padding-top: 30px; }

.video-thumb { position: relative; cursor: pointer; }

.video-thumb::before { content: ''; 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: 40px; height: 40px; background: url(../images/icon-play.png) center center no-repeat; -o-background-size: 100%; background-size: 100%; z-index: 2; }

.public-title-search { margin-bottom: 20px; }

.public-title-search a { width: 28px; height: 28px; display: inline-block; vertical-align: middle; -webkit-border-radius: 100%; border-radius: 100%; background: #f2f2f7 url(../images/icon-search-3.png) no-repeat center center; -o-background-size: 12px; background-size: 12px; margin-left: 5px; }

.public-title-search h3 { padding-left: 40px; }

.public-title-form { background-color: #f2f2f7; position: relative; padding: 2px 10px; margin-top: 10px; display: none; }

.public-title-form .public-title-input { height: 30px; background: none; border-bottom: solid 1px #072146; width: 100%; display: block; color: #072146; padding-right: 90px; }

.public-title-form .public-title-submit { position: absolute; right: 0; line-height: 30px; padding: 0; top: 2px; background: #072146; color: #fff; width: 80px; }

.public-page .public-page-list { font-size: 0; text-align: center; margin: 0; }

.public-page .public-page-list li { width: auto; padding: 0; display: inline-block; vertical-align: top; font-size: 14px; -webkit-border-radius: 3px; border-radius: 3px; background: #EAEAEA; margin: 0 5px; }

.public-page .public-page-list .cur { background: #072146; }

.public-page .public-page-list .cur a { color: #fff; }

.public-page .public-page-list a { display: block; color: #2e2e2e; text-align: center; min-width: 35px; height: 35px; line-height: 35px; }

.public-page .public-page-list .prev, .public-page .public-page-list .next { background: none; border: solid 1px #072146; }

.public-page .public-page-list .prev a, .public-page .public-page-list .next a { height: 33px; line-height: 33px; min-width: 60px; }


.index-container .inbanner-swiper { overflow: hidden; position: relative; }

.index-container .inbanner-swiper img { height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.index-container .inbanner-swiper .swiper-slide { overflow: hidden; position: relative; }

.index-container .inbanner-swiper .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.index-container .inban-title { margin-bottom: 5px; font-size: 18px; font-weight: bold; }

.index-container .inban-title span { line-height: 1.3; display: block; }

.index-container .inban-desc { color: #ffffff; font-family: TitilliumWeb-Thin; }

.index-container .inban-desc span { line-height: 1.3; display: block; }

.index-container .inban-page { position: absolute; bottom: 10px; left: 0; font-size: 0; line-height: 1; z-index: 2; width: 100%; text-align: center; }

.index-container .inban-page span { background: rgba(255, 255, 255, 0.5); margin: 0 5px; }

.index-container .inban-page .swiper-pagination-bullet-active { background: #43abff; }

.index-container .inprogrammer-swiper { overflow: hidden; position: relative; padding: 20px 0; }

.index-container .inban-prev, .index-container .inban-next { display: none; }

.index-container .inprogramme-item { display: block; font-size: 0; padding: 0 10px; position: relative; height: 100px; padding-left: 120px; padding-top: 21px; }

.index-container .inprogramme-item .thumb { display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; z-index: -1; }

.index-container .inprogramme-item .thumb img { height: 100%; width: auto; }

.index-container .inprogramme-item .word { width: 62.5%; padding-left: 15px; font-size: 14px; display: inline-block; vertical-align: middle; }

.index-container .inprogrammer-title { line-height: 1; color: #072146; font-size: 18px; margin-bottom: 8px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.index-container .inprogrammer-desc { color: #79808a; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }

.index-container .inprogrammer-page { font-size: 0; line-height: 1; text-align: center; margin-top: 15px; }

.index-container .inprogrammer-page span { margin: 0 5px; background: #ced8e6; }

.index-container .inprogrammer-page .swiper-pagination-bullet-active { background: #072146; }

.index-container .innews { padding-top: 30px; padding-bottom: 30px; background-color: #ced8e6; }

.index-container .innews a { display: block; }

.index-container .innews .title { font-size: 16px; color: #072146; opacity: 0.9; margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.index-container .innews .desc { color: #79808a; max-height: 36px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.index-container .innews .more { color: #072146; line-height: 1; background: url("http://wuqiuping.new.uoeee.com/aoweiya/dist/css/dist/images/right.svg") no-repeat left center; padding-left: 26px; font-weight: bold; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-background-size: 18px auto; background-size: 18px auto; }

.index-container .innews .thumb::before { display: block; content: ''; padding-bottom: 57.78252%; }

.index-container .innews .thumb img { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; max-width: none; min-width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index-container .innews-box { margin-top: 20px; }

.index-container .innews-l { padding-bottom: 25px; }

.index-container .innews-l .date { color: #072146; opacity: 0.9; font-weight: bold; line-height: 1; padding-top: 18px; margin-bottom: 5px; font-size: 16px; }

.index-container .innews-l .more { margin-top: 12px; }

.index-container .innews-r li { margin-bottom: 25px; }

.index-container .innews-r li:last-child { margin-bottom: 0; }

.index-container .innews-r .date { color: #072146; font-weight: bold; line-height: 1; margin-bottom: 5px; font-size: 16px; }

.index-container .innews-r .more { margin-top: 12px; }

.index-container .incase { padding-top: 30px; padding-bottom: 30px; }

.index-container .incase-swiper { overflow: hidden; position: relative; }

.index-container .incase-item { display: block; }

.index-container .incase-item .word { background: #072146 url(../images/icon-dou.png) no-repeat 96% 90%; color: #fff; padding: 30px 15px; position: relative; -o-background-size: 13px; background-size: 13px; }

.index-container .incase-box { padding: 0 15px; margin-top: 20px; }

.index-container .incase-page { font-size: 0; line-height: 1; text-align: center; margin-top: 15px; }

.index-container .incase-page span { margin: 0 5px; background: #ced8e6; }

.index-container .incase-page .swiper-pagination-bullet-active { background: #072146; }



.product-list-views { padding-top: 20px; padding-bottom: 30px; }

.product-list-views ul { margin-bottom: 10px; }

.product-list-views li { margin-bottom: 13px; }

.product-list-item { display: table; width: 100%; border: solid 1px #d7dce3; }

.product-list-item .thumb { width: 50%; display: table-cell; vertical-align: middle; background: #F8F8F8; }

.product-list-item .thumb::before { content: ''; display: block; padding-bottom: 100%; }

.product-list-item .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.product-list-item .word { display: table-cell; vertical-align: middle; width: 50%; padding: 0 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.product-list-item .name { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 18px; line-height: 1; margin-bottom: 8px; }

.product-list-item .desc { max-height: 36px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #0e0e0e; margin-bottom: 8px; }

.product-list-item .more { font-size: 12px; }

.product-detail-info { padding-top: 30px; }

.pro-detail-swiper { overflow: hidden; position: relative; }

.pro-detail-swiper .swiper-slide { overflow: hidden; }

.pro-detail-swiper .thumb { background: #EEF4FB; }

.pro-detail-swiper .thumb::before { content: ''; display: block; padding-bottom: 75%; }

.pro-detail-swiper .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pro-detail-page { position: absolute; bottom: 5px; left: 0; line-height: 1; font-size: 0; width: 100%; text-align: center; z-index: 2; }

.pro-detail-page span { margin: 0 5px; background: #ced8e6; }

.pro-detail-page .swiper-pagination-bullet-active { background: #072146; }

.pro-solution-page, .pro-recommend-page { line-height: 1; font-size: 0; text-align: center; margin-top: 10px; }

.pro-solution-page span, .pro-recommend-page span { margin: 0 5px; background: #ced8e6; }

.pro-solution-page .swiper-pagination-bullet-active, .pro-recommend-page .swiper-pagination-bullet-active { background: #072146; }

.product-detail-word { border: solid 2px #eaf1fa; padding: 20px 15px; }

.product-detail-word h1 { line-height: 1; font-size: 22px; color: #072146; letter-spacing: -1px; margin-bottom: 8px; }

.product-detail-word .desc { color: #072146; line-height: 1.3; margin-bottom: 14px; }

.product-detail-word .line { background-color: #072146; height: 2px; width: 60px; margin-bottom: 18px; }

.product-detail-word h4 { color: #072146; line-height: 1; font-size: 16px; margin-bottom: 5px; }

.product-detail-word ul { font-size: 0; list-style: initial; color: #072146; }

.product-detail-word li { display: inline-block; vertical-align: top; font-size: 16px; width: 50%; padding-right: 20px; line-height: 24px; }

.product-detail-word li span { font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.pro-detail-solution { margin-top: 20px; }

.pro-detail-solution h4 { font-size: 16px; color: #072146; }

.pro-solution-swiper { overflow: hidden; position: relative; margin-top: 12px; }

.pro-solution-item { display: block; overflow: hidden; }

.pro-solution-item .thumb { border: solid 2px #eaf1fa; margin-bottom: 6px; }

.pro-solution-item .thumb::before { content: ''; display: block; padding-bottom: 55.51724%; }

.pro-solution-item .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pro-solution-item h2 { color: #666666; line-height: 30px; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.pro-detail-content { margin-top: 30px; }

.pro-detail-tab { font-size: 0; }

.pro-detail-tab li { display: inline-block; vertical-align: top; font-size: 14px; }

.pro-detail-tab a { display: block; line-height: 40px; font-size: 16px; color: #072146; background-color: #eaf1fa; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 0 16px; }

.pro-detail-tab a:active { color: #fff; background-color: #072146; }

.pro-detail-tab .cur a { color: #fff; background-color: #072146; }

.pro-content-item { border: solid 2px #eaf1fa; text-align: center; padding: 25px 0; display: none; }

.pro-content-item img { max-width: 100%; }

.pro-content-item h3 { color: #000; letter-spacing: -1px; font-size: 18px; }

.pro-content-advantage { margin-top: 20px; }

.pro-content-advantage ul { font-size: 0; margin-left: -10px; margin-right: -10px; }

.pro-content-advantage li { display: inline-block; vertical-align: top; font-size: 16px; padding: 0 10px; text-align: center; max-width: 33.3333%; margin-bottom: 10px; }

.pro-content-advantage .icon { -webkit-border-radius: 100%; border-radius: 100%; border: solid 2px #eaf1fa; width: 80px; height: 80px; font-size: 0; text-align: center; line-height: 78px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }

.pro-content-advantage .icon img { max-width: 40px; display: inline-block; vertical-align: middle; }

.pro-content-advantage h5 { color: #072146; line-height: 1.3; }

.pro-recommend { margin-top: 30px; margin-bottom: 40px; }

.pro-recommend h4 { font-size: 16px; color: #072146; }

.pro-recommend-swiper { overflow: hidden; position: relative; margin-top: 12px; }

.pro-recommend-item { display: block; overflow: hidden; }

.pro-recommend-item .thumb { margin-bottom: 6px; background-color: #eaf1fa; }

.pro-recommend-item .thumb::before { content: ''; display: block; padding-bottom: 55.51724%; }

.pro-recommend-item .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pro-recommend-item h2 { font-size: 14px; color: #666; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }



.entrenews-list-views { padding-top: 20px; padding-bottom: 30px; }

.entrenews-list-views li { margin-bottom: 15px; }

.entrenews-list-item { display: block; color: #072146; }

.entrenews-list-item .thumb::before { content: ''; display: block; width: 100%; padding-bottom: 55.9322%; }

.entrenews-list-item .thumb img { position: absolute; top: 50%; left: 50%; height: 100%; min-width: 100%; width: auto; max-width: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.entrenews-list-item h2 { font-size: 16px; line-height: 1; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.entrenews-list-item p { font-size: 16px; letter-spacing: -1px; font-weight: bold; line-height: 1; }

.entrenews-list-item .word { padding: 15px 10px; }



.industry-list-views { margin-top: 20px; padding-bottom: 30px; }

.industry-list-views ul { margin-bottom: 20px; }

.industry-list-item { display: block; padding: 15px 0; border-bottom: solid 1px #eaf1fa; }

.industry-list-item h2 { line-height: 1; color: #072146; font-size: 16px; margin-bottom: 8px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.industry-list-item .desc { color: #666666; max-height: 36px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; }

.industry-list-item .look-detail { color: #aaa; font-size: 13px; }



.video-list-views { margin-top: 20px; padding-bottom: 30px; }

.video-list-views li { margin-bottom: 15px; }

.video-list-views ul { margin-top: 20px; margin-bottom: 25px; }

.video-list-item { display: block; }

/*.video-list-item .thumb::before { content: ''; 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: 40px; height: 40px; background: url(../images/icon-play.png) center center no-repeat; -o-background-size: 100%; background-size: 100%; z-index: 2; }*/

.video-list-item .thumb::after { display: block; content: ''; padding-bottom: 56.25%; }

.video-list-item .thumb img { 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: auto; min-width: 100%; height: 100%; max-width: none; }

.video-list-item .word { border: solid 1px #dcdce5; border-top: 0; padding: 15px 10px; color: #072146; }

.video-list-item .word h2 { font-size: 16px; min-height: 48px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.video-list-item .word .desc { margin-top: 6px; color: #2e2e2e; height: 40px; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

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

.videobox2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 95%; left: 2.5%; }

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

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

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



.detail-title { color: #072146; font-size: 18px; line-height: 1.3; margin-bottom: 15px; }

.dateAshare .date { color: #888888; line-height: 30px; }

.dateAshare .share { color: #2e2e2e; }

.dateAshare .icon { display: inline-block; vertical-align: middle; width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; background: url(../images/icon-weixin.png) no-repeat center center; margin-left: 10px; position: relative; }

.dateAshare .share-box { display: none; position: absolute; right: 0; width: 104px; height: 125px; text-align: center; line-height: 125px; background: url(../images/share-bg.png) no-repeat center center; -o-background-size: cover; background-size: cover; top: 100%; }

.detail-views { padding-bottom: 30px; }

.detail-content .content { padding-top: 12px; color: #2e2e2e; }

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

.detail-content .line { height: 3px; background: url(../images/line-bg.png) repeat-x; }

.conent-ctrl-box { margin-top: 15px; }

.conent-ctrl-box .ctrl { color: #666; margin-bottom: 10px; }

.conent-ctrl-box .ctrl a { display: table-cell; vertical-align: top; color: #666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.conent-ctrl-box .ctrl p { display: table; table-layout: fixed; width: 100%; line-height: 24px; }

.conent-ctrl-box .ctrl span { width: 60px; display: table-cell; vertical-align: top; }

.conent-ctrl-box .back { display: block; width: 110px; height: 35px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 35px; color: #ffffff; background-color: #072146; }

.detail-content { padding-bottom: 25px; }

.detail-other { border: solid 2px #eaf1fa; padding: 15px 10px; padding-bottom: 0; }

.detail-other h3 { font-size: 18px; line-height: 24px; letter-spacing: -1px; color: #2e2e2e; margin-bottom: 15px; }

.detail-other li { margin-bottom: 15px; }

.detail-other .video-item .thumb::before { content: ''; 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: 40px; height: 40px; background: url(../images/icon-play.png) center center no-repeat; -o-background-size: 100%; background-size: 100%; z-index: 2; }

.detail-other .txt-list { padding-bottom: 20px; }

.detail-other .txt-list li { margin-bottom: 0; position: relative; padding-left: 10px; }

.detail-other .txt-list li::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 3px; height: 3px; -webkit-border-radius: 100%; border-radius: 100%; background: #2e2e2e; }

.detail-other .txt-list a { line-height: 24px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.detail-other-item { display: block; }

.detail-other-item h2 { font-size: 14px; height: 42px; margin-bottom: 8px; max-height: 42px; line-height: 21px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.detail-other-item .word { padding: 10px 0; }

.detail-other-item p { letter-spacing: -1px; color: #888888; line-height: 1.3; }

.detail-other-item .thumb::after { content: ''; display: block; padding-bottom: 52.79188%; }

.detail-other-item .thumb img { position: absolute; max-height: 100%; max-width: none; width: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.services-mode { margin-top: 20px; margin-bottom: 25px; }

.services-mode .word { border: solid 2px #f0f4f9; padding: 15px; text-align: justify; }

.services-mode h3 { font-size: 16px; color: #0e0e0e; line-height: 1; margin-bottom: 10px; }

.services-mode .desc { color: #888888; /*max-height: 66px;*/ line-height: 22px; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.data-download-views { padding-top: 30px; padding-bottom: 35px; background: #eaf1fa; }

.data-download-list { margin-top: 20px; font-size: 0; }

.data-download-list li { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; text-align: center; border-right: solid 1px #EAF1FA; border-bottom: solid 1px #EAF1FA; background: #fff; position: relative; padding: 20px 0; }

.data-download-list .icon { width: 40px; height: 40px; margin: 0 auto; margin-bottom: 12px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.data-download-list .icon svg { fill: #072146; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.data-download-item { display: block; }

.data-download-item h2 { font-size: 14px; color: #0e0e0e; padding: 0 10px; line-height: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.services-network { margin-top: 30px; margin-bottom: 30px; }

.services-network-views { margin-top: 20px; margin-bottom: 15px; }

.services-network-views li { border: solid 2px #e1e5ed; margin-bottom: 10px; padding: 15px; position: relative; }

.services-network-views li:last-child { margin-bottom: 0; }

.services-network-views .icons { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; background: url(../images/icon-user.png) no-repeat center center; -o-background-size: 100%; background-size: 100%; }

.services-network-views .cur .icons { background-image: url(../images/icon-user-o.png); }

.services-network-views .cur h3 a { opacity: 0; pointer-events: none; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }

@media (max-width: 768px) { .services-network-views li { visibility: visible !important; } }

.services-network-left { font-size: 16px; line-height: 1.3; letter-spacing: -1px; color: #333333; margin-bottom: 15px; }

.services-network-right h3 { font-size: 16px; line-height: 1; letter-spacing: -1px; color: #333333; margin-bottom: 5px; }

.services-network-right h3 a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 1; pointer-events: auto; margin-left: 15px; display: inline-block; }

.services-network-right .d-address { color: #727272; line-height: 1.3; }

.services-network-info { color: #727272; display: none; }

.services-network-info a { color: #727272; }



.culture-content-views { margin-top: 20px; }

.culture-content-views .word { border: solid 2px #f0f4f9; padding: 20px 15px; }

.culture-content-views .desc { text-align: center; color: #0e0e0e; font-size: 16px; margin-bottom: 20px; }

.culture-content-views ul { font-size: 0; margin-left: -10px; margin-right: -10px; }

.culture-content-views li { display: inline-block; font-size: 14px; width: 33.3333%; vertical-align: top; text-align: center; padding: 0 10px; }

.culture-content-views .icon { width: 60px; height: 60px; background: #eaf1fa; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto; text-align: center; line-height: 60px; margin-bottom: 10px; }

.culture-content-views .icon img { width: 30px; }

.culture-swiper-views { margin-top: 30px; padding: 0 15px; }

.culture-swiper-views .culture-swiper-word { background: url(../images/word-bg.jpg) no-repeat center center; color: #fff; padding: 20px 15px 30px 15px; text-align: center; -o-background-size: 100% 100%; background-size: 100% 100%; }

.culture-swiper-views .desc { color: #b6c1d1; margin-top: 20px; }

.culture-swiper-views .public-title-2 h3 { color: #fff; }

.culture-swiper-views .public-title-2 h3::before { background: #fff; }

.culture-swiper-views .thumb::before { content: ''; display: block; padding-bottom: 56.30631%; }

.culture-swiper-views .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.culture-swiper { overflow: hidden; position: relative; }

.culture-swiper .swiper-slide { overflow: hidden; position: relative; }

.culture-page { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 2; }

.culture-page span { margin: 0 3px; background: #ced8e6; }

.culture-page .swiper-pagination-bullet-active { background: #072146; }

.culture-recruit { margin-top: 25px; margin-bottom: 35px; }

.culture-recruit-list { margin-top: 15px; }

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

.culture-recruit-list li:nth-child(2) h3 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 33, 70, 0)), to(#072146)); background-image: -webkit-linear-gradient(rgba(7, 33, 70, 0), #072146); background-image: -moz- oldlinear-gradient(rgba(7, 33, 70, 0), #072146); background-image: -o-linear-gradient(rgba(7, 33, 70, 0), #072146); background-image: linear-gradient(rgba(7, 33, 70, 0), #072146); }

.culture-recruit-item { display: block; }

.culture-recruit-item h3 { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; letter-spacing: 1px; color: #ffffff; font-size: 16px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), black); background-image: -moz- oldlinear-gradient(rgba(0, 0, 0, 0), black); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), black); background-image: linear-gradient(rgba(0, 0, 0, 0), black); padding: 20px 0 10px 0; }



.party-list-views { margin-top: 20px; margin-bottom: 30px; }

.party-list-views li { margin-bottom: 15px; }

.party-list-views li:last-child { margin-bottom: 0; }

.party-list-views ul { margin-bottom: 20px; }

.party-list-item { display: block; }

.party-list-item .word { padding: 10px; border: solid 2px #e5e5e5; }

.party-list-item h2 { font-size: 16px; color: #072146; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.party-list-item .date { font-size: 16px; color: #acacac; }

.party-list-item .desc { color: #888888; max-height: 44px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 44px; }



.solution-list-views { margin-top: 20px; margin-bottom: 30px; }

.solution-list-views ul { margin-top: 20px; margin-bottom: 20px; }

.solution-list-views li { margin-bottom: 15px; }

.solution-list-views li:last-child { margin-bottom: 0; }

.solution-list-views li .thumb::after { display: block; content: ''; padding-bottom: 56.04027%; }

.solution-list-views li .thumb img { 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%); height: 100%; max-width: none; min-width: 100%; width: auto; }

.case-list-views .solution-list-item { border: solid 2px #f0f4f9; /*background: none; */}

.case-list-views .solution-list-item .thumb { border: none; }

.solution-list-item { background-color: #f0f4f9; }

.solution-list-item .thumb { border: solid 2px #f0f4f9; }

.solution-list-item .word { padding: 15px; text-align: justify; }

.solution-list-item h2 { margin-bottom: 8px; font-size: 16px; line-height: 1.5; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #0e0e0e; }

.solution-list-item .desc { font-size: 14px; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px; color: #888888; margin-bottom: 8px; }

.solution-list-item .btns a { display: inline-block; vertical-align: top; line-height: 30px; min-width: 100px; text-align: center; border: solid 1px #072146; color: #072146; margin-right: 5px; }

.map-box { width: 500px; margin: 0 auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.map-views { overflow-x: auto; overflow-y: hidden; margin-bottom: 15px; }

.solution-map { padding-top: 30px; padding-bottom: 30px; background: url(../images/solution-map-bg.jpg) no-repeat center center; -o-background-size: 100% 100%; background-size: 100% 100%; }

.solution-map-views h3 { line-height: 1; font-size: 24px; color: #072146; letter-spacing: -1px; margin-bottom: 3px; padding-left: 20px; }

.solution-map-views h4 { color: #888888; font-size: 20px; line-height: 1; letter-spacing: -1px; padding-left: 20px; }

.solution-map-views .word-city { margin-top: 15px; background: url(../images/city-bg.png) no-repeat center center; -o-background-size: 100% 100%; background-size: 100% 100%; padding-left: 20px; line-height: 36px; }

.solution-map-views .word-city h2 { display: inline-block; vertical-align: middle; line-height: 1; font-size: 18px; color: #072146; }

.solution-map-views .word-city p { display: inline-block; vertical-align: middle; line-height: 1; margin-left: 20px; }

.solution-map-views .word-city span { color: #072146; margin-right: 15px; }

.solution-map-views .word-item { width: 100%; max-width: 456px; }

.solution-map-views .word-item ul { margin-top: 15px; max-height: 216px; padding-right: 10px; overflow-y: auto; }

.solution-map-views .word-item ul::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.solution-map-views .word-item ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0); }

.solution-map-views .word-item ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #072146; }

.solution-map-views .word-item li { padding-left: 20px; line-height: 24px; }

.solution-map-views .word-content { display: none; }

.solution-map-views .word-list ul { font-size: 0; max-height: 370px; padding-right: 10px; overflow-y: auto; }

.solution-map-views .word-list ul::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.solution-map-views .word-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0); }

.solution-map-views .word-list ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #072146; }

.solution-map-views .word-list li { font-size: 12px; display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; text-align: center; }

.solution-map-views .word-list h5, .solution-map-views .word-list p { display: inline-block; vertical-align: middle; line-height: 30px; }

.solution-map-views .word-list h5 { font-weight: bold; font-size: 16px; margin-right: 5px; min-width: 50px; text-align: center; }

.solution-map-views .word-list em { font-size: 14px; font-weight: bold; color: #01793e; min-width: 46px; display: inline-block; text-align: center; }

.solution-map-views .word-list i { color: #770000; min-width: 21px; display: inline-block; text-align: center; }



.solution-detail-content { position: relative; padding-bottom: 25px; }

.solution-detail-content::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #f0f4f9; z-index: -1; }

.solution-detail-content .word { margin-bottom: 20px; }

.solution-detail-content h2 { font-size: 18px; line-height: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; position: relative; }

.solution-detail-content h2::before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 30px; background: #072146; }

.solution-detail-content .desc { color: #2e2e2e; }

.solution-detail-advantage { margin-top: 25px; margin-bottom: 25px; }

.solution-detail-advantage .desc { text-align: center; margin-top: 15px; color: #2e2e2e; }

.solution-detail-swiper { margin-top: 20px; overflow: hidden; position: relative; }

.solution-detail-swiper .swiper-slide { overflow: hidden; position: relative; padding-bottom: 10px; height: auto; }

.solution-detail-item { background-color: #f0f4f9; -webkit-box-shadow: 0 10px 5px -5px #E6E8EC; box-shadow: 0 10px 5px -5px #E6E8EC; padding-top: 25px; padding-left: 10px; padding-right: 10px; text-align: center; padding-bottom: 30px; height: 100%; }

.solution-detail-item .icon { margin: 0 auto; border: solid 1px #072146; width: 70px; height: 70px; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 18px; overflow: hidden; }

.solution-detail-item .icon img { width: 100%; height: 100%; }

.solution-detail-item h2 { font-size: 16px; color: #072146; line-height: 1; margin-bottom: 5px; }

.solution-detail-item .txt { color: #2e2e2e; }

.solution-detail-page { text-align: center; line-height: 1; font-size: 0; margin-top: 15px; }

.solution-detail-page span { margin: 0 5px; background: #ced8e6; }

.solution-detail-page .swiper-pagination-bullet-active { background: #072146; }

.solution-detail-application { padding-top: 20px; padding-bottom: 30px; background-color: #f0f4f9; }

.application-swiper-views { margin-top: 20px; }

.solution-application-swiper { position: relative; overflow: hidden; }

.solution-application-swiper .swiper-slide { height: auto; }

.solution-application-swiper .swiper-slide-active { -webkit-box-shadow: 0 0 30px 5px #C1CAD5; box-shadow: 0 0 30px 5px #C1CAD5; }

.solution-application-swiper .swiper-slide-active .application-item { background: #072146; }

.solution-application-swiper .swiper-slide-active h3, .solution-application-swiper .swiper-slide-active .desc { color: #fff; }

.application-item { padding: 10px; background: #fff; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; text-align: center; }

.application-item .word { padding: 20px 10px; }

.application-item h3 { color: #072146; font-size: 16px; line-height: 1; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.application-item .desc { color: #2e2e2e; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.application-item .thumb::before { display: block; content: ''; padding-bottom: 74.88372%; }

.application-item .thumb img { 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%); max-width: none; min-width: 100%; width: auto; height: 100%; }

.solution-detail-core { padding-top: 30px; padding-bottom: 15px; }

.solution-detail-core .desc { text-align: center; margin-top: 15px; color: #2e2e2e; }

.core-swiper { position: relative; overflow: hidden; margin-top: 20px; }

.core-page { text-align: center; line-height: 1; font-size: 0; margin-top: 15px; }

.core-page span { margin: 0 5px; background: #ced8e6; }

.core-page .swiper-pagination-bullet-active { background: #072146; }

.core-item { display: block; position: relative; overflow: hidden; text-align: center; }

.core-item h2 { color: #072146; line-height: 1; font-size: 16px; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.core-item .txt { color: #2e2e2e; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.core-item .word { padding: 15px 20px; }

.core-item .thumb::before { content: ''; display: block; padding-bottom: 74.85714%; }

.core-item .thumb img { 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: auto; max-width: none; min-width: 100%; height: 100%; }

.solution-detail-application2 { padding-top: 20px; padding-bottom: 25px; background-color: #f0f4f9; }

.solution-application2-swiper { margin-top: 20px; overflow: hidden; position: relative; }

.application2-item { display: block; text-align: center; }

.application2-item h3 { color: #072146; font-size: 16px; line-height: 1; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.application2-item .txt { color: #2e2e2e; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.application2-item .word { background: #fff; padding: 15px; }

.application2-item .thumb::before { display: block; content: ''; padding-bottom: 38.33333%; }

.application2-item .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.application2-page { text-align: center; line-height: 1; font-size: 0; margin-top: 15px; }

.application2-page span { margin: 0 5px; background: #ced8e6; }

.application2-page .swiper-pagination-bullet-active { background: #072146; }

.solution-detail-product { margin-bottom: 30px; margin-top: 30px; }

.solution-detail-product .pro-detail-solution { margin-top: 0; }

.solution-detail-ctrl { margin-bottom: 30px; }

.solution-detail-ctrl .conent-ctrl-box { margin-top: 15px; }

.solution-detail-ctrl .line { height: 3px; background: url(../images/line-bg.png) repeat-x; }



.brand-views { padding-top: 25px; padding-bottom: 30px; background-color: #eaf1fa; }

.public-welfare-action { margin-top: 25px; margin-bottom: 30px; }

.welfare-swiper { position: relative; overflow: hidden; margin-top: 20px; }

.welfare-swiper .swiper-slide { position: relative; overflow: hidden; }

.welfare-swiper .thumb { overflow: inherit; -webkit-box-shadow: 0 18px 7px -13px #B4BCC7; box-shadow: 0 18px 7px -13px #B4BCC7; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.welfare-swiper .thumb::before { content: ''; display: block; padding-bottom: 50%; }

.welfare-swiper .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.welfare-swiper .swiper-slide-active .desc { opacity: 1; }

.welfare-swiper .swiper-slide-active .thumb { -webkit-box-shadow: none; box-shadow: none; }

.welfare-swiper .desc { text-align: center; color: #072146; line-height: 1.3; margin-top: 8px; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 0 20px; }

.history-views { padding-top: 25px; padding-bottom: 30px; background-color: #eaf1fa; }




@media (min-width: 480px) { .public-banner-area img { height: auto; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; position: static; }
  
  .index-container .inbanner-swiper img { width: 100%; height: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
   }

@media (min-width: 768px) { .public-banner-area h3 { font-size: 25px; }
  .public-banner-area h4 { font-size: 25px; }
  
  .index-container .inprogrammer-swiper .swiper-slide-next .inprogramme-item::before, .index-container .inprogrammer-swiper .swiper-slide-prev .inprogramme-item::before { display: none; }
  .index-container .inprogramme-item { position: relative; }
  .index-container .inprogramme-item::before { content: ''; 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%); width: 1px; height: 65px; background: #ced8e6; }
  .index-container .incase-item { position: relative; }
  .index-container .incase-item .thumb { width: 66.8552%; }
  .index-container .incase-item .thumb::after { content: ''; display: block; padding-bottom: 52.79188%; }
  .index-container .incase-item .thumb img { position: absolute; min-width: 100%; max-width: none; width: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .index-container .incase-item .word { position: absolute; top: 0; right: 0; width: 31.67421%; height: 100%; font-size: 16px; padding-left: 20px; padding-right: 20px; }
  .index-container .inban-title { font-size: 26px; }
  .index-container .inban-desc { font-size: 20px; }
  
  
  .product-list-views { padding-top: 30px; }
  .product-list-views ul { font-size: 0; margin-left: -8px; margin-right: -8px; }
  .product-list-views li { width: 50%; padding: 0 8px; font-size: 14px; display: inline-block; vertical-align: top; margin-bottom: 18px; }
  
  
  .entrenews-list-views ul { font-size: 0; margin-left: -10px; margin-right: -10px; }
  .entrenews-list-views li { font-size: 14px; display: inline-block; vertical-align: top; padding: 0 10px; width: 50%; }
  
  
  .industry-list-item { position: relative; padding-right: 100px; }
  .industry-list-item .look-detail { position: absolute; top: 50%; right: 0; width: 100px; font-size: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
  .industry-list-item .look-detail p { font-size: 13px; }
  .industry-list-item .icon { display: inline-block; width: 25px; height: 25px; background: url(../images/icon-look.png) no-repeat center center; -o-background-size: 16px; background-size: 16px; margin-bottom: 2px; }
  
  
  .video-list-views ul { margin-left: -10px; margin-right: -10px; font-size: 0; }
  .video-list-views li { padding: 0 10px; display: inline-block; vertical-align: top; font-size: 14px; width: 50%; margin-bottom: 20px; }
  
  
  .detail-other { padding-left: 20px; padding-right: 20px; }
  .detail-other ul { margin-left: -10px; margin-right: -10px; font-size: 0; }
  .detail-other li { display: inline-block; width: 50%; vertical-align: top; font-size: 14px; padding: 0 10px; }
  
  
  .data-download-list li { width: 33.33333%; }
  .services-mode { display: table; table-layout: fixed; width: 100%; }
  .services-mode .thumb { display: table-cell; vertical-align: middle; width: 50%; }
  .services-mode .word { display: table-cell; vertical-align: middle; width: 50%; }
  
  
  .culture-content-views { width: 100%; display: table; table-layout: fixed; }
  .culture-content-views .thumb { display: table-cell; width: 50%; vertical-align: middle; }
  .culture-content-views .word { display: table-cell; width: 50%; vertical-align: middle; }
  .culture-recruit-list ul { font-size: 0; margin-left: -10px; margin-right: -10px; }
  .culture-recruit-list li { width: 50%; font-size: 14px; display: inline-block; vertical-align: top; padding: 0 10px; }
  
  
  .party-list-item { border: solid 2px #e5e5e5; }
  .party-list-item .thumb { float: left; width: 200px; height: 156px; }
  .party-list-item .thumb img { height: 156px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .party-list-item .word { padding-top: 20px; padding-left: 20px; overflow: hidden; border: none; }
  
  
  .solution-list-views li .thumb { float: left; width: 50%; }
  .solution-list-views li:nth-child(odd) .thumb { float: right; }
  .solution-list-views li:nth-child(odd) .word { float: left; }
  .case-list-views li:nth-child(odd) .thumb { float: left; }
  .case-list-views li:nth-child(odd) .word { float: right; }
  .solution-list-item h2 { font-size: 18px; }
  .solution-list-item .desc { margin-bottom: 12px; }
  .solution-list-item .word { float: right; width: 50%; padding: 20px; }
  .map-box { width: 100%; }
  
  
  .solution-detail-content .views { font-size: 0; }
  .solution-detail-content .thumb { display: inline-block; width: 50%; vertical-align: middle; }
  .solution-detail-content .word { display: inline-block; width: 50%; vertical-align: middle; font-size: 14px; margin-bottom: 0; padding-right: 20px; }
  .solution-detail-content .desc { max-height: 130px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; }
  .solution-detail-content .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }
  .solution-detail-content .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }
  .solution-detail-content .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #072146; }
  .solution-detail-item { min-height: 250px; }
  .solution-detail-item .txt { padding-left: 20px; padding-right: 20px; }
  
  
  footer .f-links span { display: inline-block; vertical-align: top; line-height: 30px; -o-background-size: auto 20px; background-size: auto 20px; padding-left: 25px; }
  footer .f-links ul { display: inline-block; vertical-align: top; margin-top: 0; }
   }


@media (min-width: 1024px) { header { height: auto; }
  header .head-commonweb { padding: 0 40px; }
  header .headerfixed { position: relative; }
  header .header-top a { display: inline-block; line-height: 40px; float: left; padding: 0 20px; border-left: solid 1px rgba(255, 255, 255, 0.2); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  header .header-top a:hover { opacity: .2; }
  header .header-top a:last-child { padding-right: 0; }
  header .header-top .head-tel { line-height: 40px; border: none; }
  header .header-top i { font-weight: bold; font-size: 16px; vertical-align: middle; }
  header .toggle-btn { display: none; }
  header .logo { padding: 15px 0; display: inline-block; vertical-align: middle; }
  header .logo img { height: 34px; }
  header .gupiao { display: inline-block; color: #fff; vertical-align: middle; font-size: 13px; line-height: 1.4; margin-left: 8px; padding-left: 8px; border-left: solid 1px #fff; }
  header .nav-ul { position: relative; z-index: 3; }
  header nav { position: relative; top: 0; left: 0; width: auto; height: auto; background: none; float: left; padding: 0; overflow: inherit; }
  header nav li { float: left; border-bottom: 0; padding: 0 12px; }
  header nav h3 a { padding: 0; line-height: 64px; }
  header nav i { display: none; }
  header .m-li { display: none; }
  header .head-subnav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: 1200px; background: none; text-align: left; min-width: 150px; padding: 20px 0; z-index: 3; }
  header .head-subnav a { color: #fff; line-height: 30px; padding: 0 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  header .head-subnav a:hover { color: #43abff; }
  header .search-toggle-btn { -o-background-size: 24px; background-size: 24px; margin-top: 17px; margin-right: 0; margin-left: 15px; }
  header .lang-toggle-btn { -o-background-size: 24px; background-size: 24px; margin-top: 17px; margin-right: 0; margin-left: 15px; }
  header .wrap-line { width: 0; position: absolute; height: 2px; bottom: 0; background: #43abff; -webkit-transform: translateX(12px); -moz-transform: translateX(12px); -ms-transform: translateX(12px); -o-transform: translateX(12px); transform: translateX(12px); }
  header .p-head-bg { background: rgba(7, 33, 70, 0.75); position: absolute; width: 100%; left: 0; z-index: 2; }
  header .search-box { position: absolute; top: 65px; padding: 20px 0; z-index: 2; }
  header .search-box::before { content: ''; height: 5px; position: absolute; top: 0; left: 0; width: 100%; top: -3px; }
  header .search { height: 64px; }
  header .search-input { height: 50px; font-size: 16px; padding: 0 145px 0 25px; }
  header .search-btn { height: 50px; width: 120px; -o-background-size: 24px; background-size: 24px; }
  header .search-form { max-width: 1000px; margin: 0 auto; }
  footer .foot-top { padding-top: 50px; padding-bottom: 40px; }
  footer .foot-nav { font-size: 0; float: left; }
  footer .foot-nav li { display: inline-block; vertical-align: top; font-size: 14px; border: none; min-width: 130px; padding-right: 20px; }
  footer .foot-nav i { display: none; }
  footer .foot-nav h3 a { padding: 0; }
  footer .foot-qrcode { float: right; margin-top: 0; text-align: right; }
  footer .foot-qrcode a { font-size: 24px; margin-top: 3px; margin-bottom: 3px; }
  footer .foot-qrcode img { margin-top: 8px; max-width: 100%; }
  footer .foot-subnav { padding-top: 10px; display: block !important; padding-bottom: 0; }
  footer .foot-subnav a { line-height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding-bottom: 0; }
  footer .foot-subnav a:hover { color: #43abff; -webkit-transform: translateX(2px); -moz-transform: translateX(2px); -ms-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px); }
  footer .f-cmw { font-size: 0; }
  footer .foot-bottom { padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
  footer .foot-bottom a { font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  footer .foot-bottom a:hover { color: #43abff; }
  footer .foot-bottom p { float: left; line-height: 30px; margin-bottom: 0; }
  footer .foot-bottom p span { margin: 0 10px; }
  footer .f-links { float: right; font-size: 16px; }
  footer .f-links span { font-size: 16px; }
  .back-top { bottom: 10%; right: 30px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; }
  .back-top:hover { opacity: 1; }
  .public-title-1 h3 { font-size: 30px; margin-bottom: 12px; }
  .public-title-1 h4 { font-size: 18px; }
  .public-nav-btn { display: none; }
  .public-subNav { -webkit-box-shadow: none; box-shadow: none; border-bottom: solid 1px #eaeaea; position: static; }
  .public-subNav ul { float: left; padding: 0; }
  .public-subNav ul a { padding: 0; line-height: 50px; font-size: 16px; position: relative; }
  .public-subNav ul a::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #072146; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .public-subNav ul a:hover { color: #072146; }
  .public-subNav ul a:hover::before { width: 100%; }
  .public-subNav ul .cur a::before { width: 100%; }
  .public-subNav li { float: left; margin-right: 40px; }
  .public-tab { display: block; }
  .public-tab .crumb { display: block; float: right; }
  .public-tab .crumb a, .public-tab .crumb span { float: left; padding: 0 15px; line-height: 50px; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #666; font-size: 14px; transition: all .3s; }
  .public-tab .crumb span { padding: 0; }
  .public-tab .crumb a::before { content: '>'; position: absolute; right: -5px; top: 0; color: #333; }
  .public-tab .crumb a:last-child { padding-right: 0; color: #072146; }
  .public-tab .crumb a:last-child::before { display: none; }
  .public-tab .crumb a:hover { color: #072146; }
  .public-tab .crumb .crumb-home { padding-left: 10px; }
  .public-tab2 h4 { display: none; }
  .public-tab-area { padding: 0; padding-bottom: 12px; -webkit-box-shadow: none; box-shadow: none; position: static; font-size: 0; }
  .public-tab-area::-webkit-scrollbar { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .public-tab-area::-webkit-scrollbar-thumb { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .public-tab-area:hover::-webkit-scrollbar { height: 4px; }
  .public-tab-area a { display: inline-block; font-size: 16px; line-height: 40px; min-width: 100px; color: #072146; padding: 0; border: solid 1px #072146; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .public-tab-area a:hover { color: #fff; background: #072146; }
  .public-tab-area .cur { color: #fff; background: #072146; }
  .public-banner-area h3, .public-banner-area h4 { font-size: 32px; }
  .public-banner-area .swiper-slide-active img { -webkit-animation-duration: 3.5s; -moz-animation-duration: 3.5s; -o-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bigTosmall; -moz-animation-name: bigTosmall; -o-animation-name: bigTosmall; animation-name: bigTosmall; }
  .page-area { padding-top: 55px; }
  .public-title-2 h3 { font-size: 24px; padding-bottom: 15px; }
  .public-swiper-prev, .public-swiper-next { position: absolute; width: 72px; height: 72px; background: rgba(7, 33, 70, 0.1); -webkit-border-radius: 100%; border-radius: 100%; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .public-swiper-prev::before, .public-swiper-next::before { content: ''; position: absolute; top: 50%; left: 31px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 19px; height: 33px; background: url(../images/icon-left-2.png) no-repeat center center; -o-background-size: 19px auto; background-size: 19px auto; opacity: .4; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .public-swiper-prev:hover::before, .public-swiper-next:hover::before { opacity: 1; }
  .public-swiper-prev { left: -26px; }
  .public-swiper-next { right: -26px; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .video-thumb::before { width: 55px; height: 55px; }
  .public-title-search { margin-bottom: 30px; }
  .public-title-search a { width: 38px; height: 38px; -o-background-size: auto; background-size: auto; }
  .public-title-search h3 { padding-left: 50px; }
  .public-title-form { padding-top: 5px; padding-bottom: 5px; margin-top: 30px; }
  .public-title-form .public-title-submit { height: 40px; top: 0; width: 120px; padding-left: 30px; text-align: left; background-image: url(../images/icon-search-4.png); background-repeat: no-repeat; background-position: 75% center; font-size: 16px; }
  .public-title-form .public-title-input { width: 600px; padding: 0; margin: 0 auto; font-size: 16px; }
  .public-page .public-page-list a { min-width: 40px; height: 40px; line-height: 40px; }
  .public-page .public-page-list li { margin: 0 7px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: auto; padding: 0; }
  .public-page .public-page-list li:hover { background: #072146; }
  .public-page .public-page-list li:hover a { color: #fff; }
  .public-page .public-page-list .prev, .public-page .public-page-list .next { min-width: 80px; text-align: center; }
  .public-page .public-page-list .prev a, .public-page .public-page-list .next a { line-height: 38px; height: 38px; }
  
  .index-container .inbanner-swiper .word { left: 19%; text-align: left; top: 20%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .index-container .inban-title { font-size: 34px; letter-spacing: 4px; }
  .index-container .inban-page { bottom: 26%; }
  .index-container .inban-prev, .index-container .inban-next { display: block; position: absolute; bottom: 26%; z-index: 3; color: #818181; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .index-container .inban-prev { left: 5%; padding-left: 20px; background: url(../images/icon-left.png) no-repeat left center; }
  .index-container .inban-prev:hover { color: #21d6d8; background: url(../images/icon-left-o.png) no-repeat left center; }
  .index-container .inban-next { right: 5%; padding-right: 20px; background: url(../images/icon-right-2.png) no-repeat right center; }
  .index-container .inban-next:hover { color: #21d6d8; background: url(../images/icon-right-2-o.png) no-repeat right center; }
  .index-container .inban-desc { font-size: 22px; font-weight: 200; }
  .index-container .views { position: relative; z-index: 2; height: 0; }
  .index-container .inprogrammer-swiper { padding: 0; 
 background: rgba(255,255,255,.75);
  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 16px 15px -10px #BAC5D6; box-shadow: 0 16px 15px -10px #BAC5D6; }
  .index-container .inprogrammer-swiper .swiper-slide:nth-child(2) .inprogramme-item::after { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 65px; background: #ced8e6; }
  .index-container .inprogrammer-swiper .swiper-slide:nth-child(2) .inprogramme-item::before { display: block; }
  .index-container .inprogramme-item { height: 160px; padding: 43px 14px 0 150px; }
  .index-container .inprogramme-item .word { width: auto; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .inprogramme-item .thumb { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .inprogramme-item::before { display: none; }
  .index-container .inprogramme-item:hover .word { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
  .index-container .inprogrammer-page { display: none; }
  .index-container .inprogrammer-title { font-size: 24px; margin-bottom: 15px; }
  .index-container .innews-box { font-size: 0; margin-top: 40px; }
  .index-container .innews-l { display: inline-block; vertical-align: top; width: 39.08333%; font-size: 14px; }
  .index-container .innews-l .date { padding-top: 30px; font-size: 26px; }
  .index-container .innews-l .more { margin-top: 18px; }
  .index-container .innews-r { display: inline-block; vertical-align: top; width: 60.91667%; font-size: 14px; padding-left: 4%; }
  .index-container .innews-r .date { position: absolute; width: 117px; height: 100%; right: 0; margin-bottom: 0; top: 0; background-color: #072146; color: #fff; text-align: center; line-height: 117px; }
  .index-container .innews-r span { line-height: 1; display: inline-block; vertical-align: middle; font-size: 28px; }
  .index-container .innews-r em { display: none; }
  .index-container .innews-r i { display: block; line-height: 1; font-size: 28px; font-weight: 200; margin-top: 3px; }
  .index-container .innews-r li { margin-bottom: 24px; }
  .index-container .innews-r a { padding-right: 140px; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .innews-r a:hover { background: #fff; padding-left: 15px; -webkit-box-shadow: 0 16px 15px -10px #BAC5D6; box-shadow: 0 16px 15px -10px #BAC5D6; }
  .index-container .innews { padding-top: 110px; padding-bottom: 60px; }
  .index-container .innews a { position: relative; }
  .index-container .innews a:hover .title { color: #072146; }
  .index-container .innews a:hover .more { background-position-x: 3px; }
  .index-container .innews .title { font-size: 18px; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .innews .desc { line-height: 22px; max-height: 44px; min-height: 44px; }
  .index-container .innews .innews-l-item .word { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; }
  .index-container .innews .innews-l-item .word::before { content: ''; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: #fff; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .innews .innews-l-item:hover .word { padding-left: 15px; padding-right: 15px; background-color: #fff; -webkit-box-shadow: 0 36px 15px -10px #BAC5D6; box-shadow: 0 36px 15px -10px #BAC5D6; }
  .index-container .innews .innews-l-item:hover .word::before { opacity: 1; }
  .index-container .innews .innews-l-item: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-container .incase { padding-top: 60px; padding-bottom: 50px; }
  .index-container .incase-box { margin-top: 40px; padding-left: 0; padding-right: 0; }
  .index-container .incase-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .incase-item .word { -o-background-size: 18px; background-size: 18px; background-position: 93% 93%; line-height: 31px; padding: 4.18552% 3.0543% 0 3.0543%; }
  .index-container .incase-item .word p { max-height: 155px; line-height: 31px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .index-container .incase-item .thumb::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; height: 6px; background: #0B2D5B; border-bottom: solid 1px #AEB9C8; z-index: 2; }
  .index-container .incase-item:hover .thumb::before { width: 100%; }
  .index-container .incase-swiper .swiper-slide-active .incase-item::before { opacity: 0; z-index: 3; }
  .index-container .incase-prev, .index-container .incase-next { position: absolute; top: 0; height: 100%; z-index: 4; background: url(../images/icon-left-2.png) no-repeat center center; -o-background-size: 20px auto; background-size: 20px auto; opacity: .6; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; }
  .index-container .incase-prev:hover, .index-container .incase-next:hover { opacity: 1; }
  .index-container .incase-prev { left: 0; -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -ms-transform: translateY(-24px); -o-transform: translateY(-24px); transform: translateY(-24px); }
  .index-container .incase-next { right: 0; -webkit-transform: rotate(180deg) translateY(24px); -moz-transform: rotate(180deg) translateY(24px); -ms-transform: rotate(180deg) translateY(24px); -o-transform: rotate(180deg) translateY(24px); transform: rotate(180deg) translateY(24px); }
  .index-container .incase-page { margin-top: 0; padding-top: 40px; position: relative; z-index: 5; }
  
  
  .product-list-views { padding-top: 40px; padding-bottom: 60px; }
  .product-list-views ul { margin-bottom: 48px; }
  .product-list-item { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .product-list-item .thumb { width: 50.59022%; }
  .product-list-item .word { width: 49.40978%; padding-left: 25px; padding-right: 25px; }
  .product-list-item .name { font-size: 20px; }
  .product-list-item .desc { line-height: 28px; max-height: 56px; margin-bottom: 18px; }
  .product-list-item .more { height: 27px; -o-background-size: 27px auto; background-size: 27px auto; font-size: 0; background-image: url(../images/icon-centerCmore.png); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .product-list-item:hover { border-color: transparent; -webkit-box-shadow: 0 18px 25px -20px #B4BCC7; box-shadow: 0 18px 25px -20px #B4BCC7; }
  .product-list-item: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); }
  .product-list-item:hover .word { background: #072146; color: #fff; }
  .product-list-item:hover .desc { color: #fff; }
  .product-list-item:hover .more { background-position: 8px center; background-image: url(../images/icon-centerCmoreAc.png); }
  
  
  .product-detail-info { padding-top: 60px; display: table; table-layout: fixed; width: 100%; }
  .product-detail-thumb { display: table-cell; vertical-align: top; width: 50%; }
  .product-detail-word { display: table-cell; vertical-align: top; width: 50%; padding: 50px 50px 30px 50px; }
  .product-detail-word h1 { font-size: 34px; margin-bottom: 20px; }
  .product-detail-word .desc { font-size: 16px; margin-bottom: 30px; }
  .product-detail-word .line { margin-bottom: 30px; }
  .product-detail-word h4 { font-size: 18px; margin-bottom: 10px; }
  .product-detail-word li { font-size: 18px; line-height: 30px; }
  .pro-detail-page, .pro-solution-page, .pro-recommend-page { display: none; }
  .pro-detail-swiper .pro-detail-prev { left: -100%; }
  .pro-detail-swiper .pro-detail-next { right: -100%; }
  .pro-detail-swiper:hover .pro-detail-prev { left: -26px; }
  .pro-detail-swiper:hover .pro-detail-next { right: -26px; }
  .pro-detail-solution, .pro-recommend { margin-top: 47px; margin-bottom: 60px; }
  .pro-detail-solution h4, .pro-recommend h4 { font-size: 18px; }
  .pro-solution-swiper, .pro-recommend-swiper { margin-top: 34px; }
  .pro-solution-prev, .pro-solution-next, .pro-recommend-prev, .pro-recommend-next { margin-top: -18px; }
  .pro-detail-content { margin-top: 50px; }
  .pro-recommend-prev, .pro-recommend-next { background: rgba(255, 255, 255, 0.5); }
  .pro-recommend-prev:hover, .pro-recommend-next:hover { background: rgba(255, 255, 255, 0.95); }
  .pro-detail-tab a { min-width: 120px; text-align: center; line-height: 45px; font-size: 18px; }
  .pro-detail-tab a:hover { color: #fff; background: #072146; }
  .pro-content-item { padding: 60px 0 40px 0; }
  .pro-content-item h3 { font-size: 30px; }
  .pro-content-item p { line-height: 40px; }
  .pro-content-advantage { margin-top: 40px; overflow: hidden; }
  .pro-content-advantage .icon { width: 130px; height: 130px; line-height: 130px; margin-bottom: 30px; }
  .pro-content-advantage .icon img { max-width: 84px; }
  .pro-content-advantage h5 { font-size: 18px; }
  .pro-content-advantage li { padding: 0 50px; margin-bottom: 20px; }
  .pro-content-advantage ul { margin-left: 0; margin-right: 0; }
  .pro-recommend { margin-top: 50px; }
  .pro-solution-item:hover img, .pro-recommend-item: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); }
  .pro-solution-item:hover h2, .pro-recommend-item:hover h2 { color: #072146; }
  
  
  .entrenews-list-views { padding-top: 40px; padding-bottom: 60px; }
  .entrenews-list-views ul { margin-bottom: 20px; }
  .entrenews-list-views li { margin-bottom: 20px; }
  .entrenews-list-item .word { padding: 20px 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .entrenews-list-item h2 { font-size: 18px; margin-bottom: 15px; }
  .entrenews-list-item p { font-size: 18px; }
  .entrenews-list-item:hover { color: #fff; -webkit-box-shadow: 0 15px 20px -10px #8390A2; box-shadow: 0 15px 20px -10px #8390A2; }
  .entrenews-list-item:hover .word { background: #072146; }
  .entrenews-list-item: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); }
  
  
  .industry-list-views { margin-top: 40px; padding-bottom: 50px; }
  .industry-list-views ul { margin-bottom: 40px; }
  .industry-list-item { padding: 30px 0; padding-right: 130px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .industry-list-item h2 { font-size: 18px; margin-bottom: 12px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .industry-list-item .desc { margin-bottom: 0; line-height: 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .industry-list-item .look-detail { width: auto; right: 30px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .industry-list-item .icon { -o-background-size: 25px; background-size: 25px; height: 26px; margin-bottom: 14px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .industry-list-item:hover { background-color: #072146; padding-left: 20px; -webkit-box-shadow: 0 20px 20px -15px #8390A2; box-shadow: 0 20px 20px -15px #8390A2; border-color: transparent; }
  .industry-list-item:hover h2, .industry-list-item:hover .desc, .industry-list-item:hover .look-detail { color: #fff; }
  .industry-list-item:hover .icon { background-image: url(../images/icon-look2.png); }
  
  
  .video-list-views { margin-top: 30px; padding-bottom: 55px; }
  .video-list-views ul { margin-top: 40px; margin-bottom: 40px; }
  .video-list-views li { width: 33.3333%; }
  .video-list-item .word { padding: 20px 20px 30px 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .video-list-item .word .desc { margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .video-list-item h2 { font-size: 18px; }
  .video-list-item .thumb::before { width: 55px; height: 55px; }
  .video-list-item:hover { -webkit-box-shadow: 0 15px 20px -10px #8390A2; box-shadow: 0 15px 20px -10px #8390A2; }
  .video-list-item:hover .word { background: #072146; color: #fff; border-color: transparent; }
  .video-list-item: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); }
  .video-list-item:hover .desc { color: #fff; }
  .videobox2 { max-width: 1000px; height: 600px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }
  #videobox1 { height: 600px; }
  
  
  .detail-views { width: 100%; padding-bottom: 44px; }
  .detail-content { float: left; width: 73.33333%; padding-right: 30px; padding-bottom: 0; }
  .detail-content .content { padding-top: 13px; font-size: 16px; line-height: 24px; }
  .detail-content p { line-height: 24px; font-size: 16px; }
  .detail-content .line { height: 8px; }
  .detail-other { float: right; width: 26.66667%; padding: 20px; }
  .detail-other ul { margin: 0; }
  .detail-other li { width: 100%; padding: 0; }
  .detail-other li:last-child { margin-bottom: 0; }
  .detail-other h3 { margin-bottom: 20px; }
  .txt-other h3 { margin-bottom: 15px; }
  .txt-other .txt-list { padding-bottom: 0; }
  .txt-other .txt-list a { font-size: 16px; line-height: 38px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .txt-other .txt-list a:hover { color: #072146; }
  .detail-other-item p { font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .detail-other-item .word { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .detail-other-item:hover .word, .detail-other-item:hover p { color: #fff; }
  .detail-other-item:hover .word { background-color: #072146; padding-left: 10px; padding-right: 10px; }
  .detail-title { font-size: 22px; letter-spacing: -1px; line-height: 34px; }
  .dateAshare { font-size: 16px; }
  .dateAshare .share { font-size: 14px; }
  .dateAshare .icon { width: 32px; height: 32px; margin-left: 12px; }
  .dateAshare .icon:hover .share-box { opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .dateAshare .share-box { left: 50%; -webkit-transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); z-index: 3; top: 37px; display: block; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; pointer-events: none; opacity: 0; }
  .conent-ctrl-box { margin-top: 25px; position: relative; padding-right: 200px; }
  .conent-ctrl-box .back { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; font-size: 16px; }
  .conent-ctrl-box .ctrl { margin-bottom: 0; }
  .conent-ctrl-box .ctrl p { font-size: 14px; line-height: 30px; }
  .conent-ctrl-box .ctrl a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .conent-ctrl-box .ctrl a:hover { color: #072146; }
  
  
  .services-mode { margin-top: 35px; margin-bottom: 55px; }
  .services-mode .word { padding-left: 30px; padding-right: 30px; }
  .services-mode h3 { font-size: 18px; margin-bottom: 20px; }
  .services-mode .desc { line-height: 28px; max-height: 84px;}
  .services-mode .thumb:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .data-download-views { padding-top: 60px; padding-bottom: 70px; }
  .data-download-list { margin-top: 40px; }
  .data-download-list .icon { width: 50px; height: 50px; -o-background-size: 50px; background-size: 50px; margin-bottom: 20px; }
  .data-download-list h2 { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .data-download-list li { padding: 30px 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .data-download-list li::before, .data-download-list li::after { content: ''; position: absolute; left: 0; width: 100%; height: 5px; background: #072146; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; }
  .data-download-list li::before { top: -5px; }
  .data-download-list li::after { bottom: -5px; }
  .data-download-list li:hover { background-color: #072146; border: 0; z-index: 2; -webkit-box-shadow: 0 30px 15px -13px #CCD4DF; box-shadow: 0 30px 15px -13px #CCD4DF; }
  .data-download-list li:hover::before, .data-download-list li:hover::after { opacity: 1; }
  .data-download-list li:hover h2 { color: #fff; }
  .data-download-list li:hover .icon { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; -webkit-animation-name: topTobottom; -moz-animation-name: topTobottom; -o-animation-name: topTobottom; animation-name: topTobottom; }
  .data-download-list li:hover .icon svg { fill: #fff; }
  .services-network { margin-top: 60px; margin-bottom: 60px; }
  .services-network-views { margin-top: 38px; margin-bottom: 50px; }
  .services-network-views li { padding: 20px 0; display: table; table-layout: fixed; width: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .services-network-views li:hover .icons { background-image: url(../images/icon-user-o.png); }
  .services-network-views .icons { width: 32px; height: 32px; right: 45px; top: 29px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .services-network-views .d-address { line-height: 24px; }
  .services-network-left { font-size: 18px; display: table-cell; vertical-align: top; width: 180px; padding-left: 45px; padding-right: 45px; }
  .services-network-right { display: table-cell; vertical-align: top; width: inherit; padding-right: 150px; }
  .services-network-right h3 { font-size: 18px; margin-bottom: 8px; }
  .services-network-info { line-height: 24px; }
  
  
  .culture-content-views { margin-top: 35px; }
  .culture-content-views .desc { font-size: 18px; margin-bottom: 30px; }
  .culture-content-views .icon { width: 75px; height: 75px; line-height: 75px; }
  .culture-content-views .icon img { width: 40px; }
  .culture-content-views li:hover .icon { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; -webkit-animation-name: topTobottom; -moz-animation-name: topTobottom; -o-animation-name: topTobottom; animation-name: topTobottom; }
  .culture-content-views .thumb:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .culture-swiper-views { margin-top: 50px; padding-left: 0; padding-right: 0; position: relative; }
  .culture-swiper-views .swiper-slide { display: table; table-layout: fixed; width: 100%; padding-right: 35%; }
  .culture-swiper-views .thumb { display: table-cell; vertical-align: middle; width: 46.25%; }
  .culture-swiper-views .culture-swiper-word { display: table-cell; vertical-align: middle; width: 35.10417%; position: absolute; top: 0; right: 18.31%; height: 100%; z-index: 2; padding-left: 50px; padding-right: 50px; }
  .culture-swiper-views .culture-prev, .culture-swiper-views .culture-next { background: url(../images/icon-swiper-right.png) no-repeat center center; width: 46px; -webkit-border-radius: 0; border-radius: 0; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .culture-swiper-views .culture-prev:hover, .culture-swiper-views .culture-next:hover { opacity: 1; }
  .culture-swiper-views .culture-prev::before, .culture-swiper-views .culture-next::before { display: none; }
  .culture-swiper-views .culture-prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .culture-swiper-views .culture-next { right: 0; -webkit-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
  .culture-page { display: none; }
  .culture-recruit { margin-top: 50px; margin-bottom: 75px; }
  .culture-recruit-list { margin-top: 37px; }
  .culture-recruit-item { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .culture-recruit-item:hover { -webkit-box-shadow: 0 30px 15px -20px #8390A2; box-shadow: 0 30px 15px -20px #8390A2; }
  .culture-recruit-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .culture-recruit-item h3 { font-size: 18px; padding-bottom: 12px; padding-top: 40px; }
  
  
  .party-list-views { margin-top: 35px; margin-bottom: 50px; }
  .party-list-views li { margin-bottom: 20px; }
  .party-list-views ul { margin-bottom: 50px; }
  .party-list-item { padding-right: 185px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; }
  .party-list-item h2 { font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .party-list-item .thumb { width: 280px; }
  .party-list-item .date { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .party-list-item .more { width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; background: #e5e5e5 url(../images/icon-right-3.png) center no-repeat; position: absolute; right: 52px; top: 50%; margin-top: -30px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
  .party-list-item .desc { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .party-list-item:hover { border-color: transparent; background: #072146; -webkit-box-shadow: 0 30px 20px -15px #8390A2; box-shadow: 0 30px 20px -15px #8390A2; z-index: 2; }
  .party-list-item:hover h2, .party-list-item:hover .date, .party-list-item:hover .desc, .party-list-item:hover .date i { color: #fff; }
  .party-list-item:hover .more { background-color: #fff; background-image: url(../images/icon-right-3-o.png); }
  
  
  .case-list-views .solution-list-item:hover { border-color: #072146; }
  .solution-list-views { margin-top: 30px; margin-bottom: 50px; }
  .solution-list-views ul { margin-top: 36px; margin-bottom: 60px; }
  .solution-list-views li { margin-bottom: 20px; }
  .solution-list-item { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; }
  .solution-list-item h2 { font-size: 20px; margin-bottom: 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .solution-list-item .desc { margin-bottom: 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .solution-list-item .word { padding: 40px 30px 0 30px; }
  .solution-list-item:hover { background-color: #072146; -webkit-box-shadow: 0 20px 20px -20px #7B8A9F; box-shadow: 0 20px 20px -20px #7B8A9F; z-index: 2; }
  .solution-list-item:hover h2, .solution-list-item:hover .desc, .solution-list-item:hover a { color: #fff; }
  .solution-list-item:hover .thumb 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); }
  .solution-list-item:hover a { border-color: #fff; }
  .solution-list-item a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .solution-list-item a:hover { color: #072146; background: #fff; }
  .map-views { display: inline-block; vertical-align: top; font-size: 14px; width: 489px; height: 410px; margin-bottom: 0; overflow: hidden; }
  .map-box { width: 700px; overflow: hidden; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .solution-map-views { font-size: 0; }
  .solution-map-views h3 { font-size: 30px; margin-bottom: 6px; }
  .solution-map-views h4 { font-size: 26px; }
  .solution-map-views .word { font-size: 14px; width: 400px; float: right; padding-bottom: 40px; }
  .solution-map-views .word-city { margin-top: 28px; line-height: 40px; }
  .solution-map-views .word-city h2 { font-size: 20px; vertical-align: top; margin-top: 10px; }
  .solution-map-views .word-city p { vertical-align: top; margin-top: 9px; line-height: 22px; margin-left: 30px; }
  .solution-map-views .word-item ul { margin-top: 20px; }
  .solution-map-views .word-item a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: block; }
  .solution-map-views .word-item a:hover { color: #072146; -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }
  .solution-map { padding-top: 49px; padding-bottom: 0; }
  
  
  .solution-detail-content { padding-bottom: 45px; }
  .solution-detail-content::before { max-height: 273px; }
  .solution-detail-content .thumb { padding-right: 11px; padding-bottom: 17px; }
  .solution-detail-content .thumb::before { content: ''; position: absolute; right: 0; bottom: 0; width: 93.66667%; height: 93.72093%; background: #072146; z-index: -1; }
  .solution-detail-content .word { padding-right: 30px; }
  .solution-detail-content h2 { font-size: 21px; padding-bottom: 24px; margin-bottom: 24px; }
  .solution-detail-content .desc { font-size: 16px; line-height: 30px; max-height: 150px; }
  .solution-detail-advantage { margin-top: 40px; margin-bottom: 65px; }
  .solution-detail-advantage .desc { margin-top: 25px; width: 80%; max-width: 1046px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; }
  .solution-detail-swiper { margin-top: 35px; }
  .solution-detail-item { padding-top: 35px; min-height: 298px; -webkit-box-shadow: 0 16px 10px -10px #E6E8EC; box-shadow: 0 16px 10px -10px #E6E8EC; }
  .solution-detail-item .icon { width: 97px; height: 97px; margin-bottom: 28px; }
  .solution-detail-item h2 { font-size: 18px; margin-bottom: 10px; }
  .solution-detail-item .txt { line-height: 1.5; }
  .solution-detail-page { display: none; }
  .solution-detail-application { padding-top: 50px; padding-bottom: 0; }
  .application-swiper-views { margin-top: 10px; padding-left: 60px; padding-right: 60px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  .application-item h3 { font-size: 20px; margin-bottom: 20px; }
  .application-item .desc { font-size: 16px; line-height: 24px; }
  .application-item .word { padding: 30px 27px; }
  .solution-detail-core { padding-top: 90px; padding-bottom: 20px; }
  .solution-detail-core .desc { margin-top: 25px; width: 80%; max-width: 1046px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; }
  .core-swiper { margin-top: 37px; }
  .core-item h2 { font-size: 18px; margin-bottom: 13px; }
  .core-item .txt { line-height: 20px; height: 40px; max-height: 40px; }
  .core-item .word { padding-top: 23px; padding-bottom: 23px; }
  .core-item: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); }
  .core-page { display: none; }
  .solution-detail-application2 { padding-top: 50px; padding-bottom: 60px; }
  .solution-application2-swiper { margin-top: 35px; padding-bottom: 80px; }
  .application2-item { position: relative; }
  .application2-item h3 { font-size: 18px; }
  .application2-item .txt { height: 44px; font-size: 16px; line-height: 22px; max-height: 44px; }
  .application2-item .word { padding: 25px 30px; width: 95%; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -59px; -webkit-box-shadow: 0 10px 10px -1px rgba(7, 33, 70, 0.1); box-shadow: 0 10px 10px -1px rgba(7, 33, 70, 0.1); }
  .application2-item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.03); -moz-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  .application2-page { display: none; }
  .solution-detail-product { margin-top: 40px; margin-bottom: 35px; }
  .solution-detail-product .pro-detail-solution { margin-bottom: 0; }
  .solution-detail-product .pro-solution-prev, .solution-detail-product .pro-solution-next { background: rgba(234, 241, 250, 0.5); }
  .solution-detail-product .pro-solution-prev:hover, .solution-detail-product .pro-solution-next:hover { background: rgba(234, 241, 250, 0.95); }
  .solution-detail-ctrl { margin-bottom: 40px; }
  .solution-detail-ctrl .line { height: 8px; }
  .solution-detail-ctrl .conent-ctrl-box { margin-top: 30px; }
  .application-prev, .application-next { background: rgba(255, 255, 255, 0.5); }
  .application-prev::before, .application-next::before { left: 23px; }
  .application-prev:hover, .application-next:hover { background: rgba(255, 255, 255, 0.95); }
  .core-prev, .core-next { margin-top: -56px; }
  .solution-detail-prev, .solution-detail-next, .core-prev, .core-next { display: none; }
  .application2-prev, .application2-next { margin-top: -40px; background-color: rgba(255, 255, 255, 0.5); }
  .application2-prev:hover, .application2-next:hover { background-color: rgba(255, 255, 255, 0.95); }
  
  
  .brand-views { padding-top: 50px; padding-bottom: 65px; }
  .public-welfare-action { margin-top: 70px; margin-bottom: 65px; }
  .welfare-prev, .welfare-next { background: rgba(255, 255, 255, 0.5); margin-top: -16px; }
  .welfare-prev:hover, .welfare-next:hover { background: rgba(255, 255, 255, 0.95); }
  .history-views { padding-top: 40px; padding-bottom: 55px; }
  .welfare-swiper { margin-top: 51px; }
  .welfare-swiper .desc { font-size: 16px; line-height: 30px; margin-top: 13px; }
   }

@media (min-width: 1200px) { header .head-commonweb { padding: 0 60px; }
  header .header-top a, header .header-top .head-tel { line-height: 50px; padding: 0 40px; }
  header .header-top .head-tel { -o-background-size: 16px; background-size: 16px; padding-left: 24px; }
  header .header-top i { font-size: 20px; }
  header .wrap-line { height: 4px; -webkit-transform: translateX(22px); -moz-transform: translateX(22px); -ms-transform: translateX(22px); -o-transform: translateX(22px); transform: translateX(22px); }
  header nav li { padding: 0 22px; }
  header nav h3 a { line-height: 76px; }
  header .search { height: 76px; }
  header .logo { padding: 18px 0; }
  header .logo img { height: 40px; }
  header .search-toggle-btn { margin-top: 23px; }
  header .lang-toggle-btn { margin-top: 23px; }
  header .gupiao { margin-left: 12px; padding-left: 16px; font-size: 15px; height: 34px; line-height: 1.2; }
  header .search-box { top: 77px; }
  header .head-subnav { padding: 30px 0; }
  footer .foot-top { padding-top: 80px; padding-bottom: 96px; }
  footer .foot-nav li { min-width: 164px; }
  footer .foot-qrcode a { font-size: 28px; }
  footer .foot-bottom { padding-top: 30px; padding-bottom: 30px; }
  footer .f-links span { padding-left: 28px; }
  footer .f-links li { margin: 0 15px; }
  .public-title-1 h3 { font-size: 40px; margin-bottom: 18px; }
  .public-title-1 h4 { font-size: 22px; }
  .public-banner-area h3, .public-banner-area h4 { font-size: 40px; }
  .public-subNav ul a { line-height: 60px; }
  .public-subNav ul a::before { height: 4px; }
  .public-tab .crumb a, .public-tab .crumb span { line-height: 60px; }
  .page-area { padding-top: 80px; }
  .public-title-2 h3 { font-size: 30px; padding-bottom: 23px; }
  .public-title-2 h3::before { width: 60px; }
  .public-tab-area a { min-width: 120px; line-height: 48px; }
  .video-thumb::before { width: 60px; height: 60px; }
  .public-title-search { margin-bottom: 44px; }
  .public-title-search a { height: 40px; width: 40px; margin-left: 20px; }
  .public-title-search h3 { padding-left: 67px; }
  .public-title-form { padding-top: 10px; padding-bottom: 10px; }
  .public-title-form .public-title-submit { padding-left: 50px; line-height: 50px; height: 50px; width: 150px; background-position-x: 103px; }
  .public-title-form .public-title-input { width: 819px; }
  .side-banner-page { bottom: 6.96429%; }
  .side-banner-page span { margin: 0 10px; width: 12px; height: 12px; }
  
  .index-container .inban-title { font-size: 40px; }
  .index-container .inban-desc { font-size: 28px; }
  .index-container .inban-page span { width: 12px; height: 12px; margin: 0 9px; }
  .index-container .inban-next, .index-container .inban-prev { font-size: 16px; }
  .index-container .inban-next { padding-right: 28px; }
  .index-container .inban-prev { padding-left: 28px; }
  .index-container .inprogrammer-title { font-size: 28px; }
  .index-container .inprogrammer-swiper .swiper-slide .inprogramme-item { height: 200px; padding-top: 60px; padding-left: 175px; }
  .index-container .inprogrammer-swiper .swiper-slide:nth-child(2) .inprogramme-item::before, .index-container .inprogrammer-swiper .swiper-slide:nth-child(2) .inprogramme-item::after { height: 90px; }
  .index-container .innews { padding-top: 158px; padding-bottom: 65px; }
  .index-container .innews-box { margin-top: 55px; }
  .index-container .innews-l .date { padding-top: 38px; font-size: 30px; }
  .index-container .innews-r a { padding-top: 13px; padding-bottom: 13px; padding-right: 180px; }
  .index-container .innews-r .date { width: 133px; line-height: 133px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .index-container .innews-r span { font-size: 36px; }
  .index-container .innews-r i { font-size: 32px; }
  .index-container .incase { padding-top: 80px; padding-bottom: 72px; }
  .index-container .incase-box { margin-top: 60px; }
  .index-container .incase-item .word { -o-background-size: 22px auto; background-size: 22px auto; font-size: 18px; }
  .index-container .incase-page { padding-top: 60px; }
  .index-container .incase-page span { width: 12px; height: 12px; margin: 0 9px; }
  .index-container .incase-next { -o-background-size: 30px auto; background-size: 30px auto; -webkit-transform: rotate(180deg) translateY(36px); -moz-transform: rotate(180deg) translateY(36px); -ms-transform: rotate(180deg) translateY(36px); -o-transform: rotate(180deg) translateY(36px); transform: rotate(180deg) translateY(36px); }
  .index-container .incase-prev { -o-background-size: 30px auto; background-size: 30px auto; -webkit-transform: translateY(-36px); -moz-transform: translateY(-36px); -ms-transform: translateY(-36px); -o-transform: translateY(-36px); transform: translateY(-36px); }
  
  
  .product-list-views { padding-bottom: 100px; }
  .product-list-views ul { margin-bottom: 70px; }
  .product-list-item .word { padding-left: 40px; padding-right: 40px; }
  .product-list-item .name { margin-bottom: 18px; }
  
  
  .product-detail-word { padding: 8.83333% 7.5% 40px 7.5%; }
  .product-detail-word h1 { font-size: 48px; }
  .pro-detail-tab a { min-width: 150px; line-height: 50px; }
  .pro-content-item { padding-top: 93px; padding-bottom: 70px; }
  .pro-content-item h3 { font-size: 48px; }
  .pro-content-advantage { margin-top: 45px; }
  .pro-content-advantage li { padding: 0 70px; }
  
  
  .entrenews-list-views { padding-top: 49px; padding-bottom: 73px; }
  .entrenews-list-views ul { margin-bottom: 40px; }
  .entrenews-list-item .word { padding: 28px 22px; }
  
  
  .industry-list-views { padding-bottom: 73px; }
  .industry-list-views ul { margin-bottom: 67px; }
  .industry-list-item { padding-top: 50px; padding-bottom: 50px; padding-right: 300px; }
  .industry-list-item h2 { font-size: 20px; margin-bottom: 15px; }
  .industry-list-item .look-detail { right: 60px; }
  .industry-list-item:hover { -webkit-box-shadow: 0 28px 25px -15px #8390A2; box-shadow: 0 28px 25px -15px #8390A2; }
  
  
  .video-list-views { padding-bottom: 73px; }
  .video-list-views .thumb::before { width: 74px; height: 74px; }
  .video-list-views ul { margin-left: -15px; margin-right: -15px; }
  .video-list-views li { padding: 0 15px; margin-bottom: 30px; }
  .video-list-views .word { padding: 27px 22px 42px 22px; }
  .video-list-item.has-desc .word h2 { font-size: 18px; }
  .video-list-item.has-desc .word .desc { margin-bottom: 20px; }
  
  
  .detail-content { padding-right: 80px; }
  .detail-title { font-size: 24px; line-height: 36px; }
  .conent-ctrl-box { margin-top: 35px; }
  .detail-other { padding: 36px 30px 30px 30px; }
  .detail-other h3 { font-size: 20px; margin-bottom: 30px; }
  .detail-other li { margin-bottom: 28px; }
  .detail-other .video-item .thumb::before { width: 56px; height: 56px; }
  .txt-other h3 { margin-bottom: 8px; }
  
  
  .services-mode { margin-top: 49px; margin-bottom: 78px; }
  .services-mode h3 { font-size: 20px; }
  .services-mode .word { padding-left: 55px; padding-right: 40px; }
  .data-download-views { padding-top: 82px; padding-bottom: 103px; }
  .data-download-list { margin-top: 56px; }
  .data-download-list li { padding-top: 46px; padding-bottom: 30px; }
  .data-download-list .icon { width: 60px; height: 60px; margin-bottom: 29px; }
  .services-network { margin-top: 93px; margin-bottom: 68px; }
  .services-network-left { font-size: 20px; padding: 0 49px; }
  .services-network-views { margin-bottom: 60px; }
  .services-network-views li { padding: 28px 0 16px 0; }
  .services-network-views .icons { right: 82px; top: 34px; }
  .services-network-right { padding-right: 200px; }
  .services-network-right h3 { font-size: 20px; }
  
  
  .culture-content-views { margin-top: 49px; }
  .culture-content-views .desc { font-size: 20px; margin-bottom: 46px; }
  .culture-content-views ul { text-align: center; }
  .culture-content-views li { max-width: 33.3333%; width: auto; padding: 0 40px; }
  .culture-content-views .icon { width: 90px; height: 90px; line-height: 90px; }
  .culture-content-views .icon img { width: auto; max-width: 56px; }
  .culture-swiper-views { margin-top: 88px; }
  .culture-swiper-views .desc { margin-top: 30px; }
  .culture-swiper-views .culture-swiper-word { padding-top: 0; padding-bottom: 0; }
  .culture-swiper-views .culture-swiper-word .content { position: relative; height: 100%; width: 100%; }
  .culture-swiper-views .culture-swiper-word .culture-swiper-word-box { position: absolute; left: 0; width: 100%; height: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .culture-recruit { margin-top: 84px; margin-bottom: 100px; }
  .culture-recruit-item h3 { font-size: 20px; padding-top: 55px; }
  
  
  .party-list-views { margin-top: 50px; margin-bottom: 73px; }
  .party-list-views ul { margin-bottom: 74px; }
  .party-list-item { padding: 40px 220px 40px 160px; }
  .party-list-item .word { padding-left: 47px; }
  .party-list-item h2 { font-size: 22px; }
  .party-list-item .date { position: absolute; left: 48px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-top: 42px; font-size: 18px; letter-spacing: -1px; }
  .party-list-item .date span { display: none; }
  .party-list-item .date i { line-height: 40px; position: absolute; top: 0; right: 0; font-size: 32px; color: #072146; letter-spacing: -2px; }
  .party-list-item .desc { line-height: 28px; height: 56px; max-height: 56px; margin-top: 13px; }
  
  
  .solution-list-item h2 { font-size: 22px; margin-bottom: 20px; }
  .solution-list-item .word { padding: 60px 50px 0 50px; }
  .solution-list-item .desc { line-height: 28px; height: 84px; max-height: 84px; margin-bottom: 40px; }
  .solution-list-item .btns a { min-width: 120px; margin-right: 14px; }
  .solution-list-views { margin-bottom: 94px; }
  .solution-list-views ul { margin-bottom: 100px; }
  .map-views { margin-left: 30px; }
  .solution-map-views .word { width: 456px; margin-right: 60px; }
  .solution-map-views h3 { font-size: 37px; padding-left: 24px; }
  .solution-map-views h4 { font-size: 30px; padding-left: 24px; }
  .solution-map-views .word-city { line-height: 45px; padding-left: 24px; }
  .solution-map-views .word-city h2 { font-size: 24px; }
  .solution-map-views .word-city p { margin-top: 12px; }
  .solution-map-views .word-item li { padding-left: 24px; }
  
  
  .solution-detail-content { padding-bottom: 57px; }
  .solution-detail-content .thumb { width: 50.91667%; }
  .solution-detail-content .word { width: 49.08333%; padding-right: 50px; }
  .solution-detail-content h2 { font-size: 24px; padding-bottom: 36px; margin-bottom: 32px; }
  .solution-detail-content .desc { max-height: 170px; }
  .solution-detail-advantage { margin-top: 60px; margin-bottom: 88px; }
  .solution-detail-advantage .desc { width: 1046px; margin-top: 35px; }
  .solution-detail-swiper { margin-top: 45px; }
  .solution-detail-item { padding-top: 47px; }
  .solution-detail-application { padding-top: 75px; }
  .application-swiper-views { -webkit-transform: translateY(28px); -moz-transform: translateY(28px); -ms-transform: translateY(28px); -o-transform: translateY(28px); transform: translateY(28px); margin-top: 15px; }
  .application-swiper-views .application-prev { left: 0; }
  .application-swiper-views .application-next { right: 0; }
  .solution-application-swiper { width: 860px; margin: 0 auto; }
  .solution-application-swiper .swiper-slide { width: 450px; }
  .solution-detail-core { padding-top: 150px; padding-bottom: 26px; }
  .solution-detail-core .desc { margin-top: 34px; }
  .solution-detail-application2 { padding-top: 70px; padding-bottom: 75px; }
  .solution-application2-swiper { padding-bottom: 100px; }
  .application2-prev, .application2-next { margin-top: -50px; }
  .application2-item .word { height: 150px; padding-left: 47px; padding-right: 47px; padding-top: 34px; bottom: -75px; }
  .application2-item h3 { font-size: 20px; margin-bottom: 15px; }
  .solution-detail-product { margin-top: 50px; }
  .solution-detail-ctrl .conent-ctrl-box { margin-top: 34px; }
  
  
  .brand-views { padding-top: 68px; padding-bottom: 97px; }
  .public-welfare-action { margin-top: 107px; margin-bottom: 88px; }
  .welfare-swiper .swiper-slide { width: 800px; }
  .welfare-swiper .thumb { -webkit-box-shadow: 0 45px 30px -30px #B4BCC7; box-shadow: 0 45px 30px -30px #B4BCC7; }
  .welfare-swiper .desc { margin-top: 20px; }
  .history-views { padding-top: 63px; padding-bottom: 82px; }
   }

@media (min-width: 1600px) {.solution-application-swiper { width: 960px; margin: 0 auto; }}
@media (min-width: 1260px) { 
  .detail-other { padding-left: 40px; padding-right: 40px; }
  .detail-content { padding-right: 110px; }
  
  
  .solution-map-views .word { margin-right: 93px; }
  
  
   }


@media (min-width: 1460px) { header .head-commonweb { padding: 0 80px; }
  header .logo { padding: 21px 0; }
  header .logo img { height: 48px; }
  header .gupiao { height: 44px; font-size: 18px; line-height: 1.3; }
  header nav li { padding: 0 26px; }
  header nav h3 a { line-height: 90px; }
  header .wrap-line { -webkit-transform: translateX(26px); -moz-transform: translateX(26px); -ms-transform: translateX(26px); -o-transform: translateX(26px); transform: translateX(26px); }
  header .search { height: 90px; }
  header .search-toggle-btn { margin-top: 30px; margin-left: 25px; }
  header .lang-toggle-btn { margin-top: 30px; margin-left: 25px; }
  header .search-box { top: 91px; }
  .public-title-1 h3 { font-size: 44px; }
  .public-subNav ul a { line-height: 78px; }
  .public-tab .crumb a, .public-tab .crumb span { line-height: 78px; }
  
  .index-container .inban-title { font-size: 55px; }
  .index-container .inban-desc { font-size: 32px; }
  .index-container .inban-next { right: 20px; bottom: 7%; }
  .index-container .inban-prev { left: 20px; bottom: 7%; }
  .index-container .views { padding: 0 20px; }
  .index-container .inprogrammer-title { font-size: 30px; margin-bottom: 24px; }
  .index-container .inprogramme-item { width: 100%; }
  .index-container .inprogramme-item .word { width: 205px; }
  .index-container .incase { padding-top: 100px; }
  .index-container .incase-box { margin-top: 75px; }
  
  
  .culture-swiper-views .desc { margin-top: 50px; max-width: 474px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; }
   }


@media (min-width: 1660px) { .public-title-1 h3 { font-size: 46px; }
  
  .index-container .inban-title { font-size: 70px; }
  .index-container .inban-title span { font-weight: normal; }
  .index-container .inban-desc { font-size: 34px; }
  .index-container .inban-next, .index-container .inban-prev { font-size: 18px; }
  .index-container .inban-next { right: 5%; }
  .index-container .inban-prev { left: 5%; }
  .index-container .views { padding: 0; }
  .index-container .incase-prev, .index-container .incase-next { -o-background-size: 35px auto; background-size: 35px auto; }
  
  
  .culture-swiper-views .culture-swiper-word .culture-swiper-word-box { top: 24%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
   }

@media (min-width: 1760px) { 
  .index-container .inban-title { font-size: 80px; }
  .index-container .inban-desc { font-size: 36px; }
   }

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }



.introductionE-container { padding: 30px 0 0; background-color: #ffffff;  font-size: 14px; line-height: 22px; color: #888888;  }

.introductionE-container img { max-width: 100%; height: auto !important; }

.introductionE-title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; color: #868686;  }

.introductionE-title:after { content: ''; display: block; width: 60px; height: 2px; margin: 15px auto 0; background-color: #de0012;  }

.introE-imgtxt-top { margin-bottom: 25px; }

.introE-imgtxt-top .img { margin: 15px 0; }

.introE-imgtxt-top .txt .en { font-size: 30px; line-height: 1; color: #d9d9d9;  text-transform: uppercase; }

.introE-imgtxt-top .txt > p { color: #0e0e0e; }

.introE-imgtxt-top .txt .title { font-weight: bold; margin-bottom: 10px; font-size: 16px; line-height: 1.4; color: #323232;  }

.introE-imgtxt-top .num-wraper { padding: 15px 0; font-size: 0; }

.introE-imgtxt-top .num-wraper .num-item { width: 25%; display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; color: #2e2e2e; color: #072146;  padding: 0 5px; }

.introE-imgtxt-top .num-wraper .num-item .num { margin-right: 5px; font-size: 30px; font-weight: bold; position: relative; color: #072146;  text-shadow: 6px 10px 15px rgba(7, 33, 70, 0.1); }

.introE-imgtxt-top .num-wraper .num-item .top { text-align: center; }

.introE-imgtxt-top .num-wraper .num-item .desc { font-size: 12px; line-height: 1.3; text-align: center; color: #2e2e2e; opacity: 0.6; }

.introE-imgtxt-bot { margin-top: 20px; margin-bottom: 0; color: #fffefe;  }

.introE-imgtxt-bot img { width: 100%; }

.introE-imgtxt-bot .txt { padding: 20px 15px; background: url(../images/word-bg.jpg) no-repeat center center; -o-background-size: 100% 100%; background-size: 100% 100%; }

.introE-imgtxt-bot .txt .en { font-size: 18px; line-height: 1.2; color: #21d6d8;  }

.introE-imgtxt-bot .txt .cn { margin-bottom: 10px; font-size: 16px; line-height: 1.3; color: #ffffff;  }

.introE-imgtxt-bot .txt p { color: #b6c1d1; }


@media (min-width: 1024px) { .introductionE-container { padding-top: 48px; background: url(../images/about_ava-bg.png) no-repeat left bottom; -o-background-size: auto 100px; background-size: auto 100px; }
  .introductionE-title { font-size: 30px;  margin: 80px;  }
  .introductionE-title:after { margin: 12px auto 0; }
  .introE-imgtxt-top { width: 100%; margin-bottom: 40px;  display: table; table-layout: fixed; }
  .introE-imgtxt-top .img { margin: 0; display: table-cell; vertical-align: top; width: 48.75%; }
  .introE-imgtxt-top .img:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .introE-imgtxt-top .txt { display: table-cell; vertical-align: top; padding: 0 35px 0 0; width: 51.25%; }
  .introE-imgtxt-top .txt .en { font-size: 45px;  }
  .introE-imgtxt-top .txt .title { font-size: 18px;  margin-bottom: 40px;  }
  .introE-imgtxt-top .txt > p { font-size: 16px; line-height: 32px; margin-top: 20px; }
  .introE-imgtxt-top .txt > p:first-child { margin-top: 0; }
  .introE-imgtxt-top .num-wraper .num-item .top { text-align: left; }
  .introE-imgtxt-top .num-wraper .num-item .desc { text-align: left; }
  .introE-imgtxt-bot { display: table; width: 100%; table-layout: fixed; margin-top: 35px; }
  .introE-imgtxt-bot .img { display: table-cell; vertical-align: middle; width: 63.83333%; }
  .introE-imgtxt-bot .txt { display: table-cell; vertical-align: middle; padding: 25px 35px; }
  .introE-imgtxt-bot .txt .en { font-size: 24px;  }
  .introE-imgtxt-bot .txt .cn { margin-bottom: 15px;  font-size: 20px;  } }


@media (min-width: 1200px) { .introductionE-container { -o-background-size: auto 164px; background-size: auto 164px; }
  .introE-imgtxt-bot { margin-top: 55px; }
  .introE-imgtxt-bot .img { width: 63.75%; }
  .introE-imgtxt-bot .txt { padding: 25px 45px; }
  .introE-imgtxt-bot .txt .en { font-size: 30px; }
  .introE-imgtxt-bot .txt .cn { font-size: 24px; margin-bottom: 30px; }
  .introE-imgtxt-top { margin-bottom: 83px; }
  .introE-imgtxt-top .txt .en { font-size: 60px; }
  .introE-imgtxt-top .txt .title { font-size: 20px; }
  .introE-imgtxt-top .num-wraper { padding: 60px 0 0;  }
  .introE-imgtxt-top .num-wraper .num-item .top { margin-bottom: 10px; }
  .introE-imgtxt-top .num-wraper .num-item .num { font-size: 50px;  letter-spacing: -2px; } }

@media (min-width: 1260px) { .introE-imgtxt-top .txt { padding-right: 55px; }
  .introE-imgtxt-top .txt .title { margin-bottom: 70px; }
  .introE-imgtxt-top .txt > p { margin-top: 40px; }
  .introE-imgtxt-top .num-wraper { padding-top: 87px; }
  .introE-imgtxt-top .num-wraper .num-item { width: auto; margin-right: 25px; }
  .introE-imgtxt-top .num-wraper .num-item:last-child { margin-right: 0; } }



.full-historyC-container { padding-top: 20px; }

.full-historyC-container .historyC-title { position: relative; margin-bottom: 20px; padding-bottom: 10px; font-size: 20px; line-height: 40px; text-align: center; color: #868686;  }

.full-historyC-container .historyC-title::after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 3; width: 60px; margin-left: -30px; height: 2px; background-color: #072146;  }

.full-historyC-container .historyC-cate { margin-bottom: 20px; }

.full-historyC-container .historyC-cate a { display: block; font-size: 14px; line-height: 38px; text-align: center; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; color: #868686;  }

.full-historyC-container .historyC-cate a:hover { color: #ffffff;  background-color: #072146;  }

.full-historyC-container .historyC-cate .cur a { color: #fff;  background-color: #072146;  }

.full-historyC-container .add-swiper-ctrl { position: relative; padding: 0 20px; }

.full-historyC-container .add-swiper-ctrl .hisCate-ctrl { position: absolute; width: 20px; height: 100%; top: 0; background-color: #f5f5f5;  background-repeat: no-repeat; background-position: center; }

.full-historyC-container .add-swiper-ctrl .hisCate-ctrl:hover { background-color: #072146;  }

.full-historyC-container .add-swiper-ctrl .hisCate-prev { left: 0; background-image: url(../images/historyB-prev.png);  }

.full-historyC-container .add-swiper-ctrl .hisCate-prev:hover { background-image: url(../images/historyB-prevac.png);  }

.full-historyC-container .add-swiper-ctrl .hisCate-next { right: 0; background-image: url(../images/historyB-next.png);  }

.full-historyC-container .add-swiper-ctrl .hisCate-next:hover { background-image: url(../images/historyB-nextac.png);  }

.full-historyC-container .historyC-cate-swiper { background: #fff; border: 1px solid #d7d7d7;  }

.full-historyC-container .historyC-swiper li { font-size: 14px; line-height: 24px; color: #868686;  background-color: #fff;  height: auto; }

.full-historyC-container .historyC-swiper li img { width: 100%; }

.full-historyC-container .historyC-swiper .content { padding: 15px 15px 30px; }

.full-historyC-container .historyC-swiper .year { margin-bottom: 10px; font-size: 28px; line-height: 28px; color: #072146;  }

.full-historyC-container .historyC-pages { position: absolute; left: 0; bottom: 15px; width: 100%; z-index: 10; text-align: center; font-size: 0; line-height: 0; }

.full-historyC-container .historyC-pages span { display: inline-block; vertical-align: top; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; margin: 0 5px; background: #ced8e6; }

.full-historyC-container .historyC-pages .swiper-pagination-bullet-active { background-color: #072146;  }



@media (min-width: 1024px) { .full-historyC-container { padding-top: 35px; }
  .full-historyC-container .historyC-title { line-height: 1.5; margin-bottom: 6.66667%;  font-size: 30px;  }
  .full-historyC-container .historyC-cate { margin-bottom: 30px;  }
  .full-historyC-container .historyC-cate a { line-height: 45px; font-size: 16px; }
  .full-historyC-container .historyC-swiper .thumb { float: left; width: 50%; }
  .full-historyC-container .historyC-swiper .thumb::before { content: ''; display: block; padding-bottom: 87.5%; }
  .full-historyC-container .historyC-swiper .thumb img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .full-historyC-container .historyC-swiper .content { float: left; width: 50%; }
  .full-historyC-container .historyC-swiper .content { padding-top: 6.58333%; padding-left: 3.91667%; padding-right: 5.41667%; }
  .full-historyC-container .historyC-swiper .content p { font-size: 16px; line-height: 25px; }
  .full-historyC-container .historyC-swiper .year { margin-bottom: 25px;  font-size: 38px;  letter-spacing: -1px; line-height: 1; }
  .full-historyC-container .historyC-pages { display: none; }
  .full-historyC-container .historyC-ctrl { position: absolute; bottom: 40px; right: 50%; z-index: 10; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; }
  .full-historyC-container .historyC-prev { background-image: url(../images/historyC-prev.png); right: auto; left: 54.16667%; }
  .full-historyC-container .historyC-prev:hover { background-image: url(../images/historyC-prevac.png); }
  .full-historyC-container .historyC-next { background-image: url(../images/historyC-next.png); right: auto; left: 58%; }
  .full-historyC-container .historyC-next:hover { background-image: url(../images/historyC-nextac.png); }
  .full-historyC-container .add-swiper-ctrl { padding-left: 0; padding-right: 0; overflow: hidden; }
  .full-historyC-container .add-swiper-ctrl .hisCate-prev { left: -100%; z-index: 2; }
  .full-historyC-container .add-swiper-ctrl .hisCate-next { right: -100%; z-index: 2; }
  .full-historyC-container .add-swiper-ctrl:hover .hisCate-prev { left: 0; }
  .full-historyC-container .add-swiper-ctrl:hover .hisCate-next { right: 0; }
  .full-historyC-container .views { -webkit-box-shadow: 0 30px 20px -30px #A5B2C4; box-shadow: 0 30px 20px -30px #A5B2C4; } }

@media (min-width: 1200px) { .full-historyC-container { padding-top: 49px; }
  .full-historyC-container .historyC-cate a { line-height: 60px; }
  .full-historyC-container .add-swiper-ctrl { margin-bottom: 40px; }
  .full-historyC-container .historyC-swiper .year { font-size: 48px; margin-bottom: 45px; }
  .full-historyC-container .historyC-ctrl { bottom: 60px; } }

@media (min-width: 1260px) { .full-historyC-container .historyC-swiper .content p { line-height: 32px; }
  .full-historyC-container .historyC-ctrl { bottom: 90px; } }
  
  /*鏂板20220531*/
  .head-subnav{
      text-align:left;
      padding-left: 30px;
  }
  .head-subnav .sublable{
      background:#0075c1;padding:2px;font-size:6px;border-radius:5px;
  }
  .head-subnav .sublable2{
      opacity:0;
  }
   .head-subnav .subline{
      width:100%;display:block;border-bottom:1px dashed #566b79;margin:10px 0;
  }