.mdcommonweb { padding: 0px 15px; }

.smcommonweb { padding: 0px 15px; }

@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 JhengHei','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: 1200px; padding: 0; } }

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

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

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -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; }



body, button, input, select, textarea { font-family: FZLTHJW--GB1-0; }

* { font-family: FZLTHJW--GB1-0; }

body { overflow-x: hidden; }

@-webkit-keyframes move4 { 0% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
  25% { opacity: .5;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5); }
  75% { opacity: .5;
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-moz-keyframes move4 { 0% { opacity: 0;
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
  25% { opacity: .5;
    -moz-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25); }
  50% { opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5); }
  75% { opacity: .5;
    -moz-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75); }
  100% { opacity: 0;
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-o-keyframes move4 { 0% { opacity: 0;
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
  25% { opacity: .5;
    -o-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25); }
  50% { opacity: 1;
    -o-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5); }
  75% { opacity: .5;
    -o-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75); }
  100% { opacity: 0;
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@keyframes move4 { 0% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0); }
  25% { opacity: .5;
    -webkit-transform: translate(-50%, -50%) scale(0.25);
    -moz-transform: translate(-50%, -50%) scale(0.25);
    -o-transform: translate(-50%, -50%) scale(0.25);
    transform: translate(-50%, -50%) scale(0.25); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5); }
  75% { opacity: .5;
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -o-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

.public-title h3 { letter-spacing: -1px; color: #333333; font-size: 20px; line-height: 26px; position: relative; padding-bottom: 3px; text-align: center; }

.public-title 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%); height: 19px; width: 100%; z-index: -1; background-image: url(../images/font-ProguctCenter.png); background-position: center center; -o-background-size: contain; background-size: contain; }

.public-title2 h3 { letter-spacing: -4px; color: #dbe2f1; font-size: 26px; line-height: 1.1; }

.public-title2 h4 { letter-spacing: -1px; color: #333333; font-size: 16px; padding-bottom: 8px; position: relative; }

.public-title2 h4::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 3px; background-color: #1b4499; }

.public-title3 { text-align: center; }

.public-title3 h3 { letter-spacing: -1px; color: #333333; font-size: 16px; line-height: 1.2; }

.public-title3 h4 { font-size: 12px; letter-spacing: -1px; color: #cccccc; padding-bottom: 8px; position: relative; }

.public-title3 h4::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%); width: 20px; height: 3px; background-color: #1b4499; }

.public-title4 h3 { letter-spacing: -1px; color: #333333; font-size: 16px; line-height: 1.2; text-align: center; padding-bottom: 8px; position: relative; }

.public-title4 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%); width: 20px; height: 3px; background-color: #1b4499; }

.public-banner-tab { position: relative; }

.public-banner-tab img { width: 100%; }

.public-banner-tab .public-banner-area { overflow: hidden; }

.public-banner-tab .public-banner-area img { height: 150px; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.public-banner-tab .public-tab { position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 0; }

.public-banner-tab ul { display: inline-block; }

.public-banner-tab a { display: block; font-size: 14px; padding: 0 15px; line-height: 35px; text-align: left; }

.public-banner-tab .active { background: #094196; }

.public-banner-tab .active a { color: #fff; }

.public-banner-tab .public-subNav { display: none; position: absolute; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 5px 15px -10px #999; box-shadow: 0 5px 15px -10px #999; z-index: 9; padding-bottom: 15px; padding-top: 10px; }

.public-banner-tab .public-subNav ul { display: block; }

.public-banner-tab .public-nav-btn { font-size: 14px; color: #fff; padding: 0 15px; line-height: 35px; position: relative; }

.public-banner-tab .public-nav-btn::after { content: ''; position: absolute; top: 12px; width: 8px; height: 8px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 7px; }

.public-more a { display: block; text-align: center; line-height: 40px; color: #fff; background: #094196; font-size: 14px; }

.public-product-tab { position: relative; }

.public-product-tab h4 { background: #eee; color: #333; text-align: center; line-height: 40px; position: relative; }

.public-product-tab h4::after { content: ''; position: absolute; top: 14px; width: 8px; height: 8px; border-left: solid 2px #999; border-bottom: solid 2px #999; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 7px; }

.public-product-tab .public-tab-list { position: absolute; left: 0; width: 100%; background: #fff; z-index: 2; -webkit-box-shadow: 0 3px 10px 0 rgba(3, 0, 0, 0.1); box-shadow: 0 3px 10px 0 rgba(3, 0, 0, 0.1); display: none; }

.public-product-tab .public-tab-list h3 { position: relative; }

.public-product-tab .public-tab-list h3 a { display: block; line-height: 40px; padding: 0 70px 0 15px; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.public-product-tab .public-tab-list h3 i { width: 70px; position: absolute; top: 0; right: 0; height: 100%; }

.public-product-tab .public-tab-list h3 i::before { content: ''; position: absolute; top: 14px; width: 8px; height: 8px; border-left: solid 2px #999; border-bottom: solid 2px #999; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 18px; }

.public-product-tab .public-tab-list li { border-bottom: solid 1px #efefef; }

.public-product-tab .public-tab-list li.active h3, .public-product-tab .public-tab-list li.cur h3 { background: #094196; }

.public-product-tab .public-tab-list li.active h3 a, .public-product-tab .public-tab-list li.cur h3 a { color: #fff; }

.public-product-tab .public-tab-list li.active i::before, .public-product-tab .public-tab-list li.cur i::before { border-color: #fff; }

.public-product-tab .public-tab-list .public-tab-subNav { padding: 5px 15px 15px 15px; font-size: 0; display: none; }

.public-product-tab .public-tab-list .public-tab-subNav a { display: inline-block; line-height: 24px; padding: 0 8px; font-size: 14px; min-width: 25%; }

header { height: 50px; }

header .headerfixed { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; border-bottom: solid 1px #f1f1f1; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

header .headerfixed.cur { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

header .logo { height: 50px; padding: 15px 0; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

header .logo img { height: 20px; }

header .lang, header .search { padding: 15px 0; }

header .lang { position: relative; }

header .lang-btn, header .search-btn { display: block; width: 20px; height: 20px; -o-background-size: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; margin: 0 3px; -webkit-border-radius: 100%; border-radius: 100%; }

header .lang-btn svg, header .search-btn svg { width: 100%; height: 100%; }

header .search-btn { -webkit-border-radius: 100%; border-radius: 100%; border: solid 1px #6d6d6d; text-align: center; line-height: 20px; position: relative; }

header .search-btn svg { 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: 45%; height: 45%; }

header .lang-box, header .search-box { position: absolute; display: none; }

header .lang-box { text-align: center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #fff; top: 50px; -webkit-box-shadow: 0px 5px 10px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 5px 10px 0px rgba(3, 0, 0, 0.1); }

header .lang-box a { display: block; padding: 0 10px; line-height: 30px; font-size: 12px; }

header .lang-box a:active { color: #fff; background: #094196; }

header .search-box { width: 100%; left: 0; top: 50px; background: #fff; padding: 15px; -webkit-box-shadow: 0px 5px 10px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 5px 10px 0px rgba(3, 0, 0, 0.1); }

header .search-area { position: relative; }

header .search-area .search-input { width: 100%; height: 30px; border: solid 1px #efefef; padding: 0 30px 0 10px; }

header .search-area .search-submit { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../images/icon-search3.png) center center no-repeat; -o-background-size: 15px; background-size: 15px; font-size: 0; }

header .head-r { padding: 17px 0; }

header .toggle-nav { display: block; width: 22px; height: 16px; position: relative; }

header .toggle-nav span { display: block; width: 100%; height: 2px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #666; position: absolute; left: 0; }

header .toggle-nav span:first-child { top: 0; }

header .toggle-nav span:nth-child(2) { top: 50%; margin-top: -1px; }

header .toggle-nav span:last-child { bottom: 0; }

header nav { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; height: 100%; display: none; }

header .nav-content { width: 60%; max-width: 500px; position: absolute; left: 0; top: 0; background-color: #015199; z-index: 2; height: 100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

header .nav-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: none; }

header .nav-box { height: 100%; padding: 30px 10px 0 10px; }

header .nav-logo { text-align: center; margin-bottom: 20px; }

header .nav-logo a { display: inline-block; height: 20px; }

header .nav-logo img { height: 100%; }

header .nav-list { max-height: 90%; position: relative; overflow-y: auto; overflow-x: hidden; }

header .nav-list::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }

header .nav-list::-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.1); }

header .nav-list::-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: #fff; }

header .nav-list a { display: block; text-align: center; color: #eff5fb; line-height: 28px; }

header .nav-list h4 { position: relative; text-align: center; }

header .nav-list h4 a { display: inline-block; font-size: 18px; line-height: 30px; color: #fff; vertical-align: middle; }

header .nav-list h4 i { display: inline-block; position: absolute; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; }

header .nav-list h4 i::before { content: ''; position: absolute; top: 8px; left: 11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 10px; height: 10px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; }

header .nav-list li { margin-bottom: 15px; }

header .nav-subNav { padding: 5px 0 10px 0; display: none; }

footer { padding-top: 20px; background: #1E2F44; }

footer .foot-nav li.active i::after { display: none; }

footer .foot-nav a { color: #fff; }

footer .foot-nav h4 { border-bottom: 1px solid #21425e; position: relative; }

footer .foot-nav h4 a { display: block; font-size: 16px; line-height: 45px; }

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

footer .foot-nav h4 i::before { content: ''; position: absolute; top: 50%; right: 4px; width: 15px; height: 2px; background-color: #e10328; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

footer .foot-nav h4 i::after { content: ''; position: absolute; top: 50%; right: 10px; width: 2px; height: 15px; background-color: #e10328; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

footer .foot-list { display: none; padding-top: 10px; padding-bottom: 15px; }

footer .foot-list a { display: block; line-height: 30px; font-size: 12px; color: #bdc6d1; padding-left: 10px; }

footer .foot-l-box { padding-top: 20px; text-align: center; font-size: 12px; color: #bdc6d1; padding-bottom: 20px; }

footer .foot-l-box img { max-width: 50%; margin-bottom: 10px; }

footer .foot-bottom { background: #142232; color: #bdc6d1; padding: 15px 0 20px 0; }

footer .foot-bottom a { color: #bdc6d1; }

footer .foot-b-r { text-align: center; margin-bottom: 10px; }

footer .foot-tel { display: inline-block; width: auto; -moz-text-align-last: justify; text-align-last: justify; font-size: 12px; }

footer .foot-tel p { letter-spacing: -1px; color: #ffffff; font-size: 18px; line-height: 26px; }

footer .foot-b-l { text-align: center; font-size: 12px; line-height: 20px; }

footer .foot-b-l a { font-size: 12px; }

footer .foot-b-l .beian { display: block; }

.sidebar { display: none; position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; }

.sidebar li { margin-bottom: 1px; position: relative; }
  .sidebar li a .icon{
	  width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
  }
    .sidebar li a .Lhide{
        position: absolute;
        top: 0;
        right: 100%;
        width: 100px;
        height: 100px;
        background-color: #fff;
        opacity: 0;
        pointer-events:none;
        transition: all 0.3s;
        padding: 5px;
		box-shadow: 0 0px 5px #666;
    }
    .sidebar li a .Lhide img{width: 100%;height: 100%;}
    .sidebar li a:hover .Lhide{

        opacity: 1;
        pointer-events:all;
    }
	  .sidebar li .LhideNumber{
        position: absolute;
        top: 0;
        right: 100%;
        background-color: #fff;
        opacity: 0;
        pointer-events:none;
        transition: all 0.3s;
        padding: 5px 10px;
        font-size: 16px;
        color: #333;
		box-shadow: 0 0px 5px #666;
		white-space:nowrap;
    }
    .sidebar li:hover .LhideNumber{
        opacity: 1;
        pointer-events:all;
    }  

.sidebar li a:active { background-color: #e10328; }

.sidebar .side-item { width: 35px; height: 35px; background-color: #094196; background-position: center center; background-repeat: no-repeat; -o-background-size: 15px auto; background-size: 15px auto; color: #fff; display: block; position: relative; text-align: center; line-height: 35px; font-size: 0; }

.sidebar .side-item svg { width: 15px; height: 15px; vertical-align: middle; display: inline-block; }

.sidebar .side-info { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); position: absolute; top: 0; right: 0; height: 100%; }

.sidebar .side-info a { display: block; white-space: nowrap; }

.index-container .banner-swiper { position: relative; }

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

.index-container .banner-page span { background: #fff; -webkit-border-radius: 1000px; border-radius: 1000px; margin: 0 3px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; height: 6px; width: 6px; }

.index-container .banner-page .swiper-pagination-bullet-active { background-color: #e10328; width: 30px; }

.index-container .banner-area { overflow: hidden; }

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

.index-container .banner-item img { width: 100%; }

.index-container .about-area .public-title { padding: 15px 0; }

.index-container .about-area .public-title h3::before { background-image: url(../images/font-AboutUs.png); }

.index-container .about-area .data-list { text-align: center; }

.index-container .about-area .data-list li { margin-bottom: 25px; }

.index-container .about-area .data-item { display: block; }

.index-container .about-area .data-num { color: #1b4499; font-size: 30px; line-height: 36px; }

.index-container .about-area .data-num span { position: relative; padding-right: 20px; letter-spacing: -2px; }

.index-container .about-area .data-num span::before { content: '年'; position: absolute; right: 0; bottom: 0; display: block; bottom: 0; font-size: 16px; line-height: 26px; }

.index-container .about-area .data-num span.bt::before { content: '+'; bottom: auto; top: 0; font-size: 26px; }

.index-container .about-area .data-title { letter-spacing: -1px; color: rgba(51, 51, 51, 0.8); font-size: 14px; margin-top: 5px; }

.index-container .about-area .links-list li { width: 20%; }

.index-container .about-area .links-list li:nth-child(even) a { -webkit-box-shadow: inset 10px 0px 10px -10px rgba(3, 0, 0, 0.1), inset -10px 0 10px -10px rgba(3, 0, 0, 0.1); box-shadow: inset 10px 0px 10px -10px rgba(3, 0, 0, 0.1), inset -10px 0 10px -10px rgba(3, 0, 0, 0.1); }

.index-container .about-area .links-list a { display: block; padding: 10px 5px; background: #fff; }

.index-container .about-area .links-list a:active { color: #fff; background: #094196; }

.index-container .about-area .links-list a:active .active-icon { opacity: 1; }

.index-container .about-area .links-list a:active .default-icon { opacity: 0; }

.index-container .about-area .links-list .icon { display: block; width: 20px; height: 20px; margin: 0 auto; text-align: center; line-height: 30px; position: relative; }

.index-container .about-area .links-list .icon 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: 100%; max-height: 100%; }

.index-container .about-area .links-list .icon .active-icon { opacity: 0; }

.index-container .about-area .links-list .links-title { text-align: center; margin-top: 10px; }

.index-container .about-area .links-list .en { font-size: 12px; display: none; }

.index-container .about-area .links-list .zh { font-size: 12px; line-height: 1.2; }

.index-container .about-area .content { padding: 30px 0; background-image: url(../images/index-aboutbg.jpg); background-position: center center; -o-background-size: cover; background-size: cover; }

.index-container .product-area { padding-top: 20px; }

.index-container .product-area .content { padding-top: 20px; }

.index-container .product-area .product-search-box { position: relative; }

.index-container .product-area .product-search-input { width: 100%; height: 40px; -webkit-box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.1); font-size: 14px; padding: 0 40px 0 15px; }

.index-container .product-area .product-search-btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; -o-background-size: 20px; background-size: 20px; background-image: url(../images/icon-search2.png); font-size: 0; background-color: transparent; background-position: center center; }

.index-container .product-area .product-screen { font-size: 0; margin-top: 20px; }

.index-container .product-area .screen-item { display: inline-block; line-height: 36px; position: relative; margin-right: 20px; }

.index-container .product-area .screen-item:last-child { margin-right: 0; }

.index-container .product-area .screen-item h4 { font-size: 14px; color: #666666; background-image: -webkit-linear-gradient(129deg, #ececec 0%, #e9e9e9 100%); background-image: -moz- oldlinear-gradient(129deg, #ececec 0%, #e9e9e9 100%); background-image: -o-linear-gradient(129deg, #ececec 0%, #e9e9e9 100%); background-image: linear-gradient(-39deg, #ececec 0%, #e9e9e9 100%); -webkit-box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.1); padding: 0 15px; width: 130px; position: relative; }

.index-container .product-area .screen-item h4::before { content: ''; position: absolute; border-bottom: solid 1px #666; border-left: solid 1px #666; width: 8px; height: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 11px; right: 15px; }

.index-container .product-area .screen-item ul { position: absolute; width: 100%; background: #fff; border: solid 1px #ececec; display: none; z-index: 2; }

.index-container .product-area .screen-item a { display: block; font-size: 14px; padding: 0 15px; }

.index-container .product-area .by-class h4 { background-image: -webkit-linear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: -moz- oldlinear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: -o-linear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: linear-gradient(63deg, #094196 0%, #1b58b3 100%); color: #fff; }

.index-container .product-area .by-class h4::before { border-color: #fff; }

.index-container .product-area .content-box { margin-top: 30px; -webkit-box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); }

.index-container .product-area .content-swiper { overflow: hidden; position: relative; }

.index-container .product-area .content-page { position: absolute; bottom: 5px; width: 100%; left: 0; text-align: center; z-index: 1; }

.index-container .product-area .content-page span { margin: 0 3px; background: #fff; }

.index-container .product-area .content-page .swiper-pagination-bullet-active { background: #e10328; }

.index-container .product-area .content-item { display: block; width: 100%; position: relative; }

.index-container .product-area .content-item .thumb { overflow: hidden; }

.index-container .product-area .content-item img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .product-area .content-item .info { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(9, 65, 150, 0.95); color: #fff; padding: 10px 10px 15px 10px; }

.index-container .product-area .content-item .info h2 { font-size: 16px; position: relative; line-height: 1.2; padding-bottom: 10px; }

.index-container .product-area .content-item .info h2::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 3px; background: #fff; display: none; }

.index-container .product-area .content-item .info .desc { display: none; font-size: 13px; color: #aec4e4; line-height: 22px; margin-bottom: 15px; height: 65%; padding-right: 10px; overflow-y: auto; overflow-x: hidden; }

.index-container .product-area .content-item .info .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }

.index-container .product-area .content-item .info .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(255, 255, 255, 0.1); }

.index-container .product-area .content-item .info .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: #fff; }

.index-container .product-area .content-item .info .more { display: none; -webkit-border-radius: 1000px; border-radius: 1000px; background: #fff; color: #094196; line-height: 35px; width: 100px; font-size: 12px; padding-left: 15px; background-image: url(../images/jiantou1.png); background-position: 65px center; -o-background-size: auto; background-size: auto; background-repeat: no-repeat; }

.index-container .strength-area { padding-top: 20px; }

.index-container .strength-area .public-title h3::before { background-image: url(../images/font-R&DStrength.png); }

.index-container .strength-area .strength-tab { font-size: 0; text-align: center; margin-top: 20px; }

.index-container .strength-area .tab-item { display: inline-block; font-size: 14px; padding: 0 30px; max-width: 50%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .strength-area .tab-item:first-child { border-right: solid 1px #eceaea; }

.index-container .strength-area .tab-item .icon { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 0 auto 5px auto; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .strength-area .tab-item.active { color: #094196; }

.index-container .strength-area .art .icon { background-image: url(../images/strength-art.png); }

.index-container .strength-area .art.active .icon { background-image: url(../images/strength-art-o.png); }

.index-container .strength-area .produce .icon { background-image: url(../images/strength-produce.png); }

.index-container .strength-area .produce.active .icon { background-image: url(../images/strength-produce-o.png); }

.index-container .strength-area .content { margin-top: 20px; }

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

.index-container .strength-area .strength-swiper a { display: block; position: relative; }

.index-container .strength-area .strength-swiper img { width: 100%; }

.index-container .strength-area .strength-swiper .info { padding: 15px 15px 40px 15px; background: rgba(255, 255, 255, 0.92); }

.index-container .strength-area .strength-swiper .info h2 { margin-bottom: 10px; padding-bottom: 10px; position: relative; max-height: 75px; }

.index-container .strength-area .strength-swiper .zh { font-size: 20px; line-height: 1.2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.index-container .strength-area .strength-swiper .en { font-size: 13px; color: #bbbbbb; margin-top: 5px; padding-bottom: 10px; position: relative; 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; max-height: 46px; }

.index-container .strength-area .strength-swiper .en::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 3px; background: #094196; }

.index-container .strength-area .strength-swiper .info-content { color: #999999; font-size: 13px; height: 120px; margin-bottom: 10px; max-height: 120px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.index-container .strength-area .strength-swiper .more { border: solid 1px #aaaaaa; color: #aaaaaa; font-size: 12px; width: 100px; line-height: 30px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .strength-area .strength-page { position: absolute; bottom: 5px; left: 0; text-align: center; z-index: 2; width: 100%; }

.index-container .strength-area .strength-page span { margin: 0 3px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(0, 0, 0, 0.1); }

.index-container .strength-area .strength-page .swiper-pagination-bullet-active { width: 30px; background-color: #e10328; -webkit-border-radius: 1000px; border-radius: 1000px; }

.index-container .news-area { padding-top: 20px; background-image: url(../images/index-news-bg.jpg); background-position: center bottom; background-repeat: no-repeat; -o-background-size: 910px; background-size: 910px; padding-bottom: 20px; }

.index-container .news-area .content-l { -webkit-box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.25); box-shadow: 0px 3px 10px 0px rgba(3, 0, 0, 0.25); }

.index-container .news-area .public-title h3::before { background-image: url(../images/font-Newscenter.png); }

.index-container .news-area .content { padding-top: 20px; }

.index-container .news-area .thumb { overflow: hidden; }

.index-container .news-area .thumb img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .news-area .news-recommend { padding-top: 10px; padding-bottom: 20px; }

.index-container .news-area .news-recommend a { display: block; }

.index-container .news-area .news-recommend .date { letter-spacing: -2px; color: #333333; opacity: 0.3; font-size: 20px; margin-bottom: 5px; }

.index-container .news-area .news-recommend .title { font-size: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; letter-spacing: -1px; color: #333333; margin-bottom: 5px; }

.index-container .news-area .news-recommend .desc { margin-bottom: 15px; }

.index-container .news-area .news-recommend .desc p { color: #666666; font-size: 14px; 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; }

.index-container .news-area .news-recommend .more { color: #999999; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-container .news-area .news-list h4 { color: #666666; line-height: 30px; }

.index-container .news-area .news-list a { display: block; position: relative; padding-left: 13px; }

.index-container .news-area .news-list a::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%); width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #094196; }

.index-container .news-area .news-list h2 { color: #333333; font-size: 16px; line-height: 30px; padding-right: 80px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.index-container .news-area .news-list .date { 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%); color: #8d8d8d; }

.product-container .p-product-area { padding: 20px 0 30px 0; }

.product-container .p-product-content { padding-top: 20px; }

.product-container .p-product-list { padding-top: 20px; }

.product-container .p-product-list img { width: 100%; }

.product-container .p-product-list a { display: block; }

.product-container .p-product-list .thumb { border: solid 1px #C7CED7; overflow: hidden; }

.product-container .p-product-list h2 { text-align: center; font-size: 14px; line-height: 30px; padding: 0 15px; color: #1c1c28; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.product-container .p-product-list li { margin-bottom: 15px; }

.product-container .p-product-list ul { padding-bottom: 10px; margin: 0 -10px; }

.product-container .p-product-list .no-result img { width: 30px; height: 30px; }

.product-container .p-product-list .no-result .cnt { text-align: center; }

.pro-detail-con .p-pro-detail-content { padding-top: 30px; }

.pro-detail-con .p-pro-swiper { position: relative; overflow: hidden; border: solid 1px #c0c7d2; }

.pro-detail-con .p-pro-swiper .thumb { position: relative; height: 0; padding-bottom: 100%; }

.pro-detail-con .p-pro-swiper img { max-width: 100%; max-height: 100%; 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%); }

.pro-detail-con .p-pro-page { position: absolute; bottom: 5px; left: 0; width: 100%; z-index: 2; text-align: center; }

.pro-detail-con .p-pro-page span { background: rgba(0, 0, 0, 0.2); }

.pro-detail-con .p-pro-page .swiper-pagination-bullet-active { background: #e10328; }

.pro-detail-con .share-list a { display: inline-block; width: 20px; height: 20px; -o-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.pro-detail-con .share-list .bshare-sinaminiblog { background-image: url(../images/share-weibo.png); }

.pro-detail-con .share-list .bshare-sinaminiblog:active { background-image: url(../images/share-weibo-o.png); }

.pro-detail-con .share-list .bshare-qqim { background-image: url(../images/share-qq.png); }

.pro-detail-con .share-list .bshare-qqim:active { background-image: url(../images/share-qq-o.png); }

.pro-detail-con .share-list .bshare-weixin { background-image: url(../images/share-weixin.png); }

.pro-detail-con .share-list .bshare-weixin:active { background-image: url(../images/share-weixin-o.png); }

.pro-detail-con .share-list .bshare-linkedin { background-image: url(../images/share-lin.png); }

.pro-detail-con .share-list .bshare-linkedin:active { background-image: url(../images/share-lin-o.png); }

.pro-detail-con .p-pro-r { padding-top: 20px; }

.pro-detail-con .pro-name { line-height: 1.1; font-size: 22px; }

.pro-detail-con .pro-desc { font-size: 14px; color: #1b4499; }

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

.pro-detail-con .p-pro-con p { color: #666666; font-size: 14px; line-height: 22px; }

.pro-detail-con .p-pro-apply { margin-top: 25px; }

.pro-detail-con .p-pro-apply h4 { font-size: 16px; color: #333333; margin-bottom: 5px; }

.pro-detail-con .p-pro-apply li { color: #666666; opacity: 0.7; font-size: 14px; position: relative; padding-left: 8px; }

.pro-detail-con .p-pro-apply li::before { content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: rgba(6, 6, 6, 0.7); -webkit-border-radius: 100%; border-radius: 100%; }

.pro-detail-con .p-pro-share { margin-top: 15px; }

.pro-detail-con .p-pro-share h4 { font-size: 16px; color: #020920; line-height: 30px; margin-bottom: 5px; }

.pro-detail-con .p-pro-share a { margin: 0 3px; }

.pro-detail-con .p-pro-content { padding-top: 30px; }

.pro-detail-con .p-pro-content li { margin-right: 20px; }

.pro-detail-con .p-pro-content li.active { color: #094196; }

.pro-detail-con .p-pro-tab { margin-bottom: 15px; }

.pro-detail-con .p-pro-tab-area { padding-left: 15px; }

.pro-detail-con .p-pro-tab-item { font-size: 14px; color: #848484; display: none; }

.pro-detail-con .p-pro-tab-item p { line-height: 25px; padding-left: 8px; position: relative; }

.pro-detail-con .p-pro-tab-item p::before { content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #848484; -webkit-border-radius: 100%; border-radius: 100%; }

.pro-detail-con .p-pro-content-top { position: relative; padding-left: 15px; line-height: 1.2; font-size: 16px; letter-spacing: -1px; color: #333333; }

.pro-detail-con .p-pro-content-top::before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background-color: #e10328; }

.pro-detail-con .p-pro-purpose { padding-top: 30px; }

.pro-detail-con .purpose-content { margin-top: 20px; }

.pro-detail-con .purpose-content .content-area { position: relative; }

.pro-detail-con .purpose-content .thumb { overflow: hidden; }

.pro-detail-con .purpose-content img { width: 100%; }

.pro-detail-con .purpose-content .name { position: absolute; bottom: 0; left: 0; line-height: 35px; color: #fff; text-align: center; padding: 0 15px; width: 100%; font-size: 14px; background-color: rgba(27, 68, 153, 0.7); }

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

.pro-detail-con .purpose-content .purpose-page { text-align: center; margin-top: 10px; margin-bottom: 10px; }

.pro-detail-con .purpose-content .purpose-page span { margin: 0 3px; background: rgba(0, 0, 0, 0.2); }

.pro-detail-con .purpose-content .purpose-page .swiper-pagination-bullet-active { background: #e10328; }

.pro-detail-con .p-pro-relevant { padding-top: 15px; }

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

.pro-detail-con .relevant-item { display: block; position: relative; border: solid 1px #D8DDE6; }

.pro-detail-con .relevant-item .thumb { height: 0; padding-bottom: 100%; position: relative; overflow: hidden; }

.pro-detail-con .relevant-item 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: 100%; max-height: 100%; }

.pro-detail-con .relevant-item h2 { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; text-align: center; padding: 0 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 35px; color: #666666; background: rgba(255, 255, 255, 0.8); }

.pro-detail-con .pro-relevant-area { padding-top: 20px; }

.pro-detail-con .relevant-page { text-align: center; margin-top: 10px; }

.pro-detail-con .relevant-page span { margin: 0 3px; background: rgba(0, 0, 0, 0.2); }

.pro-detail-con .relevant-page .swiper-pagination-bullet-active { background: #e10328; }

@-webkit-keyframes rotation { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }

@-moz-keyframes rotation { from { -moz-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  to { -moz-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }

@-o-keyframes rotation { from { -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  to { -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes rotation { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes animation2shape1 { from { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }

@-moz-keyframes animation2shape1 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(20px, 20px);
    -moz-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }

@-o-keyframes animation2shape1 { from { -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(20px, 20px);
    -o-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }

@keyframes animation2shape1 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(20px, 20px);
    -moz-transform: translate(20px, 20px);
    -o-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }

@-webkit-keyframes animation2shape2 { from { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }

@-moz-keyframes animation2shape2 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, 20px);
    -moz-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }

@-o-keyframes animation2shape2 { from { -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, 20px);
    -o-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }

@keyframes animation2shape2 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, 20px);
    -moz-transform: translate(-20px, 20px);
    -o-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }

.animation-2 .shape3 { -webkit-animation: animation2shape3 0.5s ease 0s infinite alternate; -moz-animation: animation2shape3 0.5s ease 0s infinite alternate; -o-animation: animation2shape3 0.5s ease 0s infinite alternate; animation: animation2shape3 0.5s ease 0s infinite alternate; }

@-webkit-keyframes animation2shape3 { from { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px); } }

@-webkit-keyframes animation2shape4 { from { -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }

@-moz-keyframes animation2shape4 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, -20px);
    -moz-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }

@-o-keyframes animation2shape4 { from { -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, -20px);
    -o-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }

@keyframes animation2shape4 { from { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { -webkit-transform: translate(-20px, -20px);
    -moz-transform: translate(-20px, -20px);
    -o-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }

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

.pro-apply .model-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 9; display: none; }

.pro-apply .model-loading .container { position: absolute; top: 50%; left: 50%; -webkit-animation: rotation 1s infinite; -moz-animation: rotation 1s infinite; -o-animation: rotation 1s infinite; animation: rotation 1s infinite; -webkit-transform: translate(-50%, -50%) rotate(10deg); -moz-transform: translate(-50%, -50%) rotate(10deg); -ms-transform: translate(-50%, -50%) rotate(10deg); -o-transform: translate(-50%, -50%) rotate(10deg); transform: translate(-50%, -50%) rotate(10deg); width: 30px; height: 30px; }

.pro-apply .model-loading .container .shape { position: absolute; width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; }

.pro-apply .model-loading .container .shape1 { -webkit-animation: animation2shape1 0.5s ease 0s infinite alternate; -moz-animation: animation2shape1 0.5s ease 0s infinite alternate; -o-animation: animation2shape1 0.5s ease 0s infinite alternate; animation: animation2shape1 0.5s ease 0s infinite alternate; left: 0; background-color: #5C6BC0; }

.pro-apply .model-loading .container .shape2 { -webkit-animation: animation2shape2 0.5s ease 0s infinite alternate; -moz-animation: animation2shape2 0.5s ease 0s infinite alternate; -o-animation: animation2shape2 0.5s ease 0s infinite alternate; animation: animation2shape2 0.5s ease 0s infinite alternate; right: 0; background-color: #8BC34A; }

.pro-apply .model-loading .container .shape3 { -webkit-animation: animation2shape3 0.5s ease 0s infinite alternate; -moz-animation: animation2shape3 0.5s ease 0s infinite alternate; -o-animation: animation2shape3 0.5s ease 0s infinite alternate; animation: animation2shape3 0.5s ease 0s infinite alternate; bottom: 0; background-color: #FFB74D; }

.pro-apply .model-loading .container .shape4 { -webkit-animation: animation2shape4 0.5s ease 0s infinite alternate; -moz-animation: animation2shape4 0.5s ease 0s infinite alternate; -o-animation: animation2shape4 0.5s ease 0s infinite alternate; animation: animation2shape4 0.5s ease 0s infinite alternate; bottom: 0; right: 0; background-color: #F44336; }

.pro-apply .pro-apply-model-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }

.pro-apply .pro-apply-model-area .content { position: relative; height: 100%; padding-top: 35px; }

.pro-apply .pro-apply-model-area .con-l { float: left; width: 100%; height: 36px; background-color: #f5f5f5; position: relative; z-index: 10; }

.pro-apply .pro-apply-model-area .con-r { position: absolute; top: 0; right: 0; height: 100%; width: 100%; padding-top: 71px; }

.pro-apply .pro-apply-model-area .col-area { position: relative; height: 100%; }

.pro-apply .pro-apply-model-area .cor-area { height: 100%; position: relative; overflow-y: auto; overflow-x: hidden; }

.pro-apply .pro-apply-model-area .cor-area::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.pro-apply .pro-apply-model-area .cor-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(255, 255, 255, 0); }

.pro-apply .pro-apply-model-area .cor-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: #e10328; }

.pro-apply .pro-apply-model-area .cor-thumb .thumb { margin-top: 40px; position: relative; }

.pro-apply .pro-apply-model-area .cor-thumb img { width: 100%; }

.pro-apply .pro-apply-model-area .cor-area-btn { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; height: 35px; background: #fff; }

.pro-apply .pro-apply-model-area .apply-category-swiper { height: 100%; overflow: hidden; }

.pro-apply .pro-apply-model-area .apply-category-swiper .cur a { color: #fff; background: #094196; }

.pro-apply .pro-apply-model-area .apply-category-swiper .swiper-slide { width: auto; }

.pro-apply .pro-apply-model-area .apply-category-swiper .swiper-scrollbar { display: none; }

.pro-apply .pro-apply-model-area .col-cate-item { display: block; font-size: 14px; color: #141a28; line-height: 20px; padding: 8px 10px; position: relative; }

.pro-apply .pro-apply-model-area .col-cate-list { height: 100%; overflow-y: auto; overflow-x: hidden; }

.pro-apply .pro-apply-model-area .col-cate-list::-webkit-scrollbar { width: 1px; height: 8px; background-color: #fff; }

.pro-apply .pro-apply-model-area .col-cate-list::-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: #fff; }

.pro-apply .pro-apply-model-area .col-cate-list::-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: rgba(27, 68, 253, 0.3); }

.pro-apply .pro-apply-model-area .look-detail { display: none; }

.pro-apply .pro-apply-model-area .look-detail .detail { background-color: #1b4499; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; width: 120px; text-align: center; line-height: 35px; margin: 30px auto 0 auto; cursor: pointer; }

.pro-apply .pro-apply-model-area .cor-btn-close { display: inline-block; width: 35px; height: 35px; position: relative; cursor: pointer; }

.pro-apply .pro-apply-model-area .cor-btn-close a { display: block; }

.pro-apply .pro-apply-model-area .cor-btn-close::before { content: ''; position: absolute; width: 20px; height: 1px; background-color: #333333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; left: 7px; }

.pro-apply .pro-apply-model-area .cor-btn-close::after { content: ''; position: absolute; width: 1px; height: 20px; background-color: #333333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px; left: 16px; }

.pro-apply .pro-apply-model-area .apply-btn { position: absolute; left: 0; width: 100%; height: 30px; cursor: pointer; }

.pro-apply .pro-apply-model-area .apply-btn::before { content: ''; position: absolute; top: 13px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; border-top: solid 2px #C0C7D2; border-left: solid 2px #C0C7D2; }

.pro-apply .pro-apply-model-area .apply-btn:active::before { border-color: #094196; }

.pro-apply .pro-apply-model-area .apply-c-prev { top: 0; display: none; }

.pro-apply .pro-apply-model-area .apply-c-next { display: none; bottom: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.pro-apply .pro-apply-model-area .img-page-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pro-apply .pro-apply-model-area .img-page-area .img-page { display: none; width: 5px; height: 5px; background-color: #e10328; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; }

.pro-apply .pro-apply-model-area .img-page-area .img-page::before, .pro-apply .pro-apply-model-area .img-page-area .img-page::after { content: ''; position: absolute; top: 50%; left: 50%; height: 30px; width: 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(225, 3, 40, 0.5); opacity: 0; -webkit-border-radius: 100%; border-radius: 100%; }

.pro-apply .pro-apply-model-area .img-page-area .img-page::before { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation: move4 1.5s linear infinite; -moz-animation: move4 1.5s linear infinite; -o-animation: move4 1.5s linear infinite; animation: move4 1.5s linear infinite; }

.pro-apply .pro-apply-model-area .img-page-area .img-page::after { -webkit-animation: move4 1s linear infinite; -moz-animation: move4 1s linear infinite; -o-animation: move4 1s linear infinite; animation: move4 1s linear infinite; }

.pro-apply .pro-apply-model-area .img-page-area .img-page.cur { display: block; }

.pro-apply .pro-apply-model-area .cor-swiper { overflow: hidden; }

.pro-apply .pro-apply-model-area .cor-btn-return { display: none; }

.pro-apply .pro-apply-model-area .cor-btn-return a { display: block; height: 35px; line-height: 35px; padding-left: 15px; }

.pro-apply .pro-apply-model-area .cor-info { display: none; padding: 0 10px; }

.pro-apply .pro-apply-model-area .cor-info .title h2 { color: #141a28; font-size: 18px; line-height: 1.2; }

.pro-apply .pro-apply-model-area .cor-info .title p { color: #5A5E68; }

.pro-apply .pro-apply-model-area .cor-info-area { margin-top: 20px; }

.pro-apply .pro-apply-model-area .cor-info-area img { width: 100%; }

.pro-apply .pro-apply-model-area .cor-info-area .thumb { margin-bottom: 20px; }

.pro-apply .pro-apply-model-area .cor-info-list { padding: 20px 15px 50px 15px; height: 100%; }

.pro-apply .pro-apply-model-area .cor-info-list .title { margin-bottom: 20px; }

.pro-apply .pro-apply-model-area .cor-info-list .title h3 { font-size: 18px; color: #141a28; }

.pro-apply .pro-apply-model-area .cor-info-list .title h4 { color: #646871; }

.pro-apply .pro-apply-model-area .cor-info-list .desc { color: #72767E; }

.pro-apply .pro-apply-model-area .cor-info-list .links { margin-top: 6px; }

.pro-apply .pro-apply-model-area .cor-info-list .links a { color: #1b4499; font-size: 14px; text-decoration: underline; }

.pro-apply .pro-apply-model-area .cor-info-list li { margin-bottom: 25px; }

.pro-apply .pro-apply-model-area .cor-info-box { padding-right: 10px; position: relative; }

.pro-apply .pro-apply-model-area .cor-info-box::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.pro-apply .pro-apply-model-area .cor-info-box::-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); }

.pro-apply .pro-apply-model-area .cor-info-box::-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: #e10328; }

.pro-apply .pro-apply-model-area .cor-sw-area .thumb { margin-bottom: 30px; }

.pro-apply .pro-apply-model-area .cor-sw-area .thumb img { width: 100%; }

.pro-apply .pro-apply-model-area .cor-sw-info { padding-left: 30px; }

.pro-apply .pro-apply-model-area .cor-sw-info h3 { color: #141a28; font-size: 14px; line-height: 1.2; position: relative; margin-bottom: 6px; }

.pro-apply .pro-apply-model-area .cor-sw-info h3::before { content: ''; position: absolute; left: -10px; top: 0; width: 2px; height: 100%; background-color: #e10328; }

.pro-apply .pro-apply-model-area .cor-prev, .pro-apply .pro-apply-model-area .cor-next { display: none; width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; border: solid 1px #C0C7D2; position: absolute; bottom: 10px; z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.pro-apply .pro-apply-model-area .cor-prev::before, .pro-apply .pro-apply-model-area .cor-next::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: solid 2px #C0C7D2; border-left: solid 2px #C0C7D2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 11px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.pro-apply .pro-apply-model-area .cor-prev { margin-left: -15px; }

.pro-apply .pro-apply-model-area .cor-next { margin-left: 15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.joinus-container .joinus-area { padding-top: 20px; }

.news-container .newsl-top { padding-top: 20px; padding-bottom: 20px; }

.news-container .news-recom-area { padding-top: 20px; }

.news-container .news-recom-item { display: block; }

.news-container .news-recom-item .info { padding: 20px 15px 30px 15px; background: url(../images/news-recom-bg.jpg) center center no-repeat; -o-background-size: cover; background-size: cover; color: #fff; position: relative; }

.news-container .news-recom-item h2 { font-size: 20px; margin-bottom: 10px; line-height: 1.2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news-container .news-recom-item .info-desc { margin-bottom: 15px; }

.news-container .news-recom-item .info-desc p { font-size: 14px; height: 88px; max-height: 88px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.news-container .news-recom-item .more { color: #dedede; }

.news-container .thumb { overflow: hidden; }

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

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

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

.news-container .news-page span { background-color: #d9d9d9; opacity: 0.65; margin: 0 3px; }

.news-container .news-page .swiper-pagination-bullet-active { background-color: #de0012; opacity: 1; }

.news-container .newsl-bottom { padding-top: 20px; background: #f2f2f2; padding-bottom: 30px; }

.news-container .newsl-bottom .info { background: #fff; }

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

.news-container .newsl-list .newsl-item { display: block; }

.news-container .newsl-list li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #e6e6e6; }

.news-container .newsl-list li:last-child { margin-bottom: 0; }

.news-container .newsl-list .info { padding: 20px 15px; }

.news-container .newsl-list .info h2 { font-size: 18px; line-height: 1.3; margin-bottom: 2px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news-container .newsl-list .info .date { line-height: 1.2; margin-bottom: 15px; color: #d90000; }

.news-container .newsl-list .info .date .dd { position: relative; margin-left: -5px; }

.news-container .newsl-list .info .date .dd::before { content: '.'; }

.news-container .newsl-list .info .desc { margin-bottom: 15px; }

.news-container .newsl-list .info .desc p { color: #666; height: 72px; 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; }

.news-container .newsl-list .info .detail { border: solid 1px #ccc; width: 80px; line-height: 30px; text-align: center; font-size: 13px; color: #ccc; }

.aboutus-container .about-area { padding-top: 20px; padding-bottom: 30px; }

.aboutus-container .aboutus-content { padding-top: 20px; }

.aboutus-container .aboutus-content-title { line-height: 1.3; }

.aboutus-container .aboutus-content-title h3 { font-size: 18px; letter-spacing: -1px; color: #343f4d; opacity: 0.9; }

.aboutus-container .aboutus-content-title h4 { font-size: 14px; letter-spacing: -1px; color: #cccccc; position: relative; padding-bottom: 13px; }

.aboutus-container .aboutus-content-title h4::before { content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 3px; background-color: #e10328; }

.aboutus-container .content-box { padding-top: 20px; }

.aboutus-container .content-box .content { color: #666; }

.aboutus-container .content-thumb { float: right; width: 55%; padding: 0 0 5px 5px; }

.aboutus-container .content-thumb img { width: 100%; }

.aboutus-container .aboutus-intro-num { padding-top: 20px; }

.aboutus-container .aboutus-intro-num .commonweb { padding: 0; }

.aboutus-container .aboutus-intro-num .num-list { margin: 0 -5px; }

.aboutus-container .aboutus-intro-num li { padding: 0 5px; text-align: center; color: #094196; }

.aboutus-container .aboutus-intro-num li span { font-size: 28px; display: block; line-height: 1; letter-spacing: -1px; position: relative; }

.aboutus-container .aboutus-intro-num li .series::after { content: '+'; position: absolute; top: 0; font-size: 20px; margin-left: 3px; }

.aboutus-container .aboutus-intro-num li .sales::after { content: '亿'; position: absolute; top: 3px; font-size: 14px; margin-left: 3px; }

.aboutus-container .aboutus-intro-num .num { font-weight: bold; }

.aboutus-container .aboutus-intro-album { padding-top: 20px; }

.aboutus-container .aboutus-intro-album li { padding: 0; position: relative; }

.aboutus-container .aboutus-intro-album li h2 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.5); }

.aboutus-container .aboutus-intro-album li h2 span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; color: #fff; padding: 0 10px 5px 10px; font-size: 14px; }

.aboutus-container .aboutus-intro-album li h2 span::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%); width: 15px; height: 2px; background-color: #e10328; }

.aboutus-container .aboutus-intro-album img { width: 100%; }

.aboutus-container .aboutus-intro-album .intro-video { margin-top: 15px; position: relative; }

.aboutus-container .aboutus-intro-album .videobox2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }

.aboutus-container .aboutus-intro-album .videobox2 #videobox1 { width: 100%; height: 100%; }

.aboutus-container .aboutus-intro-envir { padding-top: 20px; }

.aboutus-container .aboutus-intro-envir .envir-title { text-align: center; font-size: 16px; letter-spacing: -1px; }

.aboutus-container .aboutus-intro-envir .envir-album { padding-top: 20px; }

.aboutus-container .aboutus-intro-envir img { width: 100%; }

.aboutus-container .aboutus-intro-envir .album-list { margin: 0 -2px; }

.aboutus-container .aboutus-intro-envir .album-list li { padding: 0 2px; margin-bottom: 4px; }

.aboutus-container .aboutus-intro-envir .album-item { position: relative; }

.aboutus-container .aboutus-intro-envir .info { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: rgba(9, 65, 150, 0.85); }

.aboutus-container .aboutus-intro-envir .desc { position: absolute; left: 0; width: 100%; padding: 0 10px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

.aboutus-container .device-area { padding: 0 !important; position: relative; }

.aboutus-container .device-content .info { overflow: hidden !important; }

.team-container .content { padding: 20px 0 30px 0; }

.team-container .team-item { position: relative; }

.team-container .team-item .thumb { overflow: hidden; }

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

.team-container .team-item h2 { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; padding: 0 15px; line-height: 30px; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -moz- oldlinear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); }

.team-container .team-area ul { font-size: 0; margin: 0 -5px; margin-bottom: 10px; }

.team-container .team-area li { float: none; display: inline-block; vertical-align: top; padding: 0 5px; margin-bottom: 10px; }

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

.honor-container .honor-swiper { position: relative; overflow: hidden; background: url(../images/honorSW-bg.png) center center no-repeat; -o-background-size: cover; background-size: cover; }

.honor-container .honor-swiper .swiper-slide { height: 0; padding-bottom: 66.35135%; }

.honor-container .honor-item { height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

.honor-container .honor-item .thumb { height: 70%; text-align: center; position: relative; }

.honor-container .honor-item img { max-width: 50%; max-height: 100%; 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%); }

.honor-container .honor-desc { padding: 0 15px; font-size: 16px; line-height: 22px; text-align: center; color: #111111; 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; }

.honor-container .honor-page { position: absolute; bottom: 1%; left: 0; width: 100%; text-align: center; }

.honor-container .honor-page span { background: #fff; margin: 0 3px; }

.honor-container .honor-page .swiper-pagination-bullet-active { background: #094196; }

.honor-container .honor-r { margin-top: 20px; }

.honor-container .honor-r ul { font-size: 0; margin: 0 -5px; position: relative; }

.honor-container .honor-r li { display: inline-block; vertical-align: top; float: none; padding: 0 6px; margin-bottom: 12px; }

.honor-container .honor-r li.active a { border-color: #fff; }

.honor-container .honor-r .list-item { display: block; height: 0; padding-bottom: 65.2381%; position: relative; border: solid 1px #C6C9CB; }

.honor-container .honor-r .list-item 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: 100%; max-height: 75%; }

.core-container .core-area { padding-top: 20px; }

.core-container .core-area li { margin-bottom: 15px; }

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

.core-container .core-swiper::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 26.41509%; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -moz- oldlinear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); }

.core-container img { width: 100%; }

.core-container .core-page { position: absolute; bottom: 7px; left: 0; width: 100%; z-index: 2; color: #fff; padding: 0 15px; }

.core-container .core-info { background-color: #f8f8f8; color: #6a7d93; padding: 15px; height: 180px; }

.core-container .core-info h2 { font-size: 18px; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; }

.core-container .info-area { padding-right: 10px; height: 100%; overflow-y: auto; overflow-x: hidden; }

.core-container .info-area::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.core-container .info-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(255, 255, 255, 0); }

.core-container .info-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: #E10328; }

.core-container .info-content { font-size: 14px; }

.core-container .cl-box .core-info { background-color: #1b4499; color: #fff; }

.history-container .about-area { background: url(../images/history-bg.png) center bottom no-repeat; -o-background-size: 100%; background-size: 100%; }

.history-container .history-area { padding-top: 20px; }

.history-container .year-item { display: block; text-align: center; }

.history-container .year-item h3 { letter-spacing: -2px; color: #1b4499; font-size: 30px; margin-bottom: 5px; }

.history-container .year-item p { color: #6d6d6d; 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; height: 40px; max-height: 40px; }

.history-container .history-swiper { overflow: hidden; position: relative; padding-bottom: 10px; }

.history-container .history-swiper .swiper-slide { display: inline-block; width: auto; }

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

.history-container .history-swiper .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #1b4499; opacity: .5; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.history-container .history-bottom { margin-top: 30px; }

.history-container .bottom-area { position: relative; padding-bottom: 30px; }

.history-container .bottom-area::before { content: ''; position: absolute; left: 14px; top: 0; width: 1px; height: 100%; background-color: #1b4499; opacity: 0.2; }

.history-container .bottom-area li { padding-left: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px rgba(27, 68, 153, 0.2); }

.history-container .bottom-area li:last-child { margin-bottom: 0; border: none; }

.history-container .event-l h3 { font-size: 26px; line-height: 1.2; position: relative; letter-spacing: -2px; color: #1b4499; margin-bottom: 10px; }

.history-container .event-l h3::before { content: ''; position: absolute; top: 50%; margin-top: -1px; width: 10px; height: 1px; background-color: #1b4499; opacity: 0.2; left: -15px; }

.history-container .event-item { margin-bottom: 14px; }

.history-container .event-item h4 { letter-spacing: -1px; color: #1b4499; font-size: 16px; line-height: 1.2; position: relative; margin-bottom: 3px; }

.history-container .event-item h4::before { content: ''; position: absolute; top: 50%; left: -19px; margin-top: -4px; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #1b4499; }

.history-container .event-desc { font-size: 14px; line-height: 20px; }

.history-container .history-more { padding-top: 20px; }

.history-container .history-more a { display: block; margin: 0 auto; text-align: center; width: 80px; line-height: 30px; color: #fff; background-color: #1b4499; }

.strength-container .capacity-area { padding-top: 20px; padding-bottom: 30px; }

.strength-container .capacity-content { margin-top: 20px; position: relative; }

.strength-container .capacity-content::before { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #000000; -webkit-border-radius: 123px; border-radius: 123px; opacity: 0.3; bottom: 0; width: 95%; height: 90%; -webkit-filter: blur(10px); filter: blur(10px); }

.strength-container .capacity-content img { width: 100%; }

.strength-container .capacity-info { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #fff; font-size: 0; }

.strength-container .capacity-info ul { text-align: center; }

.strength-container .capacity-info li { vertical-align: top; display: inline-block; padding: 0 5px; font-size: 14px; float: none; max-width: 25%; text-align: left; margin-right: 5%; }

.strength-container .capacity-info li:last-child { margin-right: 0; }

.strength-container .capacity-num { font-size: 18px; letter-spacing: -1px; line-height: 1; margin-bottom: 5px; position: relative; }

.strength-container .capacity-num i { font-style: normal; font-size: 12px; display: inline-block; vertical-align: bottom; margin-left: 3px; }

.strength-container .num-desc { font-size: 12px; }

.strength-container .product-area { padding-top: 20px; background: url(../images/ensure-product0bg.png) center center no-repeat; -o-background-size: cover; background-size: cover; }

.strength-container .ensure-swiper { position: relative; overflow: hidden; }

.strength-container .ensure-swiper .swiper-slide-active img { opacity: 1; }

.strength-container .ensure-sw-item { display: block; }

.strength-container .ensure-sw-item img { width: 100%; opacity: .4; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.strength-container .ensure-sw-item h2 { font-size: 14px; text-align: center; line-height: 30px; }

.strength-container .ensure-sw-item .thumb { background: #000; }

.strength-container .product-content { margin-top: 20px; padding-bottom: 30px; }

.strength-container .ensure-page { text-align: center; line-height: 2px; height: 2px; font-size: 0; margin-top: 10px; }

.strength-container .ensure-page span { width: 20px; height: 2px; background-color: #8d9196; -webkit-border-radius: 0; border-radius: 0; margin: 0 5px; }

.strength-container .ensure-page .swiper-pagination-bullet-active { width: 72px; background-color: #1b4499; }

.strength-container .device-area { padding-top: 20px; padding-bottom: 30px; }

.strength-container .device-content { margin: 20px -3px 0 -3px; }

.strength-container .device-content > div { padding: 0 3px; }

.strength-container .device-content img { width: 100%; }

.strength-container .device-content .thumb { position: relative; }

.strength-container .device-content .info { position: absolute; max-height: 100%; left: 0; bottom: 0; width: 100%; background: rgba(9, 65, 150, 0.85); overflow-y: auto; overflow-x: hidden; }

.strength-container .device-content .info::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.strength-container .device-content .info::-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); }

.strength-container .device-content .info::-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: #fff; }

.strength-container .device-content .info h2 { width: 100%; padding: 5px 10px; text-align: center; color: #fff; font-size: 14px; }

.strength-container .device-content .content-1 .thumb:first-child, .strength-container .device-content .content-3 .thumb:first-child { margin-bottom: 3.64023%; }

.strength-container .device-content .device-content-swiper { overflow: hidden; padding: 0; }

.strength-container .device-content .device-content-swiper ul { font-size: 0; }

.strength-container .device-content .device-content-swiper li { width: 50%; padding: 2px; display: inline-block; vertical-align: top; }

.strength-container .device-content .device-content-swiper .device03 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.strength-container .device-content .device-content-swiper .device04 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); position: absolute; }

.strength-container .device-content .device-content-swiper .slide-item { display: block; position: relative; }

.strength-container .device-content .device-content-swiper .device-page { text-align: center; height: 2px; line-height: 2px; font-size: 0; margin-top: 10px; }

.strength-container .device-content .device-content-swiper .device-page span { width: 20px; height: 2px; background-color: #8d9196; -webkit-border-radius: 0; border-radius: 0; margin: 0 5px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.strength-container .device-content .device-content-swiper .device-page .swiper-pagination-bullet-active { width: 72px; background-color: #1b4499; }

.strength-container .mass-area { padding-top: 20px; background: url(../images/ensure-mass-bg.png) center center no-repeat; -o-background-size: cover; background-size: cover; padding-bottom: 30px; }

.strength-container .mass-content { padding: 0 15px; margin-top: 20px; }

.strength-container .mass-content img { max-width: 80%; display: block; margin: 0 auto 20px auto; }

.strength-container .mass-r .content { padding: 20px 35px; position: relative; }

.strength-container .mass-r .content::before, .strength-container .mass-r .content::after { content: ''; position: absolute; width: 25px; height: 25px; -o-background-size: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; }

.strength-container .mass-r .content::before { background-image: url(../images/douhao1.png); top: 10px; left: 0; }

.strength-container .mass-r .content::after { background-image: url(../images/douhao2.png); bottom: 10px; right: 0; }

.strength-container .mass-r .title { letter-spacing: -1px; color: #E7E9EB; font-size: 30px; line-height: 1.2; margin-bottom: -18px; }

.art-container .are-area { padding-top: 20px; padding-bottom: 30px; }

.art-container .ability-content { padding-top: 20px; }

.art-container .ability-content .thumb { text-align: center; display: none; }

.art-container .ability-content .thumb img { width: 60%; }

.art-container .ability-content .info-area h3 { font-size: 18px; line-height: 1.2; margin-bottom: 7px; position: relative; }

.art-container .ability-content .info-area h3::before { content: ''; position: absolute; top: 6px; left: -10px; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #e10328; }

.art-container .ability-content .info-area .desc { color: #6E6E6E; padding-left: 15px; }

.art-container .ability-content .info-item { margin-bottom: 20px; padding-left: 10px; }

.art-container .ability-content .info-item:last-child { margin-bottom: 0; }

.art-container .laboratory-area { padding-top: 40px; padding-bottom: 10px; }

.art-container .laboratory-content { padding-top: 20px; }

.art-container .recom-item .info { height: 200px; overflow-x: hidden; overflow-y: auto; padding-right: 10px; }

.art-container .recom-item .info::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }

.art-container .recom-item .info::-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); }

.art-container .recom-item .info::-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: #e10328; }

.art-container .recom-item img { width: 100%; }

.art-container .recom-item .info-area { background: url(../images/laboratory-bg.png) center center no-repeat; -o-background-size: cover; background-size: cover; padding: 20px 15px; padding-bottom: 40px; }

.art-container .recom-item h2 { letter-spacing: -1px; color: #3B5AA2; font-size: 18px; line-height: 24px; margin-bottom: 15px; }

.art-container .recom-item h4 { font-size: 16px; color: #111111; line-height: 20px; margin-bottom: 5px; }

.art-container .recom-item li { margin-bottom: 15px; }

.art-container .recom-item li:last-child { margin-bottom: 0; }

.art-container .laboratory-recom-sw { position: relative; overflow: hidden; }

.art-container .laboratory-recom-page { position: absolute; bottom: 16px; left: 0; width: 100%; text-align: center; height: 8px; line-height: 8px; font-size: 0; z-index: 2; }

.art-container .laboratory-recom-page span { margin: 0 3px; background: #fff; opacity: 1; }

.art-container .laboratory-recom-page .swiper-pagination-bullet-active { background: #e10328; }

.art-container .laboratory-swiper { position: relative; overflow: hidden; }

.art-container .labor-item { display: block; position: relative; }

.art-container .labor-item img { width: 100%; }

.art-container .labor-item h2 { text-align: center; padding: 10px 15px; font-size: 14px; color: #fff; line-height: 1.2; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(9, 65, 150, 0.85); }

.art-container .laboratory-swiper-area { margin-top: 20px; }

.art-container .labor-page { height: 8px; line-height: 8px; font-size: 0; text-align: center; margin-top: 15px; }

.art-container .labor-page span { margin: 0 3px; opacity: .2; }

.art-container .labor-page .swiper-pagination-bullet-active { background: #e10328; opacity: 1; }

.art-container .framework-area { padding-top: 20px; }

.art-container .framework-content { padding-top: 20px; }

.art-container .framework-content img { width: 100%; }

.art-container .trade-area { padding-top: 20px; }

.art-container .trade-content { padding-top: 20px; }

.art-container .trade-content .commonweb { padding: 0; }

.art-container .trade-content ul { margin: 0 -5px; }

.art-container .trade-content li { text-align: center; padding: 0 5px; margin-bottom: 20px; }

.art-container .trade-content .icon { width: 40px; height: 40px; margin: 0 auto 5px auto; }

.art-container .trade-content .icon img { width: 100%; height: 100%; }

.art-container .trade-content p { letter-spacing: -1px; color: #333333; line-height: 1.3; font-size: 12px; }

.contact-container .contact-area { padding-top: 20px; padding-bottom: 30px; }

.contact-container .content { padding-top: 20px; }

.contact-container .address-item .thumb { position: relative; }

.contact-container .address-item .thumb img { width: 100%; }

.contact-container .address-item h2 { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; background: rgba(0, 0, 0, 0.5); }

.contact-container .address-item h2 span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; color: #fff; padding: 0 10px 5px 10px; font-size: 14px; }

.contact-container .address-item h2 span::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%); width: 15px; height: 2px; background-color: #e10328; }

.contact-container .address-item .info-area { padding-right: 9.94371%; margin-bottom: 20px; }

.contact-container .address-item .info { padding: 15px 0; border-bottom: solid 1px #D1DAEB; color: #333333; line-height: 24px; }

.contact-container .address-item:last-child .info-area { margin-bottom: 0; }

.contact-container .address-info { display: none; }

.contact-container .contact-form-area { padding-top: 30px; }

.contact-container .contact-form-area .title { margin-bottom: 20px; }

.contact-container .contact-form-area .title h3 { letter-spacing: -1px; color: #8DA1CC; font-size: 20px; line-height: 1.2; }

.contact-container .contact-form-area .title h4 { color: #1b4499; font-size: 16px; line-height: 1.2; }

.contact-container .form-item { margin-bottom: 10px; }

.contact-container .form-item input { width: 100%; height: 40px; border: none; background-color: #edf0f5; padding-left: 10px; -o-background-size: 22px auto; background-size: 22px auto; background-repeat: no-repeat; background-position: 96% center; padding-right: 14%; font-size: 14px; }

.contact-container .form-item textarea { width: 100%; height: 106px; padding: 10px; background-color: #edf0f5; padding-right: 14%; font-size: 14px; }

.contact-container .code-item { position: relative; }

.contact-container .code-item .code-btn { position: absolute; top: 0; right: 0; height: 100%; width: 100px; }

.contact-container .code-item img { width: 100%; height: 100%; }

.contact-container .code-item input { padding-right: 110px; }

.contact-container .submit-item { font-size: 0; }

.contact-container .submit-item button { display: inline-block; font-size: 14px; text-align: center; line-height: 40px; width: 49.4008%; color: #fff; padding: 0; }

.contact-container .submit-item .return { background-color: #193d88; }

.contact-container .submit-item .submit { background-color: #e10328; }

.contact-container .text-name { background-image: url(../images/contact01.png); }

.contact-container .text-name:focus { background-image: url(../images/contact01-o.png); }

.contact-container .text-tel { background-image: url(../images/contact02.png); }

.contact-container .text-tel:focus { background-image: url(../images/contact02-o.png); }

.contact-container .text-countries { background-image: url(../images/contact03.png); }

.contact-container .text-countries:focus { background-image: url(../images/contact03-o.png); }

.contact-container .text-company { background-image: url(../images/contact04.png); }

.contact-container .text-company:focus { background-image: url(../images/contact04-o.png); }

.contact-container .text-email { background-image: url(../images/contact05.png); }

.contact-container .text-email:focus { background-image: url(../images/contact05-o.png); }

.contact-container .text-msg { -o-background-size: 22px auto; background-size: 22px auto; background-repeat: no-repeat; background-position: 96% 10px; background-image: url(../images/contact06.png); }

.contact-container .text-msg:focus { background-image: url(../images/contact06-o.png); }

.ps-container .ps-scrollbar-y { width: 2px !important; background-color: #e10328 !important; opacity: 1 !important; position: absolute; right: 0; top: 0; }

@media (min-width: 660px) { .public-banner-tab .public-banner-area img { width: 100%; height: auto; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

@media (min-width: 768px) { .public-banner-tab a { line-height: 40px; }
  .public-title2 h3 { font-size: 30px; margin-bottom: 3px; }
  .public-title2 h4 { font-size: 18px; padding-bottom: 10px; }
  .public-title3 h3 { font-size: 18px; margin-bottom: 3px; }
  .public-title3 h4 { font-size: 14px; padding-bottom: 10px; }
  .public-title4 h3 { font-size: 18px; padding-bottom: 10px; }
  header .nav-content { width: 40%; }
  header .nav-logo { margin-bottom: 35px; }
  header .nav-logo a { height: 24px; }
  header .nav-box { padding-top: 60px; }
  header .nav-list h4 a { font-size: 20px; }
  header .nav-list a { font-size: 16px; line-height: 32px; }
  header .nav-list li { margin-bottom: 20px; }
  .index-container .about-area .public-title { padding: 30px 0; }
  .index-container .about-area .links-list a { padding: 15px 8px; }
  .index-container .about-area .links-list .en { height: 28px; display: block; color: #bbbbbb; margin-bottom: 8px; line-height: 1.2; }
  .index-container .about-area .links-list .zh { font-size: 14px; }
  .index-container .about-area .links-list .icon { width: 30px; height: 30px; }
  .index-container .product-area { padding-top: 30px; }
  .index-container .product-area .content { padding-top: 30px; }
  .index-container .product-area .product-screen { margin-top: 30px; }
  .index-container .strength-area { padding-top: 30px; }
  .index-container .strength-area .strength-tab { margin-top: 30px; }
  .index-container .strength-area .content { margin-top: 30px; }
  .index-container .strength-area .strength-swiper .info { padding: 20px 20px 40px 20px; }
  .index-container .strength-area .strength-swiper .info-content { -webkit-line-clamp: 3; max-height: 72px; height: 72px; }
  .index-container .news-area { padding-top: 30px; padding-bottom: 30px; -o-background-size: 1000px; background-size: 1000px; }
  .index-container .news-area .content { padding-top: 30px; }
  .index-container .news-area .news-recommend { padding-top: 20px; padding-bottom: 30px; }
  .product-container .p-product-area { padding-top: 30px; }
  .product-container .p-product-content { padding-top: 30px; }
  .product-container .p-product-list { padding-top: 30px; }
  .pro-detail-con .pro-name { font-size: 28px; }
  .pro-detail-con .pro-desc { font-size: 16px; }
  .pro-detail-con .p-pro-r { padding-top: 30px; }
  .pro-detail-con .p-pro-content { padding-top: 35px; }
  .pro-detail-con .p-pro-content li { margin-right: 35px; }
  .pro-detail-con .p-pro-content-top { padding-left: 20px; font-size: 18px; }
  .pro-detail-con .p-pro-purpose { padding-top: 35px; }
  .pro-detail-con .p-pro-relevant { padding-top: 20px; }
  .pro-apply .pro-apply-model-area .cor-info-list { padding: 25px 20px 60px 20px; }
  .pro-apply .pro-apply-model-area .cor-next, .pro-apply .pro-apply-model-area .cor-prev { bottom: 15px; }
  .joinus-container .joinus-area { padding-top: 30px; }
  .joinus-container .full-solutionMul-detail { padding-top: 30px; }
  .news-container .newsl-top { padding-top: 30px; padding-bottom: 30px; }
  .news-container .news-recom-area { padding-top: 30px; }
  .news-container .news-recom-item .info { padding: 30px 30px 40px 30px; }
  .news-container .news-recom-item h2 { font-size: 22px; }
  .news-container .news-page { bottom: 15px; }
  .news-container .newsl-bottom { padding-top: 30px; }
  .news-container .newsl-bottom .info { padding: 30px; }
  .news-container .newsl-bottom .info h2 { font-size: 20px; }
  .news-container .newsl-list { margin-bottom: 30px; }
  .news-container .newsl-list li { margin-bottom: 25px; padding-bottom: 25px; }
  .aboutus-container .about-area { padding-top: 30px; }
  .aboutus-container .aboutus-content { padding-top: 30px; }
  .aboutus-container .aboutus-content-title h3 { font-size: 20px; }
  .aboutus-container .content-thumb { width: 45.625%; }
  .aboutus-container .aboutus-intro-num { padding-top: 30px; }
  .aboutus-container .aboutus-intro-album { padding-top: 30px; }
  .aboutus-container .aboutus-intro-album .intro-video { margin-top: 25px; }
  .aboutus-container .aboutus-intro-envir { padding-top: 30px; }
  .aboutus-container .aboutus-intro-envir .envir-album { padding-top: 30px; }
  .aboutus-container .aboutus-intro-envir .envir-title { font-size: 20px; }
  .aboutus-container .aboutus-intro-envir .info { height: 40px; }
  .team-container .content { padding-top: 30px; padding-bottom: 40px; }
  .team-container .team-area ul { margin: 0 -10px 10px -10px; }
  .team-container .team-area li { padding: 0 10px; margin-bottom: 20px; }
  .team-container .team-area h2 { font-size: 16px; line-height: 40px; }
  .honor-container .honor-area { padding-top: 30px; }
  .honor-container .honor-desc { padding: 0 30px; }
  .honor-container .honor-r { margin-top: 30px; }
  .honor-container .honor-r ul { margin: 0 -15px; }
  .honor-container .honor-r li { padding: 0 15px; margin-bottom: 30px; }
  .honor-container .honor-page { bottom: 10%; }
  .core-container .about-area { padding-bottom: 40px; }
  .core-container .core-area { padding-top: 30px; }
  .core-container .core-area li { position: relative; margin-bottom: 0; }
  .core-container .core-area li .core-thumb { width: 50%; position: relative; }
  .core-container .core-area li .core-info { position: absolute; top: 0; width: 50%; height: 100%; z-index: 2; padding: 25px 25px 15px 25px; }
  .core-container .core-area li:nth-child(odd) .core-thumb { float: right; }
  .core-container .core-area li:nth-child(odd) .core-info { left: 0; }
  .core-container .core-area li:nth-child(odd) .core-info::before { content: ''; position: absolute; right: -30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; border-width: 15px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #f8f8f8; }
  .core-container .core-area li:nth-child(odd).cl-box .core-info::before { border-color: transparent transparent transparent #1b4499; }
  .core-container .core-area li:nth-child(even) .core-thumb { float: left; }
  .core-container .core-area li:nth-child(even) .core-info { right: 0; }
  .core-container .core-area li:nth-child(even) .core-info::before { content: ''; position: absolute; left: -30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; border-width: 15px; border-style: dashed solid dashed dashed; border-color: transparent #f8f8f8 transparent transparent; }
  .core-container .core-area li:nth-child(even).cl-box .core-info::before { border-color: transparent transparent transparent #1b4499; }
  .history-container .history-area { padding-top: 30px; }
  .history-container .history-swiper { padding-bottom: 20px; }
  .history-container .year-item h3 { font-size: 40px; line-height: 1.2; }
  .history-container .history-bottom { margin-top: 50px; }
  .history-container .bottom-area { padding-top: 20px; }
  .history-container .bottom-area li { padding-left: 0; padding-bottom: 25px; margin-bottom: 25px; }
  .history-container .bottom-area::before { left: 50%; margin-left: -1px; }
  .history-container .year-event-item { display: block; }
  .history-container .event-l { width: 50%; float: left; }
  .history-container .event-l h3 { margin-bottom: 0; padding: 0 50px; text-align: center; padding-bottom: 10px; }
  .history-container .event-l h3::before { bottom: 0; left: auto; width: 50px; margin-top: 15px; opacity: 1; height: 2px; }
  .history-container .event-r { width: 50%; float: left; padding-left: 25px; padding-right: 40px; }
  .history-container .event-item { margin-bottom: 20px; }
  .history-container .event-item h4 { font-size: 18px; }
  .history-container .event-item h4::before { width: 15px; height: 15px; margin-top: -8px; left: -33px; }
  .history-container .event-desc { font-size: 16px; line-height: 24px; }
  .history-container .history-more { padding-top: 40px; }
  .strength-container .capacity-area { padding-top: 30px; padding-bottom: 50px; }
  .strength-container .capacity-content { margin-top: 30px; }
  .strength-container .capacity-num { font-size: 30px; }
  .strength-container .capacity-num i { font-size: 16px; }
  .strength-container .num-desc { font-size: 14px; }
  .strength-container .capacity-info li { margin-right: 10%; }
  .strength-container .product-area { padding-top: 30px; }
  .strength-container .product-content { margin-top: 30px; padding-bottom: 40px; }
  .strength-container .ensure-sw-item h2 { margin-top: 5px; font-size: 16px; line-height: 40px; }
  .strength-container .ensure-page { margin-top: 20px; }
  .strength-container .device-area { padding-top: 30px; padding-bottom: 40px; }
  .strength-container .device-content { margin-top: 30px; }
  .strength-container .device-content .info h2 { padding: 10px 20px; }
  .strength-container .device-content .device-content-swiper li { padding: 5px; width: 33.5625%; position: relative; overflow: hidden; }
  .strength-container .device-content .device-content-swiper li img { height: 100%; position: absolute; width: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0; }
  .strength-container .device-content .device-content-swiper .slide-item { width: 100%; height: 100%; }
  .strength-container .device-content .device-content-swiper .thumb { display: block; width: 100%; overflow: hidden; position: relative; }
  .strength-container .device-content .device-content-swiper .thumb::before { content: ''; display: block; padding-top: 65.8444%; }
  .strength-container .device-content .device-content-swiper .device02 { width: 32.875%; }
  .strength-container .device-content .device-content-swiper .device02 .thumb::before { padding-top: 138.21293%; }
  .strength-container .device-content .device-content-swiper .device03 { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .strength-container .device-content .device-content-swiper .device04 { position: absolute; bottom: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .strength-container .device-content .device-content-swiper .device05 { position: absolute; bottom: 0; right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .strength-container .device-content .device-content-swiper .device-page { margin-top: 15px; }
  .strength-container .mass-area { padding-top: 30px; padding-bottom: 40px; }
  .strength-container .mass-content { margin-top: 35px; padding: 0; width: 100%; display: table; table-layout: fixed; }
  .strength-container .mass-l { width: 50%; vertical-align: middle; display: table-cell; }
  .strength-container .mass-r { width: 50%; vertical-align: middle; display: table-cell; padding-right: 7%; }
  .strength-container .mass-r .content { padding: 30px 40px; }
  .strength-container .mass-r .content::before, .strength-container .mass-r .content::after { width: 30px; height: 30px; }
  .strength-container .mass-content img { max-width: 50%; margin-bottom: 0; }
  .art-container .are-area { padding-top: 30px; padding-bottom: 50px; }
  .art-container .ability-content { padding-top: 30px; }
  .art-container .ability-content .info-area { font-size: 0; }
  .art-container .ability-content .info-area .desc { font-size: 14px; }
  .art-container .ability-content .info-item { width: 50%; vertical-align: top; display: inline-block; padding-right: 30px; margin-bottom: 30px; }
  .art-container .laboratory-content { padding-top: 30px; }
  .art-container .recom-item .info { height: 250px; }
  .art-container .recom-item .info-area { padding: 30px; padding-bottom: 40px; }
  .art-container .framework-area { padding-top: 30px; }
  .art-container .framework-content { padding-top: 30px; }
  .art-container .trade-area { padding-top: 30px; }
  .art-container .trade-content { padding-top: 30px; }
  .art-container .trade-content .icon { width: 80px; height: 80px; margin-bottom: 10px; }
  .art-container .trade-content li { padding: 0 10px; }
  .art-container .trade-content ul { margin: 0 -10px; }
  .art-container .trade-content p { font-size: 14px; }
  .contact-container .contact-area { padding-top: 30px; padding-bottom: 40px; }
  .contact-container .content { padding-top: 30px; }
  .contact-container .address-list { font-size: 0; }
  .contact-container .address-item { display: inline-block; vertical-align: top; width: 33.33%; font-size: 14px; }
  .contact-container .address-item .info { min-height: 175px; }
  .contact-container .address-item .info-area { margin-bottom: 0; } }

@media (min-width: 1024px) { .public-title h3 { font-size: 30px; line-height: 36px; padding-bottom: 10px; }
  .public-title h3::before { height: 30px; }
  .public-banner-tab a { line-height: 50px; font-size: 16px; padding: 0 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .public-banner-tab a:hover { background: #094196; }
  .public-banner-tab .public-nav-btn { display: none; }
  .public-banner-tab .public-subNav { display: block; position: static; -webkit-box-shadow: none; box-shadow: none; background: none; padding: 0; }
  .public-banner-tab .public-subNav ul { width: auto; display: inline-block; }
  .public-banner-tab .public-subNav li { display: inline-block; }
  .public-banner-tab .public-subNav a { color: #fff; }
  .public-title2 h3 { font-size: 40px; }
  .public-title2 h4 { font-size: 24px; padding-bottom: 15px; }
  .public-title3 h3 { font-size: 24px; }
  .public-title3 h4 { padding-bottom: 15px; font-size: 16px; }
  .public-title4 h3 { font-size: 24px; padding-bottom: 15px; }
  .public-product-tab h4 { display: none; }
  .public-product-tab .public-tab-list { position: static; display: block; background: none; -webkit-box-shadow: none; box-shadow: none; }
  .public-product-tab .public-tab-list li { float: left; border-bottom: none; }
  .public-product-tab .public-tab-list li:last-child h3::before { display: none; }
  .public-product-tab .public-tab-list h3 i { display: none; }
  .public-product-tab .public-tab-list h3 a { padding: 0 20px; min-width: 120px; text-align: center; }
  .public-product-tab .public-tab-list h3::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: 14px; background: #094196; opacity: .1; }
  .public-product-tab .public-tab-list .public-tab-subNav { position: absolute; z-index: 3; background: #fff; width: auto; max-width: 650px; -webkit-box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); padding: 20px 30px; }
  .public-product-tab .public-tab-list .public-tab-subNav a { min-width: 16.666%; line-height: 30px; }
  .public-product-tab .public-tab-list .public-tab-subNav a:hover { color: #094196; text-decoration: underline; text-underline-position: under; }
  .public-product-tab .public-tab-list .public-tab-subNav a.active { color: #094196; text-decoration: underline; text-underline-position: under; }
  .public-more a { line-height: 45px; font-size: 16px; }
  .diy-swiper-btn { width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; border: solid 1px #C0C7D2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; }
  .diy-swiper-btn::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: solid 2px #C0C7D2; border-left: solid 2px #C0C7D2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 11px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .diy-swiper-btn:hover { border-color: #094196 !important; }
  .diy-swiper-btn:hover::before { border-color: #094196 !important; }
  .swiper-btn-p { left: 0; }
  .swiper-btn-n { right: 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); }
  .sidebar .side-item { width: 50px; height: 50px; -o-background-size: 20px auto; background-size: 20px auto; line-height: 50px; }
  .sidebar .side-item:hover { background-color: #e10328; }
  .sidebar .side-item svg { width: 20px; height: 20px; }
  .sidebar .side-info { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .sidebar .side-info a { line-height: 50px; font-size: 20px; padding-left: 15px; padding-right: 45px; background-color: #e10328; background-position: 90% center; -o-background-size: 20px auto; background-size: 20px auto; color: #fff; position: relative; }
  .sidebar .side-info a svg { position: absolute; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 8%; }
  .sidebar .side-tel:hover .side-info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  header { height: 70px; }
  header .logo { height: 70px; padding: 22px 0; }
  header .logo img { height: 26px; }
  header .head-r { padding: 27px 0; }
  header .lang, header .search { padding: 20px 0; }
  header .lang-btn:hover, header .search-btn:hover { background-color: #094196; }
  header .lang-btn:hover svg path, header .search-btn:hover svg path { fill: #fff; }
  header .lang-btn:hover svg circle, header .search-btn:hover svg circle { stroke: transparent; }
  header .lang-btn, header .search-btn { width: 30px; height: 30px; margin: 0 5px; }
  header .lang-box { top: 70px; width: 100px; }
  header .lang-box a { line-height: 40px; font-size: 14px; }
  header .lang-box a:hover { color: #fff; background: #094196; }
  header .search-box { top: 70px; width: 350px; left: auto; }
  header .nav-box { padding-top: 34.4%; }
  header .nav-logo { margin-bottom: 40px; }
  header .nav-logo a { height: 28px; }
  header .nav-list li { margin-bottom: 35px; }
  header .nav-list h4 a { font-size: 22px; line-height: 40px; }
  header .nav-list h4 i { width: 40px; height: 40px; }
  header .nav-list h4 i::before { top: 9px; left: 14px; width: 12px; height: 12px; }
  header .nav-list a { line-height: 34px; font-size: 18px; }
  header .nav-subNav { padding: 0; }
  footer { padding-top: 50px; }
  footer .foot-r { float: right; }
  footer .foot-l { float: left; }
  footer .foot-nav li { float: left; padding-left: 54px; }
  footer .foot-nav li i { display: none; }
  footer .foot-nav li:first-child { padding-left: 0; }
  footer .foot-nav h4 { border: none; }
  footer .foot-nav h4 a { line-height: 1.5; position: relative; }
  footer .foot-nav h4 a::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 2px; background-color: #e10328; left: -20px; }
  footer .foot-list { display: block; padding-top: 0; padding-bottom: 30px; }
  footer .foot-list a { padding-left: 1px; }
  footer .foot-l-box { padding-top: 0; margin-bottom: 40px; padding-right: 50px; border-right: solid 1px rgba(255, 255, 255, 0.05); padding-bottom: 20px; }
  footer .foot-l-box img { max-width: none; width: 120px; }
  footer .foot-l-box p { line-height: 24px; }
  footer .foot-bottom { padding: 20px 0; }
  footer .foot-b-r { float: right; margin-bottom: 0; }
  footer .foot-b-l { float: left; line-height: 45px; }
  footer .foot-b-l .beian { display: inline-block; }
  footer .foot-tel { text-align: right; -moz-text-align-last: right; text-align-last: right; }
  footer .foot-tel p { font-size: 22px; }
  .index-container .banner-swiper .diy-swiper-btn { border-color: #fff; opacity: 0; }
  .index-container .banner-swiper .diy-swiper-btn::before { border-color: #fff; }
  .index-container .banner-swiper:hover .banner-prev { opacity: 1; left: 5%; }
  .index-container .banner-swiper:hover .banner-next { opacity: 1; right: 5%; }
  .index-container .banner-page { height: 8px; bottom: 5%; }
  .index-container .banner-page span { width: 8px; height: 8px; margin: 0 6px; }
  .index-container .banner-page .swiper-pagination-bullet-active { width: 40px; }
  .index-container .about-area .public-title { padding-top: 35px; padding-bottom: 35px; }
  .index-container .about-area .content { padding-top: 50px; padding-bottom: 40px; }
  .index-container .about-area .data-num { font-size: 80px; line-height: 76px; }
  .index-container .about-area .data-num span { padding-right: 30px; letter-spacing: -5px; }
  .index-container .about-area .data-num span::before { font-size: 24px; bottom: 10px; }
  .index-container .about-area .data-num span.bt::before { font-size: 30px; bottom: auto; top: 10px; }
  .index-container .about-area .data-title { font-size: 16px; }
  .index-container .about-area .data-list li { margin-bottom: 50px; }
  .index-container .about-area .links-list .icon { width: 40px; height: 40px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .about-area .links-list a { padding: 30px 0; }
  .index-container .about-area .links-list a:hover { background: #094196; }
  .index-container .about-area .links-list a:hover .zh, .index-container .about-area .links-list a:hover .en { color: #fff; }
  .index-container .about-area .links-list a:hover .active-icon { opacity: 1; }
  .index-container .about-area .links-list a:hover .default-icon { opacity: 0; }
  .index-container .about-area .links-list a:hover .icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .index-container .about-area .links-list .links-title { margin-top: 15px; }
  .index-container .about-area .links-list .en { font-size: 14px; height: auto; margin-bottom: 10px; }
  .index-container .about-area .links-list .zh { font-size: 16px; }
  .index-container .product-area { padding-top: 35px; }
  .index-container .product-area .content { padding-top: 35px; }
  .index-container .product-area .product-search { width: 400px; float: right; }
  .index-container .product-area .product-screen { margin-top: 0; float: left; }
  .index-container .product-area .product-search-input { -webkit-box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); }
  .index-container .product-area .screen-item h4 { width: 160px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .product-area .screen-item h4::before { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .product-area .screen-item a:hover { color: #094196; }
  .index-container .product-area .screen-item:hover h4 { background-image: -webkit-linear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: -moz- oldlinear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: -o-linear-gradient(27deg, #094196 0%, #1b58b3 100%); background-image: linear-gradient(63deg, #094196 0%, #1b58b3 100%); color: #fff; }
  .index-container .product-area .screen-item:hover h4::before { border-color: #fff; }
  .index-container .product-area .content-box { margin-top: 35px; }
  .index-container .product-area .content-item:hover .info { opacity: 1; }
  .index-container .product-area .content-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); }
  .index-container .product-area .content-item .info { opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; bottom: auto; top: 0; height: 100%; padding: 30px 20px; }
  .index-container .product-area .content-item .info h2 { font-size: 22px; margin-bottom: 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .index-container .product-area .content-item .info h2::before { display: block; }
  .index-container .product-area .content-item .info .desc { display: block; }
  .index-container .product-area .content-item .info .more { display: block; }
  .index-container .product-area .content-page { display: none; }
  .index-container .strength-area { padding-top: 35px; }
  .index-container .strength-area .strength-tab { margin-top: 35px; }
  .index-container .strength-area .content { margin-top: 35px; }
  .index-container .strength-area .tab-item { padding: 0 40px; }
  .index-container .strength-area .tab-item .icon { width: 40px; height: 40px; }
  .index-container .strength-area .strength-swiper a { overflow: hidden; }
  .index-container .strength-area .strength-swiper img { width: 120%; 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 .strength-area .strength-swiper .info { position: absolute; height: 70%; top: 15%; right: 8%; width: 641px; padding: 40px 50px; }
  .index-container .strength-area .strength-swiper .info::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #e10328; }
  .index-container .strength-area .strength-swiper .info-l { width: 35%; float: left; padding-right: 30px; }
  .index-container .strength-area .strength-swiper .info-r { width: 65%; float: right; }
  .index-container .strength-area .strength-swiper .zh { font-size: 22px; }
  .index-container .strength-area .strength-swiper .en { margin-top: 15px; padding-bottom: 15px; max-height: none; }
  .index-container .strength-area .strength-swiper .info-content { line-height: 30px; -webkit-line-clamp: 5; max-height: 150px; height: 150px; margin-bottom: 20px; }
  .index-container .strength-area .strength-swiper .strength-page span { background: #fff; }
  .index-container .strength-area .strength-swiper .strength-page .swiper-pagination-bullet-active { background-color: #e10328; }
  .index-container .strength-area .strength-swiper .more:hover { color: #094196; border-color: #094196; }
  .index-container .strength-area .strength-page { bottom: 10px; }
  .index-container .news-area { padding-top: 35px; -o-background-size: 100%; background-size: 100%; padding-bottom: 50px; }
  .index-container .news-area .content { padding-top: 0px; margin-top: 35px; position: relative; }
  .index-container .news-area .content-l { width: 50%; float: left; position: absolute; height: 100%; }
  .index-container .news-area .content-r { width: 50%; float: right; padding-left: 30px; position: relative; }
  .index-container .news-area .news-recommend { padding-top: 0; }
  .index-container .news-area .news-recommend .title { font-size: 22px; }
  .index-container .news-area .news-recommend .date { font-size: 24px; }
  .index-container .news-area .news-recommend a:hover .more { color: #094196; }
  .index-container .news-area .thumb { height: 100%; }
  .index-container .news-area .thumb img { height: 100%; 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; width: auto; }
  .index-container .news-area .thumb:hover img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
  .index-container .news-area .news-list h2 { line-height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .index-container .news-area .news-list a { padding-left: 16px; }
  .index-container .news-area .news-list a:hover h2 { color: #094196; }
  .index-container .news-area .news-list a:hover .date { color: #094196; }
  .product-container .p-product-area { padding-top: 40px; padding-bottom: 50px; }
  .product-container .p-product-content { padding-top: 40px; }
  .product-container .p-product-list { padding-top: 40px; }
  .product-container .p-product-list a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; }
  .product-container .p-product-list a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #094196; z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
  .product-container .p-product-list a:hover { -webkit-box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 20px 0px rgba(3, 0, 0, 0.1); }
  .product-container .p-product-list a:hover::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
  .product-container .p-product-list a: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); }
  .product-container .p-product-list a:hover h2 { color: #fff; background: #094196; }
  .product-container .p-product-list a:hover .thumb { border-color: transparent; }
  .product-container .p-product-list img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .product-container .p-product-list h2 { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; line-height: 40px; font-size: 16px; }
  .product-container .p-product-list li { margin-bottom: 20px; }
  .product-container .p-product-list ul { padding-bottom: 20px; }
  .product-container .p-product-list .no-result img { width: 50px; height: 50px; }
  .pro-detail-con .p-pro-info { position: relative; }
  .pro-detail-con .p-pro-l { width: 40.625%; float: left; position: relative; }
  .pro-detail-con .p-pro-r { padding-top: 0; width: 59.375%; float: left; padding-left: 4%; position: absolute; right: 0; height: 100%; top: 0; }
  .pro-detail-con .p-pro-share { position: absolute; bottom: 0; width: 100%; }
  .pro-detail-con .p-pro-content { padding-top: 40px; }
  .pro-detail-con .p-pro-content-top { font-size: 20px; }
  .pro-detail-con .p-pro-tab { margin-bottom: 20px; }
  .pro-detail-con .p-pro-tab li { cursor: pointer; }
  .pro-detail-con .p-pro-tab li:hover { color: #094196; }
  .pro-detail-con .p-pro-purpose { padding-top: 40px; }
  .pro-detail-con .purpose-content { margin-top: 30px; position: relative; padding-left: 40px; padding-right: 40px; }
  .pro-detail-con .purpose-content .content-area:hover { -webkit-box-shadow: 0px 10px 20px -10px rgba(27, 68, 153, 0.7); box-shadow: 0px 10px 20px -10px rgba(27, 68, 153, 0.7); }
  .pro-detail-con .purpose-content .content-area: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); }
  .pro-detail-con .purpose-content .content-area:hover .name { height: 100%; }
  .pro-detail-con .purpose-content .purpose-swiper { padding-bottom: 20px; }
  .pro-detail-con .purpose-content .name { font-size: 16px; height: 44px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .pro-detail-con .purpose-content .name span { 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: 100%; }
  .pro-detail-con .purpose-content .thumb { overflow: hidden; }
  .pro-detail-con .purpose-content img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .pro-detail-con .purpose-content .purpose-page { display: none; }
  .pro-detail-con .p-pro-relevant { padding-top: 30px; }
  .pro-detail-con .pro-relevant-area { padding-top: 30px; }
  .pro-detail-con .area-content { position: relative; padding: 0 40px; }
  .pro-detail-con .relevant-page { display: none; }
  .pro-detail-con .p-pro-page { display: none; }
  .pro-detail-con .p-pro-swiper .p-pro-prev { left: 5%; }
  .pro-detail-con .p-pro-swiper .p-pro-next { right: 5%; }
  .pro-detail-con .share-list a { width: 23px; height: 23px; }
  .pro-detail-con .share-list .bshare-sinaminiblog:hover { background-image: url(../images/share-weibo-o.png); }
  .pro-detail-con .share-list .bshare-qqim:hover { background-image: url(../images/share-qq-o.png); }
  .pro-detail-con .share-list .bshare-weixin:hover { background-image: url(../images/share-weixin-o.png); }
  .pro-detail-con .share-list .bshare-linkedin:hover { background-image: url(../images/share-lin-o.png); }
  .pro-detail-con .p-pro-detail-content { padding-top: 40px; }
  .pro-detail-con .pro-name { font-size: 30px; margin-bottom: 5px; }
  .pro-detail-con .p-pro-area { padding-top: 25px; border-top: solid 2px #1b4499; }
  .pro-detail-con .p-pro-tab-area { padding-left: 20px; }
  .pro-detail-con .relevant-item img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .pro-detail-con .relevant-item:hover { -webkit-box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); }
  .pro-detail-con .relevant-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-detail-con .relevant-item:hover h2 { color: #fff; background-color: #094196; }
  .pro-detail-con .relevant-item .thumb { overflow: hidden; }
  .pro-detail-con .relevant-item h2 { line-height: 40px; font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .pro-apply .pro-apply-model-area { -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; width: 70%; left: 15%; height: 70%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .pro-apply .pro-apply-model-area .look-detail { display: block; }
  .pro-apply .pro-apply-model-area .con-l { width: 21.9%; height: 100%; }
  .pro-apply .pro-apply-model-area .content { padding-top: 0; }
  .pro-apply .pro-apply-model-area .apply-category-swiper { position: relative; }
  .pro-apply .pro-apply-model-area .apply-category-swiper .swiper-slide { width: 100%; }
  .pro-apply .pro-apply-model-area .apply-category-swiper .cur .col-cate-item::before { content: ''; position: absolute; width: 10px; height: 10px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); top: 50%; right: 15px; }
  .pro-apply .pro-apply-model-area .apply-category-swiper .swiper-scrollbar { display: block; position: absolute; right: 0; top: 0; z-index: 50; height: 100%; width: 2px; }
  .pro-apply .pro-apply-model-area .apply-category-swiper .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background-color: #1b4499; opacity: 0.5; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }
  .pro-apply .pro-apply-model-area .con-r { position: absolute; padding-top: 35px; padding-left: 21.9%; }
  .pro-apply .pro-apply-model-area .cor-info-list { padding-top: 10px; padding-bottom: 80px; display: none; }
  .pro-apply .pro-apply-model-area .cor-info-list .title { margin-bottom: 40px; }
  .pro-apply .pro-apply-model-area .cor-info-list li { margin-bottom: 35px; }
  .pro-apply .pro-apply-model-area .cor-info-list li:last-child { margin-bottom: 0; }
  .pro-apply .pro-apply-model-area .cor-thumb { height: 100%; }
  .pro-apply .pro-apply-model-area .cor-thumb .thumb { max-height: 80%; max-width: 90%; margin: 0 auto; overflow: hidden; height: 100%; text-align: center; }
  .pro-apply .pro-apply-model-area .cor-thumb img { max-width: 100%; max-height: 100%; width: auto; }
  .pro-apply .pro-apply-model-area .col-area { padding: 30px 0; }
  .pro-apply .pro-apply-model-area .apply-c-prev, .pro-apply .pro-apply-model-area .apply-c-next { display: block; }
  .pro-apply .pro-apply-model-area .apply-c-prev:hover::before, .pro-apply .pro-apply-model-area .apply-c-next:hover::before { border-color: #1b4499; }
  .pro-apply .pro-apply-model-area .col-cate-item { padding-left: 20px; padding-right: 40px; }
  .pro-apply .pro-apply-model-area .cor-area { overflow: hidden; }
  .pro-apply .pro-apply-model-area .cor-area-btn { padding-left: 21.9%; }
  .pro-apply .pro-apply-model-area .cor-next, .pro-apply .pro-apply-model-area .cor-prev { top: auto; width: 43px; height: 43px; bottom: 20px; display: block; }
  .pro-apply .pro-apply-model-area .cor-next::before, .pro-apply .pro-apply-model-area .cor-prev::before { width: 15px; height: 15px; top: 13px; left: 16px; }
  .pro-apply .pro-apply-model-area .cor-prev { margin-left: -20px; }
  .pro-apply .pro-apply-model-area .cor-info-box { padding-top: 30px; height: 100%; overflow-x: hidden; overflow-y: auto; }
  .pro-apply .pro-apply-model-area .cor-info-box::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }
  .pro-apply .pro-apply-model-area .cor-info-box::-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); }
  .pro-apply .pro-apply-model-area .cor-info-box::-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: #e10328; }
  .pro-apply .pro-apply-model-area .cor-sw-area { position: relative; }
  .pro-apply .pro-apply-model-area .cor-sw-area .thumb { text-align: center; }
  .pro-apply .pro-apply-model-area .cor-sw-area .thumb img { width: auto; max-width: 100%; }
  .pro-apply .pro-apply-model-area .cor-sw-info { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 10px; padding-left: 20px; }
  .pro-apply .pro-apply-model-area .cor-sw-info::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }
  .pro-apply .pro-apply-model-area .cor-sw-info::-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); }
  .pro-apply .pro-apply-model-area .cor-sw-info::-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: #e10328; }
  .joinus-container .joinus-area { padding-top: 40px; }
  .joinus-container .full-solutionMul-detail { padding-top: 0; padding-bottom: 80px; }
  .news-container .newsl-top { padding-top: 40px; padding-bottom: 40px; }
  .news-container .news-recom-area { padding-top: 40px; }
  .news-container .news-recom-item { position: relative; overflow: hidden; }
  .news-container .news-recom-item .thumb { position: relative; width: 63.57143%; }
  .news-container .news-recom-item .thumb: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); }
  .news-container .news-recom-item .info { position: absolute; top: 0; right: 0; height: 100%; width: 36.42857%; padding: 4% 6% 0 4%; }
  .news-container .news-recom-item h2 { margin-bottom: 25px; }
  .news-container .news-recom-item .info-desc { margin-bottom: 30px; }
  .news-container .news-page { width: auto; left: 63.57143%; padding-left: 4%; bottom: 25px; }
  .news-container .newsl-bottom { padding-top: 40px; padding-bottom: 70px; }
  .news-container .newsl-list li { margin-bottom: 30px; padding-bottom: 30px; }
  .news-container .newsl-list .newsl-item { position: relative; }
  .news-container .newsl-list .newsl-item:hover .detail { color: #094196; border-color: #094196; }
  .news-container .newsl-list .newsl-item:hover .thumb 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); }
  .news-container .newsl-list .thumb { position: relative; width: 30%; }
  .news-container .newsl-list .info { position: absolute; top: 0; right: 0; height: 100%; width: 70%; padding-right: 90px; }
  .news-container .newsl-list .info .date { position: absolute; top: 0; right: 20px; background: #d90000; color: #fff; width: 55px; text-align: center; height: 55px; font-size: 12px; margin-bottom: 0; }
  .news-container .newsl-list .info .date .y-m { display: block; margin-top: 35px; }
  .news-container .newsl-list .info .date .dd { position: absolute; top: 0; left: 17px; letter-spacing: -1px; font-size: 30px; }
  .news-container .newsl-list .info .date .dd::before { display: none; }
  .news-container .newsl-list .info .desc p { -webkit-line-clamp: 2; height: 48px; max-height: 48px; }
  .aboutus-container .about-area { padding-top: 40px; }
  .aboutus-container .aboutus-content { padding-top: 40px; }
  .aboutus-container .aboutus-content-title h3 { font-size: 24px; margin-bottom: 4px; }
  .aboutus-container .aboutus-content-title h4 { font-size: 16px; padding-bottom: 20px; }
  .aboutus-container .content-box { font-size: 16px; }
  .aboutus-container .content-box p { line-height: 28px; }
  .aboutus-container .aboutus-intro-num { padding-top: 50px; }
  .aboutus-container .aboutus-intro-num li span { font-size: 38px; margin-bottom: 5px; }
  .aboutus-container .aboutus-intro-num li .sales::after { top: 5px; font-size: 18px; }
  .aboutus-container .aboutus-intro-num li .series::after { font-size: 28px; }
  .aboutus-container .aboutus-intro-num li p { font-size: 16px; }
  .aboutus-container .aboutus-intro-album { padding-top: 50px; }
  .aboutus-container .aboutus-intro-album li { overflow: hidden; }
  .aboutus-container .aboutus-intro-album li:hover h2 { height: 100%; }
  .aboutus-container .aboutus-intro-album li: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); }
  .aboutus-container .aboutus-intro-album li h2 { height: 50px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .aboutus-container .aboutus-intro-album li h2 span { font-size: 16px; }
  .aboutus-container .aboutus-intro-album .intro-video { margin-top: 40px; }
  .aboutus-container .aboutus-intro-album img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .aboutus-container .aboutus-intro-envir { padding-top: 40px; }
  .aboutus-container .aboutus-intro-envir .envir-album { padding-top: 40px; }
  .aboutus-container .aboutus-intro-envir .envir-album .album-l { width: 58.59375%; float: left; padding-right: 10px; }
  .aboutus-container .aboutus-intro-envir .envir-album .album-l li { padding: 0 4px; margin-bottom: 8px; }
  .aboutus-container .aboutus-intro-envir .envir-album .album-l ul { margin: 0 -4px; }
  .aboutus-container .aboutus-intro-envir .envir-album .album-r { float: right; width: 41.40625%; }
  .aboutus-container .aboutus-intro-envir .album-item .thumb { overflow: hidden; }
  .aboutus-container .aboutus-intro-envir .album-item img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .aboutus-container .aboutus-intro-envir .album-item:hover .info { opacity: 1; }
  .aboutus-container .aboutus-intro-envir .album-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); }
  .aboutus-container .aboutus-intro-envir .info { height: 100%; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .aboutus-container .aboutus-intro-envir .desc { font-size: 16px; }
  .aboutus-container .about-area { padding-bottom: 50px; }
  .team-container .content { padding-top: 40px; padding-bottom: 60px; }
  .team-container .team-area ul { margin: 0 -20px; }
  .team-container .team-area li { padding: 0 20px; margin-bottom: 40px; }
  .team-container .team-area h2 { font-size: 18px; line-height: 50px; }
  .team-container .team-area .team-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); }
  .honor-container .honor-area { padding-top: 40px; }
  .honor-container .honor-box { position: relative; }
  .honor-container .honor-l { position: relative; float: left; width: 46.25%; }
  .honor-container .honor-r { position: absolute; top: 0; right: 0; width: 53.75%; height: 100%; margin-top: 0; padding-left: 3%; }
  .honor-container .honor-r .list-item { overflow: hidden; }
  .honor-container .honor-r .list-item img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .honor-container .honor-r .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); }
  .honor-container .honor-list { height: 100%; position: relative; }
  .honor-container .honor-list::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; -webkit-box-shadow: inset 0px -30px 30px -30px rgba(3, 0, 0, 0.1); box-shadow: inset 0px -30px 30px -30px rgba(3, 0, 0, 0.1); z-index: 2; }
  .honor-container .honor-list ul { overflow-y: auto; overflow-x: hidden; padding-right: 4.625%; height: 100%; }
  .honor-container .honor-list ul::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }
  .honor-container .honor-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); }
  .honor-container .honor-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: #e10328; }
  .honor-container .honor-page { display: none; }
  .honor-container .honor-next { right: 21px; }
  .honor-container .honor-prev { left: 21px; }
  .honor-container .honor-desc { font-size: 18px; line-height: 24px; max-height: 48px; height: 48px; }
  .honor-container .honor-item .thumb { height: 80%; overflow: hidden; }
  .honor-container .honor-item img { max-height: 60%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .honor-container .honor-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-container .core-area { padding-top: 40px; }
  .core-container .core-area li .core-info { padding: 4.6875% 4.11458% 20px 5.15625%; }
  .core-container .core-info h2 { font-size: 20px; }
  .core-container .info-content { font-size: 16px; }
  .core-container .core-page { font-size: 20px; padding: 0 30px; bottom: 12px; }
  .core-container .core-btn { width: 30px; height: 30px; position: absolute; bottom: 12px; z-index: 3; cursor: pointer; }
  .core-container .core-btn::before { content: ''; position: absolute; top: 9px; left: 11px; border-bottom: solid 2px #fff; border-left: solid 2px #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 12px; height: 12px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .core-container .core-btn:hover::before { border-color: #e10328; }
  .core-container .core-prev { left: 90px; }
  .core-container .core-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: 120px; }
  .history-container .history-area { padding-top: 40px; }
  .history-container .year-item h3 { font-size: 50px; }
  .history-container .year-item p { font-size: 16px; }
  .history-container .history-bottom { margin-top: 70px; }
  .history-container .event-l h3 { font-size: 34px; margin-top: -20px; }
  .history-container .event-item { margin-bottom: 35px; }
  .history-container .event-item:last-child { margin-bottom: 0; }
  .history-container .bottom-area li { margin-bottom: 50px; padding-bottom: 50px; }
  .history-container .history-more { padding-top: 50px; }
  .history-container .history-more a { line-height: 40px; width: 100px; }
  .strength-container .capacity-area { padding-top: 40px; padding-bottom: 60px; }
  .strength-container .capacity-content { margin-top: 40px; }
  .strength-container .capacity-num { font-size: 45px; }
  .strength-container .capacity-num i { font-size: 20px; }
  .strength-container .product-area { padding-top: 40px; }
  .strength-container .product-content { margin-top: 40px; padding-bottom: 49px; }
  .strength-container .device-area { padding-top: 40px; padding-bottom: 60px; }
  .strength-container .device-content { margin-left: -5px; margin-right: -5px; }
  .strength-container .device-content > div { padding: 0 5px; }
  .strength-container .device-content .info { height: 100%; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .strength-container .device-content .info h2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 30px; font-size: 16px; }
  .strength-container .device-content .thumb:hover .info { opacity: 1; }
  .strength-container .device-content .device-content-swiper .slide-item:hover .info { opacity: 1; }
  .strength-container .device-content .device-prev, .strength-container .device-content .device-next { border: none; background: rgba(255, 255, 255, 0.8); margin-top: -1%; }
  .strength-container .device-content .swiper-btn-p { left: 5%; }
  .strength-container .device-content .swiper-btn-n { right: 5%; }
  .strength-container .mass-area { padding-top: 40px; padding-bottom: 60px; }
  .strength-container .mass-content { margin-top: 45px; }
  .strength-container .mass-content img { max-width: 40.52083%; }
  .strength-container .mass-r { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
  .strength-container .mass-r .content { padding: 35px 65px; }
  .strength-container .mass-r .content::before, .strength-container .mass-r .content::after { width: 40px; height: 40px; }
  .strength-container .mass-r .title { font-size: 40px; margin-bottom: -25px; letter-spacing: -3px; }
  .strength-container .mass-r .desc { font-size: 16px; line-height: 30px; }
  .art-container .are-area { padding-top: 40px; padding-bottom: 80px; }
  .art-container .ability-content { padding-top: 40px; position: relative; margin-bottom: 12%; }
  .art-container .ability-content .thumb { display: block; }
  .art-container .ability-content .thumb img { width: 50%; }
  .art-container .ability-content .info-item { position: absolute; margin-bottom: 0; width: 27%; max-height: 48%; }
  .art-container .ability-content .info-item h3 { font-size: 20px; width: 57%; }
  .art-container .ability-content .info-item h3::before { display: none; }
  .art-container .ability-content .info-item:hover { height: 48%; }
  .art-container .ability-content .info-item:hover .desc { display: block; }
  .art-container .ability-content .info-area .desc { padding-left: 0; max-height: 70%; height: 70%; overflow-x: hidden; overflow-y: auto; display: none; }
  .art-container .ability-content .info-area .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }
  .art-container .ability-content .info-area .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(255, 255, 255, 0); }
  .art-container .ability-content .info-area .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: #e10328; }
  .art-container .ability-content .info-1 { top: 27%; left: 10%; }
  .art-container .ability-content .info-2 { top: 27%; left: 75%; }
  .art-container .ability-content .info-3 { top: 83%; left: 13%; }
  .art-container .ability-content .info-4 { top: 83%; left: 75%; }
  .art-container .laboratory-content { padding-top: 40px; }
  .art-container .recom-item { position: relative; }
  .art-container .recom-item .thumb { position: relative; width: 61.9375%; overflow: hidden; }
  .art-container .recom-item .thumb: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); }
  .art-container .recom-item .thumb img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .art-container .recom-item .info-area { position: absolute; right: 0; top: 0; width: 38.0625%; height: 100%; padding: 3.1875% 30px 5.5% 30px; }
  .art-container .recom-item .info { height: 100%; }
  .art-container .recom-item h2 { font-size: 20px; }
  .art-container .laboratory-recom-page { display: none; }
  .art-container .laboratory-recom-next, .art-container .laboratory-recom-prev { width: 40px; height: 40px; position: absolute; bottom: 0; z-index: 2; left: 61.9375%; cursor: pointer; }
  .art-container .laboratory-recom-next::before, .art-container .laboratory-recom-prev::before { content: ''; position: absolute; top: 12px; left: 16px; width: 15px; height: 15px; }
  .art-container .laboratory-recom-prev { background: #094196; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
  .art-container .laboratory-recom-prev::before { border-bottom: solid 2px #fff; border-left: solid 2px #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .art-container .laboratory-recom-next { background-color: #e10328; }
  .art-container .laboratory-recom-next::before { left: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .art-container .laboratory-swiper-area { margin-top: 30px; padding: 0 40px; position: relative; }
  .art-container .labor-item .thumb { overflow: hidden; }
  .art-container .labor-item img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .art-container .labor-item h2 { font-size: 16px; padding: 15px 30px; }
  .art-container .labor-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); }
  .art-container .labor-prev, .art-container .labor-next { width: 30px; height: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }
  .art-container .labor-prev::before, .art-container .labor-next::before { content: ''; position: absolute; width: 15px; height: 15px; border-left: solid 2px #bbb; border-bottom: solid 2px #bbb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 8px; left: 12px; opacity: .5; }
  .art-container .labor-prev:hover::before, .art-container .labor-next:hover::before { border-color: #e10328; opacity: 1; }
  .art-container .labor-prev { left: 0; }
  .art-container .labor-next { right: 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); }
  .art-container .labor-page { display: none; }
  .art-container .framework-area { padding-top: 40px; }
  .art-container .framework-content { padding-top: 40px; }
  .art-container .trade-area { padding-top: 40px; }
  .art-container .trade-content { padding-top: 60px; }
  .art-container .trade-content .icon { width: 120px; height: 120px; margin-bottom: 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .art-container .trade-content p { font-size: 18px; line-height: 1.5; }
  .art-container .trade-content ul { margin: 0 -15px; }
  .art-container .trade-content li { padding: 0 15px; }
  .art-container .trade-content li:hover .icon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg); }
  .contact-container .address-item:hover h2 { opacity: 0; }
  .contact-container .address-item:hover .address-info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .contact-container .address-item:hover .info { border-color: #1b4499; }
  .contact-container .address-item h2 { height: 50px; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
  .contact-container .address-item h2 span { font-size: 16px; }
  .contact-container .address-item .thumb { overflow: hidden; }
  .contact-container .address-info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .contact-container .address-info p { text-align: center; padding: 0 20px; font-size: 16px; }
  .contact-container .address-info .icon { width: 40px; height: 52px; margin: 0 auto; background: url(../images/icon-address.png) center center no-repeat; -o-background-size: 100%; background-size: 100%; margin-bottom: 10px; margin-top: 22.32645%; }
  .contact-container .contact-area { padding-top: 40px; padding-bottom: 60px; }
  .contact-container .content { padding-top: 40px; }
  .contact-container .address-item .info { padding-top: 30px; padding-bottom: 30px; min-height: 205px; }
  .contact-container .contact-form-area { padding-top: 50px; }
  .contact-container .contact-form-area .title { margin-bottom: 25px; }
  .contact-container .contact-form-area .title h3 { font-size: 24px; margin-bottom: 3px; }
  .contact-container .contact-form-area .title h4 { font-size: 18px; }
  .contact-container .form-box { font-size: 0; }
  .contact-container .form-box form { margin: 0 -15px; }
  .contact-container .text-item { display: inline-block; vertical-align: top; width: 50%; }
  .contact-container .text-item input { padding-left: 20px; }
  .contact-container .form-item { padding: 0 15px; margin-bottom: 15px; }
  .contact-container .email-item input { padding-left: 20px; background-position: 98% center; padding-right: 60px; }
  .contact-container .content-item textarea { padding-left: 20px; background-position: 98% 10px; padding-right: 60px; }
  .contact-container .submit-item { padding: 0 15px; }
  .contact-container .submit-item button { opacity: .34; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .contact-container .submit-item button:hover { opacity: 1; }
  .contact-container .code-item .code-btn { right: 15px; } }

@media (min-width: 1200px) { .public-title h3 { font-size: 34px; padding-bottom: 18px; }
  .public-title h3::before { height: 34px; }
  .public-banner-tab a { line-height: 55px; padding: 0 25px; }
  .public-title2 h3 { font-size: 50px; }
  .public-title2 h4 { font-size: 28px; }
  .public-title3 h3 { font-size: 28px; }
  .public-title4 h3 { font-size: 28px; }
  .public-product-tab .public-tab-list h3 a { line-height: 44px; min-width: 140px; }
  .public-product-tab .public-tab-list .public-tab-subNav a { line-height: 35px; }
  .public-more a { line-height: 50px; font-size: 16px; }
  .diy-swiper-btn { width: 43px; height: 43px; }
  .diy-swiper-btn::before { width: 15px; height: 15px; top: 13px; left: 17px; }
  .sidebar .side-item { width: 70px; height: 70px; -o-background-size: 32px auto; background-size: 32px auto; line-height: 70px; }
  .sidebar .side-item svg { width: 32px; height: 32px; }
  .sidebar .side-info a { line-height: 70px; padding-left: 26px; font-size: 22px; padding-right: 60px; -o-background-size: 32px auto; background-size: 32px auto; }
  .sidebar .side-info a svg { width: 32px; height: 32px; }
  header { height: 74px; }
  header .logo { height: 74px; line-height: 74px; padding: 0; }
  header .logo img { height: 30px; }
  header .lang, header .search { padding: 22px 0; }
  header .head-r { padding: 29px 0; }
  header .lang-box, header .search-box { top: 74px; }
  header .toggle-nav { width: 25px; }
  header .nav-logo a { height: 30px; }
  header .nav-list h4 a { font-size: 24px; }
  header .nav-list a { line-height: 36px; }
  footer { padding-top: 70px; }
  footer .foot-nav li { padding-left: 100px; }
  footer .foot-l-box { padding-right: 80px; }
  footer .foot-tel p { font-size: 24px; }
  .index-container .about-area .public-title { padding-top: 50px; padding-bottom: 50px; }
  .index-container .about-area .content { padding-top: 70px; padding-bottom: 49px; }
  .index-container .about-area .data-num { font-size: 100px; line-height: 106px; }
  .index-container .about-area .data-title { font-size: 18px; }
  .index-container .about-area .data-list li { margin-bottom: 70px; }
  .index-container .about-area .links-list li:nth-child(even) a { -webkit-box-shadow: inset 30px 0px 30px -30px rgba(3, 0, 0, 0.1), inset -30px 0 30px -30px rgba(3, 0, 0, 0.1); box-shadow: inset 30px 0px 30px -30px rgba(3, 0, 0, 0.1), inset -30px 0 30px -30px rgba(3, 0, 0, 0.1); }
  .index-container .about-area .links-list a { padding: 40px 0; }
  .index-container .about-area .links-list .en { margin-bottom: 15px; }
  .index-container .product-area { padding-top: 50px; }
  .index-container .product-area .content { padding-top: 50px; }
  .index-container .product-area .content-item .info { padding: 30px; }
  .index-container .product-area .content-item .info h2 { margin-bottom: 30px; }
  .index-container .product-area .content-item .info .desc { height: 60%; }
  .index-container .product-area .content-item .info .more { width: 146px; line-height: 43px; padding-left: 32px; background-position: 100px center; }
  .index-container .product-area .screen-item { margin-right: 28px; }
  .index-container .product-area .screen-item h4 { width: 230px; line-height: 45px; font-size: 16px; padding: 0 20px; }
  .index-container .product-area .screen-item h4::before { top: 14px; right: 20px; width: 10px; height: 10px; }
  .index-container .product-area .product-search-input { height: 45px; -webkit-box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); }
  .index-container .product-area .content-box { margin-top: 50px; -webkit-box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); }
  .index-container .strength-area { padding-top: 50px; }
  .index-container .strength-area .content { margin-top: 50px; }
  .index-container .strength-area .strength-tab { margin-top: 50px; }
  .index-container .strength-area .tab-item { padding: 0 48px; }
  .index-container .strength-area .strength-swiper .info { padding: 50px 60px 50px 40px; }
  .index-container .strength-area .strength-swiper img { width: 100%; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .index-container .strength-area .strength-swiper .zh { font-size: 24px; }
  .index-container .strength-area .strength-swiper .en { padding-bottom: 18px; }
  .index-container .strength-area .strength-swiper .info-l { padding-right: 0; }
  .index-container .strength-area .strength-swiper .info-r { padding-left: 40px; }
  .index-container .news-area { padding-top: 50px; padding-bottom: 70px; }
  .index-container .news-area .content { margin-top: 50px; }
  .index-container .news-area .content-r { padding-left: 45px; }
  .index-container .news-area .news-recommend { padding-bottom: 60px; }
  .index-container .news-area .news-recommend .title { font-size: 24px; }
  .index-container .news-area .news-recommend .desc { margin-bottom: 25px; }
  .index-container .news-area .news-recommend .data { font-size: 28px; }
  .index-container .news-area .news-list h4 { margin-bottom: 5px; }
  .index-container .news-area .news-list h2 { line-height: 34px; }
  .product-container .p-product-area { padding-top: 55px; padding-bottom: 65px; }
  .product-container .p-product-content { padding-top: 50px; }
  .product-container .p-product-list { padding-top: 50px; }
  .product-container .p-product-list ul { margin: 0 -14px; }
  .product-container .p-product-list li { padding: 0 14px; margin-bottom: 24px; }
  .product-container .p-product-list h2 { line-height: 50px; font-size: 18px; }
  .pro-detail-con .p-pro-detail-content { padding-top: 50px; }
  .pro-detail-con .p-pro-area { padding-top: 40px; }
  .pro-detail-con .pro-name { font-size: 34px; }
  .pro-detail-con .p-pro-con { margin-top: 30px; }
  .pro-detail-con .p-pro-apply { margin-top: 30px; }
  .pro-detail-con .p-pro-apply h4 { font-size: 18px; }
  .pro-detail-con .p-pro-apply li { font-size: 16px; line-height: 24px; }
  .pro-detail-con .share-list a { width: 25px; height: 25px; margin: 0 7px; }
  .pro-detail-con .p-pro-content { padding-top: 50px; }
  .pro-detail-con .p-pro-content-top { font-size: 22px; }
  .pro-detail-con .p-pro-content-top::before { width: 8px; }
  .pro-detail-con .p-pro-tab { margin-bottom: 35px; }
  .pro-detail-con .p-pro-tab-item { font-size: 16px; }
  .pro-detail-con .p-pro-tab-item p { line-height: 27px; }
  .pro-detail-con .p-pro-purpose { padding-top: 65px; }
  .pro-detail-con .purpose-content { margin-top: 40px; padding-left: 60px; padding-right: 60px; }
  .pro-detail-con .purpose-content .name { height: 50px; }
  .pro-detail-con .p-pro-relevant { padding-top: 40px; }
  .pro-detail-con .pro-relevant-area { padding-top: 34px; }
  .pro-detail-con .area-content { padding: 0 60px; }
  .pro-detail-con .relevant-item h2 { line-height: 50px; }
  .pro-apply .pro-apply-model-area { width: 800px; left: 50%; margin-left: -400px; max-height: 620px; }
  .pro-apply .pro-apply-model-area .apply-btn { height: 40px; }
  .pro-apply .pro-apply-model-area .apply-btn::before { top: 18px; width: 13px; height: 13px; }
  .pro-apply .pro-apply-model-area .col-area { padding: 40px 0; }
  .pro-apply .pro-apply-model-area .col-cate-item { font-size: 16px; padding-top: 15px; padding-bottom: 15px; }
  .pro-apply .pro-apply-model-area .cor-btn-return a { padding-left: 30px; line-height: 40px; height: 40px; }
  .pro-apply .pro-apply-model-area .cor-btn-close { width: 40px; height: 40px; }
  .pro-apply .pro-apply-model-area .cor-btn-close::before { top: 18px; left: 9px; }
  .pro-apply .pro-apply-model-area .cor-btn-close::after { top: 9px; left: 18px; }
  .pro-apply .pro-apply-model-area .cor-info-list { padding-left: 30px; }
  .pro-apply .pro-apply-model-area .cor-info-list .title h3 { font-size: 20px; }
  .pro-apply .pro-apply-model-area .cor-sw-info h3 { font-size: 16px; margin-bottom: 10px; }
  .pro-apply .pro-apply-model-area .look-detail .detail { margin-top: 3%; width: 140px; line-height: 44px; }
  .joinus-container .joinus-area { padding-top: 60px; }
  .joinus-container .joinus-area .solutionMul-feature { padding-top: 70px; }
  .joinus-container .joinus-area .solutionMul-feature .box .content { padding-left: 16%; padding-right: 16%; }
  .joinus-container .joinus-area .full-solutionMul-detail { padding-bottom: 100px; }
  .news-container .newsl-top { padding-top: 60px; padding-bottom: 66px; }
  .news-container .news-recom-area { padding-top: 60px; }
  .news-container .news-recom-item h2 { font-size: 24px; }
  .news-container .news-recom-item .thumb { width: 55.625%; }
  .news-container .news-recom-item .info { width: 44.375%; }
  .news-container .news-page { left: 55.625%; }
  .news-container .newsl-bottom { padding-top: 66px; }
  .news-container .newsl-bottom .newsl-list li { padding-bottom: 40px; margin-bottom: 40px; }
  .news-container .newsl-bottom .newsl-list .thumb { width: 26.25%; }
  .news-container .newsl-bottom .newsl-list .info { width: 73.75%; padding-right: 100px; }
  .news-container .newsl-bottom .newsl-list .info h2 { font-size: 22px; }
  .news-container .newsl-bottom .newsl-list .info .date { right: 30px; }
  .aboutus-container .about-area { padding-top: 60px; padding-bottom: 80px; }
  .aboutus-container .aboutus-content { padding-top: 60px; }
  .aboutus-container .aboutus-content-title h3 { font-size: 28px; }
  .aboutus-container .aboutus-intro-num { padding-top: 80px; }
  .aboutus-container .aboutus-intro-num li span { font-size: 48px; }
  .aboutus-container .aboutus-intro-album { padding-top: 80px; }
  .aboutus-container .aboutus-intro-album li h2 { height: 60px; }
  .aboutus-container .aboutus-intro-album li h2 span { font-size: 24px; }
  .aboutus-container .aboutus-intro-album li h2 span::before { width: 20px; height: 3px; }
  .aboutus-container .aboutus-intro-album .intro-video { margin-top: 60px; }
  .aboutus-container .aboutus-intro-envir { padding-top: 60px; }
  .aboutus-container .aboutus-intro-envir .envir-title { font-size: 24px; }
  .aboutus-container .aboutus-intro-envir .envir-album { padding-top: 60px; }
  .aboutus-container .aboutus-intro-envir .envir-album .album-l li { padding: 0 7px; margin-bottom: 14px; }
  .aboutus-container .aboutus-intro-envir .desc { font-size: 18px; }
  .team-container .content { padding-top: 60px; padding-bottom: 80px; }
  .team-container .team-area ul { margin: 0 -30px; }
  .team-container .team-area li { padding: 0 30px; margin-bottom: 50px; }
  .team-container .team-area h2 { font-size: 20px; line-height: 60px; }
  .honor-container .about-area { padding-bottom: 100px; }
  .honor-container .honor-area { padding-top: 80px; }
  .honor-container .honor-desc { font-size: 20px; line-height: 26px; height: 52px; max-height: 52px; }
  .honor-container .honor-r li { padding: 0 20px; }
  .honor-container .honor-r ul { margin: 0 -20px; }
  .core-container .core-area { padding-top: 60px; }
  .core-container .core-info h2 { font-size: 24px; margin-bottom: 20px; }
  .core-container .core-page { bottom: 17px; font-size: 24px; padding: 0 40px; }
  .core-container .core-btn { bottom: 17px; width: 36px; height: 36px; }
  .core-container .core-btn::before { width: 15px; height: 15px; top: 10px; left: 13px; }
  .core-container .core-prev { left: 107px; }
  .core-container .core-next { left: 150px; }
  .core-container .info-content { line-height: 30px; }
  .history-container .about-area { padding-bottom: 100px; }
  .history-container .history-area { padding-top: 80px; }
  .history-container .history-bottom { margin-top: 90px; }
  .history-container .year-item p { font-size: 18px; line-height: 26px; height: 52px; max-height: 52px; }
  .history-container .year-item h3 { font-size: 60px; }
  .history-container .event-l h3 { font-size: 50px; }
  .history-container .event-l h3::before { margin-top: 30px; }
  .history-container .event-item { margin-bottom: 40px; }
  .history-container .bottom-area li { margin-bottom: 60px; padding-bottom: 60px; }
  .history-container .history-more a { width: 134px; line-height: 45px; }
  .strength-container .capacity-area { padding-top: 60px; padding-bottom: 80px; }
  .strength-container .capacity-content { margin-top: 60px; }
  .strength-container .capacity-num { font-size: 64px; }
  .strength-container .capacity-num i { font-size: 24px; }
  .strength-container .num-desc { font-size: 16px; }
  .strength-container .product-area { padding-top: 60px; }
  .strength-container .product-content { margin-top: 56px; }
  .strength-container .ensure-swiper .swiper-slide { width: 700px; }
  .strength-container .ensure-sw-item h2 { margin-top: 12px; font-size: 18px; }
  .strength-container .device-area { padding-top: 60px; padding-bottom: 80px; }
  .strength-container .device-content { margin-top: 48px; margin-left: -6px; margin-right: -6px; }
  .strength-container .device-content > div { padding: 0 6px; }
  .strength-container .device-content .info h2 { font-size: 18px; padding: 0 40px; }
  .strength-container .mass-area { padding-top: 60px; padding-bottom: 78px; }
  .strength-container .mass-content { margin-top: 60px; }
  .strength-container .mass-r { -webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px); }
  .strength-container .mass-r .content { max-width: 663px; }
  .strength-container .mass-r .content::before, .strength-container .mass-r .content::after { width: 50px; height: 50px; }
  .strength-container .mass-r .desc { font-size: 18px; line-height: 36px; }
  .strength-container .mass-r .title { font-size: 55px; margin-bottom: -32px; letter-spacing: -4px; }
  .art-container .are-area { padding-top: 60px; padding-bottom: 100px; }
  .art-container .ability-content { padding-top: 60px; margin-bottom: 7%; }
  .art-container .ability-content .thumb img { width: 55%; }
  .art-container .ability-content .info-item h3 { font-size: 22px; margin-bottom: 10px; }
  .art-container .ability-content .info-area .desc { font-size: 16px; line-height: 26px; padding-right: 5px; }
  .art-container .ability-content .info-1 { top: 29%; left: 8%; }
  .art-container .ability-content .info-2 { top: 29%; left: 78%; }
  .art-container .ability-content .info-3 { top: 84%; left: 12%; }
  .art-container .ability-content .info-3 .desc { max-height: 40%; }
  .art-container .ability-content .info-4 { top: 84%; left: 76%; }
  .art-container .ability-content .info-4 .desc { max-height: 40%; }
  .art-container .laboratory-area { padding-top: 50px; }
  .art-container .laboratory-content { padding-top: 60px; }
  .art-container .recom-item .info-area { padding-left: 45px; padding-right: 45px; }
  .art-container .recom-item h2 { font-size: 22px; }
  .art-container .recom-item h4 { font-size: 18px; margin-bottom: 7px; }
  .art-container .recom-item li { margin-bottom: 30px; }
  .art-container .recom-item li p { font-size: 16px; }
  .art-container .laboratory-recom-prev { -webkit-transform: translateX(-45px); -moz-transform: translateX(-45px); -ms-transform: translateX(-45px); -o-transform: translateX(-45px); transform: translateX(-45px); }
  .art-container .laboratory-recom-prev, .art-container .laboratory-recom-next { width: 45px; height: 45px; }
  .art-container .laboratory-recom-prev::before, .art-container .laboratory-recom-next::before { width: 18px; height: 18px; top: 13px; left: 17px; }
  .art-container .laboratory-recom-next::before { left: 12px; }
  .art-container .laboratory-swiper-area { margin-top: 39px; }
  .art-container .labor-item h2 { font-size: 18px; }
  .art-container .framework-area { padding-top: 60px; }
  .art-container .framework-content { padding-top: 50px; }
  .art-container .trade-area { padding-top: 60px; }
  .art-container .trade-content { padding-top: 80px; }
  .art-container .trade-content .icon { width: 150px; height: 150px; margin-bottom: 25px; }
  .art-container .trade-content p { font-size: 22px; }
  .contact-container .address-info .icon { width: 50px; height: 62px; }
  .contact-container .address-info p { font-size: 24px; }
  .contact-container .contact-area { padding-top: 60px; padding-bottom: 80px; }
  .contact-container .content { padding-top: 53px; }
  .contact-container .address-item h2 { height: 60px; }
  .contact-container .address-item h2 span { font-size: 24px; }
  .contact-container .address-item .info { padding-top: 35px; padding-bottom: 38px; min-height: 215px; border-width: 2px; line-height: 28px; }
  .contact-container .contact-form-area { padding-top: 70px; }
  .contact-container .contact-form-area .title h3 { font-size: 30px; }
  .contact-container .contact-form-area .title h4 { font-size: 20px; }
  .contact-container .form-box form { margin: 0 -30px; }
  .contact-container .form-item { padding: 0 30px; }
  .contact-container .form-item input { height: 48px; }
  .contact-container .submit-item { padding: 0 30px; }
  .contact-container .submit-item button { height: 48px; }
  .contact-container .code-item .code-btn { width: 128px; right: 30px; }
  .contact-container .code-item input { padding-right: 140px; } }

@media (min-width: 1460px) { .public-banner-tab a { line-height: 60px; padding: 0 30px; }
  .public-title2 h3 { font-size: 60px; line-height: 1; }
  .public-title2 h4 { font-size: 30px; }
  .public-product-tab .public-tab-list .public-tab-subNav a { line-height: 40px; }
  footer { padding-top: 97px; }
  footer .foot-l { padding-left: 7%; }
  footer .foot-l-box { margin-bottom: 65px; }
  .index-container .about-area .public-title { padding: 65px 0; }
  .index-container .about-area .content { padding-top: 100px; }
  .index-container .about-area .data-num { font-size: 123px; line-height: 130px; }
  .index-container .about-area .data-num span { letter-spacing: -9px; }
  .index-container .about-area .data-list li { margin-bottom: 90px; }
  .index-container .product-area { padding-top: 76px; }
  .index-container .product-area .content { padding-top: 66px; }
  .index-container .product-area .screen-item h4 { width: 268px; line-height: 58px; padding: 0 28px; }
  .index-container .product-area .screen-item h4::before { right: 28px; top: 20px; }
  .index-container .product-area .product-search-input { height: 58px; font-size: 18px; padding-right: 70px; }
  .index-container .product-area .product-search { width: 654px; }
  .index-container .product-area .product-search-btn { width: 58px; height: 58px; -o-background-size: 24px; background-size: 24px; }
  .index-container .product-area .content-item .info { padding-top: 10%; padding-left: 10%; padding-right: 18%; }
  .index-container .strength-area { padding-top: 75px; }
  .index-container .strength-area .strength-tab { margin-top: 60px; }
  .index-container .strength-area .content { margin-top: 77px; }
  .index-container .strength-area .strength-swiper .zh { font-size: 26px; }
  .index-container .strength-area .strength-swiper .en { padding-bottom: 28px; }
  .index-container .strength-area .strength-swiper .info { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-height: 371px; padding: 4.42708% 4.47917% 3.4375% 2.08333%; }
  .index-container .strength-area .strength-swiper .info-content { margin-bottom: 45px; }
  .index-container .strength-area .strength-page { bottom: 20px; }
  .index-container .news-area { padding-top: 68px; padding-bottom: 88px; }
  .index-container .news-area .data { margin-bottom: 10px; }
  .index-container .news-area .content { margin-top: 75px; }
  .index-container .news-area .content-l { position: static; }
  .index-container .news-area .content-r { padding-left: 65px; }
  .index-container .news-area .news-recommend { padding-bottom: 85px; }
  .index-container .news-area .news-recommend .title { font-size: 28px; margin-bottom: 10px; }
  .index-container .news-area .news-list h2 { line-height: 36px; }
  .product-container .p-product-area { padding-top: 70px; padding-bottom: 80px; }
  .product-container .p-product-content { padding-top: 65px; }
  .product-container .p-product-list a:hover { -webkit-box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); box-shadow: 0px 3px 30px 0px rgba(3, 0, 0, 0.1); }
  .product-container .p-product-list h2 { line-height: 56px; }
  .pro-detail-con .p-pro-area { padding-top: 50px; }
  .pro-detail-con .pro-name { font-size: 37px; }
  .pro-detail-con .p-pro-con { margin-top: 40px; }
  .pro-detail-con .p-pro-apply { margin-top: 40px; }
  .pro-detail-con .p-pro-content { padding-top: 69px; }
  .pro-detail-con .p-pro-content li { margin-right: 79px; }
  .pro-detail-con .p-pro-content-top { padding-left: 28px; font-size: 24px; }
  .pro-detail-con .p-pro-content-top::before { width: 12px; }
  .pro-detail-con .p-pro-tab { margin-bottom: 45px; }
  .pro-detail-con .p-pro-purpose { padding-top: 80px; }
  .pro-detail-con .purpose-content { margin-top: 46px; padding-left: 80px; padding-right: 80px; }
  .pro-detail-con .p-pro-relevant { padding-top: 60px; }
  .pro-detail-con .area-content { padding: 0 66px; }
  .pro-apply .pro-apply-model-area { width: 1000px; margin-left: -500px; height: 620px; }
  .pro-apply .pro-apply-model-area .cor-info-box { padding-top: 30px; }
  .pro-apply .pro-apply-model-area .cor-info-list { padding-bottom: 100px; }
  .pro-apply .pro-apply-model-area .cor-info-list .title { margin-bottom: 40px; }
  .pro-apply .pro-apply-model-area .cor-info-list li { margin-bottom: 57px; }
  .pro-apply .pro-apply-model-area .cor-sw-info { padding-left: 25px; }
  .pro-apply .pro-apply-model-area .cor-next, .pro-apply .pro-apply-model-area .cor-prev { bottom: 30px; }
  .joinus-container .joinus-area .solutionMul-accordion .box .title { font-size: 40px; }
  .joinus-container .joinus-area .solutionMul-accordion .box .id { font-size: 80px; }
  .news-container .news-recom-item .info { padding: 4.75% 10.625% 7.25% 7.5%; }
  .news-container .news-recom-item h2 { margin-bottom: 14.88889%; font-size: 26px; }
  .news-container .news-recom-item .info-desc { margin-bottom: 11.77778%; }
  .news-container .news-recom-item .info-desc p { font-size: 16px; }
  .news-container .news-page { padding-left: 7.5%; bottom: 11%; }
  .news-container .newsl-bottom { padding-bottom: 91px; }
  .news-container .newsl-bottom .newsl-list { margin-bottom: 50px; }
  .news-container .newsl-bottom .newsl-list .info { padding-right: 176px; padding-top: 2.75%; padding-left: 2.625%; }
  .news-container .newsl-bottom .newsl-list .info .date { width: 80px; height: 80px; right: 40px; }
  .news-container .newsl-bottom .newsl-list .info .date .y-m { font-size: 14px; margin-top: 50px; }
  .news-container .newsl-bottom .newsl-list .info .date .dd { font-size: 39px; left: 23px; top: 5px; }
  .news-container .newsl-bottom .newsl-list .info h2 { margin-bottom: 20px; }
  .news-container .newsl-bottom .newsl-list .info .desc { margin-bottom: 3.3125%; }
  .aboutus-container .aboutus-intro-album li h2 { height: 100px; }
  .aboutus-container .aboutus-intro-album li h2 span { font-size: 30px; }
  .aboutus-container .aboutus-intro-album .intro-video { margin-top: 78px; }
  .aboutus-container .aboutus-intro-envir .envir-title { font-size: 30px; }
  .team-container .content { padding-bottom: 90px; }
  .team-container .team-area ul { margin: 0 -40px; }
  .team-container .team-area li { padding: 0 40px; margin-bottom: 64px; }
  .team-container .team-area h2 { line-height: 90px; }
  .honor-container .honor-area { padding-top: 120px; }
  .honor-container .about-area { padding-bottom: 130px; }
  .honor-container .honor-r li { padding: 0 25px; margin-bottom: 35px; }
  .honor-container .honor-r ul { margin: 0 -25px; }
  .history-container .about-area { padding-bottom: 127px; }
  .history-container .history-swiper { padding-bottom: 30px; }
  .history-container .history-area { padding-top: 100px; }
  .history-container .year-item h3 { font-size: 72px; margin-bottom: 12px; }
  .history-container .history-bottom { margin-top: 129px; }
  .history-container .event-l h3 { font-size: 56px; }
  .history-container .event-r { padding-right: 20%; }
  .history-container .bottom-area li { margin-bottom: 70px; padding-bottom: 70px; }
  .strength-container .ensure-swiper .swiper-slide { width: 934px; }
  .strength-container .ensure-page { margin-top: 30px; }
  .strength-container .device-content { margin-left: -7px; margin-right: -7px; }
  .strength-container .device-content > div { padding: 0 7px; }
  .strength-container .mass-r .title { font-size: 64px; margin-bottom: -36px; }
  .art-container .are-area { padding-top: 76px; }
  .art-container .ability-content { padding-top: 70px; }
  .art-container .ability-content .info-area .desc { line-height: 30px; }
  .art-container .ability-content .info-item h3 { font-size: 24px; }
  .art-container .ability-content .info-1 { left: 9%; }
  .art-container .ability-content .info-3 { width: 30%; left: 9%; }
  .art-container .laboratory-area { padding-top: 60px; }
  .art-container .recom-item h2 { font-size: 24px; }
  .art-container .labor-item h2 { font-size: 20px; }
  .art-container .framework-area { padding-top: 80px; }
  .art-container .trade-area { padding-top: 80px; }
  .art-container .trade-content { padding-top: 100px; }
  .art-container .trade-content p { font-size: 24px; }
  .art-container .are-area { padding-bottom: 130px; }
  .art-container .laboratory-recom-next, .art-container .laboratory-recom-prev { width: 50px; height: 50px; }
  .art-container .laboratory-recom-next::before, .art-container .laboratory-recom-prev::before { top: 16px; left: 21px; }
  .art-container .laboratory-recom-prev { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
  .art-container .laboratory-recom-next::before { left: 13px; }
  .contact-container .address-item h2 { height: 100px; }
  .contact-container .address-item h2 span { font-size: 30px; }
  .contact-container .address-item h2 span::before { width: 20px; height: 3px; }
  .contact-container .address-item .address-info p { font-size: 30px; }
  .contact-container .form-box form { margin: 0 -50px; }
  .contact-container .form-item { padding: 0 50px; }
  .contact-container .code-item .code-btn { right: 50px; }
  .contact-container .submit-item { padding: 0 50px; } }

@media (min-width: 1600px) { footer .foot-nav li { padding-left: 120px; }
  .honor-container .honor-area { padding-top: 142px; }
  .honor-container .about-area { padding-bottom: 164px; }
  .honor-container .honor-r li { margin-bottom: 50px; }
  .art-container .recom-item .info-area { padding-left: 90px; padding-right: 90px; }
  .art-container .laboratory-swiper-area { margin-left: -40px; margin-right: -40px; }
  .art-container .are-area { padding-bottom: 160px; }
  .art-container .labor-item h2 { padding: 20px 35px; } }

.search-con { margin-top: 20px; padding-bottom: 30px; }

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

.searchcont401 { padding: 10px 0; }

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

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

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

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

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

.resultlist401 h4 a { display: block; }

.resultlist401 h4 em { color: red; font-style: normal; }

.resultlist401 h4 a { display: block; }

.resulttext401 { height: 72px; font-size: 14px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666; }

.resultlabel401 { color: #333; display: inline-block; padding-top: 3%; }

.searchinputcont401 { padding-right: 60px; }

.searchinputcont401 dt input { position: relative; float: left; width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333; background-color: #fff; }

.searchinputcont401 dd input { position: relative; left: 60px; margin-left: -60px; float: left; width: 60px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; background: #015199; }

.searchimg401 { display: block; margin-bottom: 3%; }

@media (min-width: 768px) { .searchcont401 { padding: 30px 0; }
  .searchinputcont401 { max-width: 61.8%; margin: 0 auto; }
  .searchtitle401 { font-size: 24px; }
  .resultlist401 { padding: 3% 0; }
  .resultlist401 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: 100%; width: auto; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; } }

@media (min-width: 1024px) { .search-con { margin-top: 30px; padding-bottom: 50px; }
  .searchcont401 { padding: 0px 0 50px; }
  .searchtitle401 { padding: 28px 15px; }
  .searchinputcont401 { width: 45%; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dd input { left: 0; margin-left: 0; width: 100%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: center; font-size: 16px; } }

@media (min-width: 1200px) { .search-con { margin-top: 60px; padding-bottom: 80px; } }




.culturalHfull-container { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: right top; -o-background-size: 43.22917% auto; background-size: 43.22917% auto; }

.culturalH-container { width: 100%; overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 60px; background: url(../images/culturalH-bg.png) center bottom no-repeat; -o-background-size: 100%; background-size: 100%; }

.culturalH-container .culturalH-title { width: 100%; position: relative; padding-bottom: 15px; }

.culturalH-container .culturalH-title:after { content: ''; position: absolute; display: block; width: 20px; height: 3px; left: 0; bottom: 0; background-color: #842c44;  }

.culturalH-container .culturalH-title .sup { color: #f6ece6;  line-height: 1; font-size: 24px; font-weight: bold; }

.culturalH-container .culturalH-title .title { color: #333333;  line-height: 1.4; font-size: 16px; font-weight: bold; padding-top: 5px; }

.culturalH-container .culturalH-tab { padding-top: 30px; padding-bottom: 10px; }

.culturalH-container .culturalH-tab ul { width: auto; border-bottom: 1px solid #d8dde6; display: inline-block; vertical-align: top; font-size: 0; }

.culturalH-container .culturalH-tab ul li { display: inline-block; vertical-align: top; width: auto; line-height: 40px; }

.culturalH-container .culturalH-tab ul li a { display: block; padding: 0 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #666666;  font-size: 14px; }

.culturalH-container .culturalH-tab ul li.cur a { color: #fff; background-color: #842c44;  }

.culturalH-container .culturalH-list { width: 100%; position: relative; }

.culturalH-container .culturalH-list ul li { width: 100%; position: relative; }

.culturalH-container .culturalH-list ul li .cell { position: relative; }

.culturalH-container .culturalH-list ul li .thumb { display: block; width: 100%; overflow: hidden; position: relative; }

.culturalH-container .culturalH-list ul li .thumb img { display: block; width: 100%; }

.culturalH-container .culturalH-list ul li .word { padding-top: 10px; padding-bottom: 10px; }

.culturalH-container .culturalH-list ul li .word .title { color: #16376a;  line-height: 1.5; font-size: 20px; }

.culturalH-container .culturalH-list ul li .word .txtcon { padding-top: 10px; color: #666;  line-height: 1.7; font-size: 14px; }

.culturalH-container .culturalH-list ul li .word .dots > p, .culturalH-container .culturalH-list ul li .word .dots > * { display: block; width: 100%; position: relative; overflow: hidden; }

.culturalH-container .culturalH-list ul li .word .letter { margin-top: -5px; color: #1d1d1d;  line-height: 1.2; font-size: 22px; letter-spacing: 2px; font-weight: lighter; }

.culturalH-container .culturalH-list ul li .icon { position: absolute; bottom: 4px; z-index: 22; left: 0; width: 100%; display: none; }

.culturalH-container .culturalH-list ul li .icon img { display: block; max-width: 100%; }

@media (min-width: 768px) { .culturalH-container .culturalH-list ul li { display: table; table-layout: fixed; border-bottom: 1px solid #dde3eb; height: 100%; }
  .culturalH-container .culturalH-list ul li:last-child { border-bottom: none; }
  .culturalH-container .culturalH-list ul li:last-child .cell:nth-child(2)::before, .culturalH-container .culturalH-list ul li:last-child .cell:nth-child(2):after { display: none; }
  .culturalH-container .culturalH-list ul li.middle .cell { vertical-align: middle; }
  .culturalH-container .culturalH-list ul li .word { max-height: 100%; }
  .culturalH-container .culturalH-list ul li .cell { width: 33.3333%; display: table-cell; vertical-align: top; padding: 3px; height: 100%; }
  .culturalH-container .culturalH-list ul li .word-area { max-height: 100%; padding-right: 10px; overflow-x: hidden; overflow-y: auto; height: 100%; }
  .culturalH-container .culturalH-list ul li .word-area::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0); }
  .culturalH-container .culturalH-list ul li .word-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(255, 255, 255, 0); }
  .culturalH-container .culturalH-list ul li .word-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: #E10328; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(1) { padding-left: 0; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(2) { border-left: 1px solid #dde3eb; border-right: 1px solid #dde3eb; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(2)::before, .culturalH-container .culturalH-list ul li .cell:nth-child(2):after { content: ''; width: 18px; height: 18px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; position: absolute; background-image: url(../images/culturalH-plus.png); bottom: -9px; z-index: 22; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(2)::before { left: -8px; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(2):after { right: -8px; }
  .culturalH-container .culturalH-list ul li .cell:nth-child(3) { padding-right: 0; }
  .culturalH-container .culturalH-list ul li .word { padding: 10px 10px 0; padding-bottom: 12%; padding-top: 12%; }
  .culturalH-container .culturalH-list ul li .icon { display: block; }
  .culturalH-container .culturalH-list ul .no-content { height: 40px; } }


@media (min-width: 1024px) { .culturalH-container { padding-top: 40px; padding-bottom: 100px; }
  .culturalH-container .culturalH-title { padding-bottom: 22px; }
  .culturalH-container .culturalH-title .sup { font-size: 40px; }
  .culturalH-container .culturalH-title .title { font-size: 24px; font-weight: normal; }
  .culturalH-container .culturalH-tab ul li { min-width: 150px; }
  .culturalH-container .culturalH-tab ul li a { padding: 0 35px; font-size: 16px; }
  .culturalH-container .culturalH-tab ul li:hover a { color: #fff; background-color: #842c44;  }
  .culturalH-container .culturalH-list ul li .word { padding: 15% 8.75% 0; padding-bottom: 12%; }
  .culturalH-container .culturalH-list ul li .word .title { font-size: 26px; }
  .culturalH-container .culturalH-list ul li .word .txtcon { padding-top: 15px; }
  .culturalH-container .culturalH-list ul li .word .letter { font-size: 26px; }
  .culturalH-container .culturalH-list ul li.middle:first-child .word { padding: 20% 8.75% 30% 8.75%; }
  .culturalH-container .culturalH-list ul .no-content { height: 80px; } }


@media (min-width: 1260px) { .culturalH-container { padding-top: 60px;  padding-bottom: 146px;  }
  .culturalH-container .culturalH-title { padding-bottom: 30px;  }
  .culturalH-container .culturalH-title:after { width: 20px;  height: 3px;  }
  .culturalH-container .culturalH-title .sup { font-size: 50px;  }
  .culturalH-container .culturalH-title .title { font-size: 30px;  }
  .culturalH-container .culturalH-tab { padding-top: 30px;  padding-bottom: 10px;  }
  .culturalH-container .culturalH-tab ul li a { font-size: 16px;  }
  .culturalH-container .culturalH-list ul li .word .title { font-size: 32px;  }
  .culturalH-container .culturalH-list ul li .word .txtcon { padding-top: 25px; font-size: 16px;  }
  .culturalH-container .culturalH-list ul li .word .letter { font-size: 30px;  }
  .culturalH-container .culturalH-list ul .no-content { height: 140px; } }



.full-recruitB-container { padding: 30px 0; background-color: #ffffff;  }

.full-recruitB-container .recruitB-title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; color: #1b1b1b;  }

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

.full-recruitB-container .recruitB-list .job-title { font-size: 16px; line-height: 24px; padding: 10px 15px; cursor: pointer; background-repeat: no-repeat; background-position: 96% center; color: #666666;  border-bottom: 1px solid #d9d9d9;  background-image: url(../images/recruitBarr.png);  -webkit-transition: all ease .35s; -o-transition: all ease .35s; -moz-transition: all ease .35s; transition: all ease .35s; }

.full-recruitB-container .recruitB-list .job-title.cur { color: #ffffff;  background-color: #1b4499;  background-image: url(../images/recruitBarrac.png);  }

.full-recruitB-container .recruitB-list .job-panel { display: none; padding: 10px 15px; font-size: 14px; line-height: 24px; color: #666666;  background-color: #f2f2f2;  }

.full-recruitB-container .recruitB-list .job-panel .h4 { padding: 12px 0 0; font-weight: bold; line-height: 30px; color: #333333;  }

.full-recruitB-container .recruitB-list .main-top { padding-bottom: 10px; line-height: 30px; border-bottom: 1px solid #cccccc;  color: #4c4c4c;  }

.full-recruitB-container .recruitB-list .main-top p { font-weight: bold; }

.full-recruitB-container .recruitB-list .job-handle { padding: 10px 0; }

.full-recruitB-container .recruitB-list .job-handle a { display: block; width: 124px; height: 42px; text-align: center; font-size: 14px; line-height: 42px; color: #ffffff;  background-color: #d90000;  }

.full-recruitB-container .recruitB-list .job-handle .label { display: block; padding: 10px 0 0; font-size: 14px; line-height: 24px; color: #d90000;  }

.full-recruitB-container .loadmore { overflow: hidden; padding: 10px 0; }

.full-recruitB-container .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

.full-recruitB-container .mdcommonweb { padding: 0; }



@media (min-width: 1024px) { .full-recruitB-container { padding: 75px 0 110px;  }
  .full-recruitB-container .recruitB-title { margin: 0 0 80px;  font-size: 30px;  }
  .full-recruitB-container .recruitB-title:after { margin: 12px auto 0; }
  .full-recruitB-container .recruitB-list .job-title { padding: 18px 40px; }
  .full-recruitB-container .recruitB-list .job-panel { padding: 25px 40px 38px; }
  .full-recruitB-container .recruitB-list .job-panel .h4 { padding: 22px 0 0; }
  .full-recruitB-container .recruitB-list .main-top { padding-bottom: 26px; }
  .full-recruitB-container .recruitB-list .main-top p { float: left; width: 30%; }
  .full-recruitB-container .recruitB-list .job-handle { padding: 35px 0 0; overflow: hidden; zoom: 1; }
  .full-recruitB-container .recruitB-list .job-handle a { width: 144px; float: left; }
  .full-recruitB-container .recruitB-list .job-handle .label { overflow: hidden; zoom: 1; line-height: 42px; padding: 0 0 0 20px; }
  .full-recruitB-container .loadmore { padding: 40px 0 10px;  }
  .full-recruitB-container .loadmore a { line-height: 50px; } }


#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; }



.full-newsdetailB-container { padding: 30px 0; background-color: #ffffff;  }

.full-newsdetailB-container .article-tilte { margin-bottom: 8px; font-size: 18px; line-height: 26px; color: #333333;  }

.full-newsdetailB-container .date { margin-bottom: 10px; font-size: 16px; line-height: 32px; font-family: 'Montserrat', sans-serif; color: #8e8e8e;  }

.full-newsdetailB-container .newsdetailB-article { position: relative; padding: 38px 0 30px; margin-bottom: 15px; border: 1px solid #d9d9d9;  border-left: 0; border-right: 0; font-size: 14px; line-height: 24px; color: #888888;  }

.full-newsdetailB-container .newsdetailB-article img { max-width: 100%; margin: 0.5em 0; }

.full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: 0; top: -43px; overflow: hidden; zoom: 1; }

.full-newsdetailB-container .newsdetailB-bdshare a { float: left; display: block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 5px; background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover; }

.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin { background-image: url(../images/newsdetailBwxico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina { background-image: url(../images/newsdetailBsnico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq { background-image: url(../images/newsdetailBqqico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_linkedin { background-image: url(../images/newsdetailBinico.png);  }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 10px; }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a { display: block; font-size: 14px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666;  }

.full-newsdetailB-container .newsdetailB-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff;  background-color: #de0012;  }

@media (min-width: 768px) { .full-newsB-container .newsB-list ul { margin: 0 -10px; }
  .full-newsB-container .newsB-list li { width: 50%; padding: 0 10px; margin-bottom: 20px; } }


@media (min-width: 1024px) { .full-newsdetailB-container { padding: 75px 0 78px;  }
  .full-newsdetailB-container .article-tilte { font-size: 24px;  margin: 0 0 18px;  line-height: 32px; }
  .full-newsdetailB-container .date { margin: 0 0 40px;  font-size: 24px; }
  .full-newsdetailB-container .newsdetailB-article { padding: 72px 0 55px; margin-bottom: 42px; }
  .full-newsdetailB-container .single-page { padding: 0 100px; }
  .full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: auto; left: 0; top: 76px; z-index: 2; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 40px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; bottom: 55px; }
  .full-newsdetailB-container .newsdetailB-bdshare a { float: none; width: 72px; height: 72px; margin: 0 0 1px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_weixin:hover { background-image: url(../images/newsdetailBwxicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_tsina:hover { background-image: url(../images/newsdetailBsnicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_sqq:hover { background-image: url(../images/newsdetailBqqicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_linkedin:hover { background-image: url(../images/newsdetailBinicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-ctrl { position: relative; padding-right: 200px; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 0; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a:hover { color: #de0012;  }
  .full-newsdetailB-container .newsdetailB-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 2; width: 145px; height: 50px; line-height: 50px; } }

@media (min-width: 1260px) { .full-newsdetailB-container .single-page { max-width: 1296px; margin: 0 auto; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 50%; margin-left: -750px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; margin-left: 0; }
  .full-newsdetailB-container .article-tilte { font-size: 30px; } }

@media (min-width: 1400px) { .full-newsdetailB-container .single-page { padding: 0 100px; } }

@media (min-width: 1660px) { .full-newsdetailB-container .single-page { padding: 0; } }



.full-solutionMul-detail { padding: 25px 0 20px; background-color: #ffffff;  }

.full-solutionMul-detail .solutionMul-title { margin-bottom: 10px; font-size: 18px; line-height: 1.4; text-align: center; color: #000000;  }

.full-solutionMul-detail .solutionMul-sub { font-size: 20px; line-height: 1.4; text-align: center; color: #929292;  }

.full-solutionMul-detail .solutionMul-top:after { content: ''; display: block; width: 1px; height: 30px; margin: 10px auto 15px; background-color: #e12b2b;  }

.full-solutionMul-detail .solutionMul-summarize { background-color: #061823;  }

.full-solutionMul-detail .solutionMul-summarize img { width: 100%; }

.full-solutionMul-detail .solutionMul-summarize .content { padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 24px; color: #6d6d6d;  }

.full-solutionMul-detail .solutionMul-summarize .title { margin-bottom: 10px; font-size: 20px; line-height: 1.4; color: #de1111;  }

.full-solutionMul-detail .solutionMul-feature { background-color: #ffffff;  }

.full-solutionMul-detail .solutionMul-feature .solutionMul-sub { margin-bottom: 15px; }

.full-solutionMul-detail .solutionMul-accordion { height: 420px; }

.full-solutionMul-detail .solutionMul-accordion .open { position: relative; z-index: 10; width: 100%; display: block; text-align: center; font-size: 24px; line-height: 1; height: 478px; color: #fff; overflow: hidden; }

.full-solutionMul-detail .solutionMul-accordion .id { font-family: 'Montserrat', sans-serif; }

.full-solutionMul-detail .solutionMul-accordion .box { display: block; overflow: hidden; z-index: 1; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; margin-bottom: 0; }

.full-solutionMul-detail .solutionMul-accordion .box .boxbg { overflow: hidden; }

.full-solutionMul-detail .solutionMul-accordion .box .boxbg img { width: auto; height: 100%; }

.full-solutionMul-detail .solutionMul-accordion .box .title { margin-bottom: 5px; font-size: 18px; line-height: 1.4; color: #333;  }

.full-solutionMul-detail .solutionMul-accordion .box .desc { font-size: 14px; line-height: 24px; color: #666666;  }

.full-solutionMul-detail .solutionMul-accordion .box .content { position: absolute; z-index: 10; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 5.5555% 20px; }

.full-solutionMul-detail .solutionMul-accordion .box .id { margin-bottom: 17px; font-size: 70px; line-height: 1; color: rgba(255, 255, 255, 0.5); font-family: 'Montserrat', sans-serif; }

.full-solutionMul-detail .solutionMul-accordion .box .title { margin-bottom: 10px; color: #fff; font-size: 18px; }

.full-solutionMul-detail .solutionMul-accordion .box .desc { color: #ffffff; }

.full-solutionMul-detail .solutionMul-accordion .acc-item { position: relative; float: left; width: 25%; height: 420px; overflow: hidden; }

.full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+4) .open { background-color: #355db1; }

.full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+3) .open { background-color: #5071b6; }

.full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+2) .open { background-color: #1b4499; }

.full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+1) .open { background-color: #5071b6; }

.full-solutionMul-detail .solutionMul-accordion .acc-item .open { position: relative; }

.full-solutionMul-detail .solutionMul-accordion .acc-item .open::before { content: ''; display: block; width: 1px; height: 80px; margin: 26px auto 18px; background-color: rgba(255, 255, 255, 0.5); }

.full-solutionMul-detail .solutionMul-accordion .acc-item .open .title { font-size: 18px; line-height: 24px; width: 30px; margin: 0 auto; word-break: break-word; }



@media (min-width: 1024px) { .full-solutionMul-detail { padding: 80px 0 120px;  }
  .full-solutionMul-detail .solutionMul-title { margin-bottom: 9px; font-size: 24px;  }
  .full-solutionMul-detail .solutionMul-sub { font-size: 30px;  }
  .full-solutionMul-detail .solutionMul-top:after { height: 100px; margin: 22px auto 40px; }
  .full-solutionMul-detail .solutionMul-summarize { width: 100%; display: table; }
  .full-solutionMul-detail .solutionMul-summarize .thumb { display: table-cell; vertical-align: middle; }
  .full-solutionMul-detail .solutionMul-summarize .content { display: table-cell; vertical-align: middle; width: 50%; padding-top: 30px; padding-bottom: 30px; }
  .full-solutionMul-detail .solutionMul-summarize .title { margin-bottom: 25px; font-size: 26px; }
  .full-solutionMul-detail .solutionMul-feature { padding-top: 55px; max-width: 1600px; margin: 0 auto; }
  .full-solutionMul-detail .solutionMul-feature .solutionMul-sub { margin-bottom: 42px; }
  .full-solutionMul-detail .solutionMul-accordion { height: 478px; overflow: hidden; }
  .full-solutionMul-detail .solutionMul-accordion .acc-item { position: relative; float: left; width: 25%; height: 478px; overflow: hidden; }
  .full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+1) .open { background-color: #5071b6;  }
  .full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+2) .open { background-color: #1b4499;  }
  .full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+3) .open { background-color: #5071b6;  }
  .full-solutionMul-detail .solutionMul-accordion .acc-item:nth-child(4n+4) .open { background-color: #355db1;  }
  .full-solutionMul-detail .solutionMul-accordion .open { position: relative; z-index: 10; width: 100%; display: block; text-align: center; font-size: 24px; line-height: 1; height: 478px; color: #fff; overflow: hidden; }
  .full-solutionMul-detail .solutionMul-accordion .open:before { content: ''; display: block; width: 1px; height: 100px; margin: 26px auto 18px; background-color: rgba(255, 255, 255, 0.5);  }
  .full-solutionMul-detail .solutionMul-accordion .open .id, .full-solutionMul-detail .solutionMul-accordion .open .title { width: 1em; margin: 0 auto; font-size: 24px; }
  .full-solutionMul-detail .solutionMul-accordion .open .id { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; }
  .full-solutionMul-detail .solutionMul-accordion .id { display: block; }
  .full-solutionMul-detail .solutionMul-accordion .box { display: block; overflow: hidden; z-index: 1; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; margin-bottom: 0; }
  .full-solutionMul-detail .solutionMul-accordion .box .boxbg { margin-bottom: 0; overflow: hidden; }
  .full-solutionMul-detail .solutionMul-accordion .box .boxbg img { width: auto; height: 100%; }
  .full-solutionMul-detail .solutionMul-accordion .box .content { position: absolute; z-index: 10; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 5.5555% 20px; }
  .full-solutionMul-detail .solutionMul-accordion .box .id { margin-bottom: 17px; font-size: 70px; font-size: 70px;  line-height: 1; color: rgba(255, 255, 255, 0.5);  font-family: 'Montserrat', sans-serif; }
  .full-solutionMul-detail .solutionMul-accordion .box .id:after { content: ''; display: block; width: 30px; height: 2px; margin-top: 15px; background-color: #e10328;  }
  .full-solutionMul-detail .solutionMul-accordion .box .title { margin-bottom: 10px; color: #fff; font-size: 30px;  }
  .full-solutionMul-detail .solutionMul-accordion .box .desc { color: #ffffff;  } }

@media (min-width: 1260px) { .full-solutionMul-detail .solutionMul-summarize .content { padding: 25px 40px; } }


/* 20200303修改 */
.index-container .about-area li:nth-child(2) .data-num span::before {
  content: '万';
}
.index-container .about-area .data-num span::before {
  font-size: 12px;
}
.index-container .about-area li:nth-child(2) .data-num span::after {
  content: '+';
  font-size: 20px;
  top: -6px;
  position: absolute;
  right: 0;
  line-height: 26px;
}
.index-container .about-area .data-num span.bt::before {
  font-size: 20px;
  top: -6px;
}
.index-container .about-area .data-num span.bt::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  bottom: 0;
  font-size: 12px;
  line-height: 26px;
}
.index-container .about-area li:nth-child(3) .data-num span.bt::after {
  content: '人';
}
.index-container .about-area li:nth-child(4) .data-num span.bt::after {
  content: '万';
}
@media (min-width: 1024px) {
  header {
    height: 121px;
  }
  header .head-r {
    display: none;
  }
  header nav {
    top: 71px;display: block;height: 50px;
    z-index: 98;
    transition: all .3s;
  }
  header nav.cur {
    transform: translateY(-121px);
  }
  header .nav-mask {
    display:none;
  }
  header .nav-content {
    width: 100%;max-width: 100%;background: none;transform: none;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
  }
  header .nav-box {
    padding: 0;width: 100%;height: auto;
  }
  header .nav-logo {
    display: none;
  }
  header .nav-list {
    text-align: center;
    font-size:0;
  }
  header .nav-list ul {
    font-size: 0;display: inline-block;
  }
  header .nav-list li {
    display: inline-block;vertical-align: top;margin-bottom: 0;
  }
  header .nav-list li.cur h4 a {
    color: #015198;
  }
  header .nav-list h4 a {
    color: #333;
    font-size: 16px;
    padding: 0 15px;
    line-height: 50px;
    transition: all .3s;
  }
  header .nav-list h4 a:hover {
    color: #015198;
  }
  header .nav-list h4 i {
    display: none;
  }
  header .nav-list .nav-subNav {
    padding-bottom: 10px;
  }
  header .nav-list .nav-subNav a {
    color: #666;
    font-size: 14px;
    transition: all .3s;
  }
  header .nav-list .nav-subNav a:hover {
    color: #015198;
  }
  .index-container .news-area .content-l {
    height: auto;
  }
  .index-container .news-area .thumb img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .index-container .about-area .data-num span::before {
    font-size: 24px;
  }
  .index-container .about-area .data-num span.bt::before,
  .index-container .about-area li:nth-child(2) .data-num span::after {
    font-size: 30px;
    bottom: auto;
    top: 10px;
  }
  .index-container .about-area li:nth-child(3) .data-num span.bt::after,
  .index-container .about-area li:nth-child(4) .data-num span.bt::after {
    font-size: 24px;
    bottom: 10px;
  }
  .index-container .about-area .data-title {
    margin-top: 15px;
  }
}

@media (min-width: 1200px) {
  header {
    height: 125px;
  }
  header nav {
    top: 75px;
  }
  header .nav-list h4 a {
    padding: 0 24px;
  }
  header nav.cur {
    transform: translateY(-125px);
  }
}

/* 20200319修改 */
.index-container .banner-item .p-banner {
  display: none;
}
/* 动画 */

@keyframes smallTobig {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .index-container .about-area .public-title {
    padding: 20px 0;
  }
  .index-container .product-area .content-page {
    position: static;
  }
  .index-container .product-area .content-page span {
    background: rgba(0,0,0,.2);
  }
  .index-container .product-area .content-page .swiper-pagination-bullet-active {
    background: #e10328;
  }
  .index-container .product-area .content-box {
    box-shadow: none;
  }
  .public-title h3 {
    font-size: 22px;
  }
  .contact-container .address-item h2 {
    display: none;
  }
  .contact-container .address-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  .contact-container .address-info .icon {
    width: 40px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon-address.png) center center no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    margin-bottom: 10px;
    margin-top: 22.32645%;
    position: relative;
  }
  .contact-container .address-info .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-address.png) center center no-repeat;
    -o-background-size: 100%;
    background-size: 100% 100%;
    animation:smallTobig 2s infinite;
  }
  .contact-container .address-info p {
    text-align: center;
    padding: 0 20px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .index-container .banner-item .p-banner {
    display: block;
  }
  .index-container .banner-item .m-banner {
    display: none;
  }
  header .nav-list {
    overflow: inherit;
  }
  header .nav-list li {
    position: relative;
  }
  header .nav-list .nav-subNav {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    background: rgba(255,255,255,.8);
  }
}

/* 20200324修改 */
@media (min-width: 1024px) {
  header {
    height: 70px;
  }
  header .logo {
    position: static;
    left: 0;
    transform: none;
    float: left;
  }
  header .head-l {
    float: right;
  }
  header nav {
    position: fixed;
    top: 0;
    z-index: 99;
    width: auto;
    background: none;
    box-shadow: none;
    left: 29.5%;
    height: auto;
  }
  header .nav-content {
    position: static;
    width: auto;
    box-shadow: none;
    background: none;
  }
  header .nav-list h4 a {
    font-size: 14px;
    padding: 0 15px;
    line-height: 70px;
  }
  header .search {
    position: relative;
  }
  header .search-box {
    right: 0;
  }
}
@media (min-width: 1200px) {
  header {
    height: 74px;
  }
  header nav {
    left: 31%;
  }
  header .nav-list h4 a {
    line-height: 74px;
    font-size: 16px;
    padding: 0 15px;
  }
}
@media (min-width: 1460px) {
  header nav {
    left: 31%;
  }
  header .nav-list h4 a {
    padding: 0 20px;
  }
}
@media (min-width: 1660px) {
  /* header .nav-list h4 a {
    padding: 0 20px;
  } */
  header .mdcommonweb {
    max-width: 1460px;
  }
}
@media (min-width: 1860px) {
  header nav {
    left: 35.5%;
  }
}

/* 20200326修改 */
/*20200525修改*/
@media (min-width: 1024px) {
.culturalH-container .culturalH-list ul li.middle .cell {
    vertical-align: top;
}
}