.mdcommonweb { padding: 0px 15px; }

.smcommonweb { padding: 0px 15px; }

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

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

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

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

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


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

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

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

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

ul, li { list-style: none; }

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

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

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

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

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

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

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

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

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

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

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

input, textarea, select { outline: none; }

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

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

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

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

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

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

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

.commonleft { float: none; }

.commonright { float: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



html, body { overflow-x: hidden; overflow-y: auto; }

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

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

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

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

.h-add-title2 { text-align: center; }

.h-add-title2 h4 { line-height: 1; font-size: 16px; margin-bottom: 5px; }

.h-add-title2 h5 { line-height: 1; color: #b3b3b3; }

.index-title { position: relative; }

.index-title span { font-size: 30px; font-weight: bold; line-height: 1; background: url(../webimages/h-fontbg01.png); -o-background-origin: border-box; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: rgba(241, 201, 201, 0.3); position: absolute; top: 0; left: 0; }

.index-title h2 { line-height: 1; font-size: 18px; padding-top: 18px; position: relative; font-weight: bold; z-index: 1; padding-bottom: 15px; }

.index-title h2::before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 30px; background-color: #eb3731; }

.index-title2 { position: relative; text-align: center; }

.index-title2 span { font-size: 50px; font-weight: bold; line-height: 1; background: url(../webimages/h-fontbg01.png); -o-background-origin: border-box; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.index-title2 h2 { line-height: 1; font-size: 18px; padding-top: 18px; position: relative; font-weight: bold; z-index: 1; padding-bottom: 15px; }

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

.h-index .inbanner-swiper .swiper-slide { overflow: hidden; }

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

.h-index .inbanner-page span { margin: 0 3px; background: rgba(255, 255, 255, 0.95); }

.h-index .inbanner-page .swiper-pagination-bullet-active { background: #ed1c24; }

.h-index .inbanner-item { display: block; overflow: hidden; }

.h-index .inbanner-item img { width: 100%; position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.h-index .inbanner-txt { position: absolute; top: 20%; left: 50%; width: 300px; margin-left: -150px; z-index: 5; text-align: center; color: #fff; }

.h-index .inbanner-txt h2 { width: 100%; line-height: 24px; font-size: 18px; padding: 10px 0; position: relative; margin-bottom: 5px; }

.h-index .inbanner-txt h2::after { content: ''; position: absolute; bottom: 1px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 2px; width: 30px; background-color: #ed1c24; }

.h-index .inbanner-txt p { letter-spacing: -1px; color: #ffffff; opacity: 0.52; line-height: 1.3; }

.h-index .inaboutus { padding-top: 30px; background: url(../webimages/h-inabout-bg.jpg) no-repeat top left; -o-background-size: 100% auto; background-size: 100% auto; position: relative; padding-bottom: 10px; }

.h-index .inaboutus .welcome { display: none; }

.h-index .inaboutus .content-r { padding-top: 20px; }

.h-index .inaboutus .txt { margin-top: 10px; color: #666666; }

.h-index .inaboutus::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 145px; background: url(../webimages/h-inabout-after.jpg) repeat; z-index: -1; }

.h-index .index-more { margin-top: 13px; }

.h-index .index-more a { display: inline-block; line-height: 30px; padding: 0 15px; width: 100px; background-image: url(../webimages/h-index-more-bg.png); -o-background-size: 100% 100%; background-size: 100% 100%; background-position: left top; color: #ff0000; position: relative; }

.h-index .index-more a::after { content: ''; position: absolute; top: 50%; -webkit-transform: translate(5px, -50%) rotate(-45deg); -moz-transform: translate(5px, -50%) rotate(-45deg); -ms-transform: translate(5px, -50%) rotate(-45deg); -o-transform: translate(5px, -50%) rotate(-45deg); transform: translate(5px, -50%) rotate(-45deg); width: 4px; height: 4px; border-right: solid 1px #ff0000; border-bottom: solid 1px #ff0000; }

.h-index .inabout-data { margin-top: 25px; }

.h-index .inabout-data ul { font-size: 0; }

.h-index .inabout-data li { width: 50%; padding: 0 15px; display: inline-block; font-size: 14px; vertical-align: top; text-align: center; margin-bottom: 15px; }

.h-index .inabout-data .num-box { font-weight: bold; line-height: 1; margin-bottom: 4px; }

.h-index .inabout-data .num { display: inline-block; vertical-align: middle; font-weight: normal; font-size: 20px; letter-spacing: -1px; }

.h-index .inabout-data .desc { color: #666666; }

.h-index .inservice { padding-top: 15px; }

.h-index .inservice-content { padding-left: 15px; padding-right: 15px; }

.h-index .inservice-title { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }

.h-index .inservice-title h2 { padding-top: 6px; }

.h-index .inservice-thumb-swiper { display: none; }

.h-index .inservice-swiper { overflow: hidden; position: relative; background: url(../webimages/h-inservice-bg.png) no-repeat center bottom; -o-background-size: 100% 100%; background-size: 100% 100%; }

.h-index .inservice-swiper .swiper-slide { overflow: hidden; position: relative; height: 100%; }

.h-index .inservice-swiper h2 { line-height: 1; font-size: 18px; margin-bottom: 8px; }

.h-index .inservice-swiper .desc { color: #636a6e; max-height: 60px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.h-index .inservice-swiper .word { padding: 15px; }

.h-index .inservice-swiper .h-thumb::before { content: ''; display: block; padding-bottom: 73.06889%; }

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

.h-index .inservice-page { text-align: center; margin-bottom: 5px; }

.h-index .inservice-page span { margin: 0 3px; background: rgba(0, 0, 0, 0.2); }

.h-index .inservice-page .swiper-pagination-bullet-active { background: #eb3731; }

.h-index .inproduct { padding-top: 25px; padding-bottom: 15px; }

.h-index .inproduct-content { padding-left: 15px; padding-right: 15px; margin-top: 18px; }

.h-index .inproduct-swiper { overflow: hidden; position: relative; }

.h-index .inproduct-swiper h2 { font-size: 18px; letter-spacing: -1px; line-height: 1; margin-bottom: 12px; padding-bottom: 10px; position: relative; }

.h-index .inproduct-swiper h2::after { content: ''; position: absolute; bottom: 0; left: 0; background-color: #f1413b; height: 2px; width: 20px; }

.h-index .inproduct-swiper .h-thumb { -webkit-box-shadow: 0 8px 15px -10px #989EA3; box-shadow: 0 8px 15px -10px #989EA3; }

.h-index .inproduct-swiper .desc { color: #666666; }

.h-index .inproduct-swiper .word { margin-top: 15px; padding-bottom: 15px; }

.h-index .inproduct-page { position: absolute; right: 0; bottom: 15px; }

.h-index .inproduct-page .current { color: #f1413b; font-size: 16px; }

.h-index .inproduct-page span { margin: 0 2px; }

.h-index .inproduct-page .total { position: relative; color: #929292; font-size: 12px; }

.h-index .inproduct-page .total::before { content: '/'; margin-right: 2px; }

.h-index .innews { padding-top: 25px; background-color: #F2F7F8; background-image: url(../webimages/h-innews-bg.jpg); background-repeat: no-repeat; -o-background-size: 100% auto; background-size: 100% auto; background-position: left bottom; padding-bottom: 25px; }

.h-index .innews-views { margin-top: 15px; }

.h-index .innews-swiper { overflow: hidden; padding: 0 3px; }

.h-index .innews-swiper h2 { line-height: 1.3; font-size: 18px; margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.h-index .innews-swiper .date { line-height: 1; display: block; color: #999999; }

.h-index .innews-swiper .desc { max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999999; }

.h-index .innews-swiper a { display: inline-block; }

.h-index .innews-l { margin-bottom: 25px; }

.h-index .innews-l .title-box { margin-bottom: 10px; }

.h-index .innews-l .word { padding: 15px; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); }

.h-index .innews-r li { margin-bottom: 15px; }

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

.h-index .innews-r li:nth-child(2) { padding-bottom: 12px; border-bottom: solid 1px #d9e5ea; }

.h-index .innews-r h2 { font-size: 16px; }

.h-index .innews-r a { display: table; width: 100%; table-layout: fixed; padding-bottom: 13px; background-color: #f2f7f8; }

.h-index .innews-r .h-thumb { width: 32.15926%; display: table-cell; vertical-align: top; position: relative; height: 100%; }

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

.h-index .innews-r .date { padding-left: 15px; background-image: url(../webimages/h-clock.png); background-position: left center; -o-background-size: 10px auto; background-size: 10px auto; }

.h-index .innews-r .desc { line-height: 1.3; height: 35px; max-height: 35px; margin-bottom: 8px; }

.h-index .innews-r .word { width: 67.84074%; display: table-cell; vertical-align: top; padding-left: 14px; }

.h-index .innews-btns { text-align: center; font-size: 0; margin-top: 20px; }

.h-index .innews-prev, .h-index .innews-next { width: 35px; height: 35px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; }

.h-index .innews-prev::before, .h-index .innews-next::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-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); width: 10px; height: 10px; margin-left: 2px; border-left: solid 1px #f1413b; border-bottom: solid 1px #f1413b; }

.h-index .innews-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.h-index .innews-links { line-height: 35px; text-align: center; padding: 0 15px; }

.h-index .innews-prev, .h-index .innews-links, .h-index .innews-next { display: inline-block; font-size: 14px; vertical-align: top; }

.h-index .h-thumb2 { display: none; }

.h-index .h-thumb2 img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.h-add-renzheng .renzhen-list { padding-top: 20px; }

.h-add-renzheng ul { font-size: 0; margin-left: -7px; margin-right: -7px; }

.h-add-renzheng li { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; padding: 0 7px; margin-bottom: 15px; }

.h-add-renzheng a { display: block; cursor: default; -webkit-box-shadow: 0 0 15px -2px #ddd; box-shadow: 0 0 15px -2px #ddd; }

.h-zhizao .h-zhizao-desc h4 { color: #ed1c24; line-height: 1; font-size: 18px; margin-bottom: 10px; font-weight: bold; }

.h-zhizao .h-zhizao-desc p { color: #333333; }

.h-zhizao .views1 { padding-top: 25px; }

.h-zhizao .views1 .content { margin-top: 28px; }

.h-zhizao .views1 .content-l { width: 24%; float: left; -webkit-box-shadow: 3px 5px 17px 0px rgba(12, 38, 104, 0.31); box-shadow: 3px 5px 17px 0px rgba(12, 38, 104, 0.31); }

.h-zhizao .views1 .content-r { width: 72%; float: right; }

.h-zhizao .smt-list { font-size: 0; margin-top: 20px; margin-left: -7px; margin-right: -7px; }

.h-zhizao .views2 { margin-top: 35px; }

.h-zhizao .views2 li { display: inline-block; font-size: 14px; vertical-align: top; width: 50%; padding: 0 7px; margin-bottom: 20px; }

.h-zhizao .views2 a { display: block; }

.h-zhizao .views2 .h-thumb { -webkit-box-shadow: 0px 23px 49px 0px rgba(174, 174, 174, 0.11); box-shadow: 0px 23px 49px 0px rgba(174, 174, 174, 0.11); margin-bottom: 12px; }

.h-zhizao .views2 h2 { font-size: 14px; line-height: 1.3; text-align: center; padding: 0 5px; color: #171717; }

.h-culture .h-culture-views { margin-top: 15px; }

.h-culture .h-culture-swiper { overflow: hidden; position: relative; padding: 10px 0; }

.h-culture .h-culture-swiper .swiper-slide-active .h-thumb { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }

.h-culture .h-culture-swiper .swiper-slide-active .h-thumb::before { opacity: 0; }

.h-culture .h-culture-swiper .h-thumb { -webkit-border-radius: 5px; border-radius: 5px; }

.h-culture .h-culture-swiper .h-thumb::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.h-culture .h-culture-content { margin-top: 30px; text-align: center; }

.h-culture .h-culture-content img { max-width: 100%; }

.h-cooperation .h-cooperation-nav { text-align: center; font-size: 0; margin-top: 25px; }

.h-cooperation .h-cooperation-nav a { display: inline-block; vertical-align: top; line-height: 35px; min-width: 80px; text-align: center; border: solid 1px #b3b3b3; -webkit-border-radius: 2px; border-radius: 2px; color: #b3b3b3; font-size: 14px; padding: 0 10px; margin: 0 5px; }

.h-cooperation .h-cooperation-nav .cur { background: #F04F4B; border-color: #F04F4B; color: #fff; }

.h-cooperation .h-cooperation-views { background: url(../webimages/h-cooperation-bg.png); -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; }

.h-cooperation .cooperation-1 { margin-top: 30px; padding-bottom: 80px; }

.h-cooperation .cooperation-2 { margin-top: 30px; }

.h-cooperation .cooperation-2 .content2 { margin-top: 25px; }

.h-cooperation .cooperation-3 { margin-top: 30px; padding-bottom: 10px; }

.h-cooperation .cooperation-3 li { position: relative; margin-bottom: 15px; }

.h-cooperation .cooperation-3 li::after { content: ''; position: absolute; top: 100%; width: 1px; height: 16px; background-color: #b3b3b3; left: 28px; }

.h-cooperation .cooperation-3 .list-item { border: solid 1px #b3b3b3; height: 54px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 0; display: table; table-layout: fixed; width: 100%; padding: 6px 8px; background: #fff; }

.h-cooperation .cooperation-3 .num { display: table-cell; vertical-align: middle; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-left: 8px; background-color: #d7e3ef; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; }

.h-cooperation .cooperation-3 .desc-box { display: table-cell; vertical-align: middle; width: 100%; padding-left: 20px; padding-right: 10px; }

.h-cooperation .cooperation-3 .desc { font-size: 14px; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.h-quality .h-quality-title { margin-bottom: 15px; }

.h-quality .h-quality-title h3 { line-height: 1; font-weight: bold; font-size: 18px; margin-bottom: 5px; }

.h-quality .h-quality-title h4 { color: #999999; font-size: 18px; }

.h-quality .quality-views { margin-top: 25px; }

.h-quality .quality-item { margin-bottom: 30px; }

.h-quality .quality-item:nth-child(1) h5 { color: #b41712; }

.h-quality .quality-item:nth-child(1) h5::after { background: #b41712; }

.h-quality .quality-item:nth-child(2) h5 { color: #f29600; }

.h-quality .quality-item:nth-child(2) h5::after { background: #f29600; }

.h-quality .quality-item:nth-child(3) h5 { color: #8dc21f; }

.h-quality .quality-item:nth-child(3) h5::after { background: #8dc21f; }

.h-quality .quality-item:nth-child(4) { margin-bottom: 0; }

.h-quality .quality-item:nth-child(4) h5 { color: #1d9ae2; }

.h-quality .quality-item:nth-child(4) h5::after { background: #1d9ae2; }

.h-quality .quality-item h5 { position: relative; line-height: 1; padding-bottom: 10px; font-size: 16px; margin-bottom: 12px; }

.h-quality .quality-item h5::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }

.h-quality .quality-item h5 span { color: #d9d9d9; font-size: 14px; margin-left: 5px; }

.h-quality .quality-item .content p { line-height: 24px; }

.h-quality .equipment-box { margin-top: 30px; }

.h-quality .equipment-image { padding-bottom: 10px; }

.h-quality .equipment-sw-item { height: 100%; position: absolute; top: 0; left: 0; width: 100%; padding-top: 7%; }

.h-quality .equipment-sw-item .h-thumb { width: 100%; text-align: center; }

.h-quality .equipment-sw-item .h-thumb img { max-width: 65%; }

.h-quality .equipment-sw-item h2 { max-width: 65%; margin-left: auto; margin-right: auto; }

.h-quality .equipment-swiper { overflow: hidden; background: url(../webimages/h-equipment-bg.jpg) no-repeat center center; -o-background-size: 100% 100%; background-size: 100% 100%; }

.h-quality .equipment-swiper .swiper-slide { height: 0; padding-bottom: 66.42857%; }

.h-quality .equipment-swiper h2 { line-height: 1.3; text-align: center; font-size: 14px; color: #03080d; margin-top: 12px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.h-quality .equipment-list { font-size: 0; padding-left: 5px; padding-right: 5px; margin-top: 20px; max-height: 327px; overflow-y: auto; overflow-x: hidden; }

.h-quality .equipment-list::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.h-quality .equipment-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.h-quality .equipment-list::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #b41712; }

.h-quality .equipment-list li { font-size: 14px; width: 50%; padding: 0 5px; margin-bottom: 10px; display: inline-block; vertical-align: top; }

.h-quality .equipment-list .cur .equipment-item { -webkit-box-shadow: 0px 5px 12px 0px rgba(8, 15, 20, 0.16); box-shadow: 0px 5px 12px 0px rgba(8, 15, 20, 0.16); border-color: #b41712; }

.h-quality .equipment-item { border: solid 1px #f2f2f2; padding: 10px 20px; }

.h-quality .equipment-desc-list { margin-top: 15px; }

.h-quality .equipment-desc-list li { display: table; table-layout: fixed; width: 100%; line-height: 35px; padding-left: 15px; padding-right: 15px; }

.h-quality .equipment-desc-list li:nth-child(odd) { background: #fafafa; }

.h-quality .equipment-desc-list span { text-align: right; width: 80px; display: table-cell; vertical-align: middle; }

.h-quality .equipment-desc-list .desc { display: table-cell; vertical-align: middle; line-height: 24px; }

.h-contactus { background: url(../webimages/h-contact-bg.png) no-repeat right bottom; -o-background-size: 100% auto; background-size: 100% auto; padding-top: 30px; }

.h-contactus #map { width: 100%; }

.h-contactus #map::before { content: ''; display: block; width: 100%; padding-bottom: 50%; }

.h-contactus .contact-map { margin-top: 30px; -webkit-box-shadow: 0 5px 10px -3px #C1C1C1; box-shadow: 0 5px 10px -3px #C1C1C1; }

.h-contactus .address-info { background: #fff; padding: 10px; }

.h-contactus .address-info h2 { line-height: 1; font-size: 16px; font-weight: bold; }

.h-contactus .address-info i { display: none; font-style: normal; }

.h-contactus .address-info span { margin-top: 5px; display: block; font-weight: normal; font-size: 14px; color: #cacaca; }

.h-contactus .contact-info { padding: 30px 0; border-bottom: solid 1px #efefef; }

.h-contactus .contact-info a { width: 35px; height: 35px; display: inline-block; vertical-align: middle; -webkit-border-radius: 100%; border-radius: 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; margin-right: 6px; }

.h-contactus .contact-info div { margin-bottom: 15px; }

.h-contactus .contact-info div:last-child { margin-bottom: 0; }

.h-contactus .contact-info p { font-weight: bold; }

.h-contactus .contact-info .address a { background-image: url(../webimages/h-contact-icon01.png); }

.h-contactus .contact-info .tel a { background-image: url(../webimages/h-contact-icon02.png); }

.h-contactus .contact-info .email a { background-image: url(../webimages/h-contact-icon03.png); }

.h-contactus .official { margin-top: 25px; padding-bottom: 30px; }

.h-contactus .official h5 { font-weight: bold; font-size: 18px; line-height: 1; }

.h-contactus .official-l { margin-top: 15px; }

.h-contactus .official-l img { margin-right: 10px; }

.h-contactus .official-r { margin-top: 15px; -webkit-border-radius: 1000px; border-radius: 1000px; background-color: #b41712; line-height: 40px; padding: 0 20px; display: inline-block; color: #fff; }

.h-industry .h-add-industry-desc { color: #333333; text-align: center; line-height: 1.3; margin-top: 10px; }

.h-industry .h-add-industry-views { margin-top: 30px; }

.h-industry .design-flow .h-thumb { margin-top: 25px; }

.h-industry .renderings-list, .h-industry .design-md-list, .h-industry .manufacture-list { margin-top: 25px; font-size: 0; }

.h-industry .renderings-list li, .h-industry .design-md-list li, .h-industry .manufacture-list li { width: 50%; display: inline-block; vertical-align: top; padding: 0 2px; margin-bottom: 4px; }

.h-industry .design-md-list li:nth-child(2) { float: left; }

.h-industry .procedure .procedure-desc { margin-top: 25px; text-align: center; }

.h-industry .procedure .h-thumb { margin-top: 15px; }

.h-industry .equipment-list { margin-top: 25px; }

.h-industry .equipment-list li { margin-bottom: 4px; }

.h-market .guidance { margin-top: 25px; }

.h-market .guidance .h-thumb { max-width: 70%; margin: 0 auto; }

.h-market .guidance .txt { background-position: left center; background-repeat: no-repeat; -o-background-size: auto 35px; background-size: auto 35px; padding-left: 50px; height: 40px; line-height: 40px; color: #c9151e; letter-spacing: 5px; }

.h-market .guidance .txt p { line-height: 1.3; display: inline-block; }

.h-market .guidance .word { margin-top: 18px; background-position: center center; -o-background-size: auto 100%; background-size: auto 100%; }

.h-market .guidance .word h4 { color: #333333; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; }

.h-market .guidance .word p { color: #333333; line-height: 22px; }

.h-market .guidance .word span { color: #b3b3b3; display: block; }

.h-market .guidance .word-item { margin-bottom: 15px; }

.h-market .guidance .word-item:last-child { margin-bottom: 0; }

.h-market .guidance-list { margin-top: 20px; }

.h-market .guidance-list li { margin-bottom: 30px; }

.h-market .guidance-list li:first-child .txt { background-image: url(../webimages/h-market-img02.png); }

.h-market .guidance-list li:first-child .word { background-image: url(../webimages/h-market-img03.png); }

.h-market .guidance-list li:nth-child(2) .txt { background-image: url(../webimages/h-market-img05.png); }

.h-market .guidance-list li:nth-child(2) .word { background-image: url(../webimages/h-market-img06.png); }

.h-market .guidance-list li:last-child { margin-bottom: 0; }

.h-market .guidance-list li:last-child .txt { background-image: url(../webimages/h-market-img08.png); }

.h-market .guidance-list li:last-child .word { background-image: url(../webimages/h-market-img09.png); }

.h-market .price { margin-top: 30px; }

.h-market .price-img { margin-top: 20px; border: solid 8px #f6f6f6; }

.h-market .benefits { margin-top: 30px; position: relative; z-index: 2; }

.h-market .benefits-list { margin-top: 25px; font-size: 0; text-align: center; margin-left: -8px; margin-right: -8px; }

.h-market .benefits-list li { font-size: 14px; display: inline-block; vertical-align: top; width: 100px; padding: 0 8px; margin: 0 5px; margin-bottom: 20px; }

.h-market .benefits-list p { line-height: 1.3; }

.h-market .benefits-list i { font-style: normal; }

.h-market .benefits-list .icon { display: block; position: relative; -webkit-border-radius: 100%; border-radius: 100%; border: dashed 1px #353535; width: 90%; margin: 0 auto; margin-bottom: 8px; }

.h-market .benefits-list .icon::before { content: ''; width: 100%; display: block; padding-bottom: 100%; }

.h-market .benefits-list .icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 30px; }

.h-sideMap { -o-background-size: cover; background-size: cover; background-position: center bottom; padding-top: 30px; background-image: url(../webimages/h-sideMap-bg.jpg); }

.h-sideMap .sideMap-views { padding: 20px 0 30px 0; }

.h-sideMap .sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }

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

.h-sideMap dl:last-child { margin-bottom: 0; }

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

.h-sideMap dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

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

.legalStatement-views { padding-top: 20px; }

@media (min-width: 768px) { .h-add-renzheng li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; width: 33.3333%; }
  .h-zhizao .views2 li { width: 33.3333%; }
  .h-cooperation .h-cooperation-views { background-position: center 20%; }
  .h-cooperation .cooperation-3 li { width: 50%; margin-left: auto; margin-right: 28px; margin-bottom: 20px; font-size: 0; }
  .h-cooperation .cooperation-3 li::after { height: 21px; }
  .h-cooperation .cooperation-3 li:nth-child(even) { margin-left: 28px; text-align: right; }
  .h-cooperation .cooperation-3 li:nth-child(even)::after { right: 28px; left: auto; }
  .h-cooperation .cooperation-3 li:nth-child(even) .num { right: 8px; left: auto; }
  .h-cooperation .cooperation-3 li:nth-child(even) .desc-box { padding-left: 10px; padding-right: 55px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .h-cooperation .cooperation-3 .list-item { min-width: 345px; width: auto; display: inline-block; position: relative; }
  .h-cooperation .cooperation-3 .num { position: absolute; left: 8px; top: 6px; margin-left: 0; }
  .h-cooperation .cooperation-3 .desc-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 100%; padding-left: 55px; }
  .h-quality .equipment-image { font-size: 0; width: 100%; padding-bottom: 0; -webkit-box-shadow: 0 15px 24px -15px #d6d6d6; box-shadow: 0 15px 24px -15px #d6d6d6; position: relative; }
  .h-quality .equipment-l { position: relative; float: left; width: 58.33333%; }
  .h-quality .equipment-r { position: absolute; top: 0; right: 0; width: 41.66667%; height: 100%; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
  .h-quality .equipment-sw-item { padding-top: 9%; }
  .h-quality .equipment-sw-item .h-thumb img { max-width: 60%; }
  .h-quality .equipment-list { margin-top: 0; max-height: 100%; margin-bottom: -10px; }
  .h-quality .equipment-desc-list { margin-top: 40px; }
  .h-contactus .official-qrcode { margin-bottom: 20px; }
  .h-contactus .official-l { float: left; margin-top: 0; }
  .h-contactus .official-r { float: right; margin-top: 12px; }
  .h-industry .renderings-list { margin-left: -2px; margin-right: -2px; }
  .h-industry .renderings-list li { width: auto; }
  .h-industry .renderings-list li:nth-child(1) { width: 24.58333%; }
  .h-industry .renderings-list li:nth-child(2) { width: 22.58333%; }
  .h-industry .renderings-list li:nth-child(3) { width: 26.16667%; }
  .h-industry .renderings-list li:nth-child(4) { width: 26.66667%; }
  .h-industry .design-md-list { margin-left: -2px; margin-right: -2px; }
  .h-industry .design-md-list li { width: auto; }
  .h-industry .design-md-list li:nth-child(1) { width: 40.91667%; }
  .h-industry .design-md-list li:nth-child(2) { width: 19.5%; float: none; }
  .h-industry .design-md-list li:nth-child(3) { width: 39.58333%; }
  .h-industry .manufacture-list { margin-left: -2px; margin-right: -2px; }
  .h-industry .manufacture-list li { width: auto; }
  .h-industry .manufacture-list li:nth-child(1) { width: 26.25%; }
  .h-industry .manufacture-list li:nth-child(2) { width: 25.33333%; }
  .h-industry .manufacture-list li:nth-child(3) { width: 23.33333%; }
  .h-industry .manufacture-list li:nth-child(4) { width: 25.08333%; }
  .h-industry .equipment-list { font-size: 0; }
  .h-industry .equipment-list li { padding: 0; margin: 0; display: inline-block; vertical-align: top; width: auto; }
  .h-industry .equipment-list li:nth-child(1) { width: 31.75%; }
  .h-industry .equipment-list li:nth-child(2) { width: 31.66667%; }
  .h-industry .equipment-list li:nth-child(3) { width: 36.58333%; }
  .h-sideMap .sitemapcont2 { padding: 5% 10px; }
  .h-sideMap dt { font-size: 20px; }
  .h-sideMap dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .h-sideMap dd a { margin: 0 45px 8px 0; } }

@media (min-width: 1024px) { .h-add-title h3 { font-size: 24px; padding-bottom: 15px; }
  .h-add-title2 h4 { font-size: 20px; margin-bottom: 10px; }
  .index-title2 span { font-size: 100px; }
  .index-title2 h2 { line-height: 100px; padding: 0; font-size: 30px; }
  .h-inbody { padding-top: 0; }
  .h-inbody .headerA .header { background: transparent; }
  .h-inbody .headerA .logo img { opacity: 1; }
  .h-inbody .headerA .logo img.out { opacity: 0; }
  .h-inbody .headerA nav a { color: #fff; }
  .h-inbody .headerA nav a .sub-nav a:hover { clear: #d90000; }
  .h-inbody .headerA .search-btn { background-image: url(../webimages/ml-searchico.png); }
  .h-inbody .headerA.active .header { background: #fff; }
  .h-inbody .headerA.active .logo img.out { opacity: 1; }
  .h-inbody .headerA.active .logo img.in { opacity: 0; }
  .h-inbody .headerA.active nav a { color: #333; }
  .h-inbody .headerA.active nav .sub-nav a { color: #fff; }
  .h-inbody .headerA.active nav .sub-nav a:hover { color: #d90000; }
  .h-inbody .headerA.active .search-btn { background-image: url(../webimages/ml-searchicoac.png); }
  .headerA .search-btn { background-image: url(../webimages/ml-searchicoac.png); }
  .h-index .inbanner-txt { top: 40%; left: 17%; margin-left: 0; width: auto; }
  .h-index .inbanner-txt p { text-align: left; }
  .h-index .inbanner-txt h2 { font-size: 35px; line-height: 1.3; text-align: left; padding-top: 0; padding-bottom: 20px; margin-bottom: 20px; }
  .h-index .inbanner-txt h2::after { height: 6px; width: 53px; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .h-index .index-more a { width: 155px; height: 44px; padding-left: 40px; line-height: 44px; font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .index-more a::after { margin-left: 7px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .index-more a::before { content: ''; position: absolute; left: 0; top: 0; width: 130px; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .index-more a:hover { color: #fff; background-image: url(../webimages/h-index-more-bg-o.png); width: 165px; }
  .h-index .index-more a:hover::before { -webkit-box-shadow: 0px 3px 7px 0px rgba(235, 55, 49, 0.35); box-shadow: 0px 3px 7px 0px rgba(235, 55, 49, 0.35); }
  .h-index .index-more a:hover::after { border-color: #fff; }
  .h-index .inproduct-page { width: 50px; height: 38px; bottom: 30px; right: 17.5%; z-index: 3; }
  .h-index .inproduct-page .current { position: absolute; top: 0; left: 0; font-size: 24px; letter-spacing: -1px; line-height: 1; margin: 0; }
  .h-index .inproduct-page .total { position: absolute; bottom: 0; right: 0; font-size: 16px; letter-spacing: -1px; line-height: 1; margin: 0; }
  .h-index .inproduct-page .total::before { content: ''; width: 25px; height: 1px; background-color: #989898; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left: -18px; }
  .h-index .inaboutus { padding-top: 45px; padding-bottom: 50px; }
  .h-index .inaboutus::after { height: 180px; z-index: 0; }
  .h-index .inaboutus .index-more { margin-top: 20px; }
  .h-index .inaboutus .welcome { display: block; background: url(../webimages/h-fontbg01.png); -o-background-origin: border-box; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 100px; font-weight: bold; position: absolute; top: 37%; left: -17%; z-index: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .h-index .inaboutus .content { display: table; table-layout: fixed; width: 100%; position: relative; z-index: 2; }
  .h-index .inaboutus .content-l { display: table-cell; vertical-align: top; width: 52.1875%; }
  .h-index .inaboutus .content-l .h-thumb { -webkit-box-shadow: 0 12px 20px -10px #9F9C9D; box-shadow: 0 12px 20px -10px #9F9C9D; }
  .h-index .inaboutus .content-r { padding-top: 30px; display: table-cell; vertical-align: top; width: 47.8125%; padding-left: 40px; }
  .h-index .inaboutus .txt { margin-top: 25px; line-height: 26px; }
  .h-index .inaboutus .index-title span { font-size: 80px; width: 450px; }
  .h-index .inaboutus .index-title h2 { padding-top: 48px; font-size: 26px; padding-bottom: 25px; }
  .h-index .inaboutus .index-title h2::before { width: 34px; height: 3px; }
  .h-index .inabout-data { margin-top: 80px; position: relative; z-index: 2; }
  .h-index .inabout-data ul { margin-left: -50px; margin-right: -50px; }
  .h-index .inabout-data .num { font-size: 40px; margin-top: -6px; position: relative; }
  .h-index .inabout-data .num::before { content: ''; position: absolute; top: -4px; left: -4px; width: 17px; height: 17px; background-color: #ff0000; z-index: -1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .inabout-data .num-box { font-size: 40px; text-shadow: 0px 3px 7px rgba(80, 80, 80, 0.35); margin-bottom: 11px; }
  .h-index .inabout-data .num-box:hover .num::before { opacity: 1; }
  .h-index .inabout-data .desc { font-size: 16px; }
  .h-index .inabout-data ul { text-align: center; }
  .h-index .inabout-data li { width: auto; max-width: 25%; padding: 0 50px; margin-bottom: 0; }
  .h-index .inservice { padding-top: 0; position: relative; }
  .h-index .inservice-title { margin-bottom: 0; position: absolute; left: 49.89583%; z-index: 2; padding: 0; top: 30px; margin-left: 5.57292%; }
  .h-index .inservice-title span { font-size: 70px; }
  .h-index .inservice-title h2 { font-size: 26px; padding-top: 21px; padding-bottom: 30px; }
  .h-index .inservice-title h2::before { width: 34px; height: 3px; }
  .h-index .inservice-content { padding: 0; }
  .h-index .inservice-swiper h2 { font-size: 22px; }
  .h-index .inservice-swiper .swiper-slide { visibility: hidden; }
  .h-index .inservice-swiper .swiper-slide-active { visibility: visible; }
  .h-index .inservice-swiper .swiper-item { display: table; table-layout: fixed; width: 100%; }
  .h-index .inservice-swiper .h-thumb { display: table-cell; vertical-align: top; width: 49.89583%; }
  .h-index .inservice-swiper .word { display: table-cell; vertical-align: top; padding-left: 5.57292%; padding-right: 40px; width: 50.10417%; padding-top: 12%; }
  .h-index .inservice-swiper .desc { font-size: 15px; }
  .h-index .inservice-page { display: none; }
  .h-index .inservice-thumb-swiper { display: block; position: absolute; bottom: 2px; left: 49.89583%; width: 40.9375%; margin-left: -7.0999%; overflow: hidden; padding-bottom: 15px; }
  .h-index .inservice-thumb-swiper .swiper-slide { border: solid 1px transparent; position: relative; cursor: pointer; }
  .h-index .inservice-thumb-swiper .h-thumb { -webkit-box-shadow: 0 5px 12px -3px #636363; box-shadow: 0 5px 12px -3px #636363; }
  .h-index .inservice-thumb-swiper .h-thumb::after { content: ''; display: block; padding-bottom: 66.43836%; }
  .h-index .inservice-thumb-swiper .h-thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-width: none; height: 100%; }
  .h-index .inservice-thumb-swiper .cur { border-color: #ff0000; }
  .h-index .inservice-thumb-swiper .cur::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px #ff0000; z-index: 2; }
  .h-index .inproduct { padding-top: 40px; }
  .h-index .inproduct-content { margin-top: 28px; padding: 0; }
  .h-index .inproduct-swiper { padding-bottom: 20px; }
  .h-index .inproduct-swiper h2 { font-size: 24px; padding-bottom: 20px; margin-bottom: 18px; }
  .h-index .inproduct-swiper h2::after { width: 34px; height: 3px; }
  .h-index .inproduct-swiper .desc { max-height: 104px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .h-index .inproduct-swiper .index-more { margin-top: 24px; }
  .h-index .inproduct-swiper .swiper-item { display: table; table-layout: fixed; width: 100%; position: relative; }
  .h-index .inproduct-swiper .swiper-slide-active .h-thumb2 { opacity: 0; pointer-events: none; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; z-index: -1; }
  .h-index .inproduct-swiper .swiper-slide-active .word { opacity: 1; }
  .h-index .inproduct-swiper .swiper-slide-next .h-thumb2 { opacity: 0; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .h-index .inproduct-swiper .swiper-slide-prev .h-thumb2 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .h-index .inproduct-swiper .swiper-slide { width: 60.625%; }
  .h-index .inproduct-swiper .h-thumb { width: 54.12371%; display: table-cell; vertical-align: top; -webkit-box-shadow: 0 15px 25px -15px #989EA3; box-shadow: 0 15px 25px -15px #989EA3; }
  .h-index .inproduct-swiper .h-thumb::after { content: ''; display: block; padding-bottom: 86.03175%; }
  .h-index .inproduct-swiper .h-thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-width: none; height: 100%; }
  .h-index .inproduct-swiper .h-thumb2 { width: 54.12371%; position: absolute; top: 0; right: 0; display: block; opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-box-shadow: 0 15px 25px -15px #989EA3; box-shadow: 0 15px 25px -15px #989EA3; }
  .h-index .inproduct-swiper .h-thumb2::after { content: ''; display: block; padding-bottom: 86.03175%; }
  .h-index .inproduct-swiper .h-thumb2 img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-width: none; height: 100%; }
  .h-index .inproduct-swiper .word { display: table-cell; vertical-align: top; width: 45.87629%; padding-left: 4%; padding-top: 3.02083%; }
  .h-index .inproduct-btns { font-size: 0; position: absolute; z-index: 3; bottom: 28px; left: 55.20833%; }
  .h-index .inproduct-btns div { display: inline-block; vertical-align: top; width: 38px; height: 38px; background-color: #f2f2f2; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 15px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .inproduct-btns div:hover { -webkit-box-shadow: 0px 3px 7px 0px rgba(235, 55, 49, 0.35); box-shadow: 0px 3px 7px 0px rgba(235, 55, 49, 0.35); background-color: #F14B47; }
  .h-index .inproduct-btns div:hover::after { border-color: #fff; }
  .h-index .inproduct-btns div::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-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); width: 10px; height: 10px; border-left: solid 1px #b2b2b2; border-bottom: solid 1px #b2b2b2; margin-left: 3px; }
  .h-index .inproduct-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .h-index .innews { padding-top: 50px; padding-bottom: 60px; }
  .h-index .innews-views { margin-top: 22px; }
  .h-index .innews-swiper { padding-bottom: 10px; }
  .h-index .innews-swiper .desc { line-height: 24px; max-height: 48px; height: 48px; }
  .h-index .innews-l { margin-bottom: 0; width: 46.25%; float: left; }
  .h-index .innews-l .word { padding: 25px 23px; }
  .h-index .innews-l .h-thumb::after { display: block; content: ''; padding-bottom: 59.12162%; }
  .h-index .innews-l .h-thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; max-width: none; }
  .h-index .innews-r { width: 51.01563%; float: right; }
  .h-index .innews-r li { margin-bottom: 20px; }
  .h-index .innews-r .h-thumb { height: auto; float: left; }
  .h-index .innews-r .h-thumb::before { content: ''; display: block; width: 100%; padding-bottom: 64.28571%; }
  .h-index .innews-r .word { float: left; }
  .h-index .innews-r h2 { font-size: 18px; }
  .h-index .innews-r a { display: block; }
  .h-index .innews-r .desc { margin-bottom: 18px; }
  .h-index .innews-btns { margin-top: 35px; }
  .h-add-renzheng .renzhen-list { padding-top: 40px; }
  .h-add-renzheng ul { margin-left: -20px; margin-right: -20px; }
  .h-add-renzheng li { padding-left: 20px; padding-right: 20px; margin-bottom: 36px; }
  .h-add-renzheng a { -webkit-box-shadow: 0 0 20px -2px #ddd; box-shadow: 0 0 20px -2px #ddd; }
  .h-zhizao { padding-bottom: 60px; }
  .h-zhizao .h-zhizao-desc h4 { font-size: 24px; margin-bottom: 20px; }
  .h-zhizao .h-zhizao-desc p { font-size: 16px; }
  .h-zhizao .views1 { padding-top: 40px; }
  .h-zhizao .views1 .content { margin-top: 50px; }
  .h-zhizao .views1 .content-l { -webkit-box-shadow: 7px 13px 43px 0px rgba(12, 38, 104, 0.31); box-shadow: 7px 13px 43px 0px rgba(12, 38, 104, 0.31); max-width: 252px; }
  .h-zhizao .views1 .content-r { max-width: 715px; }
  .h-zhizao .views2 { margin-top: 90px; }
  .h-zhizao .views2 li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; width: 25%; }
  .h-zhizao .views2 .h-thumb { -webkit-box-shadow: 0px 23px 49px 0px rgba(174, 174, 174, 0.11); box-shadow: 0px 23px 49px 0px rgba(174, 174, 174, 0.11); margin-bottom: 25px; }
  .h-zhizao .views2 h2 { font-size: 18px; }
  .h-zhizao .smt-list { margin-top: 40px; margin-left: -15px; margin-right: -15px; }
  .h-culture { padding-bottom: 60px; }
  .h-culture .h-culture-views { margin-top: 30px; padding-left: 70px; padding-right: 70px; position: relative; }
  .h-culture .h-culture-prev, .h-culture .h-culture-next { position: absolute; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 10px -3px #d2d2d2; box-shadow: 0 0 10px -3px #d2d2d2; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; }
  .h-culture .h-culture-prev::before, .h-culture .h-culture-next::before { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-left: solid 2px #bababa; border-bottom: solid 2px #bababa; margin-left: 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-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 .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-culture .h-culture-prev:hover, .h-culture .h-culture-next:hover { background-color: #ed1c24; }
  .h-culture .h-culture-prev:hover::before, .h-culture .h-culture-next:hover::before { border-color: #fff; }
  .h-culture .h-culture-prev { left: 0; }
  .h-culture .h-culture-next { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .h-culture .h-culture-swiper .h-thumb { -webkit-border-radius: 10px; border-radius: 10px; }
  .h-culture .h-culture-swiper .swiper-slide-active .h-thumb { -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); }
  .h-culture .h-culture-content { margin-top: 50px; }
  .h-cooperation .h-cooperation-nav { margin-top: 40px; }
  .h-cooperation .h-cooperation-nav a { min-width: 138px; line-height: 38px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-left: 15px; margin-right: 15px; }
  .h-cooperation .h-cooperation-nav a:hover { background: #F04F4B; border-color: #F04F4B; color: #fff; }
  .h-cooperation .cooperation-1 { margin-top: 60px; padding-bottom: 143px; }
  .h-cooperation .cooperation-2 { margin-top: 60px; padding-bottom: 100px; }
  .h-cooperation .cooperation-2 .content2 { margin-top: 54px; }
  .h-cooperation .cooperation-3 { margin-top: 60px; padding-bottom: 80px; }
  .h-cooperation .cooperation-3 .list-item { height: 64px; }
  .h-cooperation .cooperation-3 .num { line-height: 50px; height: 50px; width: 50px; font-size: 18px; }
  .h-cooperation .cooperation-3 .desc-box { height: 50px; padding-left: 90px; }
  .h-cooperation .cooperation-3 .desc { font-size: 16px; }
  .h-cooperation .cooperation-3 li { margin-bottom: 30px; margin-right: 33px; }
  .h-cooperation .cooperation-3 li::after { height: 30px; left: 33px; }
  .h-cooperation .cooperation-3 li:nth-child(even) { margin-left: 33px; }
  .h-cooperation .cooperation-3 li:nth-child(even) .desc-box { padding-right: 90px; padding-left: 48px; }
  .h-cooperation .cooperation-3 li:nth-child(even)::after { right: 33px; }
  .h-quality { padding-bottom: 60px; }
  .h-quality .quality-views { margin-top: 50px; }
  .h-quality .h-quality-title { margin-bottom: 40px; }
  .h-quality .h-quality-title h3 { font-size: 22px; margin-bottom: 15px; }
  .h-quality .h-quality-title h4 { font-size: 22px; line-height: 1; }
  .h-quality .quality-item { width: 280px; }
  .h-quality .quality-item h5 { font-size: 18px; }
  .h-quality .quality-item h5 span { margin-left: 9px; }
  .h-quality .quality-item h5::after { width: 250px; }
  .h-quality .quality-item:nth-child(2) { position: absolute; top: 0; right: 0; }
  .h-quality .quality-item:nth-child(3) { position: absolute; top: 60%; left: 0; }
  .h-quality .quality-item:nth-child(4) { position: absolute; top: 60%; right: 0; }
  .h-quality .quality-box { position: relative; height: 600px; background: url(../webimages/h-quality-img.png) no-repeat 45% 19%; }
  .h-quality .equipment-box { margin-top: 80px; }
  .h-quality .equipment-swiper h2 { margin-top: 30px; }
  .h-quality .equipment-r { padding-left: 20px; padding-top: 20px; padding-bottom: 20px; }
  .h-quality .equipment-list { padding-right: 10px; }
  .h-quality .equipment-item { padding: 15px 25px; }
  .h-quality .equipment-sw-item { padding-top: 9%; }
  .h-quality .equipment-sw-item .h-thumb img { max-width: 64.28571%; }
  .h-quality .equipment-desc-list { margin-top: 70px; }
  .h-quality .equipment-desc-list li { font-size: 15px; padding: 10px 26px; height: 42px; line-height: 21px; }
  .h-contactus { padding-top: 75px; }
  .h-contactus .contact-map { margin-top: 50px; }
  .h-contactus .address-info { padding-left: 30px; padding-top: 25px; padding-bottom: 25px; }
  .h-contactus .address-info h2 { font-size: 18px; line-height: 20px; }
  .h-contactus .address-info i { display: inline; margin-right: 20px; }
  .h-contactus .address-info span { display: inline; margin-left: 35px; }
  .h-contactus .contact-info { font-size: 0; padding-top: 60px; padding-bottom: 60px; }
  .h-contactus .contact-info div { font-size: 14px; display: inline-block; vertical-align: top; width: 33.3333%; padding-right: 30px; margin-bottom: 0; height: 35px; }
  .h-contactus .contact-info a { float: left; }
  .h-contactus .contact-info p { line-height: 35px; margin-left: 50px; }
  .h-contactus .contact-info span { line-height: 1.3; display: inline-block; }
  .h-contactus .official { margin-top: 50px; padding-bottom: 100px; }
  .h-contactus .official h5 { font-size: 22px; margin-bottom: 40px; }
  .h-contactus .official-r { padding: 0 40px; }
  .h-industry { padding-bottom: 100px; }
  .h-industry .h-add-industry-desc { font-size: 16px; margin-top: 20px; }
  .h-industry .h-add-industry-views { margin-top: 65px; }
  .h-industry .design-flow .h-thumb { margin-top: 40px; }
  .h-industry .procedure .procedure-desc { margin-top: 40px; font-size: 16px; }
  .h-industry .procedure .h-thumb { margin-top: 30px; }
  .h-industry .renderings-list, .h-industry .design-md-list, .h-industry .manufacture-list, .h-industry .equipment-list { margin-top: 40px; }
  .h-market { padding-bottom: 70px; }
  .h-market .guidance { margin-top: 40px; }
  .h-market .guidance .word-item { margin-bottom: 30px; }
  .h-market .guidance-list { margin-top: 60px; }
  .h-market .guidance-list li { position: relative; margin-bottom: 90px; }
  .h-market .guidance-list li:nth-child(even) .h-thumb { float: right; width: 41%; margin-left: 0; margin-right: -2.5%; }
  .h-market .guidance-list li:nth-child(even) .word { float: left; }
  .h-market .guidance-list .h-thumb { float: left; width: 41%; margin-left: -2.5%; }
  .h-market .guidance-list .word { float: right; width: 35.41667%; margin-top: 0; -o-background-size: auto 100%; background-size: auto 100%; }
  .h-market .guidance-list .word h4 { font-size: 18px; }
  .h-market .guidance-list .word p { font-size: 16px; line-height: 32px; }
  .h-market .guidance-list .txt { position: absolute; left: 50%; top: 0; height: 100%; padding-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 85px; -o-background-size: 100% auto; background-size: 100% auto; }
  .h-market .guidance-list .txt p { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: tb-lr; writing-mode: tb-lr; height: 100%; display: block; text-align: center; font-size: 22px; letter-spacing: 15px; margin-left: 28px; position: absolute; }
  .h-market .guidance-list .txt p::before { content: '\\'; color: #333; margin-bottom: 20px; }
  .h-market .guidance-list .txt p::after { content: '\\'; color: #333; margin-top: 20px; }
  .h-market .price { margin-top: 60px; }
  .h-market .price-img { margin-top: 30px; border-width: 16px; }
  .h-market .benefits { margin-top: 55px; }
  .h-market .benefits-list { margin-top: 60px; margin-left: -4.25%; margin-right: -4.25%; }
  .h-market .benefits-list li { margin: 0; padding: 0 4.25%; width: 20%; }
  .h-market .benefits-list li:last-child span::after { display: none; }
  .h-market .benefits-list p { font-size: 16px; line-height: 32px; }
  .h-market .benefits-list i { display: block; }
  .h-market .benefits-list span::after { content: ''; position: absolute; left: 50%; top: 50%; height: 1px; width: 200px; border-top: dashed 1px #333333; z-index: -1; }
  .h-market .benefits-list .icon { width: 100%; margin-bottom: 12px; background: #fff; }
  .h-market .benefits-list .icon img { width: auto; max-width: none; height: 50px; }
  .h-sideMap { padding-top: 75px; }
  .h-sideMap .sideMap-views { padding: 50px 0; }
  .h-sideMap .sitemapcont2 { padding: 3.5% 30px; }
  .h-sideMap dl { margin-bottom: 55px; }
  .legalStatement-views { padding-bottom: 60px; } }

@media (min-width: 1200px) { .headerA nav li > a { padding-left: 10px; padding-right: 10px; }
  .h-add-title h3 { font-size: 30px; padding-bottom: 23px; }
  .h-add-title h3::after { width: 60px; }
  .h-add-title2 h4 { font-size: 24px; }
  .index-title2 span { font-size: 130px; }
  .index-title2 h2 { line-height: 130px; }
  .h-add-renzheng .renzhen-list { padding-top: 68px; padding-bottom: 100px; }
  .h-add-renzheng ul { margin-left: -28px; margin-right: -28px; }
  .h-add-renzheng li { padding-left: 28px; padding-right: 28px; }
  .h-add-renzheng a { -webkit-box-shadow: 0 0 30px -2px #ddd; box-shadow: 0 0 30px -2px #ddd; }
  .h-zhizao { padding-bottom: 100px; }
  .h-zhizao .h-zhizao-desc h4 { font-size: 30px; margin-bottom: 34px; }
  .h-zhizao .views1 { padding-top: 66px; }
  .h-zhizao .views1 .content { margin-top: 63px; }
  .h-zhizao .views2 { margin-top: 146px; }
  .h-zhizao .views2 h2 { font-size: 20px; line-height: 32px; }
  .h-zhizao .views2 .h-thumb { margin-bottom: 32px; }
  .h-zhizao .views2 li { margin-bottom: 40px; }
  .h-zhizao .smt-list { margin-top: 67px; }
  .h-culture { padding-bottom: 107px; }
  .h-culture .h-culture-swiper .swiper-slide { width: 655px; }
  .h-culture .h-culture-views { padding-left: 125px; padding-right: 125px; margin-top: 54px; }
  .h-culture .h-culture-next, .h-culture .h-culture-prev { width: 64px; height: 64px; -webkit-box-shadow: 0 0 18px -3px #d2d2d2; box-shadow: 0 0 18px -3px #d2d2d2; }
  .h-culture .h-culture-next::before, .h-culture .h-culture-prev::before { width: 20px; height: 20px; margin-left: 4px; }
  .h-culture .h-culture-content { margin-top: 55px; }
  .h-cooperation .h-cooperation-nav { margin-top: 66px; }
  .h-cooperation .h-cooperation-views { -o-background-size: auto; background-size: auto; }
  .h-cooperation .cooperation-1 { margin-top: 90px; padding-bottom: 312px; }
  .h-cooperation .cooperation-2 { margin-top: 90px; padding-bottom: 185px; }
  .h-cooperation .cooperation-2 .content2 { margin-top: 100px; }
  .h-cooperation .cooperation-3 { margin-top: 100px; padding-bottom: 140px; }
  .h-cooperation .cooperation-3 li { margin-right: 38px; }
  .h-cooperation .cooperation-3 li::after { left: 38px; }
  .h-cooperation .cooperation-3 li:nth-child(even) { margin-left: 38px; }
  .h-cooperation .cooperation-3 li:nth-child(even)::after { right: 38px; }
  .h-cooperation .cooperation-3 .list-item { height: 74px; }
  .h-cooperation .cooperation-3 .desc { font-size: 20px; }
  .h-cooperation .cooperation-3 .num { font-size: 20px; height: 60px; width: 60px; line-height: 60px; }
  .h-cooperation .cooperation-3 .desc-box { height: 60px; padding-right: 48px; }
  .h-quality { padding-bottom: 100px; }
  .h-quality .h-quality-title { margin-bottom: 60px; }
  .h-quality .h-quality-title h3 { font-size: 24px; }
  .h-quality .h-quality-title h4 { font-size: 24px; }
  .h-quality .quality-views { margin-top: 80px; }
  .h-quality .quality-item { width: 390px; }
  .h-quality .quality-box { height: 800px; }
  .h-quality .equipment-box { margin-top: 0; }
  .h-quality .equipment-r { padding-top: 30px; padding-bottom: 30px; padding-right: 10px; }
  .h-quality .equipment-list { padding-right: 19px; }
  .h-quality .equipment-list .cur .equipment-item { -webkit-box-shadow: 0px 10px 24px 0px rgba(8, 15, 20, 0.16); box-shadow: 0px 10px 24px 0px rgba(8, 15, 20, 0.16); }
  .h-quality .equipment-swiper h2 { margin-top: 40px; }
  .h-quality .equipment-image { -webkit-box-shadow: 0 35px 35px -30px #d6d6d6; box-shadow: 0 35px 35px -30px #d6d6d6; }
  .h-quality .equipment-desc-list { margin-top: 90px; }
  .h-quality .equipment-desc-list li { padding-left: 38px; padding-right: 75px; }
  .h-contactus .contact-map { margin-top: 80px; -webkit-box-shadow: 0 18px 25px -10px #C1C1C1; box-shadow: 0 18px 25px -10px #C1C1C1; }
  .h-contactus .address-info { padding-left: 50px; padding-top: 40px; padding-bottom: 40px; }
  .h-contactus .address-info h2 { font-size: 20px; }
  .h-contactus .address-info span { margin-left: 48px; }
  .h-contactus .contact-info { padding-top: 96px; padding-bottom: 96px; }
  .h-contactus .contact-info div { height: 44px; }
  .h-contactus .contact-info a { height: 44px; width: 44px; }
  .h-contactus .contact-info p { line-height: 44px; margin-left: 60px; }
  .h-contactus .official { margin-top: 87px; padding-bottom: 195px; }
  .h-contactus .official h5 { font-size: 24px; margin-bottom: 60px; }
  .h-contactus .official-r { min-width: 300px; text-align: center; line-height: 50px; margin-top: 7px; }
  .h-industry { padding-bottom: 213px; }
  .h-industry .h-add-industry-desc { font-size: 18px; margin-top: 25px; }
  .h-industry .h-add-industry-views { margin-top: 100px; }
  .h-industry .design-flow .h-thumb { margin-top: 59px; }
  .h-industry .procedure .procedure-desc { margin-top: 59px; }
  .h-industry .procedure .h-thumb { margin-top: 40px; }
  .h-industry .renderings-list, .h-industry .design-md-list, .h-industry .manufacture-list, .h-industry .equipment-list { margin-top: 59px; }
  .h-market { padding-bottom: 120px; }
  .h-market .guidance { margin-top: 64px; }
  .h-market .guidance-list { margin-top: 80px; }
  .h-market .guidance-list li { margin-bottom: 120px; }
  .h-market .guidance-list li:first-child .txt { -o-background-size: 85px auto; background-size: 85px auto; }
  .h-market .guidance-list li:nth-child(2) .txt { -o-background-size: 110px auto; background-size: 110px auto; }
  .h-market .guidance-list li:nth-child(3) .txt { -o-background-size: 101px auto; background-size: 101px auto; }
  .h-market .guidance-list .txt { width: 150px; background-position: center center; }
  .h-market .guidance-list .txt p { font-size: 24px; margin-left: 59px; }
  .h-market .guidance-list .txt p::after { margin-top: 40px; }
  .h-market .guidance-list .txt p::before { margin-bottom: 40px; }
  .h-market .price { margin-top: 100px; }
  .h-market .price-img { margin-top: 40px; border-width: 20px; margin-left: -20px; margin-right: -20px; }
  .h-market .benefits { margin-top: 75px; }
  .h-market .benefits-list { margin-top: 98px; }
  .h-index .inbanner-txt h2 { font-size: 45px; line-height: 1.5; }
  .h-index .inaboutus { padding-top: 70px; padding-bottom: 82px; }
  .h-index .inaboutus .commonweb { max-width: 1280px; padding: 0 60px; }
  .h-index .inaboutus::after { height: 243px; }
  .h-index .inaboutus .index-title span { font-size: 95px; width: 525px; }
  .h-index .inaboutus .index-title h2 { font-size: 32px; padding-top: 57px; padding-bottom: 40px; }
  .h-index .inaboutus .txt { margin-top: 30px; line-height: 30px; max-height: 120px; }
  .h-index .inaboutus .content-l .h-thumb { -webkit-box-shadow: 0 15px 20px -10px #9F9C9D; box-shadow: 0 15px 20px -10px #9F9C9D; }
  .h-index .inaboutus .content-r { padding-left: 50px; }
  .h-index .inaboutus .index-more { margin-top: 34px; }
  .h-index .inaboutus .welcome { font-size: 130px; }
  .h-index .inabout-data { margin-top: 128px; }
  .h-index .inabout-data ul { margin-left: -70px; margin-right: -70px; }
  .h-index .inabout-data .num { font-size: 60px; }
  .h-index .inabout-data li { padding: 0 70px; }
  .h-index .inservice-title span { font-size: 90px; }
  .h-index .inservice-title h2 { font-size: 32px; padding-top: 28px; padding-bottom: 40px; }
  .h-index .inservice-swiper h2 { margin-bottom: 12px; }
  .h-index .inservice-swiper .index-more { margin-top: 18px; }
  .h-index .inservice-swiper .word { padding-top: 13%; }
  .h-index .inservice-swiper .desc { line-height: 26px; max-height: 78px; }
  .h-index .inproduct-swiper .desc { line-height: 30px; max-height: 120px; }
  .h-index .inproduct-swiper .index-more { margin-top: 30px; }
  .h-index .inproduct { padding-top: 62px; padding-bottom: 80px; }
  .h-index .innews { padding-top: 55px; padding-bottom: 87px; }
  .h-index .innews .commonweb { max-width: 1280px; padding: 0 60px; }
  .h-index .innews-swiper h2 { font-size: 22px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .h-index .innews-swiper a:hover h2 { color: #f1413b; }
  .h-index .innews-swiper a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.03); -moz-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  .h-index .innews-btns { margin-top: 44px; }
  .h-index .innews-prev, .h-index .innews-next { height: 46px; width: 46px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .h-index .innews-prev::before, .h-index .innews-next::before { height: 12px; width: 12px; border-width: 2px; }
  .h-index .innews-links { line-height: 46px; padding: 0 32px; font-size: 16px; }
  .h-index .innews-l .word { padding: 28px 27px 30px 23px; }
  .h-index .innews-l .title-box { display: table; table-layout: fixed; width: 100%; }
  .h-index .innews-l h2 { display: table-cell; vertical-align: middle; margin-bottom: 0; width: 100%; padding-right: 15px; }
  .h-index .innews-l .date { display: table-cell; vertical-align: middle; width: 70px; }
  .h-index .innews-r li { margin-bottom: 25px; }
  .h-index .innews-r .word { padding-left: 20px; padding-top: 8px; }
  .h-index .innews-r h2 { font-size: 20px; }
  .h-index .innews-r .desc { margin-bottom: 8px; }
  .h-index .innews-r .date { -o-background-size: 14px; background-size: 14px; padding-left: 22px; }
  .legalStatement-views { padding: 40px 0 100px 0; }
  .h-sideMap .sideMap-views { padding-bottom: 100px; } }

@media (min-width: 1360px) { .h-index .inaboutus .commonweb, .h-index .innews .commonweb { padding: 0; } }

@media (min-width: 1460px) { .headerA nav li > a { padding-left: 17px; padding-right: 17px; }
  .h-index .inbanner-txt h2 { font-size: 50px; }
  .h-index .inaboutus .index-title span { font-size: 105px; width: 550px; }
  .h-index .inaboutus .index-title h2 { padding-top: 64px; padding-bottom: 44px; }
  .h-index .inaboutus .txt { margin-top: 32px; }
  .h-index .inaboutus .content-r { padding-left: 78px; }
  .h-index .inservice-title { top: 10%; }
  .h-index .inservice-swiper h2 { font-size: 24px; margin-bottom: 18px; }
  .h-index .inservice-swiper .desc { line-height: 30px; max-height: 120px; }
  .h-index .inservice-swiper .index-more { margin-top: 34px; }
  .h-index .inservice-swiper .word { padding-right: 18.64583%; }
  .h-index .inproduct-swiper .word { padding-top: 40px; padding-left: 50px; }
  .h-index .inproduct-swiper h2 { font-size: 30px; padding-bottom: 30px; margin-bottom: 22px; }
  .h-index .inproduct-swiper .desc { font-size: 15px; }
  .h-index .inproduct-swiper .index-more { margin-top: 40px; }
  .h-index .inproduct-btns { bottom: 48px; left: 56.25%; }
  .h-index .inproduct-page { bottom: 48px; right: 20%; }
  .h-index .inproduct { padding-bottom: 118px; }
  .h-index .innews-r .word { padding-left: 25px; padding-top: 10px; }
  .h-index .innews-r h2 { margin-bottom: 8px; }
  .h-index .innews-r .desc { margin-bottom: 18px; }
  .h-add-renzheng .renzhen-list { padding-bottom: 200px; } }

@media (min-width: 1660px) { .index-title2 span { font-size: 180px; }
  .index-title2 h2 { font-size: 40px; line-height: 180px; }
  .h-index .inbanner-txt h2 { font-size: 56px; }
  .h-index .inaboutus .index-title span { font-size: 120px; width: 650px; }
  .h-index .inaboutus .index-title h2 { padding-top: 72px; }
  .h-index .inaboutus .content-r { padding-top: 40px; }
  .h-index .inaboutus .welcome { top: 315px; font-size: 150px; letter-spacing: -7px; left: -198px; }
  .h-index .inservice-title { top: 50px; }
  .h-index .inservice-title h2 { font-size: 40px; padding-top: 44px; padding-bottom: 60px; }
  .h-index .inservice-title span { font-size: 130px; }
  .h-index .inservice-thumb-swiper { margin-left: -7.47%; bottom: 15px; }
  .h-index .inservice-swiper .word { padding-top: 13.95833%; }
  .h-index .inproduct { padding-top: 55px; padding-bottom: 100px; }
  .h-index .inproduct-content { margin-top: 40px; }
  .h-index .inproduct-swiper { padding-bottom: 40px; }
  .h-index .inproduct-swiper .h-thumb, .h-index .inproduct-swiper .h-thumb2 { -webkit-box-shadow: 0 25px 25px -15px #989EA3; box-shadow: 0 25px 25px -15px #989EA3; }
  .h-index .inproduct-swiper .word { padding-top: 53px; padding-left: 5.59105%; }
  .h-index .inproduct-swiper .index-more { margin-top: 50px; }
  .h-index .inproduct-swiper h2 { padding-bottom: 46px; margin-bottom: 25px; }
  .h-index .inproduct-btns, .h-index .inproduct-page { bottom: 68px; } }

@media (min-width: 1760px) { .h-index .inservice-title { top: 78px; } }

#ie-alert-overlay { width: 100%; height: 100%; background: url(../webimages/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(../webimages/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(../webimages/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 div{ 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; -o-background-size: auto 16px; background-size: auto 16px; background-image: url(../webimages/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; -moz-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;  } }