/*内容区 s*/
.commonweb1400 { padding: 0px 15px; }

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

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

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

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

.commonweb1600 { padding: 0px 15px; }

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

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

@media (min-width: 1260px) { .commonweb1600 { padding: 0 60px; } }

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

@media (min-width: 1660px) { .commonweb1600 { max-width: 1600px; margin-left: auto; margin-right: auto; padding: 0 80px; } }

@media (min-width: 1760px) { .commonweb1600 .commonweb1600 { padding: 0; } }

/*内容区 e*/
/*字号 s*/
.fz16 { font-size: 14px; }

@media (min-width: 1024px) { .fz16 { font-size: 16px; } }

.fz18 { font-size: 16px; }

@media (min-width: 1024px) { .fz18 { font-size: 18px; } }

.fz20 { font-size: 16px; }

@media (min-width: 1024px) { .fz20 { font-size: 18px; } }

@media (min-width: 1260px) { .fz20 { font-size: 20px; } }

.fz22 { font-size: 16px; }

@media (min-width: 1024px) { .fz22 { font-size: 18px; } }

@media (min-width: 1260px) { .fz22 { font-size: 22px; } }

.fz24 { font-size: 18px; }

@media (min-width: 1024px) { .fz24 { font-size: 20px; } }

@media (min-width: 1260px) { .fz24 { font-size: 24px; } }

.fz26 { font-size: 20px; }

@media (min-width: 768px) { .fz26 { font-size: 22px; } }

@media (min-width: 1024px) { .fz26 { font-size: 24px; } }

@media (min-width: 1260px) { .fz26 { font-size: 26px; } }

.fz28 { font-size: 22px; }

@media (min-width: 1024px) { .fz28 { font-size: 26px; } }

@media (min-width: 1260px) { .fz28 { font-size: 28px; } }

.fz30 { font-size: 22px; }

@media (min-width: 1024px) { .fz30 { font-size: 26px; } }

@media (min-width: 1260px) { .fz30 { font-size: 30px; } }

.fz32 { font-size: 24px; }

@media (min-width: 1024px) { .fz32 { font-size: 28px; } }

@media (min-width: 1260px) { .fz32 { font-size: 32px; } }

.fz36 { font-size: 26px; }

@media (min-width: 1024px) { .fz36 { font-size: 32px; } }

@media (min-width: 1260px) { .fz36 { font-size: 36px; } }

/*字号 e*/
/* 移动端头部控制导航显示/隐藏按钮 s*/
.toggle-btn { width: 30px; height: 30px; position: relative; margin-top: 10px; display: block; }

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

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

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

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

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

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

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

/* 移动端头部控制导航显示/隐藏按钮 e*/
/*分页样式 s*/
.hgy-pagination .hgy-mob-load a { display: block; width: 100%; text-align: center; background-color: #00b5e2; color: #fff; font-size: 14px; line-height: 28px; padding: 8px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.hgy-pagination .hgy-pagination-view { display: none; text-align: center; }

@media (min-width: 1024px) { .hgy-pagination .hgy-mob-load { display: none; }
  .hgy-pagination .hgy-pagination-view { display: block; }
  .hgy-pagination .hgy-pagination-view .laypage_main { display: inline-block; vertical-align: top; }
  .hgy-pagination .hgy-pagination-view .laypage_main a, .hgy-pagination .hgy-pagination-view .laypage_main input, .hgy-pagination .hgy-pagination-view .laypage_main span { width: 36px; height: 36px; display: inline-block; vertical-align: middle; background-color: #fff !important; line-height: 36px; text-align: center; font-size: 15px; border: 1px solid #d8d8d8; }
  .hgy-pagination .hgy-pagination-view .laypage_main .laypage_curr { background-color: #00b5e2 !important; border-color: #00b5e2; color: #fff; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_curr { background-color: #00b5e2 !important; border-color: #00b5e2; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next { position: relative; text-align: center; font-size: 0 !important; padding: 0 10px !important; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev span, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next span { display: none; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { content: ''; width: 8px; height: 8px; border: 2px solid #919191; border-top: none; border-right: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -2px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 3px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 0px; } }

/*分页样式 e*/
/*图片最大 s*/
.hgyMaxPic img { max-width: 100%; }

/*图片最大 e*/
/*图片宽100 s*/
.hgyAutoImg img { width: 100%; }

/*图片宽100 e*/
/*图片定位 s*/
.hgyPimg { position: relative; overflow: hidden; }

.hgyPimg::after { content: ''; display: block; padding-bottom: 100%; }

.hgyPimg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; min-width: 100%; width: auto; height: 100%; }

/*图片最大 e*/
/*返回顶部 s*/
.to-top { position: fixed; bottom: 5%; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: #00b5e2; opacity: .5; display: none; cursor: pointer; z-index: 89; }

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

@media (min-width: 1024px) { .to-top { bottom: 10%; right: 30px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
  .to-top:hover { opacity: 1; } }

/*返回顶部 e*/


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

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

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

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

ul, li { list-style: none; }

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

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

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

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

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

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

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

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

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

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

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

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

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

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

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

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

.commonleft { float: none; }

.commonright { float: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-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); -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; -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; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-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; 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; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-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; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-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; }




@font-face { font-family: DINCond; src: url("../../fonts/DINCond-Bold.otf"); }

@-webkit-keyframes roundAni { 0% { -webkit-transform: translate(-50%, 0) rotate(0); transform: translate(-50%, 0) rotate(0); }
  100% { -webkit-transform: translate(-50%, 0) rotate(360deg); transform: translate(-50%, 0) rotate(360deg); } }

@-o-keyframes roundAni { 0% { -o-transform: translate(-50%, 0) rotate(0); transform: translate(-50%, 0) rotate(0); }
  100% { -o-transform: translate(-50%, 0) rotate(360deg); transform: translate(-50%, 0) rotate(360deg); } }

@keyframes roundAni { 0% { -webkit-transform: translate(-50%, 0) rotate(0); -o-transform: translate(-50%, 0) rotate(0); transform: translate(-50%, 0) rotate(0); }
  100% { -webkit-transform: translate(-50%, 0) rotate(360deg); -o-transform: translate(-50%, 0) rotate(360deg); transform: translate(-50%, 0) rotate(360deg); } }

/*头部 s*/
header { height: 50px; }

header .toggle-btn span { background: #fff; }

.headfixed { background: #000b12; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }

.logo { display: inline-block; padding: 10px 0; }

.logo img { height: 30px; }

nav { position: fixed; top: 50px; z-index: 99; left: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; padding: 0 0 50px 0; display: none; }

nav li { position: relative; border-bottom: 1px solid #e1e5e9; }

nav li.cur h3 a { color: #00b5e2; }

nav h3 { position: relative; }

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

nav .head-subnavh4 { position: relative; }

nav i, nav .head-subnavh4 span { position: absolute; top: 0; right: 0; height: 100%; width: 80px; }

nav i::before, nav .head-subnavh4 span::before { content: ""; position: absolute; top: 14px; right: 22px; width: 10px; height: 10px; border-bottom: solid 1px #999; border-left: solid 1px #999; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

nav .head-subnav { display: none; border-top: 1px solid #e1e5e9; }

nav .head-subnav a { display: block; padding: 8px 30px; font-size: 14px; color: rgba(0, 0, 0, 0.7); }

nav .head-subnav .head-subnavthree { display: none; border-top: 1px solid #e1e5e9; }

nav .head-subnav .head-subnavthree a { padding: 8px 40px; }

.lang { font-size: 0; position: relative; margin-top: 11px; margin-right: 10px; }

.lang a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 28px; padding: 0 8px; color: rgba(255, 255, 255, 0.44); }

.lang a.cur { color: #fff; }

.search-box { display: none; position: fixed; top: 50px; left: 0; width: 100%; background: #000b12; padding: 15px; z-index: 2; }

.search-box form { position: relative; }

.search-box .search-input { width: 100%; height: 35px; padding: 0 80px 0 15px; background-color: #f5f5f5; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; }

.search-box .search-btn { position: absolute; top: 0; right: 0; width: 80px; height: 35px; background: #00b5e2 url(../images/icon-search.png) no-repeat center center; background-size: 15px 15px; -webkit-border-radius: 4px; border-radius: 4px; }

.search { margin-top: 10px; margin-right: 10px; }

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

/*首页 s*/
.inbanner-swiper { overflow: hidden; background: #000; width: 100%; }

.inbanner-swiper .inbanner-style-2 .txt { font-size: 20px; display: -webkit-box; height: 52px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.inbanner-swiper .swiper-slide.hasVideo video { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.inbanner-imgpc { display: none; }

.inbanner-item { position: relative; }

.inbanner-item .word { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 15px; z-index: 3; text-align: center; color: #fff; width: 100%;font-size: 12px; }

.inbanner-item .word .shouyebanner { font-size: 1.5em; } /*首页标题加大 s*/


.inbanner-item .hgyMaxPic { padding: 0 10%; margin-bottom: 10px; }

.inbanner { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); }

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

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

.inban-page span { vertical-align: middle; width: 30px; height: 8px; margin: 0 3px; color: #fff; opacity: 0.2; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; opacity: 1; }

.inban-page span.swiper-pagination-bullet-active { background: #00b5e2; }

.inban-icon { display: none; }

.inpro { background: gray; background: url(../images/inpro-bg.jpg) no-repeat 20% top; background-size: auto 100%; padding-top: 25px; padding-bottom: 30px; margin-bottom: -1px; }

.inpro-tab { font-size: 0; margin-top: 25px; }

.inpro-tab-item { display: block; font-size: 14px; color: #fff; line-height: 1.3; padding: 10px; text-align: center; }

.inpro-tab-item p { font-weight: bold; line-height: 1.3; display: inline-block; margin-left: 12px; position: relative; }

.inpro-tab-item p::after { content: ""; position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 2px; background: #00b5e2; }

.inpro-tab-item .icon { width: 20px; height: 20px; display: inline-block; position: relative; vertical-align: middle; }

.inpro-tab-item .icon img { position: absolute; top: 0; left: 0; width: 100%; }

.inpro-tab-item .icon .h-img { opacity: 0; }

.inpro-tab-item.cur p { color: #00b5e2; }

.inpro-tab-item.cur p::after { width: 100%; }

.inpro-tab-item.cur .icon .d-img { opacity: 0; }

.inpro-tab-item.cur .icon .h-img { opacity: 1; }

.inpro-content { color: #fff; padding-top: 25px; }

.inpro-box-swiper { overflow: hidden; }

.inpro-content-item h2 { font-weight: bold; letter-spacing: -1px; margin-bottom: 8px; }

.inpro-content-item .content { margin-bottom: 30px; }

.inpro-content-item .more { font-size: 0; }

.inpro-content-item .more a { display: inline-block; border: solid 1px #00b5e2; line-height: 30px; width: 132px; height: 32px; color: #fff; font-family: DINCond; font-size: 16px; padding-left: 27px; position: relative; background: url(../images/icon-right.png) no-repeat 95px center; background-size: 14px 9px; }

.inpro-sw-item .hgyPimg { margin-bottom: 10px; }

.inpro-sw-item .hgyPimg img { -webkit-transition: none; -o-transition: none; transition: none; }

.inpro-sw-item .hgyPimg::after { padding-bottom: 114.81481%; }

.inpro-sw-item .hgyPimg .h-img { opacity: 0; }

.inpro-sw-item p { text-align: center; color: #00b5e2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.inpro-swiper { overflow: hidden; }

.inpro-swiper .swiper-slide.cur .hgyPimg .d-img { opacity: 0; }

.inpro-swiper .swiper-slide.cur .hgyPimg .h-img { opacity: 1; }

.inpro-swiper .swiper-slide.cur p { color: #fff; }

.inpro-swiper-box { margin-top: 30px; }

.inpro-page { text-align: center; margin-top: 5px; }

.inpro-page span { margin: 0 3px; background: rgba(255, 255, 255, 0.2); }

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

.inpro-content-r { margin-top: 30px; }

.inpro-content-r .inpro-pic { display: none; }

.inpro-content-r .inpro-pic:nth-child(1) { display: block; }

.inpro-content-r .hgyPimg img { width: auto; height: 100%; min-width: auto; -webkit-transition: none; -o-transition: none; transition: none; }

.inpro-content-r .hgyPimg::after { padding-bottom: 54.69083%; }

.incore { background-color: #021218; padding-top: 30px; position: relative; }

.incore .publicTitle1 { margin-bottom: 10px; }

.incore .publicTitle1 h4::after { background: #13bee4; }

.incore > .commonweb { position: relative; z-index: 2; }

.incore .incore-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.incore-desc { text-align: center; color: #fff; }

.incore-box { margin-top: 30px; padding-bottom: 30px; position: relative; }

.incore-box > .hgyPimg { max-width: 378px; margin-left: auto; margin-right: auto; }

.incore-box > .hgyPimg img { opacity: 0; }

.incore-box > .hgyPimg::after { padding-bottom: 129.89418%; }

.incore-box .incore-round-bg { z-index: 3; }

.incore-box .incore-round { width: 49.20635%; height: 37.88187%; min-width: auto; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-animation: roundAni 2s linear infinite; -o-animation: roundAni 2s linear infinite; animation: roundAni 2s linear infinite; }

.incore-list { position: absolute; top: 0; left: 0; width: 100%; }

.incore-list ul { font-size: 0; padding: 0 -10px; margin-bottom: -20px; }

.incore-list li { padding: 0 10px; display: inline-block; width: 50%; vertical-align: top; font-size: 14px; color: #fff; text-align: center; margin-bottom: 20px; }

.incore-list .hgyPimg { width: 80px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

.incore-list .hgyPimg .h-img { opacity: 0; }

.incore-list .hgyPimg::after { padding-bottom: 115.83333%; }

.incore-list .info h3 { color: #00b5e2; line-height: 1.3; font-weight: bold; margin-bottom: 3px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.incore-list .desc { /*display: -webkit-box;*/  height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; /* overflow: hidden;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.incore-list .info-desc { font-weight: bold; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.innews { padding: 30px 0; background: #eee; }

.innews-swiper { overflow: hidden; }

.innews-swiper .swiper-slide:last-child a { border: 0; }

.innews-page { text-align: center; padding-top: 12px; }

.innews-page span { margin: 0 3px; background: #ddd; }

.innews-page .swiper-pagination-bullet-active { background: #00b5e2; }

.innews-list { margin-top: 20px; }

.innews-item { display: block; padding: 15px 12px; border-right: solid 1px #d3d3d3; }

.innews-item h2 { color: #363636; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; }

.innews-item .hgyPimg { display: none; }

.innews-item .desc { color: #606267; opacity: 0.6; display: -webkit-box; height: 66px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 10px; }

.innews-item .date { color: #696969; font-weight: bold; }

.inpro-display { background: #0f2a3d; padding: 30px 0; }

.inpro-display .publicTitle1 h4::after { background-color: #00b5e2; }

.inpro-display .inproduct-box { margin-top: 25px; }

.inproduct-swiper .hover-content { display: none; }

.inproduct-item { display: block; }

.inproduct-item .hgyPimg::after { padding-bottom: 75%; }

.inproduct-item .info { background: #fff; padding: 15px 10px 20px; }

.inproduct-item .info h2 { font-size: 16px; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; margin-bottom: 6px; }

.inproduct-item .info .desc { font-size: 14px; display: -webkit-box; height: 36px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.inproduct-page { font-size: 0; line-height: 1; text-align: center; padding-top: 20px; }

.inproduct-page span { margin: 0 3px; background: rgba(255, 255, 255, 0.7); }

.inproduct-page .swiper-pagination-bullet-active { background: #00b5e2; }

/*底部 s*/
footer { background-color: #000b12; border-top: solid 2px #00b0d7; padding-top: 25px; overflow: hidden; }

.foot-top-l { padding-bottom: 20px; }

.foot-top-l h2 { line-height: 1.2; color: #00b5e2; margin-bottom: 10px; }

.foot-top-l .desc { color: #ffffff; opacity: 0.5; margin-bottom: 16px; }

.foot-share .bdshare-button-style0-16 a { padding: 0; margin: 0; width: 33px; height: 33px; background-size: 100% 100%; -webkit-border-radius: 100%; border-radius: 100%; background-position: center center; }

.foot-share .bdshare-button-style0-16 .bds_weixin { background-image: url(../images/foot-wx.png); margin-right: 7px; }

.foot-share .bdshare-button-style0-16 .bds_tsina { background-image: url(../images/foot-wb.png); }

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

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

.foot-nav li.fcontact { border: none; }

.foot-nav h3 { position: relative; }

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

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

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

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

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

.foot-subnav a { display: block; color: #fff; font-size: 14px; line-height: 32px; opacity: 0.55; }

.foot-top { padding-bottom: 30px; }

.foot-bottom { background: #fff; padding-top: 15px; padding-bottom: 13px; }

.fb-links { text-align: center; font-size: 0; }

.fb-links a { font-size: 14px; color: #525252; opacity: 0.9; padding: 0 10px; border-right: solid 1px #d4d4d4; }

.fb-links a:last-child { border: 0; }

.fri-link { position: relative; margin-bottom: 10px; }

.fri-link > p { margin-bottom: 5px; width: 66px; display: inline-block; }

.fri-link .link-btn { display: inline-block; color: #525252; opacity: 0.9; position: relative; padding-left: 10px; }

.fri-link .link-btn::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 16px; width: 3px; background: #00b0d7; }

.fri-link .link-box { font-size: 0; }

.fri-link .link-box a { display: inline-block; line-height: 30px; text-align: center; color: #999; opacity: 0.9; margin: 0 8px; font-size: 12px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.neibanner { position: relative; }

.neibanner-img { position: relative; }

.neibanner-img img { width: 100%; }

.neibanner-txt1, .neibanner-txt2 { position: absolute; top: 50%; left: 50%; z-index: 10; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.neibanner-txt1con { position: relative; }

.neibanner-txt1con h2 { line-height: 1.14286; font-size: 20px; color: #fff; }

.neibanner-txt2 { text-align: left; color: #fff; }

.neibanner-txt2 h3 { line-height: 1.27778; font-size: 18px; }

.neibanner-txt2 h4 { margin-top: 5px; line-height: 1.55556; font-size: 14px; }

.neibanner-txt2 h5 { margin-top: 5px; line-height: 1.2; font-size: 12px; }

.neibanner-txt2.txtrig { text-align: right; }

.neibanner-btn { display: none; }

.neibanner-btm { padding: 20px 0; }

.neibanner-select { position: relative; float: left; width: 50%; }

.neibanner-select select { width: 100%; height: 40px; line-height: 38px; padding: 0 20px 0 10px; font-size: 13px; color: #929292; background: #fff; border: 1px solid #00b5e2; }

.neibanner-select:after { position: absolute; top: 50%; right: 10px; z-index: 5; width: 5px; height: 5px; border-right: 1px solid #00b5e2; border-bottom: 1px solid #00b5e2; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); content: ""; }

.neibanner-formfr { position: relative; overflow: hidden; padding-left: 10px; }

.neibanner-formfr .neibanner-intxt { width: 100%; height: 40px; line-height: 38px; padding: 0 40px 0 10px; font-size: 13px; color: #929292; border: 1px solid #00b5e2; }

.neibanner-formfr .neibanner-insub { position: absolute; top: 0; right: 0; z-index: 5; width: 46px; height: 100%; background: url(../images/neibanner-insub.png) no-repeat center center; }

.neibanner-tips { padding: 10px 0px 0; line-height: 1.55556; font-size: 14px; color: #00b5e2; }

.neibanner-tips h6 { float: left; font-size: 14px; color: #00b5e2; }

.neibanner-tipsmenu { overflow: hidden; font-size: 0; }

.neibanner-tipsmenu a { margin-right: 15px; font-size: 14px; color: #00b5e2; }

.incon-pd { padding: 30px 0; }

.incon-pd-fw { padding: 30px 0; }

.products-one { position: relative; }

.products-oneimg { position: relative; height: 0; padding-top: 110%; overflow: hidden; }

.products-oneimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.products-oneul { font-size: 0; margin-bottom: 30px; }

.products-oneul li { display: inline-block; vertical-align: top; width: 50%; }

.products-oneul li a { display: block; position: relative; border: 1px solid #e5e5e5; }

.products-oneul li a:after { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; border: 2px solid #00b5e2; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; visibility: hidden; opacity: 0; content: ""; }

.products-onetext { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; bottom: 12px; padding: 0 10px; text-align: center; }

.products-onetext h3 { line-height: 1.4; font-size: 14px; color: #424856; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.imorepages { text-align: center; font-size: 0; }

.imorepages a, .imorepages span { position: relative; display: inline-block; vertical-align: middle; min-width: 32px; height: 32px; padding: 0 5px; margin: 0 3px; text-align: center; line-height: 32px; font-size: 14px; color: #333333; border: 1px solid transparent; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.imorepages a:hover, .imorepages a.cur, .imorepages span:hover, .imorepages span.cur { background: #00b5e2; color: #fff; border-color: #00b5e2; }

.imorepages .imorepage-prev1, .imorepages .imorepage-next1 { font-size: 0; border-color: #e5e5e5; }

.imorepages .imorepage-prev1:after, .imorepages .imorepage-prev1:before, .imorepages .imorepage-next1:after, .imorepages .imorepage-next1:before { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.imorepages .imorepage-prev1:hover:after, .imorepages .imorepage-prev1:hover:before, .imorepages .imorepage-next1:hover:after, .imorepages .imorepage-next1:hover:before { border-color: #fff; }

.imorepages .imorepage-prev1:after { border-bottom: 1px solid #00b5e2; border-left: 1px solid #00b5e2; margin-left: 3px; }

.imorepages .imorepage-prev1:before { border-bottom: 1px solid #00b5e2; border-left: 1px solid #00b5e2; margin-left: -3px; }

.imorepages .imorepage-next1:after { border-top: 1px solid #00b5e2; border-right: 1px solid #00b5e2; margin-left: 3px; }

.imorepages .imorepage-next1:before { border-top: 1px solid #00b5e2; border-right: 1px solid #00b5e2; margin-left: -3px; }

.imorepages .imorepage-prev2, .imorepages .imorepage-next2 { font-size: 0; border-color: #e5e5e5; }

.imorepages .imorepage-prev2:after, .imorepages .imorepage-next2:after { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.imorepages .imorepage-prev2:hover:after, .imorepages .imorepage-prev2:hover:before, .imorepages .imorepage-next2:hover:after, .imorepages .imorepage-next2:hover:before { border-color: #fff; }

.imorepages .imorepage-prev2:after { border-bottom: 1px solid #00b5e2; border-left: 1px solid #00b5e2; }

.imorepages .imorepage-next2:after { border-top: 1px solid #00b5e2; border-right: 1px solid #00b5e2; }

.products-two { overflow: hidden; }

.products-twowrap { font-size: 0; position: relative; }

.products-tworadius { width: 170px; margin: 0 auto; text-align: center; font-size: 0; border: 5px solid #fff; background: #cad3d5; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px #aaa; box-shadow: 0px 0px 10px 0px #aaa; }

.products-tworadiusv { position: relative; height: 0; padding-top: 100%; overflow: hidden; }

.products-tworadiusv img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.products-tworadiusv img { width: 38.85714%; }

.products-twoitem { display: inline-block; vertical-align: top; width: 100%; margin-top: 10px; }

.products-twoitem:nth-of-type(2n + 1) { text-align: right; }

.products-twoitem a { position: relative; display: block; width: 100%; height: 100%; }

.products-twoitemimg { position: relative; height: 0; padding-top: 50.83333%; overflow: hidden; }

.products-twoitemimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.products-twoitemtext { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; padding: 20px 20px 20px; background: rgba(0, 181, 226, 0.8); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.products-twoitemtext h3 { margin-top: 10px; line-height: 1.34615; font-size: 16px; color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.products-twoitemtext .incon-a1 { display: none; }

.products-twoitemicon { position: relative; width: 50px; height: 50px; font-size: 0; display: inline-block; vertical-align: middle; }

.products-twoitemicon img { width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.products-twoitemicon .icon1 { opacity: 0; visibility: hidden; }

.products-twoitemicon .icon2 { position: absolute; top: 0; left: 0; }

.products-twoitemdes { margin-top: 6px; font-size: 14px; color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.incon-a1 { display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 0; background: #fff; -webkit-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.incon-a1 span { position: relative; display: inline-block; vertical-align: middle; line-height: 1; font-size: 14px; color: #00b5e2; }

.incon-a1 span:after { position: absolute; right: 0; top: 50%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.incon-a1:hover { background: #00b5e2; -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; }

.incon-a1:hover span { color: #fff; }

.neibanner-ermenu { position: relative; width: 100%; background: #00b5e2; }

.neibanner-ermenu h3 { position: relative; padding: 0 10px; height: 50px; line-height: 50px; font-size: 0; }

.neibanner-ermenu h3 p { display: inline-block; vertical-align: middle; line-height: 1.2; padding-left: 30px; font-size: 14px; color: #ffffff; }

.neibanner-ermenu h3 span { position: absolute; top: 50%; left: 10px; display: block; width: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.neibanner-ermenu h3 span i { display: block; width: 100%; height: 2px; margin-bottom: 3px; background: #fff; }

.neibanner-ermenu h3 span i:last-of-type { margin-bottom: 0; }

.neibanner-ermenuacon { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; display: none; padding: 10px 10px; background: #00b5e2; border-top: 1px solid #66d3ee; }

.neibanner-ermenuacon h4 { position: relative; }

.neibanner-ermenuacon h4 a { padding: 10px; }

.neibanner-ermenuacon h4.cur a, .neibanner-ermenuacon h4:hover a { color: #fff; }

.neibanner-ermenuacon h4 span { display: none; }

.neibanner-ermenuacon h4.active span { position: absolute; top: 0%; right: 0; z-index: 10; display: block; width: 40%; height: 100%; }

.neibanner-ermenuacon h4.active span:after { position: absolute; top: 50%; right: 10px; width: 7px; height: 7px; border-right: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.neibanner-ermenuacon h4.active2 span:after { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.neibanner-ermenuacon a { display: block; line-height: 1.5; font-size: 14px; color: #d1f2fa; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-bottom: 6px; transition: all 0.5s; }

.neibanner-ermenuacon a:last-of-type { margin-bottom: 0; }

.neibanner-ermenuacon a:hover { color: #fff; }

.neibanner-ermenuaconthree { display: none; }

.neibanner-ermenuaconthree a { padding: 10px 30px; }

.neibanner-erfr { overflow: hidden; margin-top: 10px; }

.neibanner-erfrmenu { max-width: 100%; overflow-x: auto; font-size: 0; white-space: nowrap; }

.neibanner-erfrmenu::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.neibanner-erfrmenu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.neibanner-erfrmenu::-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: #00b5e2; }

.neibanner-erfrmenu a { display: inline-block; vertical-align: middle; margin-right: 20px; line-height: 40px; font-size: 14px; color: #333; border-bottom: 3px solid transparent; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.neibanner-erfrmenu a:hover, .neibanner-erfrmenu a.cur { color: #00b5e2; border-bottom-color: #00b5e2; }

.neibanner-erfrmenu a.morea { padding: 0 10px; line-height: 25px; border: none; color: #00b5e2; background: rgba(181, 181, 181, 0.31); }

.neibanner-erfrmenu a:last-of-type { margin-right: 0; }

.propost-item1 { overflow: hidden; }

.propost-item1 .propost-title { margin-bottom: 15px; }

.propost-title { text-align: center; line-height: 1.22222; font-size: 20px; color: #424856; }

.propost-conh2 { text-align: center; line-height: 1.45455; font-size: 18px; color: #00b5e2; }

.propost-item1ul { margin-top: 16px; }

.propost-item1ul li { margin-bottom: 10px; background: #f2f3f6; font-size: 0; }

.propost-item1liimgv { position: relative; height: 0; padding-top: 61.11111%; overflow: hidden; }

.propost-item1liimgv img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.propost-item1litext { padding: 10px; line-height: 2.14286; font-size: 14px; color: #6d7076; }

.propost-item2 { overflow: hidden; }

.propost-item2wrap { margin-top: 20px; }

.propost-item2max { position: relative; background: #f2f3f6; }

.propost-item2min { position: relative; margin-top: 10px; }

.propost-item2min .swiper-slide { position: relative; }

.propost-item2min .swiper-slide .propost-item2img:before { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; border: 2px solid #00b5e2; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; content: ""; }

.propost-item2min .swiper-slide.active-nav .propost-item2img:before { opacity: 1; visibility: inherit; }

.propost-item2img { position: relative; height: 0; padding-top: 72.53669%; overflow: hidden; }

.propost-item2img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.incon-btn { display: none; }

.propost-item3 { overflow: hidden; }

.propost-item3table { margin-top: 20px; overflow-x: auto; }

.propost-item3table table { width: 100%; min-width: 700px; }

.propost-item3table table, .propost-item3table tr, .propost-item3table td, .propost-item3table th { border: 1px solid #e5e5e5; }

.propost-item3table th, .propost-item3table td { width: 20.41667%; text-align: center; padding: 10px; line-height: 1.42857; font-size: 14px; color: #424856; vertical-align: middle; }

.propost-item3table th:nth-child(1), .propost-item3table td:nth-child(1) { width: 18.33333%; }

.propost-item3table th { padding: 10px 10px; font-size: 16px; color: #424856; }

.propost-item3table th.th-sz { font-size: 20px; }

.propost-item3table .tb-bg { background: #f2f3f6; }

.propost-item4 { overflow: hidden; }

.propost-item4img { text-align: center; margin-top: 20px; }

.propost-item4img img { width: 100%; }

.propost-tui { background: #f1f2f5; }

.propost-tuiview { position: relative; margin-top: 20px; }

.propost-tuiview .swiper-slide { background: #fff; }

.propost-tuiview .swiper-slide a { position: relative; display: block; }

.propost-tuiview .swiper-slide a:after { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; border: 2px solid #00b5e2; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.incon-btn2 { display: none; }

.incon-bat { margin-top: 15px; text-align: center; font-size: 0; }

.incon-bat span { background: #aaa; margin: 0 3px; }

.incon-bat span.swiper-pagination-bullet-active { background: #00b5e2; }

.incon-back { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.newsporduct-one { overflow: hidden; }

.newsporduct-onetext { text-align: center; line-height: 1.71429; font-size: 14px; color: #fff; }

.newsporduct-onetext h2 { line-height: 1.22222; font-size: 20px;color: white;
text-shadow: 1px 1px 3px #000000; }

.newsporduct-onedes { margin-top: 15px; }

.newsporduct-oneimg { margin-top: 20px; text-align: center; }

.newsporduct-oneimg img { max-width: 100%; }

.newsporduct-two { overflow: hidden; }

.newsproduct-twoh2 { text-align: center; line-height: 1.22222; font-size: 20px; color: #333333; }

.newsporduct-twoview { position: relative; margin-top: 15px; }

.newsporduct-twoview .swiper-slide { text-align: center; padding: 30px 20px 20px; background: #f7f8f9; border: 1px solid #e1e1e1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.newsporduct-twoview .swiper-slide h3 { line-height: 1; font-size: 18px; color: #424856; }

.newsporduct-twoicon { position: relative; width: 70px; height: 70px; margin: 10px auto 0; }

.newsporduct-twoicon img { width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.newsporduct-twoicon .icon2 { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.newsporduct-twodes { margin-top: 12px; height: 40px; line-height: 20px; overflow-y: auto; }

.newsporduct-twodes::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.newsporduct-twodes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.newsporduct-twodes::-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: #00b5e2; }

.newsporduct-twoitem { overflow: hidden; color: #fff; margin-top: 10px; }

.newsporduct-twoitemimg { font-size: 0; text-align: center; }

.newsporduct-twoitemimg img { max-width: 100%; }

.newsporduct-twoitemtext { margin-top: 20px; }

.newsporduct-twoitemtext h3 { line-height: 0.73846; font-size: 50px; opacity: 0.1; }

.newsporduct-twoitemtext h2 { margin-top: 12px; line-height: 1.28571; font-size: 18px; color: white; text-shadow: 1px 1px 3px #000000;}
/ *.newsporduct-twoitemtext h2 { margin-top: 12px; line-height: 1.28571; font-size: 18px; } 产品页标题加阴影前备份*/

.newsporduct-twoitemtext h2:after { display: block; margin-top: 15px; width: 60px; height: 3px; background: #fff; content: ""; }

.newsporduct-twoitemdes { margin-top: 20px; line-height: 1.71429; font-size: 14px; }

.newsporduct-twoitem3 { padding-bottom: 0; }

.newsporduct-twoitem3 .newsporduct-twoitemtext { margin-top: 0; margin-bottom: 20px; }

.newsporduct-twoitem4 { padding-bottom: 0; }

.newsporduct-twoitem4 .newsporduct-twoitemtext { margin-top: 0; margin-bottom: 20px; }

.newsporduct-three { overflow: hidden; }

.newsporduct-threetable { overflow-x: auto; }

.newsporduct-threetable table { width: 100%; min-width: 700px; }

.newsporduct-threetable table, .newsporduct-threetable tr, .newsporduct-threetable th, .newsporduct-threetable td { border: none; }

.newsporduct-threetable th { padding: 10px; text-align: center; line-height: 1.36364; font-size: 16px; font-weight: normal; color: #fff; background: #00b5e2; }

.newsporduct-threetable td { width: 50%; padding: 10px 20px; line-height: 1.5; font-size: 14px; background: #f2f3f6; }

.newsporduct-threetable tr:nth-child(2n + 1) td { background: #fff; }

.newsporduct-four { overflow: hidden; background: #e9ecf3; }

.newsporduct-fourh2 { text-align: center; line-height: 1.22222; font-size: 20px; color: #00b5e2; }

.newsporduct-fourimg { margin-top: 15px; font-size: 0; text-align: center; }

.newsporduct-fourimg img { max-width: 100%; }

.newsporduct-threetable2 { overflow-x: auto; }

.newsporduct-threetable2 table { width: 100%; min-width: 700px; }

.newsporduct-threetable2 table, .newsporduct-threetable2 tr, .newsporduct-threetable2 th, .newsporduct-threetable2 td { border: 1px solid #dcdcdc; }

.newsporduct-threetable2 th { padding: 10px 10px; text-align: center; line-height: 1.25; font-size: 20px; font-weight: normal; color: #fff; background: #00b5e2; border-color: #00b5e2; }

.newsporduct-threetable2 tr td { width: 21.45833%; text-align: center; padding: 10px 10px; line-height: 1.5; font-size: 14px; color: #424856; }

.newsporduct-threetable2 tr td:nth-child(1) { width: 14.16667%; background: #00b5e2; color: #fff; }

.newsporduct-threetable2 tr td.td-sz1 { font-size: 18px; color: #00b5e2; background: none; }

.newsporduct-threetable2 tr td.td-sz2 { font-size: 16px; }

.newsporduct-threetable2 tr:nth-child(2n + 1) td { background: #f2f3f6; }

.newsporduct-threetable2 tr:nth-child(2n + 1) td:nth-child(1) { background: #00b5e2; }

.newsporduct-threetable3 { overflow-x: auto; }

.newsporduct-threetable3 table { width: 100%; min-width: 700px; }

.newsporduct-threetable3 table, .newsporduct-threetable3 tr, .newsporduct-threetable3 th, .newsporduct-threetable3 td { border: 1px solid #dcdcdc; }

.newsporduct-threetable3 th { padding: 10px 10px; text-align: center; line-height: 1.25; font-size: 20px; font-weight: normal; color: #fff; background: #00b5e2; border-color: #00b5e2; }

.newsporduct-threetable3 tr td { width: 28.33333%; text-align: center; padding: 10px 10px; line-height: 1.5; font-size: 14px; color: #424856; }

.newsporduct-threetable3 tr td.td0 { width: 43.33333%; }

.newsporduct-threetable3 tr:nth-child(2n + 1) td { background: #f2f3f6; }

.service-one { padding-bottom: 0; overflow: hidden; }

.service-title { color: #fff; text-align: center; line-height: 1.69231; font-size: 13px; }

.service-title h2 { line-height: 1.22222; font-size: 20px; }

.service-title h2:after { display: block; width: 60px; height: 3px; margin: 15px auto 0; background: #fff; content: ""; }

.service-title.black { color: #424856; }

.service-title.black h2:after { display: none; }

.service-titledes { margin-top: 20px; }

.service-oneimg { margin-top: 20px; text-align: center; }

.service-oneimg img { max-width: 100%; }

.service-twoul { margin-top: 20px; font-size: 0; }

.service-twoul li { display: inline-block; vertical-align: top; width: 49%; padding: 30px 25px 10px 20px; margin-right: 2%; margin-bottom: 10px; background: #fff; }

.service-twoul li:nth-child(2n) { margin-right: 0; }

.service-twoul li h3 { line-height: 1; font-size: 20px; font-weight: bold; color: #00b5e2; }

.service-twodes { margin-top: 10px; height: 100px; line-height: 20px; font-size: 13px; color: #666666; overflow-y: auto; }

.service-twodes::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.service-twodes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.service-twodes::-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: #00b5e2; }

.service-threeview { overflow: hidden; }

.service-threeview { position: relative; margin-top: 20px; }

.service-threeview .swiper-slide { padding: 22px 10px 18px; border: 1px solid #fff; }

.service-threeicon { margin: 0 auto; width: 38px; height: 38px; font-size: 0; }

.service-threeicon img { width: 100%; }

.service-threetext { margin-top: 12px; text-align: center; height: 80px; line-height: 20px; font-size: 13px; color: #ffffff; overflow-y: auto; }

.service-threetext::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.service-threetext::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.service-threetext::-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: #00b5e2; }

.service-four { overflow: hidden; }

.service-fourimg { margin-top: 10px; text-align: center; }

.service-fourimg img { max-width: 100%; }

.servicepost-one { position: relative; background: #f7f8fa; overflow: hidden; }

.servicepost-one .commonweb { position: relative; z-index: 5; }

.servicepost-oneimg img { width: 100%; }

.servicepost-onetext { padding: 20px 5px; line-height: 1.84615; font-size: 13px; color: #424856; }

.servicepost-onetext h3 { line-height: 1.5; font-size: 18px; color: #31353d; }

.servicepost-onedes { margin-top: 10px; }

.servicepost-onedes2 { margin-top: 10px; }

.servicepost-zero { padding: 0; overflow: hidden; }

.servicepost-zerotext { padding: 30px 0; text-align: center; line-height: 1.53846; font-size: 16px; color: #424856; }

.servicepost-zerotext h1 { line-height: 1.22222; font-size: 20px; font-weight: bold; color: #424856; }

.servicepost-zerotext h3 { margin-top: 10px; line-height: 1.5; font-size: 16px; font-weight: bold; color: #00b5e2; }

.servicepost-zerodes { position: relative; margin-top: 15px; padding: 5px 20px; }

.servicepost-zerodes:after { position: absolute; top: 0; right: 0; width: 20px; height: 38px; border-top: 1px solid #00b5e2; border-right: 1px solid #00b5e2; content: ""; }

.servicepost-zerodes:before { position: absolute; bottom: 0; left: 0; width: 20px; height: 38px; border-bottom: 1px solid #00b5e2; border-left: 1px solid #00b5e2; content: ""; }

.servicepost-two { text-align: center; overflow: hidden; }

.servicepost-two img { max-width: 100%; }

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

.servicepost-threetext { text-align: center; line-height: 1.69231; font-size: 13px; color: #424856; }

.servicepost-threetext h2 { line-height: 1.5; font-size: 18px; font-weight: bold; color: #31353d; }

.servicepost-threedes { margin-top: 10px; }

.servicepost-threeimg { text-align: center; }

.servicepost-threeimg img { max-width: 100%; }

.zpc-bg-swiper { width: 0; height: 0; visibility: hidden; opacity: 0; }

.zpc-sw-box { position: relative; z-index: 2; }

.zpc-sw-box::after { content: ""; display: block; padding-bottom: 82.63889%; }

.zpc-sw-box .view { background: url(../images/zh-pc-bg.png) no-repeat center top; background-size: 100% auto; position: absolute; top: 0; width: 100%; padding: 12px 12px 0; height: 100%; }

.zpc-swiper { overflow: hidden; }

.zpc-swiper .zpc-item { position: relative; overflow: hidden; }

.zpc-swiper .zpc-item::after { content: ""; display: block; padding-bottom: 56.19335%; }

.zpc-swiper .zpc-item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; min-width: 100%; height: 100%; }

.servicepost-four { background: #f4f5f6; overflow: hidden; }

.servicepost-fourh2 { text-align: center; line-height: 1.5; font-size: 18px; font-weight: bold; color: #31353d; }

.zpc-box { margin-top: 20px; }

.servicepost-five { position: relative; overflow: hidden; }

.servicepost-five .swiper-slide { overflow: hidden; }

.servicepost-five .swiper-slide .servicepost-fiveimg { position: relative; width: auto; max-width: auto; height: 250px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.servicepost-five .incon-bat { position: absolute; bottom: 10px; left: 0; z-index: 5; width: 100%; }

.servicepost-five .incon-bat span { width: 6px; height: 6px; background: #fff; }

.servicepost-five .incon-bat span.swiper-pagination-bullet-active { background: #00b5e2; }

.servicepost-fivetext { position: absolute; top: 50%; left: 50%; z-index: 5; width: 100%; max-width: 1400px; padding: 0 15px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }

.servicepost-fivetext h3 { line-height: 1.5; font-size: 16px; }

.servicepost-fivetext h2 { margin-top: 5px; line-height: 1.22222; font-size: 20px; }

.servicepost-fivetext .imore-a2 { margin-top: 10px; }

.servicepost-fivedes { margin-top: 10px; line-height: 1.71429; font-size: 14px; }

.imore-a2 { display: inline-block; width: 120px; height: 36px; line-height: 34px; text-align: center; font-size: 0; border: 1px solid #fff; -webkit-border-radius: 25px; border-radius: 25px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.imore-a2 span { display: inline-block; vertical-align: middle; line-height: 1.2; font-size: 14px; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.imore-a2 img { width: 16px; margin-left: 10px; }

.imore-a2:hover { -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; background: #00b5e2; border-color: #00b5e2; }

.imore-a2:hover span { color: #fff; }

.servicepost-fivebtn { display: none; }

.servicepost-six { padding-bottom: 0; overflow: hidden; }

.servicepost-sixul { font-size: 0; padding-top: 20px; }

.servicepost-sixul li { position: relative; display: inline-block; vertical-align: top; width: 100%; padding-bottom: 130px; margin-bottom: 10px; }

.servicepost-siximg { position: relative; height: 0; padding-top: 61.01695%; overflow: hidden; }

.servicepost-siximg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.servicepost-siximg h3 { position: absolute; bottom: 15px; left: 0; z-index: 3; width: 100%; padding: 0 20px; line-height: 1.5; font-size: 16px; color: #fff; }

.servicepost-siximg:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; }

.servicepost-sixtext { position: absolute; bottom: 0; left: 0; z-index: 5; width: 81.35593%; padding: 15px 20px; background: #fff; }

.servicepost-sixtext h3 { line-height: 1.5; font-size: 16px; color: #31353d; }

.servicepost-sixdes { margin-top: 10px; line-height: 22px; height: 110px; font-size: 13px; color: #424856; overflow-y: auto; }

.servicepost-sixdes::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.servicepost-sixdes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.servicepost-sixdes::-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: #00b5e2; }

.servicepost-seven { position: relative; overflow: hidden; }

.servicepost-seven:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 320px; background: #f7f8fa; content: ""; }

.servicepost-sevenview { position: relative; z-index: 3; margin-top: 20px; }

.servicepost-sevenview .swiper-slide { background: #fff; }

.incon-bat.active span { width: 6px; height: 6px; background: #cdcdcf; }

.incon-bat.active span.swiper-pagination-bullet-active { background: #00b5e2; }

.servicepost-sevenimg { position: relative; height: 0; padding-top: 55.55556%; overflow: hidden; }

.servicepost-sevenimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.servicepost-seventext { padding: 25px 30px 25px; }

.servicepost-seventext h3 { font-size: 16px; font-weight: bold; color: #363636; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.servicepost-sevendes { margin-top: 10px; font-size: 13px; color: #606267; display: -webkit-box; height: 60px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.servicepost-seventime { margin-top: 12px; line-height: 1.33333; font-size: 18px; color: #00b5e2; }

.servicepost-eight { padding-bottom: 0; overflow: hidden; }

.servicepost-eightform { max-width: 800px; margin: 20px auto 0; }

.servicepost-eightitem { margin-bottom: 10px; font-size: 0; width: 100%; }

.servicepost-eightitem input { width: 100%; height: 46px; line-height: 44px; border: 1px solid #e5e5e5; padding: 0 10px; font-size: 14px; color: #535353; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.servicepost-eightitem input:focus { border-color: #00b5e2; }

.servicepost-eightitem h6 { float: left; min-width: 80px; padding-right: 10px; line-height: 46px; font-size: 14px; color: #535353; }

.servicepost-eightitem h6 span { color: #00b5e2; font-weight: bold; }

.servicepost-eightitem h6 i { display: inline-block; vertical-align: middle; font-style: normal; line-height: 1.2; }

.servicepost-eightitem.yan { position: relative; padding-right: 130px; }

.servicepost-eightitem.yan a { display: block; position: absolute; z-index: 3; right: 0; top: 0; width: 120px; height: 46px; line-height: 44px; border: 1px solid #e5e5e5; }

.servicepost-eightitem.yan a img { width: 100%; height: 100%; }

.servicepost-eightbtn { text-align: center; font-size: 0; }

.servicepost-eightbtn input { width: 140px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; }

.servicepost-eightbtn .servicepost-eightret { color: #282828; margin-left: 6px; background: #f1f1f1; }

.servicepost-eightbtn .servicepost-eightsub { background: #00b5e2; color: #fff; }

.servicepost-eightint { overflow: hidden; }

.servicepost-nine { overflow: hidden; }

.servicepost-nineul { margin-top: 20px; font-size: 0; }

.servicepost-nineul li { display: inline-block; vertical-align: top; width: 49%; margin-bottom: 10px; margin-right: 2%; }

.servicepost-nineul li:nth-child(2n) { margin-right: 0; }

.servicepost-nineul li a { position: relative; display: block; width: 100%; }

.servicepost-nineul li a img { width: 100%; }

.servicepost-nineul li h3 { position: absolute; top: 28px; left: 0; z-index: 3; padding: 0 20px; line-height: 1.55556; font-size: 14px; font-weight: bold; color: #fff; }

.incommonweb { width: 100%; max-width: 1600px; padding: 0 15px; margin: 0 auto; }

.neibanner-twotopmenu { padding-bottom: 14px; font-size: 0; }

.neibanner-twotopmenu a { position: relative; display: inline-block; vertical-align: middle; min-width: 10px; height: 24px; line-height: 24px; margin-right: 23px; font-size: 14px; color: #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-position: center center; background-repeat: no-repeat; }

.neibanner-twotopmenu a:hover { color: #00b5e2; }

.neibanner-twotopmenu a:first-child { background-image: url(../images/home2.png); }

.neibanner-twotopmenu a:first-child:after { display: none; }

.neibanner-twotopmenu a:last-child { margin-right: 0; }

.neibanner-twotopmenu a:after { position: absolute; top: 50%; left: -13px; border-left: 3px solid #333; border-top: 3px solid transparent; border-bottom: 3px solid transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; }

.neibanner-twobtmmenu { text-align: center; font-size: 0; width: 100%; padding-bottom: 3px; overflow-y: auto; white-space: nowrap; border-bottom: 1px solid #d6d6d6; }

.neibanner-twobtmmenu::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.neibanner-twobtmmenu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.neibanner-twobtmmenu::-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: #00b5e2; }

.neibanner-twobtmmenu a { position: relative; display: inline-block; vertical-align: middle; line-height: 42px; padding: 0 20px; font-size: 14px; color: #565b62; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.neibanner-twobtmmenu a:after { position: absolute; top: 50%; right: 0; width: 2px; height: 16px; -webkit-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); -webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; background: #d7dce5; content: ""; }

.neibanner-twobtmmenu a:before { position: absolute; bottom: 0; right: 0; width: 100%; height: 3px; background: #00b5e2; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.neibanner-twobtmmenu a:last-child:after { display: none; }

.neibanner-twobtmmenu a.cur { color: #00b5e2; }

.neibanner-twobtmmenu a.cur:before { opacity: 1; visibility: inherit; }

.neibanner-twobtmmenu a:hover { color: #00b5e2; }

.story-one { overflow: hidden; }

.story-title { text-align: center; line-height: 1.22222; font-size: 20px; font-weight: bold; color: #424856; }
.story-title-fw { text-align: center; line-height: 1.22222; font-size: 18px; font-weight: bold; color: #424856; }

.story-oneul { margin-top: 30px; font-size: 0; text-align: center; }

.story-oneul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 10px; }

.story-oneul li:nth-child(2n) { margin-right: 0; }

.story-oneul li:nth-child(2n+4) { margin-right: 2%; }

.story-oneul li:nth-child(2n+5) { margin-right: 0; }

.story-oneul li.li { width: 70%; margin-right: 0; }

.story-oneul li.li .story-onephoto { position: relative; overflow: visible; border: none; }

.story-oneul li.li .story-onephoto img { position: relative; z-index: 5; -webkit-border-radius: 50%; border-radius: 50%; }

.suzyspan1 { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }

.suzyspan1 i { position: relative; display: block; width: 100%; height: 100%; }

.suzyspan1:after, .suzyspan1:before, .suzyspan1 i:after, .suzyspan1 i:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 181, 226, 0.2); -webkit-animation: suzyspan1 2s linear infinite; -o-animation: suzyspan1 2s linear infinite; animation: suzyspan1 2s linear infinite; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 45% 50%; -ms-transform-origin: 45% 50%; -o-transform-origin: 45% 50%; transform-origin: 45% 50%; content: ""; }

.suzyspan1:before { -webkit-transform-origin: 55% 45%; -ms-transform-origin: 55% 45%; -o-transform-origin: 55% 45%; transform-origin: 55% 45%; }

.suzyspan1 i:before { -webkit-transform-origin: 55% 50%; -ms-transform-origin: 55% 50%; -o-transform-origin: 55% 50%; transform-origin: 55% 50%; }

.suzyspan1 i:after { -webkit-transform-origin: 50% 55%; -ms-transform-origin: 50% 55%; -o-transform-origin: 50% 55%; transform-origin: 50% 55%; }

.story-onephoto { width: 100px; height: 100px; border: 2px solid #00b5e2; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; margin: 0 auto; overflow: hidden; }

.story-onephoto img { width: 100%; }

@-webkit-keyframes suzyspan1 { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } }

@-o-keyframes suzyspan1 { 0% { -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -o-transform: rotate(540deg); transform: rotate(540deg); } }

@keyframes suzyspan1 { 0% { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } }

.story-onetext { padding-top: 15px; }

.story-onetext h3 { line-height: 1.4; font-size: 16px; color: #424856; padding-bottom: 5px; border-bottom: 3px solid #f4f4f4; }

.story-onetext h3 span { font-size: 12px; }

.story-onedes { line-height: 1.71429; font-size: 14px; color: #424856; }

.story-btmtext { margin-top: 20px; text-align: center; line-height: 1.69231; font-size: 13px; color: #424856; }

.story-btmtext h3 { line-height: 1.55556; font-size: 16px; font-weight: bold; color: #4a5165; }

.about-one { overflow: hidden; }

.about-onetext { margin-top: 10px; line-height: 2.30769; font-size: 13px; color: #141a27; }

.about-onetext h3 { line-height: 1.36364; text-align: center; font-size: 16px; font-weight: bold; color: #00b5e2; }

.about-onedes { margin-top: 18px; text-indent: 2em; }

.about-onedes.txtcenter { text-indent: 0; text-align: center; }

.about-oneimg { margin: 30px 0; text-align: center; font-size: 0; }

.about-oneimg img { max-width: 100%; }

.about-oneview { position: relative; margin-top: 20px; }

.about-oneviewimg { position: relative; height: 0; padding-top: 129.41176%; overflow: hidden; border: 1px solid #e5e5e5; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.about-oneviewimg img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.about-oneviewimg img { width: 77.19298%; }

.about-oneviewimg:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #00b5e2; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.about-oneviewtext { margin-top: 10px; padding: 0 15px; text-align: center; line-height: 1.57143; font-size: 14px; color: #424856; }

.about-two { overflow: hidden; }

.about-twoview { position: relative; margin-top: 20px; }

.about-twoview .swiper-slide { height: 40px; line-height: 38px; text-align: center; font-size: 16px; color: #424856; border: 1px solid #c1c1c1; -webkit-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; cursor: pointer; }

.about-twoview .swiper-slide.nav-active { border-bottom-color: transparent; border-top-color: #000; }

.about-twowrap { margin-top: 26px; }

.about-twowrapitem { display: none; }

.about-twowrapitem h3 { position: relative; width: 115px; line-height: 0.9375; font-size: 28px; color: #424856; }

.about-twowrapitem h3:after { position: absolute; top: 50%; right: 0; width: 40px; height: 2px; background: #00b5e2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.about-twowrapitemtxt { padding-top: 12px; overflow: hidden; }

.about-twowrapitemtxt li { margin-bottom: 10px; line-height: 24px; color: #424856; }

.about-twowrapitemtxt li:last-child { margin-bottom: 0; }

.about-twowrapitemtxt li h5 { position: relative; float: left; width: 50px; padding-left: 18px; font-size: 14px; }

.about-twowrapitemtxt li h5:after { position: absolute; top: 50%; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: #00b5e2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.about-twowrapitemdes { overflow: hidden; font-size: 14px; }

.about-three { overflow: hidden; }

.about-threewrap { margin-top: 20px; }

.about-threeimg { width: 100%; }

.about-threeimg a { display: block; position: relative; width: 100%; height: 100%; }

.about-threeimgv { position: relative; height: 0; padding-top: 62.93103%; overflow: hidden; }

.about-threeimgv img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.about-threetext { position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; padding: 0 10px; background: rgba(11, 38, 56, 0.7); }

.about-threetext h3 { line-height: 3; font-size: 16px; color: #ffffff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.about-threeul { margin-top: 20px; }

.about-threeul li { margin-bottom: 10px; }

.about-threeul li:last-child { margin-bottom: 0; }

.about-threetime { float: left; width: 60px; height: 60px; padding: 10px 5px 0; background: #f1f1f1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: center; }

.about-threetime h6 { line-height: 1.15385; font-size: 16px; color: #6f7379; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.about-threetime h5 { margin-top: 5px; line-height: 1.57143; font-size: 12px; color: #6f7379; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.about-threelitxt { overflow: hidden; padding: 5px 0 0 10px; }

.about-threelitxt h3 { width: 100%; font-size: 16px; color: #424856; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.about-threebtm { margin-top: 30px; }

.about-morea1 { display: block; width: 150px; height: 35px; margin: 0 auto; text-align: center; line-height: 35px; font-size: 14px; background: #00b5e2; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.about-morea1:hover { -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; }

.sabout-one { margin-top: 20px; text-align: center; line-height: 1.55556; font-size: 16px; font-weight: bold; color: #00b5e2; }

.sabout-onebtm { margin-top: 30px; }

.joinus-one { overflow: hidden; }

.joinus-h3 { margin-top: 20px; line-height: 2.22222; text-align: center; font-size: 14px; font-weight: bold; color: #424856; }

.joinus-h3 i { font-style: normal; }

.joinus-h3 .clr1 { font-size: 16px; color: #00b5e2; }

.joinus-h3 .clr1 .font1 { font-size: 18px; }

.joinus-h3 .span1 { margin-left: 10px; }

.joinus-oneul { margin-top: 20px; }

.joinus-oneul li { margin-bottom: 20px; }

.joinus-oneul li:last-child { margin-bottom: 0; }

.joinus-oneimgv { position: relative; height: 0; padding-top: 59.70149%; overflow: hidden; overflow: visible; }

.joinus-oneimgv img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.joinus-oneimgv img { z-index: 3; }

.joinus-oneimgv:before { position: absolute; top: 0; left: 0; width: 102.98507%; height: 105%; background: #00b5e2; -webkit-box-shadow: 0px 5px 10px -5px #aaa; box-shadow: 0px 5px 10px -5px #aaa; content: ""; }

.joinus-onetext { padding-top: 10px; }

.joinus-onetext h3 { line-height: 1.36364; font-size: 16px; color: #00b5e2; }

.joinus-onetext:before { display: block; margin-bottom: 10px; border-left: 8px solid #00b5e2; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; }

.joinus-onedes { margin-top: 10px; line-height: 1.69231; font-size: 13px; color: #0c0f15; }

.joinus-one .joinus-title { margin-top: 30px; }

.joinus-title { text-align: center; line-height: 1.36364; font-size: 18px; color: #2e303c; }

.joinus-table { margin-top: 15px; overflow-x: auto; }

.joinus-table table { width: 100%; min-width: 700px; }

.joinus-table table, .joinus-table th, .joinus-table tr, .joinus-table td { border: 1px dashed #f4f6f8; border-left: none; border-right: none; }

.joinus-table th { width: 12.08333%; padding: 10px 10px; line-height: 1.25; font-size: 14px; font-weight: normal; color: #7d7f87; background: #f4f6f8; }

.joinus-table th:first-child { color: #00b5e2; }

.joinus-table th:nth-child(1) { width: 15%; }

.joinus-table th:nth-child(5) { width: 15%; }

.joinus-table th:nth-child(6) { width: 18.33333%; }

.joinus-table th:nth-child(7) { width: 15.41667%; }

.joinus-table td { text-align: center; padding: 10px 10px; line-height: 1.25; font-size: 14px; color: #2e303c; background: #fff; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.joinus-table tr:hover td { background: #f7f7f7; }

.joinus-two { overflow: hidden; }

.joinus-twoview { position: relative; margin-top: 20px; }

.joinus-twoview .swiper-slide { padding: 5px 5px 10px; background: #fff; }

.joinus-twoimg { position: relative; height: 0; padding-top: 57.77778%; overflow: hidden; }

.joinus-twoimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.joinus-twoimg:after { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: url(../images/joinus-twoicon.png) rgba(0, 0, 0, 0.5) no-repeat center center; background-size: 13.33333% auto; opacity: 0; visibility: hidden; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.joinus-twotext { padding-top: 10px; }

.joinus-twotext h3 { text-align: center; line-height: 1.71429; font-size: 14px; color: #5c6076; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.contactus-one { overflow: hidden; }

.contactus-oneul { margin-top: 20px; font-size: 0; }

.contactus-oneul li { display: inline-block; vertical-align: top; width: 100%; padding: 5px 10px 10px; border-bottom: 1px solid #f2f2f2; }

.contactus-oneul li:nth-child(2n) { border-right: none; }

.contactus-oneul li h3 { line-height: 1.5; font-size: 16px; color: #3c3f46; }

.contactus-onelc { margin-top: 5px; }

.contactus-oneli { margin-bottom: 5px; line-height: 24px; font-size: 14px; color: #424856; }

.contactus-oneli a { color: #424856; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.contactus-oneli a:hover { color: #00b5e2; }

.contactus-oneli h6 { float: left; font-size: 14px; font-weight: bold; }

.contactus-onelides { padding-left: 2em; }

.contactus-one .contactus-title { margin-top: 22px; }

.contactus-title { text-align: center; line-height: 1.36364; font-size: 16px; font-weight: bold; color: #2f383a; }

.cultrue-one { overflow: hidden; }

.cultrue-onewrap { position: relative; margin-top: 30px; }

.cultrue-onelogo { width: 100px; margin: 0 auto; }

.cultrue-onelogo img { width: 100%; }

.cultrue-oneul { font-size: 0; }

.cultrue-oneul li { margin-bottom: 10px; }

.cultrue-oneul li:last-child { margin-bottom: 0; }

.cultrue-oneul li:nth-child(2) .cultrue-oneicon { margin-top: 20px; }

.cultrue-oneicon { position: relative; float: left; width: 80px; font-size: 0; }

.cultrue-oneicon img { width: 100%; position: relative; z-index: 3; }

.cultrue-onetext { overflow: hidden; padding-top: 10px; padding-left: 15px; }

.cultrue-onetext h3 { line-height: 1.26667; font-size: 18px; color: #00b5e2; }

.cultrue-onetxt { padding-top: 10px; }

.cultrue-onetxt:first-child { padding-top: 0; }

.cultrue-onedes { margin-top: 10px; line-height: 1.71429; font-size: 14px; color: #07131b; }

.cultrue-two { overflow: hidden; }

.cultrue-twowrap { margin-top: 30px; position: relative; }

.cultrue-twoimg { display: none; width: 100%; }

.cultrue-twoimg img { width: 100%; }

.cultrue-twocon { position: relative; width: 130px; height: 130px; margin: 0 auto; }

.cultrue-twocon h3 { position: relative; z-index: 3; width: 100%; height: 100%; padding: 19.56522%; -webkit-border-radius: 50%; border-radius: 50%; background: #03abd8; }

.cultrue-twocon h3 span { display: block; width: 100%; height: 100%; text-align: center; line-height: 80px; font-size: 12px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; border: 1px dashed #fff; }

.suzyspan2 { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }

.suzyspan2 i { position: relative; display: block; width: 100%; height: 100%; }

.suzyspan2:after, .suzyspan2:before, .suzyspan2 i:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(3, 171, 216, 0.3); -webkit-animation: suzyspan1 2s linear infinite; -o-animation: suzyspan1 2s linear infinite; animation: suzyspan1 2s linear infinite; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 45% 55%; -ms-transform-origin: 45% 55%; -o-transform-origin: 45% 55%; transform-origin: 45% 55%; content: ""; }

.suzyspan2:before { -webkit-transform-origin: 50% 45%; -ms-transform-origin: 50% 45%; -o-transform-origin: 50% 45%; transform-origin: 50% 45%; }

.suzyspan2 i:after { -webkit-transform-origin: 55% 55%; -ms-transform-origin: 55% 55%; -o-transform-origin: 55% 55%; transform-origin: 55% 55%; }

.suzyspan2 i:before { position: absolute; bottom: 100%; margin-bottom: 15px; left: 50%; z-index: 3; width: 20px; height: 20px; border-left: 1px solid #8daaca; border-top: 1px solid #8daaca; -webkit-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); -o-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); background: -webkit-linear-gradient(315deg, rgba(141, 170, 202, 0.5), rgba(255, 255, 255, 0) 50%); background: -o-linear-gradient(315deg, rgba(141, 170, 202, 0.5), rgba(255, 255, 255, 0) 50%); background: linear-gradient(135deg, rgba(141, 170, 202, 0.5), rgba(255, 255, 255, 0) 50%); content: ""; }

.cultrue-twoul { font-size: 0; margin-top: 20px; }

.cultrue-twoul li { position: relative; display: inline-block; vertical-align: top; width: 50%; padding: 0 10px 0 17px; color: #fff; margin-bottom: 10px; }

.cultrue-twoul li:after { position: absolute; top: 8px; left: 0; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; background: #00b5e2; content: ""; }

.cultrue-twoul li h3 { line-height: 1.55556; font-size: 16px; }

.cultrue-twotext { line-height: 1.71429; font-size: 14px; }

.news-one { overflow: hidden; }

.news-oneform { margin-top: 15px; font-size: 0; text-align: center; }

.news-oneform form { display: block; width: 100%; }

.news-oneselect { position: relative; display: inline-block; vertical-align: middle; width: 100px; margin-right: 10px; }

.news-oneselect select, .news-oneselect a { position: relative; z-index: 3; width: 100%; height: 44px; line-height: 40px; padding: 0 20px 0 10px; font-size: 14px; color: #929292; border: 2px solid #00b5e2; background: transparent; cursor: pointer; }

.news-oneselect:after { position: absolute; top: 50%; right: 8px; width: 5px; height: 5px; border-right: 1px solid #00b5e2; border-bottom: 1px solid #00b5e2; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); content: ""; }

.news-oneselect:last-child { margin-right: 0; }

.news-oneselect.noafter a { display: block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: 0px; }

.news-oneselect.noafter:after { display: none; }

.news-oneselect.cur a, .news-oneselect:hover a { background: #00b5e2; color: #fff; }

.news-oneformitem { position: relative; display: inline-block; vertical-align: middle; width: 220px; }

.news-oneformitem .news-oneformintxt { width: 100%; height: 44px; line-height: 40px; font-size: 14px; color: #929292; padding: 0 50px 0 10px; border: 2px solid #dddddd; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.news-oneformitem .news-oneformintxt:focus { border-color: #00b5e2; }

.news-oneformitem .news-oneforminsub { position: absolute; top: 0; right: 0; width: 44px; height: 100%; background: url(../images/news-oneforminsub.png) transparent no-repeat center center; }

.news-oneul { margin-top: 20px; font-size: 0; }

.news-oneul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 20px; background: #eff2fa; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.news-oneul li:nth-child(2n) { margin-right: 0; }

.news-oneimg { position: relative; height: 0; padding-top: 55.55556%; overflow: hidden; }

.news-oneimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.news-onetext { padding: 10px 10px 15px; }

.news-onetext h3 { font-size: 15px; font-weight: bold; color: #363636; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-onedes { margin-top: 5px; font-size: 13px; color: #606267; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.news-onetime { margin-top: 6px; line-height: 1.33333; font-size: 14px; font-weight: bold; color: #00b5e2; }

.suzynewspost-one { text-align: center; }

.suzynewspost-onetitlewrap { padding: 20px 0; border-bottom: 1px solid #d6d6d6; }

.suzynewspost-onetime { margin-top: 10px; line-height: 1.26667; font-size: 14px; color: #999; }

.suzynewspost-onetitle { overflow: hidden; line-height: 1.26667; font-size: 20px; color: #333; }

.suzynewspost-two { overflow: hidden; }

.suzynewspost-twotext { line-height: 1.71429; font-size: 14px; color: #8d8d8d; }

.suzynewspost-twotext img { max-width: 100%; }

.suzynewspost-twofen { margin-top: 20px; }

.suzynewspost-twofenv { font-size: 0; }

.suzynewspost-twofenv .bdsharebuttonbox { display: inline-block; vertical-align: middle; }

.suzynewspost-twofenv .bdsharebuttonbox a { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; margin: 0 3px; -webkit-border-radius: 50%; border-radius: 50%; }

.suzynewspost-twofentxt { display: inline-block; vertical-align: middle; line-height: 2.42857; font-size: 14px; color: #323232; }

.suzynewspost-twotui { margin-top: 20px; padding: 20px 0; border-top: 1px solid #ececec; border-bottom: 2px solid #eff2fa; }

.suzynewspost-twotui.pd0 { padding-bottom: 0; border-bottom: none; }

.suzynewspost-twoh3 { line-height: 1; font-size: 16px; font-weight: bold; color: #282828; }

.suzynewspost-twotuiview { position: relative; margin-top: 20px; }

.suzynewspost-twotuiview .swiper-slide a { display: block; width: 100%; padding: 10px 15px; border-left: 1px solid #e9e9e9; }

.suzynewspost-twotuiview .swiper-slide a h6 { line-height: 1.42857; font-size: 14px; color: #282828; }

.suzynewspost-twotuiview .swiper-slide a h3 { margin-top: 4px; font-size: 16px; color: #323232; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 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; }

.suzynewspost-twotuiview .swiper-slide a .inmore-a1 { margin-top: 20px; }

.suzynewspost-twotuiview2 { position: relative; margin-top: 20px; }

.suzynewspost-twotuiview2 .swiper-slide a { display: block; width: 100%; }

.inmore-a1 { position: relative; display: inline-block; vertical-align: middle; font-size: 0; line-height: 24px; padding: 0 33px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.inmore-a1 span { position: relative; z-index: 3; display: inline-block; vertical-align: middle; font-size: 14px; color: #282a2d; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.inmore-a1 i { position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: #00b5e2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.inmore-a1:hover i { width: 100%; }

.newspost-a1 { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background: #00b5e2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.newspost-a1:hover { -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; }

.newsvideo-ul, .case-oneul { margin-top: 20px; font-size: 0; }

.newsvideo-ul li, .case-oneul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 20px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.newsvideo-ul li:nth-child(2n), .case-oneul li:nth-child(2n) { margin-right: 0; }

.newsvideo-img { position: relative; height: 0; padding-top: 70%; overflow: hidden; }

.newsvideo-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.newsvideo-text { padding: 10px 10px 15px; border: 1px solid #d6d6d6; border-top: none; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.newsvideo-text h3 { font-size: 14px; font-weight: bold; color: #363636; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.newsvideo-time { margin-top: 5px; line-height: 1.33333; font-size: 14px; color: #00b5e2; }

.case-onetext { padding: 10px 10px; border: 1px solid #d6d6d6; border-top: none; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.case-onetext h3 { line-height: 1.55556; font-size: 14px; font-weight: bold; color: #363636; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.case-onetime { float: right; line-height: 1.55556; font-size: 14px; color: #00b5e2; }

.casepost-text { padding: 18px 15px 15px; background: #e4e4e4; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.casepost-text h3 { line-height: 1.71429; font-size: 14px; color: #282a2d; font-weight: bold; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.experience-one { overflow: hidden; }

.experience-oneul { margin-top: 20px; font-size: 0; }

.experience-oneul li { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; }

.experience-oneul li:nth-child(2n) .experience-onetxtimg { float: right; }

.experience-oneul li:nth-child(2n) .experience-onetxt h3 { text-align: right; }

.experience-oneimgv { position: relative; height: 0; padding-top: 63.56757%; overflow: hidden; }

.experience-oneimgv img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.experience-oneimgv:after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(11, 38, 56, 0.6); content: ""; }

.incon-playbtn { position: absolute; top: 50%; left: 50%; z-index: 5; display: block; width: 54px; height: 54px; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.incon-playbtn:after { position: absolute; top: 50%; left: 50%; border-left: 10px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; -webkit-transform: translate(-25%, -50%); -ms-transform: translate(-25%, -50%); -o-transform: translate(-25%, -50%); transform: translate(-25%, -50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.incon-playbtn:hover { background: #00b5e2; border-color: #00b5e2; -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; }

.experience-onetext { padding-top: 10px; }

.experience-onetxtimg { float: left; width: 100px; }

.experience-onetxtimg img { width: 100%; }

.experience-onetxt { padding-left: 10px; overflow: hidden; }

.experience-onetxt h3 { line-height: 1.41667; font-size: 18px; font-weight: bold; color: #00b5e2; }

.experience-onedes { line-height: 1.8; font-size: 14px; color: #555758; text-align: left; }

.experience-onedes p { padding-top: 10px; }

.experience-two { overflow: hidden; }

.experience-twoh3 { line-height: 1.36364; text-align: center; font-size: 18px; font-weight: bold; color: #2f383a; }

.download-one { overflow: hidden; }

.download-oneul { margin-top: 30px; }

.download-oneul li { position: relative; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; margin-bottom: 10px; background: #dfe3e6; font-size: 0; }

.download-oneul li a { display: block; width: 100%; height: 100%; }

.download-oneul li:after { position: absolute; right: 20px; top: 50%; width: 22px; height: 22px; background: url(../images/download-oneicon.png) no-repeat center center; background-size: 100% auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; content: ""; }

.download-oneul li:before { position: absolute; top: 0; left: 0; width: 23.33333%; min-width: 200px; height: 100%; background: #12a1db; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; pointer-events: none; content: ""; }

.download-oneul li:nth-child(2n):before { background: #87c031; }

.download-oneul li:nth-child(3n):before { background: #eba432; }

.download-oneul li:nth-child(4n):before { background: #e67533; }

.download-oneul li:nth-child(5n):before { background: #9e4192; }

.download-oneul li:nth-child(6n):before { background: #4e6af4; }

.download-oneul li h3 { position: relative; z-index: 3; display: inline-block; vertical-align: middle; padding-left: 15px; line-height: 1.2; font-size: 14px; font-weight: bold; color: #ffffff; }

.download-oneul li h3:after { position: absolute; left: 0; top: 50%; width: 1px; height: 20px; background: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.business-one { overflow: hidden; }

.business-onetext { margin-top: 15px; text-align: center; line-height: 1.69231; font-size: 13px; color: #6d7076; }

.business-onetext h3 { margin-top: 15px; line-height: 1.45455; font-size: 16px; font-weight: bold; color: #00b5e2; }

.business-two { overflow: hidden; background: #f8f8f8; }

.business-title { text-align: center; color: #5f6474; }

.business-title h2 { line-height: 1.33333; font-size: 20px; }

.business-titledes { margin-top: 5px; line-height: 1.71429; font-size: 14px; }

.business-twoimg { margin-top: 15px; text-align: center; font-size: 0; }

.business-twoimg img { max-width: 100%; }

.business-three { overflow: hidden; }

.business-h3 { text-align: center; line-height: 1.36364; font-size: 16px; font-weight: bold; color: #fff; }

.business-h3.black { color: #424856; }

.business-threeul { margin-top: 20px; font-size: 0; }

.business-threeul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-bottom: 10px; }

.business-threeul li:nth-child(2n) { margin-right: 0; }

.business-threeul li h3 { position: relative; line-height: 1.66667; font-size: 18px; font-weight: bold; border-bottom: 1px solid #b9b9b9; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.business-threeul li h3:after { position: absolute; right: 0; bottom: 0; width: 7px; height: 7px; border-top: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; -webkit-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -o-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ""; }

.business-threedes { margin-top: 10px; line-height: 1.42857; font-size: 14px; }

.business-threebtm { padding-top: 18px; }

.business-a1 { display: block; margin: 0 auto; width: 120px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: #00b5e2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-border-radius: 25px; border-radius: 25px; }

.business-a1:hover { -webkit-box-shadow: 0px 0px 10px 0px #00b5e2; box-shadow: 0px 0px 10px 0px #00b5e2; }

.business-four { overflow: hidden; }

.business-fourdes { margin-top: 10px; text-align: center; line-height: 1.69231; font-size: 13px; color: #6d7076; }

.business-fourul { font-size: 0; margin-top: 15px; }

.business-fourul li { position: relative; display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 10px; border: 2px solid #e5e5e5; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.business-fourul li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(45deg, #33c4e8, #58bcfc); background: -o-linear-gradient(45deg, #33c4e8, #58bcfc); background: linear-gradient(45deg, #33c4e8, #58bcfc); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; visibility: hidden; content: ""; }

.business-fourul li a { position: relative; z-index: 3; display: block; width: 100%; height: 100%; padding: 15px 10px 15px; }

.business-fourul li:nth-child(2n) { margin-right: 0; }

.business-fourlitopfl { overflow: hidden; padding-right: 5px; }

.business-fourlitopfl h4 { line-height: 1.16667; font-size: 18px; font-weight: bold; color: #00b5e2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.business-fourlitopfl h3 { margin-top: 4px; line-height: 1.55556; font-size: 16px; color: #6d7076; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.business-fourlitopicon { float: right; width: 35px; height: 35px; margin-top: 5px; visibility: hidden; opacity: 0; }

.business-fourlitopicon img { width: 100%; }

.business-fourlides { margin-top: 2px; padding-right: 3px; line-height: 20px; height: 60px; font-size: 13px; color: #6d7076; overflow-y: auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.business-fourlides::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.business-fourlides::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.business-fourlides::-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: #00b5e2; }

.training-one { overflow: hidden; }

.training-one .business-h3 { margin-top: 15px; }

.training-oneul { margin: 10px auto 0; font-size: 0; max-width: 700px; }

.training-oneul li { display: inline-block; vertical-align: top; width: 49.71429%; margin-right: 0.57143%; }

.training-oneul li:nth-child(2n) { margin-right: 0; }

.training-oneimg { position: relative; height: 0; padding-top: 51.72414%; overflow: hidden; }

.training-oneimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.training-onetext { padding-top: 15px; text-align: center; }

.training-onetext h3 { line-height: 1.55556; font-size: 14px; font-weight: bold; color: #424856; }

.training-onewrap { margin-top: 30px; padding-top: 15px; border-top: 2px solid #e5e5e5; }

.training-onewrapul { position: relative; padding: 20px 0 0; margin: 0 auto; font-size: 0; max-width: 700px; text-align: center; }

.training-onewrapul:before { position: absolute; top: 0; left: 50%; width: 100px; height: 100px; border-left: 1px solid #e2ecf1; border-top: 1px solid #e2ecf1; -webkit-transform: translate(-50%, 25%) rotate(45deg); -ms-transform: translate(-50%, 25%) rotate(45deg); -o-transform: translate(-50%, 25%) rotate(45deg); transform: translate(-50%, 25%) rotate(45deg); background: -webkit-linear-gradient(315deg, #f1fcfe, rgba(255, 255, 255, 0) 50%); background: -o-linear-gradient(315deg, #f1fcfe, rgba(255, 255, 255, 0) 50%); background: linear-gradient(135deg, #f1fcfe, rgba(255, 255, 255, 0) 50%); content: ""; }

.training-onewrapul li { position: relative; z-index: 3; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 15px; }

.training-onewrapul li:nth-child(2n) .training-onewrapradius:after { border-color: #f2a62e; }

.training-onewrapul li:nth-child(2n) .training-onewrapcell h4 { color: #f2a62e; }

.training-onewrapul li:nth-child(3n) .training-onewrapradius:after { border-color: #60c449; }

.training-onewrapul li:nth-child(3n) .training-onewrapcell h4 { color: #60c449; }

.training-onewrapradius { position: relative; width: 100%; padding-top: 100%; height: 0; }

.training-onewrapradius:after { position: absolute; top: 50%; left: 50%; width: 105.45455%; height: 105.45455%; border: 6px solid #4c86f2; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; }

.training-onewrapradius:before { position: absolute; bottom: 0; left: 50%; z-index: 1; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); margin-bottom: -1px; content: ""; }

.training-onewraptable { position: absolute; top: 0; left: 0; z-index: 5; display: table; table-layout: fixed; width: 100%; height: 100%; padding: 0 5px; }

.training-onewrapcell { display: table-cell; vertical-align: middle; }

.training-onewrapcell h3 { line-height: 1.5; font-size: 16px; font-weight: bold; color: #4c505c; }

.training-onewrapcell h4 { margin-top: 5px; line-height: 1.71429; font-size: 14px; font-weight: bold; color: #4c86f2; }

.training-onewraptext { padding: 10px 5px 0; line-height: 1.69231; font-size: 13px; color: #6d7076; }

.training-onewraptext:before { display: block; width: 2px; height: 48px; margin: 0 auto 6px; background: #e5e5e5; content: ""; }

.sale-one { overflow: hidden; }

.sale-oneul { margin-top: 20px; font-size: 0; }

.sale-oneul li { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 20px; }

.sale-oneicon { position: relative; width: 60px; height: 60px; margin: 0 auto; font-size: 0; }

.sale-oneicon img { width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sale-oneicon .icon2 { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }

.sale-onetext { position: relative; text-align: center; margin-top: 10px; }

.sale-onetext h3 { line-height: 1.55556; font-size: 14px; font-weight: bold; color: #4c505c; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sale-onedes { position: relative; margin-top: 5px; padding: 0 20px; line-height: 1.69231; font-size: 13px; color: #4c505c; }

.sale-onedes:after { position: absolute; top: 0; right: 0; width: 1px; height: 50px; background: #e6e6e6; content: ""; }

.sale-two { position: relative; overflow: hidden; background: #f7f7f7; }

.sale-twobg { display: none; }

.sale-twowrap { position: relative; z-index: 5; }

.sale-twoformh3 { line-height: 1.36364; font-size: 16px; font-weight: bold; color: #44474f; }

.sale-twoformitem { margin-top: 10px; }

.sale-twoformitem h6 { line-height: 2.42857; font-size: 14px; color: #626467; }

.sale-twoformintxt { position: relative; width: 100%; }

.sale-twoformintxt input { position: relative; width: 100%; height: 40px; line-height: 38px; padding: 0px 10px; font-size: 13px; color: #7b7d88; border: 1px solid #d2d2d2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sale-twoformintxt select { position: relative; width: 100%; height: 40px; line-height: 38px; padding: 0px 10px; font-size: 13px; color: #7b7d88; border: 1px solid #d2d2d2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; }

.sale-twoformintxt textarea { position: relative; width: 100%; height: 140px; line-height: 1.4; padding: 10px 10px; font-size: 13px; color: #7b7d88; border: 1px solid #d2d2d2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sale-twoformintxt .sale-twoformput:focus { border-color: #00b5e2; }

.sale-twoformintxt .sale-twoformput:focus + a { border-color: #00b5e2; }

.sale-twoformintxt.select:after { position: absolute; top: 50%; right: 10px; z-index: 3; border-top: 4px solid #0c0c0c; border-left: 4px solid transparent; border-right: 4px solid transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.sale-twoformintxt a { position: absolute; right: 0; top: 0; z-index: 5; display: block; width: 120px; height: 40px; background: #fff; border: 1px solid #d2d2d2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sale-twoformintxt a img { width: 100%; height: 100%; }

.sale-twoformintxt.yan input { padding-right: 130px; }

.sale-twoformbtn { text-align: center; margin-top: 20px; }

.sale-twoformbtn input { width: 120px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: #00b5e2; }

.sale-twoformbtn .sale-twoformret { background: #989ca4; }

.sale-twofr { margin-top: 30px; }

.terms-one { padding: 30px 0 30px; }

.terms-titdes { margin-top: 20px; line-height: 1.375; font-size: 14px; color: #1f2321; text-align: center; }

.terms-oneul { margin-top: 20px; border-top: 1px solid #e5e5e5; }

.terms-oneul li { border-bottom: 1px solid #e5e5e5; padding: 5px 10px; cursor: pointer; }

.terms-oneul li h3 { padding: 10px 0; line-height: 1.16667; font-size: 16px; color: #1a1a1a; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.terms-oneul li:hover h3, .terms-oneul li.cur h3 { color: #00b5e2; }

.terms-onedes { display: none; }

.terms-onedes p { margin-bottom: 6px; line-height: 1.375; font-size: 14px; color: #808080; }

.terms-onedes p a { color: #00b5e2; }

.sitemap-oneul { margin-top: 20px; }

.sitemap-oneul li { margin-bottom: 35px; }

.sitemap-oneul li h3 { margin-bottom: 10px; line-height: 1.5; font-size: 18px; color: #1f2321; }

.sitemap-onetext { font-size: 0; }

.sitemap-oneitem { position: relative; display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; line-height: 38px; }

.sitemap-oneitem:nth-child(2n) { margin-right: 0; }

.sitemap-oneitem a { position: relative; display: inline-block; vertical-align: middle; line-height: 1; padding-left: 10px; font-size: 14px; color: #282828; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.sitemap-oneitem a:hover { color: #00b5e2; }

.sitemap-oneitem:after { position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background: #1f2321; content: ""; }

.terms-oneh1 { text-align: center; line-height: 1.2; font-size: 20px; color: #00b5e2; }

.terms-onesuzytext { margin-top: 20px; padding-top: 10px; line-height: 2; font-size: 14px; color: #282828; border-top: 2px solid #f8f1f1; }

.article-tabbar { padding-top: 20px; padding-bottom: 0px; }

.article-tab { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }

.article-tab .prevnext { display: block; width: 100%; position: relative; overflow: hidden; line-height: 30px; color: #333; font-size: 14px; padding-top: 10px; padding-bottom: 10px; }

.article-tab .prevnext:last-child { border-bottom: none; }

.article-tab .prevnext::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 25%; top: 50%; }

.article-tab .prevnext span { display: block; float: left; }

.article-tab .prevnext .mask { width: 25%; text-align: center; }

.article-tab .prevnext .desc { width: 75%; padding-left: 10%; padding-right: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.article-tab .prevnext .time { display: none; }

.article-tab .prev::after { border-bottom-color: #d6d6d6; margin-top: -7px; }

.article-tab .next::after { border-top-color: #d6d6d6; margin-top: -3px; }

.suzynewspost-vctui { margin-top: 20px; padding: 10px; border: 1px solid #d6d6d6; }

.suzynewspost-vctuiul { font-size: 0; }

.suzynewspost-vctuiul li { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px; }

.suzynewspost-vctuiul li:last-child { margin-bottom: 0; }

.suzynewspost-vctuitext { padding: 10px; border-top: none; }

.suzynewspost-vctuitext h3 { text-align: center; line-height: 1.625; font-size: 14px; color: #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.full-searchA-wrapper { padding-bottom: 30px; }

.insearch-wrap { display: inline-block; vertical-align: middle; height: 50px; font-size: 0; }

.insearch-a1 { display: inline-block; vertical-align: middle; width: 30px; height: 100%; background: url(../images/icon-search.png) no-repeat center center; background-size: 15px 15px; }

.insearch-view { position: fixed; top: 50px; left: 0; z-index: 50; display: none; width: 100%; background: #fff; padding: 10px; -webkit-box-shadow: 0 5px 10px -7px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px -7px rgba(0, 0, 0, 0.3); }

.insearch-view form { position: relative; display: block; width: 100%; font-size: 0; }

.insearch-view .insearch-intxt { width: 100%; height: 35px; border: solid 1px #efefef; background: none; padding: 0 75px 0 10px; }

.insearch-view .insearch-insub { position: absolute; top: 0; right: 0; width: 60px; height: 35px; background: #00b5e2 url(../images/icon-search.png) no-repeat center center; background-size: 15px; }

@media (min-width: 640px) { .inbanner-imgmb { display: none; }
  .inbanner-imgpc { display: block; } }


@media (min-width: 768px) { /*首页 s*/
  .inpro-tab-item { display: inline-block; width: 50%; }
  .products-oneul li { width: 25%; }
  .products-twoitem { width: 50%; margin-top: 0; }
  .propost-item1liimg { display: inline-block; vertical-align: middle; width: 30%; }
  .propost-item1litext { display: inline-block; vertical-align: middle; width: 70%; }
  .propost-item2min { position: absolute; right: 0; top: 0; z-index: 3; width: 15.41667%; height: 100%; margin-top: 0; }
  .propost-item2min .swiper-container { height: 100%; }
  .propost-item2min .swiper-slide { cursor: pointer; }
  .propost-item2wrap { position: relative; padding-right: 19.58333%; }
  .newsporduct-twoitemimg { width: 53.33333%; float: right; }
  .newsporduct-twoitemtext { width: 46.25%; float: left; }
  .newsporduct-twoitemtext.txtrig { text-align: right; }
  .newsporduct-twoitemtext.txtrig h2:after { margin-left: auto; }
  .newsporduct-twoitem2 .newsporduct-twoitemtext { float: right; }
  .newsporduct-twoitem2 .newsporduct-twoitemimg { float: left; }
  .newsporduct-twoitem3 .newsporduct-twoitemtext { margin-top: 20px; margin-bottom: 0; }
  .newsporduct-twoitem4 .newsporduct-twoitemtext { float: right; margin-top: 20px; margin-bottom: 0; }
  .newsporduct-twoitem4 .newsporduct-twoitemimg { float: left; }
  .service-title.textrig { text-align: right; }
  .service-title.textrig h2:after { margin-right: 0; }
  .service-two .service-title { float: right; max-width: 33.33333%; margin-top: 80px; }
  .service-twoul { margin-top: 0; width: 58.33333%; float: left; }
  .service-twoul li { width: 31.42857%; margin-right: 2.85714%; }
  .service-twoul li:nth-child(2n) { margin-right: 2.85714%; }
  .service-twoul li:nth-child(3n) { margin-right: 0; }
  .servicepost-oneimg { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; text-align: right; }
  .servicepost-oneimg img { position: absolute; top: 0; right: 0; max-width: none; min-width: 100%; height: 100%; width: auto; }
  .servicepost-onetext { float: right; width: 50%; padding: 15px; }
  .zpc-sw-box { margin: 0 20%; }
  .zpc-sw-box .view::after { content: ""; position: absolute; left: 0; top: 10%; width: 100%; padding-bottom: 41.66667%; -webkit-box-shadow: 0 0 100px #000; box-shadow: 0 0 100px #000; -webkit-border-radius: 100px; border-radius: 100px; z-index: -1; }
  .zpc-box { position: relative; }
  .zpc-bg-swiper { display: block; position: absolute; top: 0; left: 50%; overflow: hidden; width: 100%; height: 100%; padding-top: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: inherit; opacity: 1; }
  .zpc-bg-swiper .swiper-slide { width: 60%; padding-left: 12px; padding-right: 12px; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
  .zpc-bg-item { position: relative; overflow: hidden; -webkit-box-shadow: 0 0 30px -5px #a2a2a2; box-shadow: 0 0 30px -5px #a2a2a2; }
  .zpc-bg-item::after { content: ""; display: block; padding-bottom: 56.19335%; }
  .zpc-bg-item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; min-width: 100%; height: 100%; }
  .servicepost-sixul li { width: 49.16667%; margin-right: 1.66667%; }
  .servicepost-sixul li:nth-child(2n) { margin-right: 0; margin-top: 0; }
  .servicepost-nineul li { width: 15%; margin-right: 2%; }
  .servicepost-nineul li:nth-child(2n) { margin-right: 2%; }
  .servicepost-nineul li:nth-child(6n) { margin-right: 0; }
  .incommonweb { padding: 0 20px; }
  .story-oneul { position: relative; }
  .story-oneul::before { position: absolute; top: 75px; width: 80%; left: 10%; height: 2px; border: 2px dashed #cce6f2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }
  .story-oneul li { position: relative; z-index: 5; width: 14%; margin-top: 20px; margin-right: 3.33333%; }
  .story-oneul li:nth-child(2n) { margin-right: 3.33333%; }
  .story-oneul li:nth-child(2n+4) { margin-right: 3.33333%; }
  .story-oneul li:nth-child(2n+5) { margin-right: 0; }
  .story-oneul li.li { width: 20.83333%; margin-right: 3.33333%; margin-top: 0; }
  .story-oneul li.li .story-onephoto { width: 150px; height: 150px; }
  .about-threeimg { width: 48.33333%; float: left; }
  .about-threeul { float: right; width: 48.33333%; margin-top: 0; }
  .joinus-oneul li { margin-bottom: 0px; }
  .joinus-oneul li:nth-child(2n) .joinus-oneimg { float: right; margin-top: -6%; }
  .joinus-oneul li:nth-child(2n) .joinus-onetext { float: left; padding-top: 25px; text-align: left; }
  .joinus-oneul li:nth-child(2n) .joinus-onetext:before { display: block; }
  .joinus-oneul li:nth-child(2n) .joinus-onetext:after { display: none; }
  .joinus-oneimg { float: left; width: 56.66667%; }
  .joinus-onetext { float: right; width: 33.33333%; padding-top: 0; text-align: right; }
  .joinus-onetext:before { display: none; }
  .joinus-onetext:after { display: block; margin-right: auto; margin-top: 20px; border-right: 8px solid #00b5e2; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; }
  .contactus-oneul li { width: 50%; border-right: 1px solid #f2f2f2; border-bottom: none; }
  .cultrue-onelogo { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .cultrue-oneul { font-size: 0; }
  .cultrue-oneul li { position: relative; float: right; width: 43.33333%; padding-left: 10.83333%; margin-top: 10.83333%; }
  .cultrue-oneul li:nth-child(2) { float: left; padding-left: 0; padding-right: 10.83333%; }
  .cultrue-oneul li:nth-child(2) .cultrue-oneicon { float: right; }
  .cultrue-oneul li:nth-child(2) .cultrue-oneicon:after { width: 60px; left: 100%; right: auto; background-image: url(../images/jian.png); background-position: center right; }
  .cultrue-oneul li:nth-child(2) .cultrue-onetext { padding-right: 15px; padding-left: 0; }
  .cultrue-oneul li:nth-child(1) { margin-top: 0; }
  .cultrue-oneul li:nth-child(1) .cultrue-oneicon:after { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .cultrue-oneul li:nth-child(3) .cultrue-oneicon:after { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .cultrue-oneicon:after { position: absolute; top: 50%; right: 80%; width: 100px; height: 8px; background: url(../images/jian2.png) no-repeat center left; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .cultrue-twowrap { padding: 0 20.41667% 0 19.58333%; }
  .cultrue-twoimg { display: block; }
  .cultrue-twocon { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .cultrue-twoul { margin-top: 0; }
  .cultrue-twoul li { position: absolute; width: 23.75%; padding: 0 15px 0 0; text-align: right; }
  .cultrue-twoul li:after { display: none; }
  .cultrue-twoul li:nth-child(1) { top: 0; left: 0; }
  .cultrue-twoul li:nth-child(2) { top: 34.65347%; right: 0; width: 21.66667%; text-align: left; padding: 0 0px 0 15px; }
  .cultrue-twoul li:nth-child(3) { top: 76.23762%; left: 0; width: 19.58333%; }
  .news-oneul li, .newsvideo-ul li, .case-oneul li { width: 30%; margin-right: 5%; }
  .news-oneul li:nth-child(2n), .newsvideo-ul li:nth-child(2n), .case-oneul li:nth-child(2n) { margin-right: 5%; }
  .news-oneul li:nth-child(3n), .newsvideo-ul li:nth-child(3n), .case-oneul li:nth-child(3n) { margin-right: 0; }
  .experience-oneul li { position: relative; }
  .experience-oneul li:nth-child(2n) .experience-oneimg { float: left; }
  .experience-oneul li:nth-child(2n) .experience-onetext { float: right; padding-right: 0; padding-left: 4.58333%; }
  .experience-oneul li:nth-child(2n) .experience-onetxtimg { left: auto; right: 0; }
  .experience-onetxtimg { position: absolute; bottom: 0; left: 0; width: 15%; }
  .experience-oneimg { float: right; width: 77.08333%; }
  .experience-onetext { float: left; width: 22.91667%; padding-top: 0; padding-right: 4.58333%; padding-bottom: 145px; }
  .business-threeul li { width: 15%; margin-right: 2%; }
  .business-threeul li:nth-child(2n) { margin-right: 2%; }
  .business-threeul li:nth-child(6n) { margin-right: 0; }
  .business-fourul li { width: 24.58333%; margin-right: 0.55556%; }
  .business-fourul li:nth-child(2n) { margin-right: 0.55556%; }
  .business-fourul li:nth-child(4n) { margin-right: 0; }
  .training-onewrapul li { width: 33.3333%; }
  .sale-oneul li { width: 25%; }
  .sale-oneul li:nth-child(4n) .sale-onedes:after { display: none; }
  .sale-twofl { width: 45%; float: left; }
  .sale-twofr { width: 45%; float: right; margin-top: 0; }
  .sale-twofr .sale-twoformret { background: #f1f1f1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .sale-twofr .sale-twoformret:hover { background: #868181; }
  .item2 { float: left; width: 48.14815%; margin-right: 3.7037%; }
  .item3 { float: left; width: 48.14815%; }
  .sale-twobg { position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; }
  .suzynewspost-vcfl { float: left; width: 66.66667%; }
  .suzynewspost-vctui { float: right; margin-top: 0; width: 25%; } }


@media (min-width: 1024px) { @-webkit-keyframes topxoBottom { 0% { bottom: 56%;
      opacity: 0; }
    100% { bottom: 2px;
      opacity: 1; } } @-o-keyframes topxoBottom { 0% { bottom: 56%;
      opacity: 0; }
    100% { bottom: 2px;
      opacity: 1; } } @keyframes topxoBottom { 0% { bottom: 56%;
      opacity: 0; }
    100% { bottom: 2px;
      opacity: 1; } }
  @-webkit-keyframes smallToBig { 0% { left: 60%;
      height: 80%; }
    100% { left: 50%;
      height: 100%; } }
  @-o-keyframes smallToBig { 0% { left: 60%;
      height: 80%; }
    100% { left: 50%;
      height: 100%; } }
  @keyframes smallToBig { 0% { left: 60%;
      height: 80%; }
    100% { left: 50%;
      height: 100%; } }
  /*头部 s*/
  header { height: 0; }
  /* .headfixed { background: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } 头部不透明*/
  .headfixed { background: rgb(0 0 0 / 30%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .headfixed.active { background: #000b12; }
  .toggle-btn { display: none; }
  .logo { padding: 15px 0; }
  .logo img { height: 45px; }
  nav { position: relative; top: 0; left: 0; width: auto; height: auto; background: none; float: left; padding: 0; overflow: inherit; display: block; margin-right: 20px; }
  nav ul { position: relative; z-index: 3; }
  nav li { float: left; border-bottom: 0; padding: 0 10px; }
  nav li:hover .head-subnav { pointer-events: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  nav li:hover h3::after { width: 100%; }
  nav li.cur h3::after { width: 100%; }
  nav h3 { position: relative; }
  nav h3::after { content: ""; position: absolute; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 2px; width: 0; background: #00b5e2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  nav h3 a { padding: 0 5px; line-height: 75px; color: #fff; }
  nav i { display: none; }
  nav .head-subnavh4 span { top: 50%; right: 10px; display: block; width: 6px; height: 6px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  nav .head-subnavh4 span:before { display: none; }
  nav .head-subnav { display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 8px); -ms-transform: translate(-50%, 8px); -o-transform: translate(-50%, 8px); transform: translate(-50%, 8px); min-width: 140px; white-space: nowrap; text-align: center; background: #414653; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; pointer-events: none; opacity: 0; border-top: none; }
  nav .head-subnav a { display: block; width: 100%; color: #fff; padding-left: 20px; padding-right: 20px; }
  nav .head-subnav .head-subnavthree { border-top: none; position: absolute; top: 0; left: 100%; z-index: 10; background: #414653; }
  nav .head-subnav .head-subnavthree a:hover { background: #00b5e2; }
  nav .head-subnav .head-subnavitem { position: relative; }
  nav .head-subnav .head-subnavitem:hover h4 a { background: #00b5e2; }
  .lang { margin-top: 21px; margin-right: 10px; }
  .lang a { color: rgba(255, 255, 255, 0.44); line-height: 32px; padding: 0 0px; margin-right: 22px; }
  .lang a.cur { color: #fff; }
  .lang a:last-of-type { margin-right: 0; }
  .search { margin-top: 20px; margin-right: 15px; position: relative; }
  .search-toggle-btn { width: 32px; height: 32px; background-size: 20px 20px; }
  .search-box { position: absolute; top: 55px; right: 0; left: auto; background: #2b3d4f; width: 360px; padding: 15px; }
  .search-box form { font-size: 0; }
  .search-box .search-input { display: inline-block; vertical-align: middle; font-size: 16px; height: 40px; width: 250px; padding: 0 15px; -webkit-border-radius: 0; border-radius: 0; }
  .search-box .search-btn { display: inline-block; vertical-align: middle; width: 80px; height: 40px; font-size: 14px; background-size: 18px 18px; -webkit-border-radius: 0; border-radius: 0; }
  /*首页 s*/
  .inbanner { position: relative; }
  .inbanner:hover .inban-prev, .inbanner:hover .inban-next { opacity: 1; visibility: inherit; margin: 0; }
  .inbanner-swiper { position: relative; }
  .inbanner-swiper .swiper-slide.hasVideo video { display: block; }
  .inbanner-swiper .swiper-slide.hasVideo .hgyAutoImg img { opacity: 0; }
  .inbanner-swiper .swiper-slide.after .inbanner-item .txt p { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
  .inbanner-swiper .inbanner-style-2 .word { top: 21.9697%; text-align: center; }
  .inbanner-swiper .inbanner-style-2 .word .txt { padding-top: 0; height: auto; max-height: none; font-size: 28px; line-height: 1.3; }
  .inbanner-item .word { padding: 0 40px; text-align: left; top: 33%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 20px;}
  .inbanner-item .word .shouyebanner { font-size: 1.5em; } /*首页标题加大 s*/
  .inbanner-item .hgyMaxPic { padding: 0; width: 65.625%; margin-bottom: 15px; }
  .inbanner-item .txt { font-size: 16px; line-height: 32px; padding-top: 10px; }
  .inbanner-item .txt p { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: opacity .8s,-webkit-transform .8s; transition: opacity .8s,-webkit-transform .8s; -o-transition: opacity .8s,-o-transform .8s; transition: opacity .8s,transform .8s; transition: opacity .8s,transform .8s,-webkit-transform .8s,-o-transform .8s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
  .inbanner-item .txt p:nth-child(2) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
  .inban-ctrl { display: block; position: static; }
  .inban-prev { width: 30px; height: 30px; display: block; position: absolute; top: 50%; left: 10px; margin: 0; margin-left: 20px; z-index: 10; cursor: pointer; border-left: solid 1px #fff; border-bottom: solid 1px #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; }
  .inban-prev:hover { border-color: #00b5e2; }
  .inban-next { width: 30px; height: 30px; display: block; position: absolute; top: 50%; right: 10px; margin: 0px; margin-right: 20px; z-index: 10; cursor: pointer; border-right: solid 1px #fff; border-top: solid 1px #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; }
  .inban-next:hover { border-color: #00b5e2; }
  .inban-page { position: absolute; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; bottom: 5.38213%; left: 0; width: 100%; }
  .inban-page span { width: 30px; margin: 0 5px; }
  .inban-page span:first-child { padding-top: 0; }
  .inban-page span:last-child { padding-bottom: 0; }
  .inban-icon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; z-index: 3; }
  .inban-icon span { display: block; position: relative; }
  .inban-icon span::after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; border-bottom: solid 2px #00b5e2; border-right: solid 2px #00b5e2; bottom: 34px; opacity: 0; -webkit-animation: topxoBottom 1s infinite; -o-animation: topxoBottom 1s infinite; animation: topxoBottom 1s infinite; }
  .inban-icon img { height: 60px; }
  .inpro { padding-top: 50px; padding-bottom: 60px; }
  .inpro-tab { margin-top: 40px; }
  .inpro-tab-item { padding: 15px 30px; cursor: pointer; }
  .inpro-tab-item .icon { display: inline-block; vertical-align: middle; width: 38px; height: 38px; }
  .inpro-tab-item p { display: inline-block; vertical-align: middle; font-size: 24px; margin-left: 15px; }
  .inpro-content { padding-top: 50px; }
  .inpro-content-l { width: 42.80488%; float: left; padding-right: 30px; }
  .inpro-content-r { margin-top: 0; width: 57.19512%; float: right; }
  .inpro-content-r .inpro-pic { padding: 0; }
  .inpro-content-r .hgyPimg.active img { -webkit-animation: smallToBig 5s 1; -o-animation: smallToBig 5s 1; animation: smallToBig 5s 1; }
  .inpro-content-item h2 { margin-bottom: 35px; }
  .inpro-content-item .content { font-size: 16px; line-height: 24px; margin-bottom: 45px; }
  .inpro-content-item .content p:first-child { margin-bottom: 10px; }
  .inpro-content-item .more a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .inpro-content-item .more a:hover { background-position: 100px center; background-color: #00b5e2; }
  .inpro-swiper-box { margin-top: 70px; }
  .inpro-swiper-box .swiper-slide { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .inpro-swiper-box .swiper-slide:hover { opacity: 1; }
  .inpro-sw-item { cursor: pointer; }
  .inpro-sw-item p { font-size: 18px; }
  .inpro-sw-item .hgyPimg { margin-bottom: 15px; }
  .incore { padding-top: 50px; padding-bottom: 40px; }
  .incore .publicTitle1 { margin-bottom: 20px; }
  .incore .publicTitle1 h4::after { margin-top: 8px; }
  .incore-desc { font-size: 16px; }
  .incore-box { margin-top: 60px; position: relative; padding-bottom: 40px; }
  .incore-box .hgyPimg img { opacity: 1; }
  .incore-list { margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .incore-list ul { position: relative; }
  .incore-list li { width: 350px; position: absolute; }
  .incore-list li:nth-child(1), .incore-list li:nth-child(2) { top: 0; }
  .incore-list li:nth-child(3), .incore-list li:nth-child(4) { top: 236px; }
  .incore-list li:nth-child(odd) { left: 0; }
  .incore-list li:nth-child(even) { right: 0; }
  .incore-list li:hover .desc { opacity: 1; }
  .incore-list li:hover .d-img { opacity: 0; }
  .incore-list li:hover .h-img { opacity: 1; }
  .incore-list .hgyPimg { width: 100px; }
  .incore-list .desc { line-height: 24px; height: 48px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .incore-list .info-desc { font-size: 16px; }
  .innews { padding-top: 80px; padding-bottom: 70px; }
  .innews-list { margin-top: 30px; }
  .innews-item { overflow: hidden; padding: 0 22px 0 0; }
  .innews-item:hover .hgyPimg { top: 0; }
  .innews-item:hover .desc, .innews-item:hover .date { opacity: 0; }
  .innews-item:hover h2 { color: #00b5e2; }
  .innews-item h2 { line-height: 28px; height: 56px; margin-bottom: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .innews-item .desc { line-height: 24px; height: 72px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .innews-item .date { line-height: 1; position: absolute; left: 2px; bottom: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .innews-item .info { position: relative; padding: 18px 2px 30px 2px; overflow: hidden; }
  .innews-item .hgyPimg { display: block; position: absolute; left: 0; width: 100%; top: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .innews-item .hgyPimg::after { padding-bottom: 55.76923%; }
  .innews-swiper .swiper-slide.cur .hgyPimg { top: 0; }
  .innews-swiper .swiper-slide.cur .desc, .innews-swiper .swiper-slide.cur .date { opacity: 0; }
  .inpro-display { padding-top: 60px; padding-bottom: 100px; }
  .inpro-display .inproduct-box { margin-top: 60px; }
  .inproduct-item .info { padding: 20px 20px 40px; }
  .inproduct-item .info h2 { font-size: 22px; }
  .inproduct-item .info .desc { font-size: 16px; display: -webkit-box; height: 60px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .inproduct-item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  /*底部 s*/
  footer { padding-top: 40px; border-width: 2px; }
  .foot-top-l { float: left; width: 260px; padding-bottom: 0; }
  .foot-top-l h2 { margin-bottom: 14px; }
  .foot-top-l .desc { font-size: 13px; line-height: 24px; margin-bottom: 20px; opacity: 1; }
  .foot-link { float: right; padding-left: 50px; }
  .foot-nav { font-size: 0; margin-right: -20px; }
  .foot-nav li { display: inline-block; vertical-align: top; font-size: 14px; border: none; padding-right: 20px; width: 16.6666%; }
  .foot-nav h3 { position: relative; }
  .foot-nav h3 a { padding: 0; font-size: 16px; font-weight: bold; }
  .foot-nav i { display: none; }
  .foot-nav .foot-subnav { padding-top: 10px; display: block !important; padding-bottom: 0; }
  .foot-nav .foot-subnav a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #ffffff; opacity: 1; font-size: 14px; line-height: 1.3; padding: 9px 0; }
  .foot-nav .foot-subnav a:hover { color: #00b5e2; opacity: 1; }
  .fb-links { text-align: center; margin-left: -17px; }
  .fb-links a { line-height: 22px; padding: 0 17px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .fb-links a:hover { color: #00b5e2; }
  .fri-link { text-align: left; margin-bottom: 20px; }
  .fri-link > p { width: 80px; margin-bottom: 0; line-height: 30px; }
  .fri-link .link-btn { font-size: 16px; position: relative; }
  .fri-link .link-box { text-align: left; display: inline-block; vertical-align: top; }
  .fri-link .link-box a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .fri-link .link-box a:hover { color: #000; }
  .foot-bottom { padding-top: 24px; padding-bottom: 40px; }
  .neibanner-txt1 { top: 36.2069%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
  .neibanner-txt2 { top: 24.46809%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
  .neibanner-txt2 h3 { font-size: 24px; }
  .neibanner-txt2 h4 { font-size: 18px; }
  .neibanner-txt1con h2 { font-size: 30px; }
  .neibanner-btn { position: absolute; top: 50%; z-index: 5; width: 40px; height: 40px; border: 1px solid #b3b7be; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .neibanner-btn:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
  .neibanner-btn:after { position: absolute; top: 50%; width: 80px; height: 1px; background: #b3b7be; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
  .neibanner-btn:hover { background: #00b5e2; border-color: #00b5e2; }
  .neibanner-btn:hover:after { background: #fff; }
  .neibanner-prev { left: 0; }
  .neibanner-prev:before { border-right: 6px solid #b3b7be; }
  .neibanner-prev:after { left: 50%; }
  .neibanner-prev:hover { -webkit-transform: translate(-5px, -50%); -ms-transform: translate(-5px, -50%); -o-transform: translate(-5px, -50%); transform: translate(-5px, -50%); }
  .neibanner-prev:hover:before { border-right-color: #fff; }
  .neibanner-next { right: 0; }
  .neibanner-next:before { border-left: 6px solid #b3b7be; }
  .neibanner-next:after { right: 50%; }
  .neibanner-next:hover { -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); -o-transform: translate(5px, -50%); transform: translate(5px, -50%); }
  .neibanner-next:hover:before { border-left-color: #fff; }
  .neibanner-btm { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; padding: 0px 0 20px; }
  .neibanner-btm.active { padding-bottom: 0; }
  .neibanner-select { width: 390px; }
  .neibanner-select select { height: 48px; line-height: 46px; padding: 0 30px 0 20px; font-size: 14px; }
  .neibanner-select:after { right: 20px; }
  .neibanner-formfr .neibanner-intxt { height: 48px; line-height: 46px; padding: 0 48px 0 20px; font-size: 14px; }
  .neibanner-formfr .neibanner-insub { width: 66px; }
  .neibanner-tips { padding: 22px 20px 0; font-size: 18px; color: #c9e1ee; }
  .neibanner-tips h6 { font-size: 16px; color: #c9e1ee; }
  .neibanner-tipsmenu a { margin-right: 50px; font-size: 16px; color: #c9e1ee; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .neibanner-tipsmenu a:hover { color: #00b5e2; }
  .products-one { padding: 80px 0 70px; }
  .products-oneul { margin-bottom: 80px; }
  .products-oneul li { overflow: hidden; }
  .products-oneul li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .products-oneul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .products-oneul li a:after { border: 4px solid #00b5e2; }
  .products-oneul li:hover a:after { visibility: inherit; opacity: 1; }
  .products-oneul li:hover .products-onetext h3 { color: #00b5e2; }
  .products-onetext h3 { font-size: 20px; }
  .imorepages a, .imorepages span { min-width: 42px; height: 42px; margin: 0 6px; line-height: 42px; font-size: 20px; }
  .products-two { padding: 65px 0 7.29167%; }
  .products-tworadius { position: absolute; top: 50%; left: 50%; z-index: 5; width: 30.83333%; border-width: 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .products-twoitem:nth-of-type(2n + 3) .products-twoitemtext { padding: 20px 20px 20px 30%; background: #f7f8fa; }
  .products-twoitem:nth-of-type(2n + 4) .products-twoitemtext { padding: 20px 30% 20px 20px; background: #f7f8fa; }
  .products-twoitem:nth-of-type(2n + 5) .products-twoitemtext { padding: 20px 20px 20px 30%; background: #dbecf0; }
  .products-twoitem:hover .products-twoitemtext { background: rgba(0, 181, 226, 0.8); }
  .products-twoitem:hover .products-twoitemtext h3, .products-twoitem:hover .products-twoitemtext .products-twoitemdes { color: #fff; }
  .products-twoitem:hover .products-twoitemtext .incon-a1 { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: inherit; opacity: 1; }
  .products-twoitem:hover .products-twoitemicon .icon2 { opacity: 1; visibility: inherit; }
  .products-twoitem:hover .products-twoitemicon .icon1 { opacity: 0; visibility: hidden; }
  .products-twoitemtext { padding: 20px 30% 20px 20px; background: #dbecf0; }
  .products-twoitemtext h3 { font-size: 16px; color: #363636; }
  .products-twoitemtext .incon-a1 { margin-top: 15px; display: inline-block; visibility: hidden; opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
  .products-twoitemicon { width: 60px; height: 60px; }
  .products-twoitemicon .incon1 { opacity: 1; visibility: inherit; }
  .products-twoitemicon .icon2 { opacity: 0; visibility: hidden; }
  .products-twoitemdes { margin-top: 6px; color: #53747c; }
  .neibanner-ermenu { float: left; width: 270px; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .neibanner-ermenu h3 { padding: 0 28px; height: 50px; line-height: 50px; cursor: pointer; }
  .neibanner-ermenu h3 p { padding-left: 55px; font-size: 16px; }
  .neibanner-ermenu h3 span { left: 28px; width: 30px; }
  .neibanner-ermenu h3 span i { height: 3px; margin-bottom: 6px; }
  .neibanner-ermenu.active, .neibanner-ermenu:hover { background: #00b5e2; }
  .neibanner-ermenuacon { padding: 25px 10px; height: auto !important; }
  .neibanner-ermenuacon a { font-size: 16px; margin-bottom: 12px; }
  .neibanner-ermenuacon h4.active span { top: 50%; width: 0; height: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .neibanner-erfr { margin-top: 0px; padding-right: 35px; background: rgba(0, 0, 0, 0.4); }
  .neibanner-erfrmenu { text-align: right; }
  .neibanner-erfrmenu a { margin-right: 30px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; }
  .neibanner-erfrmenu a.morea { height: auto; color: #fff; }
  .neibanner-erfrmenu a.morea:hover { background: #00b5e2; }
  .neibanner-btmfixed { top: 0; }
  .neibanner-btm.active2 { padding-top: 65px; }
  .neibanner-btm.active2 .neibanner-btmfixed { position: fixed; top: 65px; left: 0; width: 100%; z-index: 100; }
  .propost-item1 { padding: 5.72917% 0 44px; }
  .propost-item1 .propost-title { margin-bottom: 30px; }
  .propost-title { font-size: 30px; }
  .propost-conh2 { font-size: 22px; }
  .propost-item1ul { margin-top: 32px; }
  .propost-item1litext { padding: 25px; }
  .propost-item2 { padding: 50px 0 44px; }
  .propost-item2wrap { margin-top: 58px; }
  .propost-item2min { padding: 50px 0; }
  .incon-btn { position: absolute; left: 0; z-index: 10; display: block; width: 100%; height: 40px; background: #f2f3f6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .incon-btn:after { position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ""; }
  .incon-btn:hover { background: #00b5e2; }
  .incon-btn:hover:after { border-color: #fff; }
  .incon-prev { top: 0; }
  .incon-prev:after { border-left: 2px solid #a4b2b6; border-top: 2px solid #a4b2b6; -webkit-transform: translate(-50%, -25%) rotate(45deg); -ms-transform: translate(-50%, -25%) rotate(45deg); -o-transform: translate(-50%, -25%) rotate(45deg); transform: translate(-50%, -25%) rotate(45deg); }
  .incon-next { bottom: 0; }
  .incon-next:after { border-right: 2px solid #a4b2b6; border-bottom: 2px solid #a4b2b6; -webkit-transform: translate(-50%, -75%) rotate(45deg); -ms-transform: translate(-50%, -75%) rotate(45deg); -o-transform: translate(-50%, -75%) rotate(45deg); transform: translate(-50%, -75%) rotate(45deg); }
  .propost-item3 { padding: 50px 0 45px; }
  .propost-item3table { margin-top: 35px; }
  .propost-item3table th { font-size: 20px; }
  .propost-item3table th.th-sz { font-size: 30px; }
  .propost-item4 { padding: 50px 0 4.94792%; }
  .propost-item4img { margin-top: 40px; }
  .propost-tui { padding: 55px 0 40px; }
  .propost-tuiview { margin-top: 35px; }
  .propost-tuiview .swiper-slide { overflow: hidden; }
  .propost-tuiview .swiper-slide:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .propost-tuiview .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .propost-tuiview .swiper-slide a:after { border: 4px solid #00b5e2; }
  .propost-tuiview .swiper-slide:hover a:after { opacity: 1; visibility: inherit; }
  .incon-btn2 { position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; background: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .incon-btn2:after { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
  .incon-btn2.gray { background: #f2f3f6; }
  .incon-btn2:hover { background: #00b5e2; }
  .incon-btn2:hover:after { border-color: #fff; }
  .incon-prev2 { left: -40px; }
  .incon-prev2:after { border-bottom: 2px solid #363636; border-left: 2px solid #363636; }
  .incon-next2 { right: -40px; }
  .incon-next2:after { border-top: 2px solid #363636; border-right: 2px solid #363636; }
  .incon-bat { display: none; }
  .newsporduct-one { padding: 4.94792% 0 4.6875%; margin-top: 10px; }
  .newsporduct-onetext h2 { font-size: 30px; }
  .newsporduct-onedes { margin-top: 30px; }
  .newsporduct-oneimg { margin-top: 65px; }
  .newsporduct-two1 { padding: 4.6875% 0 70px; }
  .newsproduct-twoh2 { font-size: 30px; }
  .newsporduct-twoview { position: relative; margin-top: 25px; }
  .newsporduct-twoview .swiper-container { padding: 10px 0; }
  .newsporduct-twoview .swiper-slide { padding-top: 60px; cursor: pointer; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
  .newsporduct-twoview .swiper-slide h3 { font-size: 24px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .newsporduct-twoview .swiper-slide:hover { background: #00b5e2; }
  .newsporduct-twoview .swiper-slide:hover .newsporduct-twoicon .icon1 { opacity: 0; visibility: hidden; }
  .newsporduct-twoview .swiper-slide:hover .newsporduct-twoicon .icon2 { opacity: 1; visibility: inherit; }
  .newsporduct-twoview .swiper-slide:hover h3, .newsporduct-twoview .swiper-slide:hover .newsporduct-twodes { color: #fff; }
  .newsporduct-twoicon { margin-top: 20px; }
  .newsporduct-twoicon img { width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .newsporduct-twodes { margin-top: 22px; height: 80px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
  .newsporduct-twoitem { padding: 10.9375% 0; }
  .newsporduct-twoitemtext { margin-top: 70px; }
  .newsporduct-twoitemtext h3 { font-size: 100px; }
  .newsporduct-twoitemtext h2 { font-size: 28px; }
  .newsporduct-twoitemtext h2:after { margin-top: 35px; }
  .newsporduct-twoitemdes { margin-top: 55px; }
  .newsporduct-twoitem3, .newsporduct-twoitem4 { padding-top: 9.89583%; padding-bottom: 0; }
  .newsporduct-twoitem3 .newsporduct-twoitemtext, .newsporduct-twoitem4 .newsporduct-twoitemtext { margin-top: 70px; }
  .newsporduct-three { padding: 80px 0 5.46875%; }
  .newsporduct-threetable th { padding: 15px; font-size: 22px; }
  .newsporduct-threetable td { padding: 18px 40px; font-size: 16px; }
  .newsporduct-four { padding: 5.20833% 0 60px; }
  .newsporduct-fourh2 { font-size: 30px; }
  .newsporduct-fourimg { margin-top: 35px; }
  .newsporduct-threetable2 th { padding: 18px 15px; font-size: 36px; }
  .newsporduct-threetable2 tr td { padding: 18px 15px; font-size: 16px; }
  .newsporduct-threetable2 tr td.td-sz1 { font-size: 30px; }
  .newsporduct-threetable2 tr td.td-sz2 { font-size: 24px; }
  .newsporduct-threetable3 th { padding: 18px 15px; font-size: 36px; }
  .newsporduct-threetable3 tr td { padding: 18px 15px; font-size: 16px; }
  .service-one { padding-top: 4.94792%; }
  .service-title h2 { font-size: 30px; }
  .service-title h2:after { margin-top: 35px; }
  .service-titledes { margin-top: 55px; }
  .service-oneimg { margin-top: 45px; }
  .service-two { padding: 10.41667% 0; }
  .service-twoul li { padding: 60px 25px 10px 40px; margin-bottom: 20px; }
  .service-twoul li h3 { font-size: 40px; }
  .service-three { padding: 10.9375% 0 11.97917%; }
  .service-threeview { margin-top: 80px; }
  .service-threeview .swiper-slide { padding: 42px 20px 28px; }
  .service-threeicon { width: 68px; height: 68px; }
  .service-four { padding: 4.94792% 0 8.33333%; }
  .servicepost-onetext { padding: 3% 4%; }
  .servicepost-onetext h3 { font-size: 20px; }
  .servicepost-onedes { margin-top: 20px; }
  .servicepost-onedes2 { margin-top: 30px; }
  .servicepost-zerotext { padding: 75px 0 85px; }
  .servicepost-zerotext h1 { font-size: 30px; }
  .servicepost-zerotext h3 { font-size: 20px; }
  .servicepost-zerodes { margin-top: 30px; }
  .servicepost-zerodes:after { width: 30px; height: 58px; }
  .servicepost-zerodes:before { width: 30px; height: 58px; }
  .servicepost-two { padding: 5.20833% 0 30px; }
  .servicepost-three { padding: 45px 0 5.20833%; }
  .servicepost-threetext h2 { font-size: 20px; }
  .servicepost-threedes { margin-top: 20px; }
  .zpc-sw-box { margin-left: auto; margin-right: auto; width: 720px; }
  .zpc-sw-box .view { padding-top: 31px; padding-left: 29px; padding-right: 29px; }
  .zpc-bg-swiper { padding-top: 31px; }
  .zpc-bg-swiper .swiper-slide { width: 720px; padding-left: 29px; padding-right: 29px; }
  .servicepost-four { padding: 5% 0 7.29167%; }
  .servicepost-fourh2 { font-size: 20px; }
  .zpc-box { margin-top: 35px; }
  .servicepost-five .swiper-slide .servicepost-fiveimg { height: 400px; }
  .servicepost-five .incon-bat { display: block; bottom: 40px; }
  .servicepost-fivetext { padding: 0 100px; }
  .servicepost-fivetext h3 { font-size: 20px; }
  .servicepost-fivetext h2 { margin-top: 10px; font-size: 30px; }
  .servicepost-fivetext .imore-a2 { margin-top: 25px; }
  .servicepost-fivedes { margin-top: 20px; }
  .imore-a2 { width: 200px; height: 50px; line-height: 48px; }
  .imore-a2 img { width: 36px; margin-left: 50px; }
  .servicepost-fivebtn { position: absolute; top: 50%; left: 50%; z-index: 5; width: 100%; padding: 0px; max-width: 1200px; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .servicepost-six { padding-top: 55px; }
  .servicepost-sixul { padding-top: 35px; }
  .servicepost-sixul li { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding-bottom: 0; }
  .servicepost-sixul li:hover .servicepost-sixtext { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }
  .servicepost-siximg h3 { bottom: 25px; padding: 0 40px; font-size: 20px; }
  .servicepost-sixtext { position: relative; padding: 25px 40px; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-top: -80px; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .servicepost-sixtext h3 { font-size: 20px; }
  .servicepost-sixdes { margin-top: 20px; }
  .servicepost-seven { padding: 70px 0 55px; }
  .servicepost-sevenview { margin-top: 35px; }
  .servicepost-sevenview .incon-bat { display: block; margin-top: 40px; }
  .servicepost-seventext { padding: 25px 30px 35px; }
  .servicepost-seventext h3 { font-size: 18px; line-height: 28px; height: 56px; }
  .servicepost-eight { padding: 75px 0 0; }
  .servicepost-eightform { margin-top: 35px; }
  .servicepost-eightitem input { height: 56px; line-height: 54px; padding: 0 20px; }
  .servicepost-eightitem h6 { line-height: 56px; }
  .servicepost-eightitem.yan { width: 330px; }
  .servicepost-eightitem.yan a { height: 56px; line-height: 54px; }
  .first .servicepost-eightitem1 { width: auto; }
  .first .servicepost-eightitem2 { float: right; padding-right: 0; padding-left: 15px; }
  .servicepost-eightitem2 { float: left; width: 215px; padding-right: 15px; }
  .servicepost-eightbtn { text-align: right; }
  .servicepost-eightbtn input { height: 56px; line-height: 56px; }
  .servicepost-nine { padding: 50px 0 4.16667%; }
  .servicepost-nineul { margin-top: 35px; }
  .servicepost-nineul li h3 { font-size: 18px; }
  .incommonweb { padding: 0 40px; }
  .neibanner-twotopmenu { padding-bottom: 24px; }
  .neibanner-twotopmenu a { margin-right: 33px; color: #fff; }
  .neibanner-twotopmenu a:first-child { background-image: url(../images/home.png); }
  .neibanner-twotopmenu a:after { border-left-color: #fff; }
  .neibanner-twobtm { /*padding: 18px 7.14286% 3.57143%;去掉内页突出太多部分*/ background: #fff; }
  .neibanner-twobtmmenu { padding-bottom: 0; }
  .neibanner-twobtmmenu a { line-height: 52px; padding: 0 30px; font-size: 16px; }
  .story-one { padding: 25px 0 8.07292%; }
  .story-title { font-size: 30px; }
  .story-title-fw { font-size: 20px; }
  .story-oneul { margin-top: 70px; }
  .story-onetext h3 { font-size: 20px; }
  .story-onetext h3 span { font-size: 14px; }
  .story-btmtext { margin-top: 40px; }
  .story-btmtext h3 { font-size: 18px; }
  .about-one { padding: 75px 0; }
  .about-onetext h3 { font-size: 22px; }
  .about-onedes { margin-top: 38px; }
  .about-oneimg { margin: 75px 0; }
  .about-oneview { margin-top: 45px; }
  .about-oneview .swiper-slide:hover .about-oneviewtext { color: #00b5e2; }
  .about-oneviewtext { margin-top: 36px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .about-two { padding: 75px 0; }
  .about-twoview { margin-top: 45px; }
  .about-twoview .swiper-slide { height: 60px; line-height: 58px; font-size: 20px; }
  .about-twowrap { margin-top: 56px; }
  .about-twowrapitem h3 { float: left; width: 185px; font-size: 48px; }
  .about-twowrapitem h3:after { width: 50px; height: 3px; }
  .about-twowrapitem.active .about-twowrapitemtxt li { -webkit-animation: fadeInUp .5s; -o-animation: fadeInUp .5s; animation: fadeInUp .5s; }
  .about-twowrapitem.active .about-twowrapitemtxt li:nth-child(2) { -webkit-animation: fadeInUp .8s; -o-animation: fadeInUp .8s; animation: fadeInUp .8s; }
  .about-twowrapitem.active .about-twowrapitemtxt li:nth-child(3) { -webkit-animation: fadeInUp 1s; -o-animation: fadeInUp 1s; animation: fadeInUp 1s; }
  .about-twowrapitem.active .about-twowrapitemtxt li:nth-child(4) { -webkit-animation: fadeInUp 1.2s; -o-animation: fadeInUp 1.2s; animation: fadeInUp 1.2s; }
  .about-twowrapitem.active .about-twowrapitemtxt li:nth-child(5) { -webkit-animation: fadeInUp 1.4s; -o-animation: fadeInUp 1.4s; animation: fadeInUp 1.4s; }
  .about-twowrapitem.active .about-twowrapitemtxt li:nth-child(6) { -webkit-animation: fadeInUp 1.6s; -o-animation: fadeInUp 1.6s; animation: fadeInUp 1.6s; }
  .about-twowrapitemtxt { padding: 12px 0 0 50px; }
  .about-twowrapitemtxt li { margin-bottom: 30px; }
  .about-twowrapitemtxt li h5 { width: 70px; padding-left: 28px; font-size: 18px; }
  .about-twowrapitemtxt li h5:after { width: 10px; height: 10px; }
  .about-three { padding: 75px 0; }
  .about-threewrap { margin-top: 45px; }
  .about-threeimg { overflow: hidden; }
  .about-threeimg:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .about-threeimg img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .about-threetext h3 { font-size: 20px; }
  .about-threeul li { margin-bottom: 15px; }
  .about-threeul li:hover .about-threetime { background: #00b5e2; }
  .about-threeul li:hover .about-threetime h5, .about-threeul li:hover .about-threetime h6 { color: #fff; }
  .about-threeul li:hover .about-threelitxt h3 { color: #00b5e2; }
  .about-threetime { width: 80px; height: 80px; }
  .about-threetime h6 { font-size: 26px; }
  .about-threetime h5 { margin-top: 10px; font-size: 14px; }
  .about-threelitxt { padding: 10px 0 0 20px; }
  .about-threelitxt h3 { font-size: 18px; line-height: 30px; height: 60px; }
  .about-threebtm { margin-top: 6.66667%; }
  .sabout-one { margin-top: 45px; font-size: 18px; }
  .sabout-onebtm { margin-top: 55px; }
  .joinus-one { padding: 75px 0 80px; }
  .joinus-h3 { margin-top: 45px; font-size: 18px; }
  .joinus-h3 .clr1 { font-size: 22px; }
  .joinus-h3 .clr1 .font1 { font-size: 30px; }
  .joinus-h3 .span1 { margin-left: 25px; }
  .joinus-oneul { margin-top: 60px; }
  .joinus-oneul li:nth-child(2n) .joinus-onetext { padding-top: 45px; }
  .joinus-onetext h3 { font-size: 22px; }
  .joinus-onetext:before { margin-bottom: 50px; }
  .joinus-onetext:after { margin-top: 35px; }
  .joinus-onedes { margin-top: 15px; }
  .joinus-one .joinus-title { margin-top: 75px; }
  .joinus-title { font-size: 22px; }
  .joinus-table { margin-top: 30px; }
  .joinus-table th { padding: 20px 15px; font-size: 16px; }
  .joinus-table td { padding: 20px 15px; font-size: 16px; }
  .joinus-two { padding: 75px 0 5.72917%; }
  .joinus-twoview { margin-top: 35px; }
  .joinus-twoview .swiper-slide { padding: 10px 10px 30px; overflow: hidden; }
  .joinus-twoview .swiper-slide:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .joinus-twoview .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .joinus-twoview .swiper-slide:hover .joinus-twotext h3 { color: #00b5e2; }
  .joinus-twoview .swiper-slide:hover .joinus-twoimg:after { opacity: 1; visibility: inherit; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .joinus-twotext { padding-top: 18px; }
  .contactus-one { padding: 75px 0 80px; }
  .contactus-oneul { margin-top: 65px; }
  .contactus-oneul li { width: 23.33333%; padding: 5px 30px 0px; }
  .contactus-oneul li:first-child { width: 30%; }
  .contactus-oneul li:nth-child(2n) { border-right: 1px solid #f2f2f2; }
  .contactus-oneul li:nth-child(4n) { border-right: none; }
  .contactus-oneul li h3 { font-size: 20px; }
  .contactus-onelc { margin-top: 15px; }
  .contactus-oneli { margin-bottom: 15px; }
  .contactus-title { font-size: 22px; }
  .cultrue-one { padding: 75px 0 80px; }
  .cultrue-onewrap { margin-top: 7.5%; }
  .cultrue-onelogo { width: 154px; }
  .cultrue-oneul li { margin-bottom: 20px; }
  .cultrue-oneul li:nth-child(2) .cultrue-oneicon { margin-top: 40px; }
  .cultrue-oneicon { width: 120px; }
  .cultrue-onetext h3 { font-size: 30px; }
  .cultrue-onetxt { padding-top: 45px; }
  .cultrue-onedes { margin-top: 15px; }
  .cultrue-two { padding: 6.77083% 0 5.72917%; }
  .cultrue-twowrap { margin-top: 0; }
  .cultrue-twocon { width: 230px; height: 230px; }
  .cultrue-twocon h3 span { line-height: 140px; font-size: 20px; }
  .suzyspan2 i:before { width: 60px; height: 60px; border-left: 2px solid #8daaca; border-top: 2px solid #8daaca; }
  .cultrue-twoul li h3 { font-size: 20px; }
  .cultrue-twotext { font-size: 16px; }
  .news-one { padding: 75px 0; }
  .news-oneform { margin-top: 35px; }
  .news-oneselect { width: 120px; margin-right: 13px; }
  .news-oneselect select, .news-oneselect a { height: 54px; line-height: 50px; padding: 0 26px 0 18px; }
  .news-oneselect:after { right: 18px; }
  .news-oneformitem { width: 360px; }
  .news-oneformitem .news-oneformintxt { height: 54px; line-height: 50px; padding: 0 60px 0 20px; }
  .news-oneformitem .news-oneforminsub { width: 54px; }
  .news-oneul { margin-top: 50px; }
  .news-oneul li { margin-bottom: 60px; overflow: hidden; }
  .news-oneul li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .news-oneul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .news-oneul li:hover { -webkit-box-shadow: 0px 10px 20px -5px #aaa; box-shadow: 0px 10px 20px -5px #aaa; }
  .news-oneul li:hover .news-onetext h3 { color: #00b5e2; }
  .news-onetext { padding: 25px 30px 35px; }
  .news-onetext h3 { font-size: 18px; line-height: 28px; height: 56px; }
  .news-onedes { margin-top: 10px; line-height: 20px; height: 60px; }
  .news-onetime { margin-top: 12px; font-size: 18px; }
  .suzynewspost-onetitlewrap { padding: 40px 0; }
  .suzynewspost-onetitle { font-size: 30px; }
  .suzynewspost-two { padding: 30px 0 7.8125%; }
  .suzynewspost-twofen { margin-top: 45px; }
  .suzynewspost-twotui { margin-top: 35px; padding: 38px 0; }
  .suzynewspost-twotui.pd0 { padding-bottom: 0; }
  .suzynewspost-twoh3 { font-size: 20px; float: left; width: 25%; }
  .suzynewspost-twotuiview { margin-top: 0px; width: 75%; float: right; }
  .suzynewspost-twotuiview .swiper-slide a { padding: 10px 35px; }
  .suzynewspost-twotuiview .swiper-slide a h3 { margin-top: 8px; font-size: 22px; max-height: 96px; line-height: 32px; }
  .suzynewspost-twotuiview .swiper-slide a .inmore-a1 { margin-top: 48px; }
  .suzynewspost-twotuiview2 { margin-top: 0px; width: 75%; float: right; }
  .suzynewspost-twotuiview2 .swiper-slide { overflow: hidden; }
  .suzynewspost-twotuiview2 .swiper-slide:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .suzynewspost-twotuiview2 .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .suzynewspost-twotuiview2 .swiper-slide:hover .casepost-text { background: #00b5e2; }
  .suzynewspost-twotuiview2 .swiper-slide:hover h3 { color: #fff; }
  .newspost-a1 { width: 140px; height: 50px; line-height: 50px; }
  .newsvideo-ul { margin-top: 50px; }
  .newsvideo-ul li { margin-bottom: 60px; overflow: hidden; }
  .newsvideo-ul li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .newsvideo-ul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .newsvideo-ul li:hover { -webkit-box-shadow: 0px 10px 20px -5px #aaa; box-shadow: 0px 10px 20px -5px #aaa; }
  .newsvideo-ul li:hover .newsvideo-text h3 { color: #00b5e2; }
  .newsvideo-text { padding: 25px 30px 30px; }
  .newsvideo-text h3 { font-size: 18px; line-height: 28px; height: 56px; }
  .newsvideo-time { margin-top: 10px; font-size: 18px; }
  .case-oneul { margin-top: 50px; }
  .case-oneul li { margin-bottom: 60px; overflow: hidden; }
  .case-oneul li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .case-oneul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .case-oneul li:hover { -webkit-box-shadow: 0px 10px 20px -5px #aaa; box-shadow: 0px 10px 20px -5px #aaa; }
  .case-oneul li:hover .case-onetext h3 { color: #00b5e2; }
  .case-onetext { padding: 25px 30px; }
  .case-onetext h3 { font-size: 18px; }
  .case-onetime { font-size: 18px; }
  .experience-one { padding: 75px 0 45px; }
  .experience-oneul { margin-top: 45px; }
  .experience-oneul li { margin-bottom: 40px; }
  .incon-playbtn { width: 100px; height: 100px; }
  .incon-playbtn:after { border-left-width: 25px; border-top-width: 15px; border-bottom-width: 15px; }
  .experience-onetxt h3 { font-size: 24px; }
  .experience-onedes { font-size: 20px; }
  .experience-onedes p { padding-top: 24px; }
  .experience-oneimg { overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .experience-oneimg:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .experience-oneimg img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .experience-two { padding: 50px 0 80px; }
  .experience-twoh3 { font-size: 22px; }
  .download-one { padding: 75px 0 5.72917%; }
  .download-oneul { margin-top: 60px; }
  .download-oneul li { height: 80px; line-height: 80px; padding: 0 50px; }
  .download-oneul li:before { min-width: 280px; }
  .download-oneul li:after { right: 35px; }
  .download-oneul li:hover:before { width: 100%; }
  .download-oneul li h3 { padding-left: 30px; font-size: 22px; }
  .download-oneul li h3:after { width: 3px; height: 30px; }
  .business-one { padding: 75px 0 40px; }
  .business-onetext { margin-top: 30px; }
  .business-onetext h3 { margin-top: 30px; font-size: 22px; }
  .business-two { padding: 25px 0 40px; }
  .business-title h2 { font-size: 30px; }
  .business-twoimg { margin-top: 30px; }
  .business-three { padding: 65px 0 70px; }
  .business-h3 { font-size: 22px; }
  .business-threeul { margin-top: 65px; }
  .business-threeul li { margin-bottom: 20px; cursor: pointer; }
  .business-threeul li:hover { color: #00b5e2; }
  .business-threeul li:hover h3 { border-color: #00b5e2; }
  .business-threeul li:hover h3:after { border-color: #00b5e2; }
  .business-threeul li h3 { font-size: 24px; }
  .business-threebtm { padding-top: 38px; }
  .business-a1 { width: 200px; height: 50px; line-height: 50px; }
  .business-four { padding: 70px 0 45px; }
  .business-fourdes { margin-top: 20px; }
  .business-fourul { margin-top: 35px; }
  .business-fourul li { margin-bottom: 25px; }
  .business-fourul li a { padding: 15px 20px 30px; }
  .business-fourul li:hover { border-color: #00b5e2; }
  .business-fourul li:hover:before { opacity: 1; visibility: inherit; }
  .business-fourul li:hover .business-fourlitopfl h3, .business-fourul li:hover .business-fourlitopfl h4 { color: #fff; }
  .business-fourul li:hover .business-fourlides { color: #fff; }
  .business-fourul li:hover .business-fourlitopicon { visibility: inherit; opacity: 1; -webkit-animation: fadeInDown .5s; -o-animation: fadeInDown .5s; animation: fadeInDown .5s; }
  .business-fourlitopfl h4 { font-size: 24px; }
  .business-fourlitopfl h3 { margin-top: 8px; font-size: 18px; }
  .business-fourlitopicon { width: 50px; height: 50px; margin-top: 10px; }
  .training-one { padding: 75px 0 4.94792%; }
  .training-one .business-h3 { margin-top: 30px; }
  .training-oneul { margin-top: 25px; }
  .training-onetext h3 { font-size: 18px; }
  .training-onewrap { margin-top: 55px; padding-top: 25px; }
  .training-onewrapul { padding: 60px 0 0; }
  .training-onewrapul:before { width: 240px; height: 240px; border-left-width: 2px; border-top-width: 2px; -webkit-transform: translate(-50%, 20%) rotate(45deg); -ms-transform: translate(-50%, 20%) rotate(45deg); -o-transform: translate(-50%, 20%) rotate(45deg); transform: translate(-50%, 20%) rotate(45deg); }
  .training-onewrapradius:after { border-width: 16px; }
  .training-onewrapradius:before { width: 24px; height: 24px; border-width: 4px; margin-bottom: 2px; }
  .training-onewrapxable { padding: 0 15px; }
  .training-onewrapcell h3 { font-size: 20px; }
  .training-onewrapcell h4 { margin-top: 10px; }
  .training-onewrapxext:before { margin-bottom: 16px; }
  .sale-one { padding: 75px 0 5.20833%; }
  .sale-one-fw { padding: 10px 0 5.20833%; }
  .sale-oneul { margin-top: 35px; }
  .sale-oneul li:hover .sale-onetext h3 { color: #00b5e2; }
  .sale-oneul li:hover .sale-oneicon .icon1 { visibility: hidden; opacity: 0; }
  .sale-oneul li:hover .sale-oneicon .icon2 { visibility: inherit; opacity: 1; }
  .sale-onetext h3 { font-size: 18px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .sale-onedes { margin-top: 10px; padding: 0 40px; }
  .sale-twowrap { padding: 55px 0 4.42708%; }
  .sale-twoformh3 { font-size: 22px; }
  .sale-twoformitem { margin-top: 15px; }
  .sale-twoformintxt input { height: 50px; line-height: 48px; padding: 0px 20px; }
  .sale-twoformintxt select { height: 50px; line-height: 48px; padding: 0px 20px; }
  .sale-twoformintxt textarea { height: 240px; padding: 10px 20px; }
  .sale-twoformintxt.select:after { right: 20px; }
  .sale-twoformintxt a { height: 50px; }
  .sale-twoformbtn { margin-top: 40px; }
  .sale-twoformbtn input { width: 140px; height: 50px; line-height: 50px; }
  .terms-one { padding: 65px 0 90px; }
  .terms-one .code-onebtm { margin-top: 6.66667%; }
  .terms-titdes { margin-top: 40px; font-size: 16px; }
  .terms-oneul { margin-top: 40px; }
  .terms-oneul li { padding: 13px 10px; }
  .terms-oneul li h3 { padding: 22px 0; font-size: 24px; }
  .terms-onedes p { margin-bottom: 26px; font-size: 16px; }
  .sitemap-oneitem { width: 23%; margin-right: 2.66667%; }
  .sitemap-oneitem:nth-child(2n) { margin-right: 2.66667%; }
  .sitemap-oneitem:nth-child(3n) { margin-right: 2.66667%; }
  .sitemap-oneitem:nth-child(4n) { margin-right: 0; }
  .sitemap-oneitem a { padding-left: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .sitemap-oneitem a:hover { text-decoration: underline; }
  .sitemap-oneul { margin-top: 50px; }
  .sitemap-oneul li { margin-bottom: 38px; }
  .sitemap-oneul li h3 { margin-bottom: 20px; font-size: 24px; }
  .sitemap-onetext { padding: 0 10px; }
  .terms-oneh1 { font-size: 26px; margin-top: 30px; }
  .service-titledes { font-size: 16px; }
  .terms-onesuzytext { margin-top: 40px; padding-top: 30px; font-size: 16px; }
  .article-tabbar { padding-top: 25px; padding-bottom: 0px; }
  .article-tab .prevnext { font-size: 16px; padding-top: 16px; padding-bottom: 16px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .article-tab .prevnext:hover { color: #00b5e2; }
  .article-tab .prevnext .time { font-size: 14px; }
  .article-tab .prev:hover:after { border-bottom-color: #00b5e2; }
  .article-tab .next:hover:after { border-top-color: #00b5e2; }
  .suzynewspost-vctui { padding: 20px; }
  .suzynewspost-vctuiul li { margin-bottom: 20px; overflow: hidden; }
  .suzynewspost-vctuiul li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .suzynewspost-vctuiul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .suzynewspost-vctuiul li:hover .suzynewspost-vctuitext h3 { color: #00b5e2; }
  .full-searchA-wrapper { padding-bottom: 75px; }
  .insearch-wrap { position: relative; height: 75px; margin-left: 20px; }
  .insearch-view { position: absolute; top: 75px; left: auto; right: 0; width: 300px; } }


@media (min-width: 1260px) { /*头部 s*/
  .logo { padding: 24px 0; }
  .logo img { height: 52px; }
  nav li { padding: 0 15px; }
  nav h3 a { line-height: 100px; }
  .lang { margin-top: 33px; }
  .search { margin-top: 33px; margin-right: 30px; }
  .search-box { top: 67px; }
  /*首页 s*/
  .inban-ctrl { right: 40px; }
  .inbanner-item .txt { font-size: 24px; line-height: 42px; }
  .inbanner-item .hgyMaxPic { margin-bottom: 2.5%; }
  .inbanner-swiper .inbanner-style-2 .word { top: 21.9697%; text-align: center; }
  .inbanner-swiper .inbanner-style-2 .word .txt { padding-top: 0; height: auto; max-height: none; font-size: 36px; line-height: 1.3; }
  .inban-icon { bottom: 36px; }
  .inban-icon img { height: 99px; }
  .inban-icon span::after { width: 12px; height: 12px; border-width: 4px; }
  .inpro { background-size: 100% 100%; background-position: top left; padding-top: 90px; padding-bottom: 70px; }
  .inpro-tab-item p { font-size: 30px; margin-left: 28px; }
  .inpro-content-r { padding-top: 4%; }
  .inpro-content-item h2 { margin-bottom: 40px; }
  .inpro-content-item .content { margin-bottom: 55px; }
  .inpro-sw-item .hgyPimg { max-width: 81px; margin-left: auto; margin-right: auto; }
  .incore { padding-top: 90px; padding-bottom: 0; background-size: 100% 100%; }
  .incore .publicTitle1 { margin-bottom: 28px; }
  .incore-desc { font-size: 18px; }
  .incore-box { margin-top: 94px; padding-bottom: 145px; }
  .incore-list .hgyPimg { width: 120px; margin-bottom: 14px; }
  .incore-list li { padding-left: 0; padding-right: 0; width: 360px; }
  .incore-list li:nth-child(1), .incore-list li:nth-child(2) { top: -7px; }
  .incore-list li:nth-child(3), .incore-list li:nth-child(4) { top: 287px; }
  .innews { padding-top: 80px; padding-bottom: 158px; }
  .innews-list { margin-top: 50px; }
  .innews-item h2 { margin-bottom: 23px; }
  .innews-item .info { padding-top: 23px; padding-bottom: 48px; }
  .innews-item .desc { margin-bottom: 0; }
  .innews-item .date { bottom: 2px; }
  .inpro-display { padding-top: 90px; padding-bottom: 150px; }
  .inproduct-swiper .swiper-slide { position: relative; }
  .inproduct-swiper .swiper-slide:hover .hover-content { z-index: 50; opacity: 1; filter: alpha(Opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); z-index: 999; }
  .inproduct-swiper .hover-content { display: block; position: absolute; opacity: 0; filter: alpha(Opacity=0); width: 400px; height: 500px; margin: -250px 0 0 -200px; z-index: -1; top: 50%; left: 50%; background-color: #fff; -webkit-box-shadow: 0 2px 14px 4px rgba(14, 5, 10, 0.15); box-shadow: 0 2px 14px 4px rgba(14, 5, 10, 0.15); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  .inproduct-swiper .hover-img { display: block; position: relative; }
  .inproduct-swiper .hover-img a { display: block; }
  .inproduct-swiper .hover-img .bg-img { position: relative; display: block; width: 100%; height: 0px; padding-bottom: 75%; background: rgba(0, 180, 226, 0.6); }
  .inproduct-swiper .hover-img .bg-img img { display: block; height: 100%; position: absolute; width: 100%; }
  .inproduct-swiper .hover-img .bg-img .bg { background: rgba(0, 180, 226, 0.6); position: absolute; top: 0; left: 0; width: 100%; bottom: 0; z-index: 99; }
  .inproduct-swiper .detail-header { position: absolute; left: 24px; bottom: 10px; right: 24px; z-index: 100; }
  .inproduct-swiper .detail-header h3 { color: #fff; font-size: 16px; margin: 0; padding-bottom: 10px; }
  .inproduct-swiper .detail-header p { font-size: 14px; color: #fff; margin: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .inproduct-swiper .hover-content-list { padding: 10px; }
  .inproduct-swiper .hover-content-list ul { margin: 0; padding: 0; }
  .inproduct-swiper .hover-content-list li { padding: 0 15px; float: left; width: 25%; }
  .inproduct-swiper .hover-content-list li img { display: block; width: 100%; margin: 0 auto; }
  .inproduct-swiper .hover-content-list li p { font-size: 12px; margin: 0; margin-top: 0; text-align: center; }
  /*底部 s*/
  footer { padding-top: 54px; }
  .foot-top { padding-bottom: 76px; }
  .foot-top-l { width: 428px; }
  .foot-top-l h2 { margin-bottom: 26px; }
  .foot-link { padding-left: 0; }
  .foot-bottom { padding-bottom: 30px; }
  .fb-links { margin-bottom: 20px; }
  .foot-nav { margin-right: -40px; }
  .foot-nav li { padding-right: 40px; min-width: 120px; }
  .neibanner-txt1con h2 { font-size: 42px; }
  .neibanner-btn { width: 52px; height: 52px; }
  .neibanner-btm { padding: 0px 0 30px; }
  .neibanner-select select { height: 68px; line-height: 66px; }
  .neibanner-formfr .neibanner-intxt { height: 68px; line-height: 66px; padding: 0 68px 0 20px; }
  .neibanner-tips h6 { font-size: 18px; }
  .neibanner-tipsmenu a { font-size: 18px; }
  .products-twoitem:nth-of-type(2n+3) .products-twoitemtext { padding: 30px 60px 20px 30%; }
  .products-twoitem:nth-of-type(2n+4) .products-twoitemtext { padding: 30px 30% 20px 60px; }
  .products-twoitem:nth-of-type(2n+5) .products-twoitemtext { padding: 30px 60px 20px 30%; }
  .products-twoitemtext { padding: 30px 30% 20px 60px; }
  .products-twoitemtext h3 { font-size: 26px; }
  .products-twoitemicon { width: 90px; height: 90px; }
  .products-twoitemdes { margin-top: 12px; }
  .neibanner-btm.active2 .neibanner-btmfixed { top: 100px; }
  .propost-title { font-size: 36px; }
  .incon-btn2 { width: 60px; height: 60px; }
  .incon-prev2 { left: -90px; }
  .incon-next2 { right: -90px; }
  .newsporduct-onetext { font-size: 18px; }
  .newsporduct-onetext h2 { font-size: 36px; }
  .newsporduct-twoitemdes { font-size: 18px; }
  .newsporduct-twoitemtext h3 { font-size: 130px; }
  .newsporduct-fourh2 { font-size: 36px; }
  .service-title h2 { font-size: 36px; }
  .servicepost-zerotext h1 { font-size: 36px; }
  .servicepost-fivetext h2 { font-size: 36px; }
  .incommonweb { padding: 0 100px; }
  .neibanner-twobtmmenu a { line-height: 82px; padding: 0 42px; }
  .story-title { font-size: 36px; }
  .story-title-fw { font-size: 25px; }
  .story-oneul::before { top: 125px; }
  .story-oneul li { margin-top: 40px; }
  .story-oneul li.li .story-onephoto { width: 250px; height: 250px; }
  .story-onephoto { width: 168px; height: 168px; border-width: 4px; }
  .story-btmtext { margin-top: 50px; }
  .joinus-oneul li:nth-child(2n) .joinus-oneimg { margin-top: -17.5%; }
  .cultrue-oneul li:nth-child(2) { padding-right: 15.83333%; margin-top: 7.5%; }
  .cultrue-oneul li:nth-child(2) .cultrue-oneicon:after { width: 180px; }
  .cultrue-oneul li:nth-child(1) .cultrue-oneicon:after { right: 60%; -webkit-transform: translateY(-50%) rotate(-30deg); -ms-transform: translateY(-50%) rotate(-30deg); -o-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); }
  .cultrue-oneul li:nth-child(3) .cultrue-oneicon:after { right: 60%; -webkit-transform: translateY(-50%) rotate(30deg); -ms-transform: translateY(-50%) rotate(30deg); -o-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); }
  .cultrue-oneicon:after { width: 180px; }
  .neibanner-txt2 { top: 35%; }
  .neibanner-txt2 h3 { font-size: 36px; }
  .insearch-wrap { height: 100px; }
  .insearch-view { top: 100px; } }

@media (min-width: 1460px) { /*头部 s*/
  /*首页 s*/
  .inbanner-swiper .inbanner-style-2 .word .txt { font-size: 46px; }
  .inbanner-item .word { padding-left: 80px; font-size: 24px; }
  .inbanner-item .word .shouyebanner { font-size: 1.5em; } /*首页标题加大 s*/
  .inbanner-item .txt { font-size: 30px; line-height: 48px; }
  .innews-list { margin-top: 80px; }
  .innews-item { padding-right: 37px; }
  .innews-item .info { padding-bottom: 68px; }
  .innews-item .date { bottom: 20px; }
  .inpro-display { padding-bottom: 192px; }
  .inproduct-item .info { padding-top: 30px; }
  .inproduct-item .info h2 { font-size: 26px; margin-bottom: 10px; }
  .inproduct-item .info .desc { line-height: 22px; height: 66px; }
  .inpro { padding-top: 100px; padding-bottom: 80px; }
  .inpro-tab { margin-top: 60px; }
  .inpro-tab-item p::after { bottom: -12px; }
  .inpro-content { padding-top: 80px; }
  /*底部 s*/
  .foot-nav { margin-right: -60px; }
  .foot-nav li { padding-right: 60px; min-width: 150px; }
  .inban-prev { left: 3.125%; border-width: 2px; }
  .inban-next { right: 3.125%; border-width: 2px; } }

@media (min-width: 1680px) { /*头部 s*/
  .logo { padding: 30px 0; }
  nav li { padding: 0 20px; }
  nav li h3 a { line-height: 112px; }
  .lang { margin-top: 39px; }
  .search { margin-top: 39px; }
  .search-box { top: 73px; }
  /*首页 s*/
  .inbanner-swiper .inbanner-style-2 .word .txt { font-size: 52px; }
  .inbanner-item .word { padding: 0 120px; top: 29%;font-size: 28px; }
  .inbanner-item .word .shouyebanner {font-size: 1.5em; } /*首页标题加大 s*/

  .inbanner-item .hgyMaxPic { width: auto; height: 132px; padding-top: 0.03983; }
  .inbanner-item .hgyMaxPic img { width: auto; height: 100%; }
  .inbanner-item .txt { padding-top: 0.03229; }
  .inpro-tab { margin-top: 70px; }
  .inpro-content { padding-top: 85px; }
  .inpro-swiper-box { margin-top: 100px; }
  .inpro { padding-bottom: 134px; }
  .inpro .commonweb1600 { max-width: 1640px; padding-left: 0; padding-right: 0; }
  .inpro-display .commonweb1600 { max-width: 1640px; padding-left: 0; padding-right: 0; }
  .inpro-content-l { padding-left: 118px; }
  .inpro-content-r { padding-top: 0; }
  .inpro-content-item .content { height: 106px; overflow-y: auto; padding-right: 10px; }
  .inpro-content-item .content::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }
  .inpro-content-item .content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }
  .inpro-content-item .content::-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(255, 255, 255, 0.9); }
  .servicepost-five .swiper-slide .servicepost-fiveimg { width: 100%; max-width: 100%; height: auto; left: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
  .insearch-wrap { height: 112px; }
  .insearch-view { top: 112px; } }

@media (min-width: 1760px) { /*首页 s*/
  .inbanner-item .word { top: 32%;font-size: 32px; } }
  .inbanner-item .word .shouyebanner {font-size: 1.5em; } /*首页标题加大 s*/


/*标题1 s*/
.publicTitle1 h4 { font-size: 22px; text-align: center; color: #fff; position: relative; }

.publicTitle1 h4::after { display: block; content: ''; margin-left: auto; margin-right: auto; width: 40px; height: 3px; background: #fff; margin-top: 4px; }

@media (min-width: 1024px) { .publicTitle1 h4 { font-size: 32px; } }

@media (min-width: 1260px) { .publicTitle1 h4 { font-size: 40px; } }

/*标题2 s*/
.publicTitle2 h2 { line-height: 1; }

.publicTitle2 span { line-height: 25px; font-size: 22px; color: #595757; padding-bottom: 10px; position: relative; }

.publicTitle2 span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #13bee4; }

.publicTitle2 a { color: #bbb; float: right; line-height: 25px; font-weight: bold; }

@media (min-width: 1024px) { .publicTitle2 span, .publicTitle2 a { line-height: 32px; }
  .publicTitle2 span { font-size: 26px; padding-bottom: 14px; }
  .publicTitle2 span::after { width: 40px; height: 3px; }
  .publicTitle2 a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .publicTitle2 a:hover { color: #00b5e2; } }

@media (min-width: 1260px) { .publicTitle2 span { font-size: 34px; } }

@media (min-width: 1460px) { .publicTitle2 span { font-size: 40px; } }


.video-player-popup { display: none; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; }

.video-player-popup:before { content: ""; width: 0; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .video-player { position: relative; width: 94%; min-height: 300px; max-width: 960px; margin-top: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; background: url(../images/closebtn.png) no-repeat center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.video-player-popup .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


@media (min-width: 1024px) { .video-player-popup .video-player { height: 500px; } }

@media (min-width: 1600px) { .video-player-popup .video-player { height: 600px; } }


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

.suzyimg-wrap { position: fixed; top: 50%; left: 50%; z-index: 201; display: none; width: 90%; max-width: 1000px; margin: 0 auto; padding: 30px 30px 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }

.suzyimg-wrap .swiper-container { width: 100%; text-align: center; }

.suzyimg-wrap .swiper-slide { text-align: center; }

.suzyimg-wrap .swiper-slide img { max-width: 100%; border: 2px solid #fff; }

.suzyimg-wrapclose { position: absolute; top: 10px; right: 10px; z-index: 10; width: 30px; height: 30px; background: url(../images/closebtn.png) no-repeat center center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #00b5e2; background-size: 40% auto; -webkit-border-radius: 50%; border-radius: 50%; }

.suzyimg-wrapclose:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.suzyimg-wrapbtn1 { position: absolute; top: 50%; z-index: 10; display: block; width: 26px; height: 26px; margin-top: -20px; text-align: center; line-height: 22px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; border: 2px solid #00b5e2; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.suzyimg-wrapbtn1:after { display: inline-block; vertical-align: middle; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ''; }

.suzyimg-wrapbtn1:hover { background: #00b5e2; }

.suzyimg-wrapbtn1:hover:after { border-color: #fff; }

.suzyimg-wrapprev { left: 10px; }

.suzyimg-wrapprev:after { margin-right: -2px; border-bottom: 2px solid #00b5e2; border-left: 2px solid #00b5e2; }

.suzyimg-wrapnext { right: 10px; }

.suzyimg-wrapnext:after { margin-left: -2px; border-top: 2px solid #00b5e2; border-right: 2px solid #00b5e2; }

.suzyimg-wrapbat { display: block; width: 100%; padding-top: 10px; line-height: 20px; text-align: center; font-size: 14px; color: #444; }

.suzyimg-viewtext { padding-top: 10px; }

.suzyimg-viewtext h3 { line-height: 1.375; font-size: 14px; color: #444; }


@media (min-width: 1024px) { .suzyimg-wrapbtn1 { position: absolute; top: 50%; z-index: 10; display: block; width: 40px; height: 40px; line-height: 38px; }
  .suzyimg-wrapbtn1:after { width: 10px; height: 10px; }
  .suzyimg-wrap { padding: 60px 80px 60px; }
  .suzyimg-wrap .swiper-slide img { border: 5px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; }
  .suzyimg-wrapclose { top: 20px; right: 20px; }
  .suzyimg-wrapprev { left: 30px; }
  .suzyimg-wrapnext { right: 30px; }
  .suzyimg-viewtext { padding-top: 30px; }
  .suzyimg-viewtext h3 { font-size: 16px; } }

@media (min-width: 1600px) { .suzyimg-wrap { padding: 90px 180px 60px; }
  .suzyimg-wrapnext { right: 30px; }
  .suzyimg-viewtext { padding-top: 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-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #333;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; background-size: auto 16px; background-image: url(../images/searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #333;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #333;  }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; 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; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; 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; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

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

.full-searchA-wrapper mark { color: #fff;  background-color: #cd002b;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list a .content h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .full-searchA-wrapper .result-list a:hover .content h2 { color: #ff5500; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-right: 30px;  } }



/*网站地图 s*/
.hgySitemap .sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }

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

.hgySitemap .sitemapcont2 dl:last-child { margin-bottom: 0; }

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

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

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

@media (min-width: 1024px) { .hgySitemap .sitemapcont2 { padding: 3.5% 30px; }
  .hgySitemap .sitemapcont2 dl { margin-bottom: 55px; }
  .hgySitemap .sitemapcont2 dt { font-size: 20px; }
  .hgySitemap .sitemapcont2 dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .hgySitemap .sitemapcont2 dd a { margin: 0 45px 8px 0; } }

/*网站地图 e*/

/*20201012修改*/
@media (min-width: 1260px) {
  .logo {
    padding: 14px 0;
  }
  nav h3 a {
    line-height: 80px;
  }
  .lang {
    margin-top: 24px;
  }
  .insearch-wrap {
    height: 80px;
  }
  .insearch-view {
    top: 80px;
  }
  .foot-bottom {
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .fb-links {
    margin-bottom: 0;
  }
}
@media (min-width: 1680px) {
  .logo {
    padding: 14px 0;
  }
  nav li h3 a {
    line-height: 80px;
  }
  .lang {
    margin-top: 24px;
  }
  .insearch-wrap {
    height: 80px;
  }
  .insearch-view {
    top: 80px;
  }
}

/*20201013*/
.suzynewspost-two .centerBox .suzynewspost-vcfl {
  float: none;
  margin: 0 auto;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
}

/*20201015*/
.neibanner-txt2.left {
  text-align: left;
}
.neibanner-txt2.right {
  text-align: right;
}

/*20201021*/
@media (min-width: 1024px) {
  .neibanner-ermenuaconthree {
    display: block !important;
  }
}
/*20201106*/
#aftersales .sale-twowrap {

}

/*20201116-售后*/
.foot-share .bdshare-button-style0-16 .bds_weixin {
  width: 25px;
  height: 20px;
  margin-top: 2px;
}
.foot-share .bdshare-button-style0-16 .bds_weixin:hover {
  background-image: url("../images/foot-wx-o.png");
}
.foot-share .bdshare-button-style0-16 .bds_tsina {
  width: 28px;
  height: 23px;
}
.foot-share .bdshare-button-style0-16 .bds_tsina:hover {
  background-image: url("../images/foot-wb-o.png");
}
.suzynewspost-twotext {
  color: #171717;
}
.business-onetext,.business-fourdes,.about-onetext {
  font-size: 14px;
}
.news-oneform {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 5px;
}
.news-oneform::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; }

.news-oneform::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.news-oneform::-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: #00b5e2; }

.suzynewspost-twotext video {
  display: block;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .foot-top-l h2 {
    font-size: 24px;
  }
  .newsporduct-threetable3 th,.newsporduct-fourh2 {
    font-size: 26px;
  }
  .neibanner-btm.active2 .neibanner-btmfixed {
    top: 75px;
  }
}
@media (min-width: 1260px) {
  .neibanner-btm.active2 .neibanner-btmfixed {
    top: 80px;
  }
}
@media (min-width: 1460px) {
  header .commonweb {
    padding: 0;
  }
}
@media (min-width: 1680px) {
  .neibanner-btm.active2 .neibanner-btmfixed {
    top: 80px;
  }
}