html { font-size: 62.5%; min-height: 100% }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑', 'Tahoma', 'Arial', 'sans-serif'; font-weight: normal; position: relative; margin: 0; padding: 0 }
body { font-size: 12px; line-height: 1.8; overflow-y: scroll; padding-top: 150px; color: rgb(77, 77, 77) }
@font-face { font-family: 'pbc'; font-weight: normal; font-style: normal; src: url('./fonts/pbc.eot'); src: url('./fonts/pbc.eot?#iefix') format('embedded-opentype'), url('./fonts/pbc.otf') format('opentype'), url('./fonts/pbc.svg') format('svg'), url('./fonts/pbc.ttf') format('truetype'), url('./fonts/pbc.woff') format('woff'), url('./fonts/pbc.woff2') format('woff2') }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a, button { -webkit-transition: all .4s cubic-bezier(.23, .61, .355, 1) 0s; transition: all .4s cubic-bezier(.23, .61, .355, 1) 0s }
a { color: rgb(77, 77, 77) }
a:hover, a:focus, a:active { text-decoration: none; color: rgb(51, 51, 51); outline: 0 }
a:hover, .primary { color: rgb(0, 155, 100) }
a:focus, li:focus, button:focus, input:focus, textarea:focus { outline: none }
button { border: 0; background: transparent }
div, section, dl, dt, dd { position: relative }
li { list-style: none }
input, textarea { width: 100%; resize: none; -webkit-transition: border .4s, background-color .4s; transition: border .4s, background-color .4s; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none }
label { font-weight: normal }
a:hover .no-hover { color: inherit; background: initial }
strong, .strong { font-weight: bold }
img { max-width: 100%; height: auto; vertical-align: top }
.bright { color: rgb(36, 118, 186) }
a.bright:hover { color: rgb(0, 0, 0) }
i[class^='icon-'] { position: relative }
.inline { position: relative; display: inline-block; vertical-align: top; letter-spacing: normal }
.inline-wrapper { font-size: 0; position: relative }
.inline-item { font-size: 14px; position: relative; display: inline-block; vertical-align: top }
.block { position: relative; display: block }
.nowrap { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.gray { color: rgb(188, 190, 192) }
.yellow { color: rgb(253, 208, 0) }
.green { color: rgb(0, 155, 100) }
.none { display: none }
.normal { font-weight: normal }
.full-size { position: relative; overflow: hidden; width: 100%; height: 100% }
.full-height { height: 100% }
.full-width { width: 100%; height: auto; vertical-align: top }
.fix-height { overflow: auto }
.abs { position: absolute; top: 0; left: 0; display: block; width: 100% }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center }
.bgs-cover { background-size: cover }
.bgs-contain { background-size: contain }
.bgp-left-top { background-position: left top }
.bgp-center-top { background-position: center top }
.full-line { position: relative; left: 0; width: 100%; height: 0; margin: 10px 0; border-bottom: 1px solid rgb(174, 174, 174) }
body, .inline-item { font-size: 12px }
.font-max { font-size: 22px }
.font-xxl { font-size: 20px }
.font-xll { font-size: 18px }
.font-xl { font-size: 16px }
.font-lg { font-size: 14px }
.font-md { font-size: 12px }
.font-sm { font-size: 11px }
.font-xs { font-size: 10px }
@media screen and (min-width:1200px) {
  body, .inline-item { font-size: 13px }
  .font-max { font-size: 24px }
  .font-xxl { font-size: 22px }
  .font-xll { font-size: 20px }
  .font-xl { font-size: 18px }
  .font-lg { font-size: 16px }
  .font-md { font-size: 14px }
  .font-sm { font-size: 13px }
  .font-xs { font-size: 11px }
}
@media screen and (min-width:1600px) {
  body, .inline-item { font-size: 13px }
  .font-max { font-size: 30px }
  .font-xxl { font-size: 26px }
  .font-xll { font-size: 22px }
  .font-xl { font-size: 20px }
  .font-lg { font-size: 18px }
  .font-md { font-size: 16px }
  .font-sm { font-size: 15px }
  .font-xs { font-size: 12px }
}
.en { font-family: 'Arial'; white-space: nowrap; word-spacing: .25em }
.bold { font-weight: 600 }
.content-white { z-index: 9; -webkit-transform: translateZ(0); transform: translateZ(0); background-color: white }
.bg-gray body { background-color: rgb(251, 251, 251) }
a.white { color: white }
a.white:hover, a.white.active { color: rgb(255, 216, 0) }
.shadow-box { position: relative; margin-top: 35px; margin-bottom: 35px; padding: 20px; background: white; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); box-shadow: 2px 2px 8px rgba(0, 0, 0, .2) }
[class*='icon-'] { display: inline-block; margin-top: -2px; vertical-align: middle; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased }
.row { margin-right: 0; margin-left: 0 }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0 }
.spacing-5 { margin-right: -5px; margin-left: -5px }
.spacing-5 [class^='col-'] { padding-right: 5px; padding-left: 5px }
.spacing-10 { margin-right: -10px; margin-left: -10px }
.spacing-10 [class^='col-'] { padding-right: 10px; padding-left: 10px }
.spacing-15 { margin-right: -15px; margin-left: -15px }
.spacing-15 [class^='col-'] { padding-right: 15px; padding-left: 15px }
.spacing-20 { margin-right: -20px; margin-left: -20px }
.spacing-20 [class^='col-'] { padding-right: 20px; padding-left: 20px }
.spacing-25 { margin-right: -25px; margin-left: -25px }
.spacing-25 [class^='col-'] { padding-right: 25px; padding-left: 25px }
.spacing-30 { margin-right: -30px; margin-left: -30px }
.spacing-30 [class^='col-'] { padding-right: 30px; padding-left: 30px }
.spacing-40 { margin-right: -40px; margin-left: -40px }
.spacing-40 [class^='col-'] { padding-right: 40px; padding-left: 40px }
.spacing-50 { margin-right: -50px; margin-left: -50px }
.spacing-50 [class^='col-'] { padding-right: 50px; padding-left: 50px }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgb(155, 155, 155) }
h1.title { font-size: 48px; font-weight: normal; padding-top: 45px; padding-bottom: 45px; text-align: center; color: black }
h2.title.no-top { border-top: 0 }
a.block span { position: relative; display: block }
a.block span.inline { display: inline-block }
.common-share-image { position: absolute; z-index: -1; top: -999999px; left: -999999px; opacity: 0 }
.btn-inline { line-height: 40px; width: 100%; height: 40px; -webkit-transition: background .4s; transition: background .4s; color: white; background-color: rgb(214, 216, 221) }
.btn-inline:hover { background-color: rgb(56, 101, 199) }
.btn-large { font-size: 22px }
.btn-border { line-height: 1; display: inline-block; padding: 6px; border: 2px solid rgb(109, 110, 113); border-radius: 6px }
.btn-border:hover { border-color: rgb(36, 118, 186) }
.ratio { position: relative !important; display: block; overflow: hidden }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% }
.ratio>img { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px }
.ratio-16-10 { padding-top: 62.5% }
.ratio-16-9 { padding-top: 56.25% }
.ratio-9-16 { padding-top: 177.7777% }
.ratio-1-1 { padding-top: 100% }
.ratio-2-1 { padding-top: 50% }
.ratio-3-1 { padding-top: 33.3333% }
.ratio-3-2 { padding-top: 66.6666% }
.ratio-4-3 { padding-top: 75% }
.ratio-5-4 { padding-top: 80% }
.hover-zoom { -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden }
a:hover .hover-zoom { -webkit-transform: scale(1.1); transform: scale(1.1) }
.window-height { height: 1500px; -webkit-transition: opacity .8s; transition: opacity .8s; opacity: 0 }
.window-height.show-me { opacity: 1 }
.wow { visibility: hidden }
.ani { -webkit-transition: all .3s; transition: all .3s }
.frame-wide, .frame-middle { position: relative; display: block; margin-right: auto; margin-left: auto }
.frame-middle { padding-left: 15px; padding-right: 15px; width: 1110px }
.frame-table { display: table !important; width: 100%; height: 100% }
.frame-cell, .table-cell { display: table-cell; vertical-align: middle }
.frame-full { overflow: hidden; min-width: 100%; margin: 0 auto; padding-right: 20px; padding-left: 20px }
.frame-wide { max-width: 100%; padding-right: 15px; padding-left: 15px }
.frame-wide:after, .frame-middle:after { display: table; content: ''; clear: both }
@media screen and (min-width:1200px) {
  .frame-full, .frame-wide { overflow: visible }
  .frame-wide { max-width: 1000px }
}
@media screen and (min-width:1280px) {
  .frame-wide { max-width: 1100px }
}
@media screen and (min-width:1440px) {
  .frame-full { padding-right: 35px; padding-left: 35px }
  .frame-wide { }
}
@media screen and (min-width:1600px) {
  .frame-full { padding-right: 70px; padding-left: 70px }
}
@media screen and (min-width:1920px) {
  .frame-full { padding-right: 100px; padding-left: 100px }
}
body { overflow-x: hidden }
.full-screen, .full-screen body { overflow: hidden; height: 100% }
.top-nav { position: fixed; z-index: 990; top: 0; left: 0; width: 100%; height: 150px; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateZ(0); transform: translateZ(0); background-color: white; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
.fixed-top-nav .top-nav { background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 5px rgb(170, 170, 170); box-shadow: 0 0 5px rgb(170, 170, 170) }
.fixed-top-nav .top-nav a { color: rgb(90, 90, 90) }
.top-nav .row-top { line-height: 90px; height: 90px; border-bottom: 1px solid rgb(179, 179, 179) }
.top-nav .row-top:before { position: absolute; content: ''; left: 0; bottom: -2px; width: 100%; height: 0; border-top: 1px solid rgb(213, 213, 213) }
.main-nav-bar { height: 60px; z-index: 991 }
.top-nav-menu { font-size: 0; line-height: 60px; z-index: 8; text-align: center }
.top-nav-logo { z-index: 9; min-width: 160px }
.top-nav-logo h1 { display: inline-block; width: 100%; height: 90px; padding-top: 22px; padding-bottom: 28px; vertical-align: top }
.top-nav-logo h1 a { display: block; height: 100%; -webkit-transition: none; transition: none }
.top-nav-logo img { width: auto; height: 100% }
.top-nav-logo .logo-color { display: none }
.fixed-top-nav .top-nav-logo .logo-white { display: none }
.fixed-top-nav .top-nav-logo .logo-color { display: block }
.top-stock-code { padding-left: 15px; color: rgb(128, 128, 128) }
.top-stock-code:before { position: absolute; content: ''; left: 0; top: 32px; border-left: 1px solid rgb(128, 128, 128); height: 25px }
.top-nav-menu dt { overflow: hidden; height: 60px; text-align: center }
.top-nav-menu dt:before { position: absolute; left: 0; top: 20px; content: ''; border-left: 1px solid rgb(179, 179, 179); height: 20px; width: 0 }
.top-nav-menu dl:first-child dt:before { display: none }
.top-nav-menu dt a { font-size: 15px; line-height: 60px; display: block; height: 100%; max-width: 170px; min-width: 170px; padding-right: 40px; padding-left: 40px; -webkit-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; white-space: nowrap; color: rgb(77, 77, 77) }
.top-nav-menu dl:first-child dt a { max-width: 150px; min-width: 80px; padding-left: 20px; padding-right: 20px }
.top-nav-menu dt a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; content: ''; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: 0; background-color: rgb(0, 155, 100) }
.top-nav-menu dl.active dt a:after { opacity: 1 }
.top-nav-menu-sub { margin-top: 15px; margin-bottom: 15px }
.top-nav-menu-sub li a { line-height: 2.5; display: block; padding-right: 30px; padding-left: 30px }
.top-nav-menu dd { position: absolute; z-index: -1; top: -9999px; left: 0; width: 100%; opacity: 0; background-color: rgba(51, 51, 51, .95) }
.top-nav-menu dd a { line-height: 50px; display: block; text-align: center; white-space: nowrap; color: white; border-bottom: 1px solid rgba(179, 179, 179, .5) }
.top-nav-menu dd a:last-child { border: 0 }
.top-nav-menu dd a:hover, .top-nav-menu dd a.active { color: rgb(253, 180, 43) }
.top-nav.active .top-nav-menu dl.active dd, .top-nav.show-nav .top-nav-menu dl.active dd { top: 60px; -webkit-transition: opacity .4s; transition: opacity .4s; -webkit-transition-delay: .05s; transition-delay: .05s; opacity: 1 }
.tn-links { text-align: right; height: 20px; line-height: 20px; margin-top: 35px }
.tn-links a { padding-right: 25px; margin-right: 25px }
.tn-links a:after { position: absolute; right: 0; top: 3px; display: block; width: 0; height: 15px; content: ''; border-right: 1px solid rgb(128, 128, 128); margin-left: 10px }
.tn-links a i { font-size: 20px }
.tn-search input { line-height: 14px; width: 150px; border: 0; background-color: rgb(230, 230, 230); font-size: 12px; padding: 3px 35px 3px 10px; vertical-align: top; }
.tn-search button { position: absolute; right: 0; top: 0; height: 100%; width: 25px; background-color: rgb(153, 153, 153); font-size: 14px; color: white }
.tn-search button:hover { background-color: rgb(0, 155, 100) }
.top-nav .row-top .inline-item { font-size: 15px }
.tippy-top-wechat, .tippy-top-contact { max-width: 280px }
.tippy-top-wechat .text-center { font-size: 14px; padding-bottom: 5px }
.tippy-top-contact { font-size: 16px; padding: 20px 10px 5px 10px; text-align: left }
.tippy-top-contact p { margin-bottom: 15px }
.tippy-top-contact i { font-size: 20px; color: white; border: 4px solid rgb(153, 153, 153); border-radius: 50px; background-color: rgb(153, 153, 153) }
@media screen and (max-width:1599px) { }
@media screen and (min-width:1280px) {
  .nav-button { display: none }
}
.top-nav-toggle { font-size: 20px; line-height: 36px; float: right; width: 50px; text-align: center; color: rgb(189, 147, 119) }
.top-nav-toggle i { margin-top: -4px }
.ani-menu { display: none }
.slides-list, .slides-list li, .slides-list li a, .bx-wrapper, .bx-viewport { position: relative; height: 100% }
.slides-nav { top: 50%; height: 0; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: 1 }
.slick-list, .slick-track { height: inherit }
.slick-dots { font-size: 0; line-height: 20px; position: absolute; z-index: 9; bottom: 50px; left: 0; width: 100%; text-align: center }
.slick-dots li { margin: 0 10px }
.slick-dots li button:before { font-size: 0; top: 4px; left: 4px; width: 12px; height: 12px; content: ''; -webkit-transition: all .3s; transition: all .3s; opacity: 1; border-radius: 40px; background-color: rgb(51, 51, 51) }
.slick-dots li.slick-active button:before { opacity: 1; background-color: rgb(67, 216, 191) }
.at-center { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center }
.common-nav-bar a { line-height: 28px; height: 30px; margin-left: -1px; text-align: center; border: 1px solid rgb(211, 211, 211); background-color: rgb(255, 255, 255) }
.common-nav-bar a:first-child { margin-left: 0 }
.common-nav-bar a:hover { background-color: rgb(211, 211, 211) }
.common-nav-bar a.active { color: rgb(255, 255, 255); border-color: rgb(210, 21, 47); background-color: rgb(210, 21, 47) }
.main-footer, .main-footer a { color: white; font-size: 12px }
.main-footer { margin-top: 50px; background-color: rgb(0, 155, 100) }
.main-footer .row-nav { padding-top: 50px; padding-bottom: 40px; background-size: contain; background-repeat: repeat-x; background-position: center bottom }
.footer-contact { width: 200px; text-align: center }
.footer-contact-info { font-size: 14px }
.footer-contact-tel { font-size: 16px }
.footer-contact-tel i { font-size: 20px; margin-top: -4px; margin-left: -2px; padding: 1px }
.footer-contact img { width: 114px; margin-bottom: 40px }
.footer-copyright { background-color: rgb(51, 51, 51); padding: 15px; font-size: 11px; color: rgb(204, 204, 204); }
.footer-copyright a { color: rgb(204, 204, 204); }
.footer-nav { display: inline-block; vertical-align: top }
.footer-nav:after { content: ''; position: absolute; width: 100%; height: 0; left: 0; top: 30px; border-top: 1px dotted white }
.footer-nav dl { min-width: 80px; max-width: 150px; text-align: left }
.footer-nav dl:last-child { margin-right: 0 }
.footer-nav dt { margin-bottom: 3px; padding-right: 5px; padding-left: 5px }
.footer-nav dt a { line-height: 15px; padding-bottom: 15px; font-size: 13px }
.footer-nav dd { min-width: 130px; padding-top: 5px; padding-right: 30px; padding-left: 5px }
.footer-nav dl:last-child dd { padding-right: 10px }
.footer-nav a { font-size: 12px; line-height: 28px; position: relative; display: block }
.footer-nav dl:last-child dd { min-width: 0; padding-right: 0 }
.main-footer a:hover { color: rgb(252, 177, 31) }
.has-padding { padding-top: 100px; padding-bottom: 100px }
.home-slides { overflow: hidden; }
.home-slides-bg { position: absolute; z-index: 0; top: 0; left: 0; overflow: hidden; width: 100%; height: 100% }
.home-slides-bg .image { height: 100%; margin-right: -10%; margin-left: -10% }
.slides-info { max-height: 470px; padding-top: 0; color: white }
.slides-info h4 { font-size: 14px; padding-bottom: 10px }
.slides-info h3 { font-size: 18px; font-weight: bold; line-height: 1.2; padding-bottom: 15px }
.slides-info-overview { font-size: 12px; line-height: 1.5; max-width: 600px }
.slides-info .more { font-size: 14px; line-height: 44px; position: relative; display: inline-block; min-width: 140px; height: 48px; margin-top: 30px; padding: 0 20px; text-align: center; color: white; border: 2px solid white; border-radius: 4px }
.slides-info .more:hover { color: black; border-color: rgb(253, 208, 0); background-color: rgb(253, 208, 0) }
@media screen and (min-width:1400px) {
  .slides-info h4 { font-size: 18px }
  .slides-info h3 { font-size: 30px }
  .slides-info-overview { font-size: 18px }
  .slides-info .more { font-size: 16px }
}
@media screen and (min-width:1600px) {
  .slides-info h4 { font-size: 24px }
  .slides-info h3 { font-size: 36px }
  .slides-info-overview { font-size: 18px }
  .slides-info .more { font-size: 16px }
}
@media screen and (min-width:1920px) {
  .slides-info h4 { font-size: 32px }
  .slides-info h3 { font-size: 46px }
  .slides-info-overview { font-size: 20px }
  .slides-info .more { font-size: 20px }
}
.slides-nav { line-height: 1; top: 50%; height: 0; -webkit-transition: opacity .4s; transition: opacity .4s; text-align: right }
.slides-nav-arrow { position: absolute; top: -50px; right: 20px }
.slides-nav p { font-size: 0; height: 20px; margin: 0 }
.slides-nav a { font-size: 18px; line-height: 34px; position: relative; display: inline-block; width: 36px; height: 36px; text-align: center; color: white; border: 1px solid white; border-radius: 200px; opacity: .7 }
.slides-nav a:hover { color: rgb(0, 155, 100); background-color: white }
.slides-nav a.slides-nav-prev { float: left }
.home-slides .slick-dots { line-height: 12px; bottom: 30px; height: 12px; text-align: center }
.home-slides .slick-dots li { width: 12px; margin: 0 8px }
.home-slides .slick-dots li button { display: block; width: 100%; height: 100%; padding: 0; border: 2px solid white; border-radius: 100px; background: white; background-color: transparent }
.home-slides .slick-dots li button:before { display: none }
.home-slides .slick-dots li.slick-active button { background: white }
.home-slides .slick-dots li button:hover { background: rgba(255, 255, 255, .5) }
.home-slides .info { text-align: center; color: white }
.home-slides .info h3 { padding-top: 80px; padding-bottom: 30px; letter-spacing: .15em; padding-left: .15em }
.common-header-text { max-width: 900px; margin: auto; padding-bottom: 60px; text-align: center }
.title-with-line { font-size: 28px; font-weight: bold; line-height: 40px; position: relative; padding-bottom: 25px; text-align: center; letter-spacing: .05em; color: rgb(253, 208, 0) }
.title-with-line:after { font-size: 0; position: absolute; bottom: 15px; left: 50%; display: block; width: 60px; height: 4px; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgb(207, 209, 211) }
.common-header-overview { font-size: 14px; max-width: 700px; margin: auto }
.title-color-line { height: 53px; line-height: 50px; border-bottom: 3px solid rgb(0, 155, 100); font-size: 15px; margin-bottom: 30px; padding: 0 2px }
.title-color-line.yellow { border-color: rgb(252, 177, 31); }

/*.title-color-line:before { position: absolute; left: 0; top: -3px; width: 30%; height: 3px; content: ''; background-color: rgb(252, 177, 31) }*/
.title-color-line a .more { float: right; font-size: 12px }
.title-color-line a .more i { color: rgb(0, 155, 100) }
.home-recommend { z-index: 2; padding-top: 10px; margin-bottom: 40px }
.home-recommend ul>li:nth-child(n+3) { margin-top:25px; }
.home-recommend-item a { height: 200px; border: 1px solid rgb(0, 155, 100); background: white; padding: 10px 30px; z-index: 2; border-radius: 6px }
.home-recommend-item a:hover { -webkit-transform: scale(1.04); transform: scale(1.04) }
.home-recommend-item .text { margin-right: 200px; padding: 20px 0 }
.home-recommend-item .image { float: right; width: 200px; height: 100%; text-align: right }
.home-recommend-item .image img { max-height: 100%; width: auto }
.home-recommend-item span.sub { display: inline-block; width: 90px; text-align: center; font-size: 15px; color: white; background-color: rgb(0, 155, 100); line-height: 26px; height: 26px; border-radius: 4px }
.home-recommend-item span.subject { font-size: 16px; margin-top: 15px; margin-bottom: 10px }
.home-recommend-item .overview { font-size: 12px; margin-bottom: 15px }
.home-recommend-item .text i { font-size: 12px; color: rgb(0, 155, 100); width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid rgb(0, 155, 100); border-radius: 100px }
.home-hot { padding-top: 35px; margin-bottom: 45px }
.home-news li { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dotted rgb(128, 128, 128) }
.home-news .subject { font-size: 15px; line-height: 1.2; padding-bottom: 10px; color: rgb(0, 155, 100) }
.home-news .subject span { display: inline-block; max-width: 80% }
.home-news .subject:after { display: inline-block; content: 'more'; font-family: 'Arial'; font-size: 10px; height: 13px; line-height: 12px; color: white; background-color: rgb(0, 155, 100); padding: 0 5px; vertical-align: top; margin-top: 2px; margin-left: 10px }
.home-news .overview { font-size: 12px; line-height: 22px; height: 44px; overflow: hidden }
.home-video-box { overflow: hidden }
.home-products { margin-bottom: 40px }
.home-products h3 { font-size: 15px; padding-bottom: 25px; border-bottom: 3px solid rgb(0, 155, 100); margin-bottom: 30px }
.home-products-item a { color: white; background-color: rgb(0, 155, 100) }
.home-products-item .ratio-2-1 { padding-top: 55% }
.home-products-item .text { padding: 35px 35px 20px 35px }
.home-products-item .subject { font-size: 15px; padding-bottom: 15px }
.home-products-item .overview { font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 15px }
.home-products-item .text i { font-size: 12px; color: white; width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid white; border-radius: 100px }
.home-group { margin-bottom: 20px; font-size: 15px }
.home-group h3 { font-size: 15px; padding-bottom: 15px; border-bottom: 3px solid rgb(0, 155, 100); margin-bottom: 25px }
.home-group h3:after { position: absolute; content: ''; width: 25%; height: 3px; background-color: rgb(252, 177, 31); bottom: -3px; left: 0; }
.home-group ul { line-height: 35px }
.home-group ul li { white-space: nowrap }
.home-group .frame-right { height: 1px; padding-bottom: 0; }
.sub-page .main { padding-top: 52px }
.top-nav { border-bottom: 4px solid rgb(252, 177, 31) }
.top-nav .sub-top-line { content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background-color: rgb(0, 155, 100); z-index: 990 }
.sub-page .top-nav-menu dl.active dt a:after { content: none }
.frame-left { top: 0; float: left; width: 205px; min-height: 100px }
.left-nav { width: 100%; text-align: center }
.left-nav a { font-size: 15px; display: block; color: white }
.left-nav dt a { background-color: rgb(0, 155, 100); line-height: 50px }
.left-nav dd a { background-color: rgb(51, 51, 51); line-height: 50px; border-bottom: 1px solid rgba(178, 178, 178, .3) }
.left-nav dd a:hover, .left-nav dd a.active { color: rgb(252, 177, 31) }
.frame-right { float: right; width: 800px; padding-bottom: 50px }
.common-archives-content p { font-size: 13px; line-height: 2; margin-bottom: 15px }
.common-archives-content hr { margin-top: 30px; margin-bottom: 30px; border-color: rgb(178, 178, 178) }
.common-archives-content strong { display: inline-block; font-size: 14px; color: rgb(0, 155, 100) }
.details-main-image { margin-bottom: 50px }
.details-main-image img { width: 100%; height: auto }
.about-honor-list { margin-bottom: 50px }
.about-honor-list li { line-height: 20px; padding-top: 20px; padding-bottom: 20px }
.about-honor-list li:not(:last-child) { border-bottom: 1px solid rgb(191, 191, 191) }
.about-honor-list .date { float: right; width: 90px }
.about-honor-list .subject { margin-right: 100px }
.about-history-frame { background-color: rgb(245, 247, 247); padding: 35px 35px 15px 35px }
.about-history-nav { height: 130px; padding: 0 25px 25px 25px }
.about-history-nav .slides-list li { position: relative; display: block; width: 140px; -webkit-transition: width .2s; transition: width .2s; text-align: center }
.about-history-nav .slides-list li:after { position: absolute; top: 80px; left: 0; width: 100%; height: 0; content: ''; border-top: 1px solid rgb(137, 137, 137) }
.about-history-nav .slides-list li:before { position: absolute; top: 77px; left: 68px; width: 8px; height: 8px; content: ''; -webkit-transition: all .2s; transition: all .2s; border-radius: 50%; background-color: rgb(137, 137, 137) }
.about-history-nav .slides-list li a { display: block; padding-top: 30px; -webkit-transition: font-size .2s; transition: font-size .2s; color: rgb(77, 77, 77); font-size: 14px; position: relative }
.about-history-nav .slides-list li[data-active] a { font-size: 24px; margin-top: -10px; color: rgb(0, 155, 100) }
.about-history-nav .slides-list li[data-active] a:before { -webkit-transition: none; transition: none; content: ''; display: block; width: 20px; height: 20px; background: rgb(0, 155, 100); position: absolute; left: 60px; top: -5px; z-index: 9; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.about-history-nav .slides-list li[data-active]:before { background-color: rgb(0, 155, 100); z-index: 9 }
.about-history-nav a[data-nav] { position: absolute; top: 62px; width: 20px; height: 20px; color: rgb(137, 137, 137); font-size: 20px }
.about-history-nav a[data-nav]:hover { color: rgb(77, 77, 77) }
.about-history-nav a[data-nav='slides-prev'] { left: -30px }
.about-history-nav a[data-nav='slides-next'] { right: -30px }
.about-history-list { color: white; padding: 45px; background-color: rgb(0, 155, 100); border-radius: 3px }
.about-history-list li { padding: 15px 25px; border-bottom: 1px solid rgb(200, 200, 200); background-color: rgb(242, 243, 242) }
.about-history-list li:last-child { border-bottom: 0 }
.about-history-list li h5 { font-size: 16px; padding-top: 5px; padding-bottom: 5px; color: rgb(215, 96, 32) }
.avc-list { background-color: rgb(240, 240, 240); margin-bottom: 30px }
.avc-list nav a { color: rgb(0, 155, 100); padding: 15px 20px; line-height: 30px }
.avc-list nav a:before { font-family: 'cxany'; margin-top: -2px; content: '\c0021'; display: inline-block; float: right; font-size: 20px; line-height: 30px; color: rgb(204, 204, 204) }
.avc-list nav a:hover:before { color: rgb(0, 155, 100) }
.about-video-player { width: 100%; height: 400px; margin-bottom: 40px; background-color: gray }
.video-list { padding: 0 20px }
.video-list .vl-item:nth-child(n+4) { display: none }
.avc-list.active .video-list .vl-item:nth-child(n+4) { display: block }
.avc-list.active nav a:before { content: '\c0022' }
.video-list a { position: relative }
.video-list a span { display: block }
.video-list a img { width: 100%; height: auto }
.video-list a .mask { position: absolute; height: 100%; -webkit-transition: background .4s; transition: background .4s; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, .2) }
.video-list a .mask i { font-size: 60px; top: 50%; left: 50%; width: 60px; margin-top: -30px; margin-left: -30px }
.video-list a:hover .mask { background-color: rgba(0, 0, 0, .6) }
.video-list a .title { line-height: 23px; overflow: hidden; height: 46px; margin-top: 10px; margin-bottom: 15px }
.jwlogo { display: none !important }
#real_player_display_button { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65px !important; height: 65px !important; border: 5px solid white !important; border-radius: 50% !important; background: rgba(0, 0, 0, .45) !important }
.about-contact { padding-bottom: 50px }
.about-contact-info { margin-top: 50px; line-height: 2.2 }
.about-contact-overview { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px dotted rgb(200, 200, 200) }
.about-contact-info hr { margin-top: 15px; margin-bottom: 15px }
.about-contact-location li { list-style: disc }
.left-contact { padding-top: 30px; padding-bottom: 30px; line-height: 2.2 }
.left-contact hr { margin-top: 30px; margin-bottom: 30px }
.cxany-valign-middle span, .cxany-valign-middle img { display: inline-block; vertical-align: middle; float: none }
.details-main-image a .subject { position: absolute; width: 100%; background-color: rgba(0, 0, 0, .55); left: 0; bottom: 0; color: white; padding: 20px 15px; text-align: center }
.details-main-image a:hover .subject { background-color: rgba(0, 0, 0, .25); color: rgb(252, 177, 31) }
a.block:before, a.block:after { display: table; content: ''; clear: both }
.news-list-item { margin-bottom: 30px }
.news-list-item a .time { width: 90px; height: 90px; float: left; background-color: rgb(0, 155, 100); color: white; text-align: center; padding: 10px 20px }
.news-list-item a .day { border-bottom: 1px solid rgb(128, 205, 178); margin-bottom: 5px; line-height: 1.5 }
.news-list-item a .year-month { font-size: 10px }
.news-list-item a .text { margin-left: 120px }
.news-list-item a .subject { color: rgb(0, 155, 100); line-height: 1.3; padding-bottom: 5px }
.news-list-item a small { font-size: 11px; color: rgb(153, 153, 153); padding-bottom: 8px }
.news-list-item a .overview { line-height: 18px; height: 36px; overflow: hidden }
.pager-list { padding-top: 40px; padding-bottom: 40px; text-align: right }
.pager-list a { display: inline-block; padding-left: 8px; padding-right: 8px }
.pager-list select { font-size: 12px }
.news-details-header h3 { line-height: 1.5; padding-bottom: 15px }
.news-details-content p { margin-bottom: 15px; line-height: 2 }
.news-details-related { padding-top: 20px; padding-bottom: 20px }
.news-details-related a span { float: right; font-family: 'Arial' }
.about-home-gallery-pic { width: 100%; height: 390px }
.about-home-gallery-pic .icon-loading { font-size: 50px; position: relative; top: 50%; margin-top: -25px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; color: rgba(255, 255, 255, .5) }
.about-home-gallery-pic .frame-loading { opacity: 0; background-color: rgba(0, 0, 0, .2) }
.about-home-gallery-pic.loading .frame-loading { opacity: 1 }
.about-home-gallery-nav .slides-list li { width: 0; padding: 0 5px }
.about-home-gallery-nav .slides-list li a { border: 2px solid rgb(128, 128, 128) }
.about-home-gallery-nav .slides-list li.active a { border: 2px solid rgb(252, 177, 31) }
.about-home-gallery-nav .slides-list li .title { font-size: 12px; margin-top: 10px }
.about-home-gallery-overview { line-height: 1.5; padding: 40px 0; margin-left: -5px; margin-right: -5px }
.about-home-gallery .subject { position: absolute; z-index: 10; width: 100%; background-color: rgba(0, 0, 0, .55); left: 0; bottom: 0; color: white; padding: 20px 15px; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); }
.about-home-gallery-pic .subject { display:none; }
.about-home-content { font-size: 16px; padding-top: 30px }
.about-home-gallery .slides-nav { z-index: 9; top: 50%; margin-top: -18px }
.about-home-gallery .slides-nav a { border: 0; color: rgb(128, 128, 128); font-size: 28px }
.about-home-gallery .slides-nav a:hover { color: rgb(30, 30, 30) }
.about-home-gallery .slides-nav-prev { margin-left: -35px }
.about-home-gallery .slides-nav-next { margin-right: -35px }
.about-home-gallery-nav .subject { padding: 5px; background-color: rgba(0, 0, 0, .4) }
.about-home-gallery-nav:before, .about-home-gallery-nav:after { display: block; position: absolute; content: ''; width: 5px; height: 100%; top: 0; left: 0; z-index: 8; background-color: white }
.about-home-gallery-nav:after { left: auto; right: 0 }
.common-gallery-content .subject { line-height: 1.5; padding-bottom: 20px }
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.common-gallery-content pre { display: block; padding: 0; margin: 0; font-size: inherit; line-height: inherit; color: inherit; word-break: inherit; word-wrap: inherit; background-color: inherit; border: 0; border-radius: 0; }
.tr-heading-info { margin-top: 30px }
.tr-heading-text { line-height: 2.2 }
.tr-heading-search { position: absolute; right: 0; bottom: 0; width: 100%; line-height: 20px }
.tr-heading-search input { width: 100%; height: 35px; background-color: rgb(204, 204, 204); border-radius: 4px; padding: 8px 60px 8px 15px; line-height: 20px }
.tr-heading-search button { position: absolute; right: 0; top: 0; z-index: 2; width: 40px; height: 100%; text-align: center; color: white; font-size: 20px }
.tr-heading-search button:hover { color: rgb(0, 155, 100) }
.tr-frame { padding: 35px 25px 0 25px; background-color: rgb(249, 248, 248); font-size: 0 }
.tr-frame span { display: inline-block; font-size: 12px; padding: 0 15px }
.tr-frame-heading { border-radius: 3px; background-color: rgb(0, 155, 100); padding: 15px 25px; color: white }
.tr-frame .title { width: 30% }
.tr-frame .company { width: 23% }
.tr-frame .location { width: 17% }
.tr-frame .updated { width: 15%; text-align: center }
.tr-frame .more { width: 15%; text-align: center }
.tr-frame-list-subject { padding: 25px; border-bottom: 1px solid rgb(217, 217, 217) }
.tr-frame-list-subject { cursor: pointer }
.tr-frame-list-subject .more:after { font-family: 'cxany'; display: inline-block; content: '\c1004' }
.tr-frame-list-oveview { padding: 0 25px; line-height: 2; margin-top: -1px; border-bottom: 1px solid rgb(217, 217, 217); overflow: hidden; max-height: 0 }
.tr-frame-list li.active .tr-frame-list-oveview { padding: 20px 25px; max-height: 1500px }
.tr-frame-list li.active .tr-frame-list-subject, .tr-frame-list li:hover .tr-frame-list-subject { color: rgb(0, 155, 100) }
.tr-frame-list li.active .tr-frame-list-subject .more:after { content: '\c1003' }
.investors-stock { padding: 20px 50px; background-color: rgb(247, 147, 30); color: white; line-height: 30px }
.investors-stock .title { padding-right: 20px }
.news-list.has-download { border-bottom: 1px solid rgb(216, 216, 216) }
.news-list.has-download li { border-top: 1px solid rgb(216, 216, 216); padding-top: 20px; padding-bottom: 20px; margin-bottom: 0 }
.news-list.has-download .time { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(.75); transform: scale(.75) }
.news-list.has-download .text { margin-right: 60px; margin-top: 22px }
.news-list.has-download .icon { float: right; margin-top: 20px }
.news-list.has-download .icon img { width: 40px; height: 40px }
.corporate-governance-doc { background-color: rgb(249, 248, 248); border-top: 15px solid rgb(249, 248, 248); border-bottom: 15px solid rgb(249, 248, 248); border-left: 60px solid rgb(249, 248, 248); border-right: 60px solid rgb(249, 248, 248) }
.corporate-governance-doc p { padding-top: 20px; padding-bottom: 20px; margin: 0; font-size: 14px }
.corporate-governance-doc tr:not(:last-child) td { border-bottom: 1px dotted rgb(220, 220, 220) }
.investors-interactive { border-bottom: 1px solid rgb(220, 220, 220) }
.investors-interactive li { border-top: 1px solid rgb(220, 220, 220); padding-top: 40px; padding-bottom: 40px }
.investors-interactive .subject, .investors-interactive .overview { padding-left: 50px }
.investors-interactive .subject { margin-bottom: 15px }
.investors-interactive .subject:before, .investors-interactive .subject:after, .investors-interactive .overview:before, .investors-interactive .overview:after { display: block; position: absolute; left: 0; top: 0 }
.investors-interactive .subject:before, .investors-interactive .overview:before { width: 20px; height: 20px; line-height: 20px; color: white; text-align: center; font-size: 12px; z-index: 2; top: 1px }
.investors-interactive .subject:after, .investors-interactive .overview:after { content: ''; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 13px; top: 6px }
.investors-interactive .subject:before { content: '问'; background-color: rgb(253, 180, 43) }
.investors-interactive .overview:before { content: '答'; background-color: rgb(0, 155, 100) }
.investors-interactive .subject:after { background-color: rgb(253, 180, 43) }
.investors-interactive .overview:after { background-color: rgb(0, 155, 100) }
.products-part-nav { line-height: 1; background-color: rgb(51, 51, 51); border-radius: 6px }
.products-part-nav .tr-heading-search { position: relative }
.products-part-nav .tr-heading-search input { background-color: rgb(77, 77, 77); color: white; border-radius: 6px }

/*
.ppn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.ppn-list a { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: inline-block; color: white; padding: 0 15px; text-align: center; min-width: 16.6666% }
.ppn-list a:not(:first-child):after { position: absolute; left: 0; top: 1px; display: inline-block; content: '|'; font-size: 12px; color: white }
.ppn-list a:hover, .ppn-list a.active { color: rgb(252, 177, 31) }
*/
.ppn-list a:hover, .ppn-list a.active { color: rgb(252, 177, 31) }
.ppn-list dl:not(:first-child) dt:after { position: absolute; left: -3px; top: 15px; display: inline-block; content: '|'; font-size: 12px; color: white }
.ppn-list-nav { display: inline-block; text-align: center; }
.ppn-list-nav a { display: block; color: white; line-height: 50px; }
.ppn-list-nav dt a { padding: 0 30px; }
.ppn-list-sub { position: absolute; left: 0; top: 35px; width: 100%; z-index: 4; padding-top: 15px; background-color: rgba(51, 51, 51, .8); text-align: left; opacity: 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleY(0); transform: scaleY(0); }
.ppn-list-sub a { border-bottom: 1px solid rgba(255, 255, 255, .5); padding: 0 30px; }
.ppn-list-nav:hover .ppn-list-sub { -webkit-transform: none; transform: none; opacity: 1; }
.ppl-item { margin-top: 50px }
.ppl-item a { background-color: rgb(249, 248, 248); padding: 0 30px 20px 30px; border-bottom: 3px solid rgb(0, 155, 100) }
.ppl-item a:after { position: absolute; content: ''; width: 40%; height: 3px; background-color: rgb(252, 177, 31); bottom: -3px; left: 0 }
.ppl-item .image { padding: 5px 15px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 15px }
.ppl-item .subject { padding-bottom: 10px }
.ppl-item .overview { line-height: 18px; height: 36px; overflow: hidden }
.hidden-page-nav body { padding: 5px 80px 5px 80px; font-size: 13px; background-color: transparent }
.hidden-page-nav .top-nav, .hidden-page-nav .main-footer { display: none }
.pdh-image { float: left; width: 30% }
.pdh-text { margin-left: 33% }
.pdh-info { position: absolute; width: 100%; padding-top: 20px; padding-bottom: 20px; left: 0; bottom: 0; border-top: 4px solid rgb(252, 177, 31) }
.pdh-info:after { position: absolute; content: ''; width: 50%; height: 4px; background-color: rgb(0, 155, 100); top: -4px; left: 0 }
.pdh-info h3 { font-size: 18px; line-height: 1.5; padding-bottom: 15px }
.products-details-content { border-top: 1px solid rgb(220, 220, 220); border-bottom: 1px solid rgb(220, 220, 220); padding: 25px 0; margin: 15px 0; font-size: 13px; line-height: 2 }
.products-details-links { line-height: 30px; padding: 10px 0 15px 0 }
.products-details-links a { display: inline-block; margin-right: 30px }
.products-details-links a i { font-size: 20px; color: rgb(180, 220, 127) }
.products-part .fancybox-iframe, .products-part .fancybox-content { background-color: transparent }
.products-details { background-color: white; border-radius: 6px; padding: 15px 80px }
.top-common-mall { border: 1px solid rgb(220, 220, 220); margin: 10px 5px }
.top-common-mall li:not(:last-child) { border-bottom: 1px solid rgb(220, 220, 220) }
.top-common-mall a { font-size: 14px; line-height: 35px }
.top-common-mall a .platform { float: left; width: 70px; text-align: center; border-right: 1px solid rgb(220, 220, 220) }
.top-common-mall a .mall { margin-left: 90px; padding-right: 20px }
.search-list { padding-top: 20px; }
.search-list li { margin-bottom: 30px; }
.search-list li hr { margin-top: 3px; margin-bottom: 12px; border-color: rgb(230, 230, 230); }
.search-list .subject { margin-top: 10px; }
.news-list-item a .time.image { background-color: rgb(249, 248, 248); }
.phone .wow { visibility: visible; }
.phone .home-slides { height: 600px !important; }
.phone .footer-nav dl { min-width: 20px; }
.phone .home-video-box { height: 351px; }
@media screen and (max-width: 1279px) {
  .wow { visibility: visible; }
  .footer-nav dl { min-width: 50px; }
}
@media screen and (max-width: 991px) {
  .footer-nav dl { min-width: 20px; }
}
.jwclick { display:none!important;z-index:-999 }