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-weight: normal; position: relative; margin: 0; padding: 0 }
body { font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'Microsoft YaHei', 'sans-serif'; font-size: 14px; line-height: 1.8; color: rgb(90, 90, 90) }
body, .inline-item { font-size: 12px }
.fs-12 { font-size: 9px }
.fs-13 { font-size: 10px }
.fs-14 { font-size: 11px }
.fs-15 { font-size: 11px }
.fs-16 { font-size: 12px }
.fs-17 { font-size: 13px }
.fs-18 { font-size: 14px }
.fs-19 { font-size: 14px }
.fs-20 { font-size: 15px }
.fs-21 { font-size: 16px }
.fs-22 { font-size: 17px }
.fs-23 { font-size: 17px }
.fs-24 { font-size: 18px }
.fs-25 { font-size: 19px }
.fs-26 { font-size: 20px }
.fs-27 { font-size: 20px }
.fs-28 { font-size: 21px }
.fs-29 { font-size: 22px }
.fs-30 { font-size: 23px }
.fs-31 { font-size: 23px }
.fs-32 { font-size: 24px }
.fs-33 { font-size: 25px }
.fs-34 { font-size: 26px }
.fs-35 { font-size: 26px }
.fs-36 { font-size: 27px }
.fs-37 { font-size: 28px }
.fs-38 { font-size: 29px }
.fs-39 { font-size: 29px }
.fs-40 { font-size: 30px }
.fs-42 { font-size: 32px }
.fs-44 { font-size: 33px }
.fs-46 { font-size: 35px }
.fs-48 { font-size: 36px }
.fs-50 { font-size: 38px }
.fs-52 { font-size: 39px }
.fs-54 { font-size: 41px }
.fs-56 { font-size: 42px }
.fs-58 { font-size: 44px }
.fs-60 { font-size: 45px }
.fs-65 { font-size: 49px }
.fs-70 { font-size: 53px }
@media screen and (min-width:1200px) {
  body, .inline-item { font-size: 13px }
  .fs-12 { font-size: 10px }
  .fs-13 { font-size: 11px }
  .fs-14 { font-size: 12px }
  .fs-15 { font-size: 13px }
  .fs-16 { font-size: 14px }
  .fs-17 { font-size: 14px }
  .fs-18 { font-size: 15px }
  .fs-19 { font-size: 16px }
  .fs-20 { font-size: 17px }
  .fs-21 { font-size: 18px }
  .fs-22 { font-size: 19px }
  .fs-23 { font-size: 20px }
  .fs-24 { font-size: 20px }
  .fs-25 { font-size: 21px }
  .fs-26 { font-size: 22px }
  .fs-27 { font-size: 23px }
  .fs-28 { font-size: 24px }
  .fs-29 { font-size: 25px }
  .fs-30 { font-size: 26px }
  .fs-31 { font-size: 26px }
  .fs-32 { font-size: 27px }
  .fs-33 { font-size: 28px }
  .fs-34 { font-size: 29px }
  .fs-35 { font-size: 30px }
  .fs-36 { font-size: 31px }
  .fs-37 { font-size: 31px }
  .fs-38 { font-size: 32px }
  .fs-39 { font-size: 33px }
  .fs-40 { font-size: 34px }
  .fs-42 { font-size: 36px }
  .fs-44 { font-size: 37px }
  .fs-46 { font-size: 39px }
  .fs-48 { font-size: 41px }
  .fs-50 { font-size: 43px }
  .fs-52 { font-size: 44px }
  .fs-54 { font-size: 46px }
  .fs-56 { font-size: 48px }
  .fs-58 { font-size: 49px }
  .fs-60 { font-size: 51px }
  .fs-65 { font-size: 55px }
  .fs-70 { font-size: 60px }
}
@media screen and (min-width:1600px) {
  body, .inline-item { font-size: 14px }
  .fs-12 { font-size: 12px }
  .fs-13 { font-size: 13px }
  .fs-14 { font-size: 14px }
  .fs-15 { font-size: 15px }
  .fs-16 { font-size: 16px }
  .fs-17 { font-size: 17px }
  .fs-18 { font-size: 18px }
  .fs-19 { font-size: 19px }
  .fs-20 { font-size: 20px }
  .fs-21 { font-size: 21px }
  .fs-22 { font-size: 22px }
  .fs-23 { font-size: 23px }
  .fs-24 { font-size: 24px }
  .fs-25 { font-size: 25px }
  .fs-26 { font-size: 26px }
  .fs-27 { font-size: 27px }
  .fs-28 { font-size: 28px }
  .fs-29 { font-size: 29px }
  .fs-30 { font-size: 30px }
  .fs-31 { font-size: 31px }
  .fs-32 { font-size: 32px }
  .fs-33 { font-size: 33px }
  .fs-34 { font-size: 34px }
  .fs-35 { font-size: 35px }
  .fs-36 { font-size: 36px }
  .fs-37 { font-size: 37px }
  .fs-38 { font-size: 38px }
  .fs-39 { font-size: 39px }
  .fs-40 { font-size: 40px }
  .fs-42 { font-size: 42px }
  .fs-44 { font-size: 44px }
  .fs-46 { font-size: 46px }
  .fs-48 { font-size: 48px }
  .fs-50 { font-size: 50px }
  .fs-52 { font-size: 52px }
  .fs-54 { font-size: 54px }
  .fs-56 { font-size: 56px }
  .fs-58 { font-size: 58px }
  .fs-60 { font-size: 60px }
  .fs-65 { font-size: 65px }
  .fs-70 { font-size: 70px }
}
@font-face { font-family: 'Gotham-Book'; font-weight: normal; font-style: normal; src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.eot'); src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.eot') format('embedded-opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.otf') format('opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.svg') format('svg'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.ttf') format('truetype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.woff') format('woff'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/GothamBookRegular.woff2') format('woff2') }
@font-face { font-family: 'Gotham-Bold'; font-weight: normal; font-style: normal; src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.eot'); src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.eot') format('embedded-opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.otf') format('opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.svg') format('svg'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.ttf') format('truetype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.woff') format('woff'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/Gotham-Bold.woff2') format('woff2') }
@font-face { font-family: 'DIN-Bold'; font-weight: normal; font-style: normal; src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.eot'); src: url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.eot') format('embedded-opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.otf') format('opentype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.svg') format('svg'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.ttf') format('truetype'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.woff') format('woff'), url('https://web.archive.org/web/20180819200844im_/http://bptjk.com/cn/System/View/css/fonts/DINAlternateBold.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 { transition: all .4s cubic-bezier(.23, .61, .355, 1) 0s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden }
a { color: rgb(90, 90, 90) }
a:hover, a:focus, a:active { text-decoration: none; color: rgb(90, 90, 90); outline: 0 }
a:hover { color: rgb(51, 51, 51) }
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; 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 }
a.bright { color: rgb(36, 118, 186) }
a.bright:hover { color: rgb(0, 0, 0) }
.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 }
.yellow, .cxany-color-strong { color: rgb(237, 108, 0) }
.gray, .cxany-color-gray { color: rgb(128, 128, 128) }
.black { color: rgb(26, 26, 26) }
.white { color: white }
.line-height-l { line-height: 2 }
.line-height-m { line-height: 1.5 }
.line-height-s { line-height: 1 }
.none { display: none }
.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 }
.en { font-family: 'Gotham-Book' }
.en.strong { font-family: 'Gotham-Bold'; font-weight: normal }
.arial { font-family: 'Arial' !important }
.bold { font-weight: bold }
.bg-gray body { background-color: rgb(251, 251, 251) }
.shadow-box { position: relative; margin-top: 35px; margin-bottom: 35px; padding: 20px; background: white; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2) }
[class*='icon-'] { position: relative; 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-7 { margin-right: -7px; margin-left: -7px }
.spacing-7 [class^='col-'] { padding-right: 7px; padding-left: 7px }
.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 }
.spacing-60 { margin-right: -60px; margin-left: -60px }
.spacing-60 [class^='col-'] { padding-right: 60px; padding-left: 60px }
.spacing-80 { margin-right: -80px; margin-left: -80px }
.spacing-80 [class^='col-'] { padding-right: 80px; padding-left: 80px }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgb(128, 128, 128) }
hr.dotted { border-top-style: dotted }
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 }
.ratio { position: relative !important; display: block; overflow: hidden }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% }
.ratio > img.lazy { 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-2-3 { padding-top: 150% }
.ratio-4-3 { padding-top: 75% }
.ratio-5-4 { padding-top: 80% }
.hover-zoom { transition: all .4s ease-out; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden }
a:hover .hover-zoom { -webkit-transform: scale(1.08); transform: scale(1.08) }
.window-height { height: 2000px; transition: opacity .8s; opacity: 0 }
.window-height.show-me { opacity: 1 }
.ani { transition: all .3s }
.wow { visibility: hidden }
.frame-full, .frame-wide, .frame-middle, .slick-dots { position: relative; display: block; margin-right: auto; margin-left: auto }
.frame-middle { min-width: 990px; max-width: 1000px }
.frame-table { display: table !important; width: 100%; height: 100% }
.frame-cell, .table-cell { display: table-cell !important; vertical-align: middle }
.frame-full, .frame-wide, .slick-dots { max-width: 100%; padding-right: 15px; padding-left: 15px }
@media screen and (min-width:1200px) {
  .frame-full, .frame-wide { overflow: visible }
  .frame-full { max-width: 1230px }
  .frame-wide { max-width: 1030px }
}
@media screen and (min-width:1440px) {
  .frame-full { max-width: 1310px }
  .frame-wide { max-width: 1230px }
}
@media screen and (min-width:1600px) {
  .frame-full { max-width: 1410px }
  .frame-wide { max-width: 1290px }
}
@media screen and (min-width:1920px) {
  .frame-full { max-width: 1630px }
  .frame-wide { max-width: 1290px }
}
body { overflow-x: hidden; overflow-y: scroll }
.full-screen, .full-screen body { overflow: hidden; height: 100% }
.top-nav { z-index: 990; top: 0; left: 0; width: 100%; height: 100px; transition: all .3s; background-color: rgb(237, 108, 0) }
.main-nav-bar { height: 100%; margin-left: 450px; text-align: right }
.top-nav-menu { font-size: 0; z-index: 8; height: 100%; transition: all .3s }
.top-nav-logo { z-index: 9; float: left; width: 450px; height: 100%; padding-top: 20px; padding-bottom: 20px; transition: all .3s }
.top-nav-logo h1 { display: inline-block; width: 100%; height: 100% }
.top-nav-logo h1 a { display: block; height: 100%; transition: none }
.top-nav-logo h1 a img { position: absolute; top: 0; left: 0; width: auto; height: 100%; transition: opacity .3s }
.top-nav-logo .logo-small { opacity: 0 }
.top-nav-menu dt { overflow: hidden; transition: all .3s; text-align: center }
.top-nav-menu dt a { display: block; height: 100%; margin-right: 22px; margin-left: 22px; transition: color .4s, background-color .4s; white-space: nowrap; color: white }
.top-nav-menu dl { margin-left: -1px }
.top-nav-menu dt:before { position: absolute; top: 43px; left: 0; display: block; height: 16px; content: ''; border-left: 1px solid white }
.top-nav-menu dl:last-child dt:after { position: absolute; top: 43px; right: 0; display: block; height: 16px; content: ''; border-left: 1px solid white }
.top-nav-menu dt a span { line-height: 100px; position: relative; display: inline-block; height: 100%; transition: border-color .3s; vertical-align: middle }
.top-nav-menu dl.active { z-index: 50 !important }
.top-nav-menu dl.active dt { font-weight: normal; background-color: rgb(67, 31, 30) }
.top-nav-menu dl.active dt:before, .top-nav-menu dl.active dt:after { display: none }
.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: 15px; min-width: 180px; padding-top: 10px; padding-bottom: 10px; opacity: 0; border-bottom: 4px solid rgb(253, 208, 0); background-color: rgba(156, 159, 164, 1); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) }
.top-nav-menu dd a { line-height: 40px; display: block; padding-right: 20px; padding-left: 20px; white-space: nowrap; color: white }
.top-nav-menu dd a:hover, .top-nav-menu dd a.active { color: rgb(253, 208, 0) }
.top-nav.active .top-nav-menu dl.active dd, .top-nav.show-nav .top-nav-menu dl.active dd { top: 76px; transition: opacity .4s; transition-delay: .05s; opacity: 1 }
.top-sub-button { font-size: 0; display: none; float: right; height: 40px; text-align: right }
.top-sub-button dl { position: relative; display: inline-block; height: 100%; margin-left: 30px }
.top-sub-button dt a { font-size: 32px; line-height: 80px; display: inline-block; height: 100%; color: white }
.top-sub-button dt a:hover, .top-sub-button dl.active dt a { color: rgb(253, 208, 0) }
.top-sub-button dd { position: absolute; z-index: 99; top: -99999px; right: 0; display: block; width: 200px; height: 70px; transition: opacity .4s; text-align: right; opacity: 0 }
.top-sub-button dl.active dd { top: 80px; opacity: 1 }
.search-keywords { line-height: 20px; width: 200px; margin-top: 10px; padding: 15px 20px; background-color: white }
.top-lang-list a { line-height: 70px; margin-left: 25px; color: white }
.top-lang-list a:hover, .top-lang-list a:focus { color: rgb(191, 216, 2) }
.fixed-top-nav .top-nav { position: fixed; height: 80px }
.fixed-top-nav body { padding-top: 80px }
.fixed-top-nav .top-nav-menu dt a span { line-height: 80px }
.fixed-top-nav .top-nav-menu dt:before, .fixed-top-nav .top-nav-menu dl:last-child dt:after { top: 33px }
.top-has-bg .top-nav { background-color: rgb(51, 51, 51) }
.tippy-top-wechat, .tippy-top-contact { width: 220px }
.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 (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; transition: opacity .4s; opacity: 1 }
.slick-list, .slick-track { height: inherit }
.slick-dotted.slick-slider { margin-bottom: 0 }
.slick-dots { font-size: 0; line-height: 16px; z-index: 9; bottom: 130px; height: 16px; text-align: center }
.slick-dots li { width: 16px; height: 16px; margin: 0 15px }
.slick-dots li button:before { display: none }
.slick-dots li button { display: block; width: 100%; height: 100%; padding: 0; border: 1px solid rgb(178, 178, 178); border-radius: 100px; background: white; background-color: transparent }
.slick-dots li.slick-active button { border-color: rgb(237, 108, 0); background: rgb(237, 108, 0) }
.slick-dots li button:hover { border-color: rgb(237, 108, 0) }
.at-center { display: flex; align-items: center; justify-content: center }
.intro-video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.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) }
.has-padding { padding-top: 120px; padding-bottom: 120px }
.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 { width: 70%; height: 100%; color: white }
.slides-info h4 { font-size: 54px; padding-top: 10%; padding-bottom: 20px }
.slides-info h3 { font-size: 18px; font-weight: bold; line-height: 1.8; padding-bottom: 50px }
.slides-info-overview { line-height: 1.5; max-width: 600px; color: rgb(200, 187, 155) }
.slides-info-overview strong { font-family: 'GRB'; font-size: 20px; font-weight: normal; color: rgb(200, 187, 155) }
.slides-info .more { font-size: 16px; line-height: 1; display: inline-block; max-height: 35px; margin-top: 60px; padding: 8px 15px 8px 1px; color: white }
.slides-info .more:hover { color: rgb(253, 208, 0) }
.slides-nav { top: 50%; height: 0; transition: opacity .4s; opacity: 1 }
.slides-nav-hover .slides-nav { opacity: 0 }
.slides-nav-hover:hover .slides-nav { opacity: 1 }
.home-slides .slides-nav a { font-size: 22px; line-height: 36px; display: inline-block; width: 40px; height: 40px; margin: auto 40px; text-align: center; opacity: .4; color: white; border: 1px solid white; border-radius: 4px }
.home-slides .slides-nav a:hover { opacity: 1 }
.slides-nav-prev { float: left }
.slides-nav-next { float: right }
.home-slides .link-more { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; height: 100% }
.scrolling-tips { position: absolute; z-index: 999999; bottom: 25px; left: 50%; width: 200px; margin-left: -100px }
.scrolling-tips a { font-size: 15px; color: white }
.scrolling-tips i { font-size: 40px }
.scrolling-tips .icon-mouse { margin-left: 20% }
.scrolling-tips .icon-up-down { font-size: 36px; margin-left: -18% }
.fixed-top-nav .scrolling-tips { opacity: 0 }
@-webkit-keyframes fadeUpDown {
  0%, 100% { -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); opacity: 1 }
  25%, 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
  50% { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
}
@keyframes fadeUpDown {
  0%, 100% { -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); opacity: 1 }
  50% { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
}
.fadeUpDown { -webkit-animation-name: fadeUpDown; animation-name: fadeUpDown }
.title-with-line { font-size: 28px; font-weight: bold; line-height: 40px; position: relative; padding-bottom: 25px; text-align: center; color: rgb(253, 208, 0) }
.title-with-line:after { font-size: 0; position: absolute; bottom: 15px; left: 50%; display: block; width: 80px; height: 4px; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgb(207, 209, 211) }
h2.title { font-weight: bold; line-height: 20px; padding-top: 30px; padding-bottom: 25px }
h3.title { font-weight: normal; line-height: 20px; padding-top: 20px; padding-bottom: 25px; color: rgb(109, 110, 113) }
h3.title.top-line { border-top: 1px solid rgb(188, 190, 192) }
.home-service { padding: 80px 0 50px 0; text-align: center }
.home-service-list li { width: 33.3333% }
.home-service-list li:not(:last-child):after { position: absolute; right: 0; bottom: 0; height: 90%; content: ''; border-right: 1px solid rgb(168, 168, 168) }
.home-service-list .numbers { font-family: 'DIN-Bold'; font-size: 160px; font-weight: bold; line-height: 160px; color: rgb(128, 128, 128) }
.home-service-list .numbers span { display: inline-block; margin-left: 5%; -webkit-transform: scaleX(.8); transform: scaleX(.8); vertical-align: middle }
.home-service-list .numbers em { font-size: 60px; font-style: normal; display: inline-block; margin-top: -10px; margin-left: -10%; vertical-align: middle }
.home-service-list .overview { padding-top: 30px }
.home-about-image { text-align: center }
.home-about-overview { line-height: 2.4 }
.ratio-64-75 { padding-top: 119% }
.products-list a { border-right: 1px solid rgb(216, 216, 216); border-bottom: 1px solid rgb(216, 216, 216) }
.products-list .item:last-child a { border-right: 0 }
.products-list .front, .products-list .back { top: 0; left: 0; width: 100%; height: 100% }
.products-list .front img { width: 100%; height: 70% }
.products-list .front .text { height: 30%; padding: 3% 10% }
.products-list .front .overview { line-height: 25px; overflow: hidden; height: 50px; margin-top: 5px; color: rgb(128, 128, 128) }
.products-list .back { position: absolute; z-index: 2; padding: 15% 15% 0 15%; text-align: right; opacity: 0; color: white }
.products-list a:hover .back { opacity: 1 }
.products-list .back .text { height: 100% }
.products-list .back .area, .products-list .back .sub { line-height: 1.2; display: inline-block; height: 100%; vertical-align: top }
.products-list .back .area { font-size: 45px; width: 45px; margin-left: 10px }
.products-list .back .area em { font-style: normal; line-height: 2; display: block; margin-top: -50% }
.products-list .back .sub p { font-size: 35px; display: inline-block; width: 65px; height: 100%; padding-top: 60px; padding-right: 10px; padding-left: 10px; text-align: left; vertical-align: top; letter-spacing: .15em }
.home-products .more { margin-top: 90px; margin-bottom: 100px }
.home-products .back .area i { display:block; height: 3rem; }
.btn-border { display: inline-block; margin: 20px auto; padding: 5px 25px; color: rgb(237, 108, 0); border: 1px solid rgb(237, 108, 0) }
.btn-border i { margin-left: 15px }
.btn-border:hover { color: white; background-color: rgb(237, 108, 0) }
.common-header-text { padding-bottom: 50px; text-align: center; color: rgb(26, 26, 26) }
.common-header-text .en { font-size: 38px }
.common-header-text h3 { font-size: 36px; line-height: 1.6; padding: 10px }
.home-slogan img { width: 100% }
.home-news { margin-bottom: 50px; padding-top: 90px }
.home-news .common-header-text { margin-bottom: 20px }
.home-news-list a.block { color: rgb(128, 128, 128) }
.home-news-list .date { transition: color .3s }
.home-news-list .overview { transition: color .3s }
.home-news-list .subject { line-height: 1.8; padding-bottom: 10px; transition: color .3s; color: rgb(77, 77, 77) }
.hot-news-list li:not(:last-child) { margin-bottom: 50px }
.top-news-list .btn-border { margin: 30px 0 0 0 }
.top-news-list img { margin-bottom: 10px }
.top-news-list .date { margin-top: 15px }
.home-news a:hover .subject, .home-news a:hover .date, .home-news a:hover .overview { color: rgb(237, 108, 0) }
.products-area { background-color: rgb(220, 220, 220) }
.sub-top-nav { left: 0; width: 100%; height: 80px; border-bottom: 1px solid rgb(178, 178, 178); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d }
.sub-top-nav a { line-height: 80px; height: 80px; color: rgb(128, 128, 128); border-bottom: 3px solid transparent }
.sub-top-nav a:not(:last-child) { margin-right: 40px }
.sub-top-nav a.active, .sub-top-nav a:hover { color: rgb(237, 108, 0); border-color: rgb(237, 108, 0) }
.sub-top-nav a.active { font-weight: bold }
.sub-top-nav.nav-path a { margin-right: 0; border-bottom: 0 }
.products-category .products-list { padding-top: 30px; padding-bottom: 50px }
.pcl-item { padding-top: 30px; padding-bottom: 30px }
.pcl-item a { border: 0 }
.pcl-item .front img { padding: 10px 80px 20px 80px }
.pcl-item .front { text-align: center }
.pcl-item .front .text { display: inline-block; padding: 0; text-align: left }
.pcl-item .front .subject, .pcl-item .front .area { color: rgb(237, 108, 0) }
.products-area-map { width: 100%; height: 100% }
.pd-text { padding-left: 5% }
.pd-subject { padding-bottom: 30px }
.pd-price { padding-bottom: 40px }
.pd-overview { line-height: 2.5; color: rgb(128, 128, 128) }
.pd-shop { padding-top: 80px }
.btn-rounded { line-height: 1; display: inline-block; padding: 15px 40px; color: white; border-radius: 45px; background-color: rgb(237, 108, 0) }
.btn-rounded i { vertical-align: inherit }
.pd-gallery-line { padding-top: 30px; padding-bottom: 30px; text-align: center }
.pdc-overview { line-height: 1.6; text-align: left; max-width: 1200px; }
.pdc-overview p:before { content: ''; display: inline-block; line-height: 1; }
.products-details-content .pd-shop { padding-top: 40px; padding-bottom: 100px }
.products-details-slogan .frame-wide { padding-bottom: 50px }
.common-banner { color: rgb(67, 31, 30) }
.cb-text-en { line-height: 1.1 }
.about-home-info { background-color: rgb(232, 232, 225) }
.ah-text { padding-left: 10% }
.ah-overview { line-height: 2.5; padding-top: 5% }
.about-home-gallery .ratio-2-1 { padding-top: 40% }
.about-home-gallery a { text-align: center; color: white }
.ahg-subject { font-size: 40px; line-height: 1.3 }
.ahg-sub:before, .ahg-sub:after { font-size: 0; display: inline-block; width: 30px; height: 1px; margin: auto; content: ''; vertical-align: middle; background-color: white }
.ahg-sub { line-height: 1.4 }
.ahg-overview { overflow: hidden; max-height: 0; transition: max-height .4s }
.about-home-gallery a .inner { transition: all .4s }
.about-home-gallery a:hover .inner { background-color: rgba(237, 108, 0, .75) }
.about-home-gallery a:hover .ahg-overview { max-height: 100px }
.about-brand-subject { padding-top: 50px; padding-bottom: 50px }
.about-brand-content, .about-chairman-content { line-height: 3 }
.about-chairman-image { padding-bottom: 50px }
.about-job-info { padding-bottom: 100px }
.about-job-item { line-height: 2.5; padding-bottom: 40px; color: rgb(128, 128, 128) }
.ajl-subject { padding-bottom: 15px }
.ajl-heading span { padding-right: 10px }
.ajl-heading i { font-size: 14px }
.ajl-title:before { display: inline-block; padding-right: 8px; padding-left: 4px; content: '|'; color: rgb(237, 108, 0) }
.ajl-overview { padding-bottom: 20px }
.ajl-overview li { margin-left: 20px; list-style: disc }
.members-content { line-height: 2.5 }
.members-content strong { display: inline-block; padding-bottom: 10px; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: left top; transform-origin: left top }
.share { line-height: 32px }
.share .bdshare-button-style0-32 a { padding: 0; text-indent: 0; margin: 0 5px; background: none }
.desktop .bd_weixin_popup { height: auto !important }
.share a i { z-index: -1; font-size: 18px; line-height: 28px; width: 28px; margin-right: 0 5px; text-align: center; color: white; border-radius: 100%; background: black }
.common-banner { overflow: hidden }
.hide-me { opacity: 0 }
.contact .common-banner { transition: opacity .8s }
.common-banner-bg { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; transition: all 6s; transition-delay: .5s; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.common-banner-bg.show-me { -webkit-transform: none; transform: none }
.archive-list { margin-top: 80px; margin-bottom: 80px }
.archive-list li { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgb(202, 202, 202) }
.archive-list li a { overflow: visible }
.archive-list .item-left { line-height: 1; float: left; width: 80px; text-align: right; color: rgb(143, 143, 143) }
.archive-list li .year { font-size: 20px }
.archive-list li .month-day { font-size: 28px; padding-bottom: 10px }
.archive-list .item-info { line-height: 1.5; margin-left: 150px }
.archive-list li .subject { font-size: 16px; margin-bottom: 15px; padding: 0; color: black }
.archive-list .subject { transition: color .4s, -webkit-transform .6s; transition: transform .6s, color .4s; transition: transform .6s, color .4s, -webkit-transform .6s }
.archive-list .item-left { font-family: 'Arial'; width: 125px; padding-right: 30px; text-align: right }
.archive-list .item-left span { line-height: 25px; display: block; padding: 0; vertical-align: top }
.archive-list li .year { font-size: 16px; color: rgb(128, 128, 128) }
.archive-list li .month-day { font-size: 36px; line-height: 1.2; color: rgb(128, 128, 128) }
.archive-list .item-info { margin-left: 180px; padding-right: 100px }
.archive-list .overview { line-height: 22px; max-height: 44px; transition: color .4s, -webkit-transform .4s; transition: transform .4s, color .4s; transition: transform .4s, color .4s, -webkit-transform .4s; color: rgb(128, 128, 128) }
.archive-list .image { top: 0; right: 0; float: left; width: 180px }
.archive-list .item-info i[class^='icon-'] { font-size: 30px; position: absolute; top: 40%; right: 30px; transition: right .4s, font .4s }
.desktop .archive-list a:hover .subject { color: rgb(237, 108, 0) }
.desktop .archive-list a:hover .subject { -webkit-transform: translateX(15px); transform: translateX(15px) }
.desktop .archive-list a:hover .overview { -webkit-transform: translateX(15px); transform: translateX(15px); color: rgb(237, 108, 0) }
.desktop .archive-list a:hover .item-info i { right: 15px }
.archive-details.sub-page { padding-top: 20px; padding-bottom: 20px }
.archive-details { margin-bottom: 30px }
.archive-heading { text-align: center }
.archive-heading h2 { line-height: 1; margin-top: 100px; margin-bottom: 20px; color: black }
.archive-heading h4 { font-size: 14px; color: rgb(155, 155, 156) }
.archive-heading h4 i { font-size: 16px; margin-right: 5px }
.archive-heading h4 span { margin-right: 10px; margin-left: 10px }
.archive-content { font-size: 15px; line-height: 1.8; margin-top: 40px; padding-bottom: 40px }
.archive-content strong { color: black }
.archive-details-related { margin-top: 30px; margin-bottom: 30px }
.archive-details-related a span { display: inline-block }
.archive-recommend { padding-top: 50px; padding-bottom: 80px }
.archive-recommend h3 { padding-top: 0; padding-bottom: 20px }
.archive-recommend .row { margin-right: -20px; margin-left: -20px }
.archive-recommend [class^='col-'] { padding: 0 20px }
.archive-recommend .date { font-size: 26px; line-height: 1.5; margin-bottom: 10px; padding-top: 15px; padding-bottom: 5px; color: rgb(128, 128, 128); border-bottom: 1px solid rgb(128, 128, 128) }
.archive-recommend .subject { font-family: 'Arial Black'; font-size: 15px; line-height: 20px; margin-bottom: 15px; color: black }
.archive-recommend .overview { line-height: 20px; height: 40px; color: rgb(96, 96, 96); overflow: hidden }
.members-zhuanxiang .archive-home { padding-bottom: 50px }
.news-home { padding-bottom: 50px }
.news-list .item { padding-bottom: 50px }
.news-list .item-info { padding-left: 5% }
.news-list .item-info .line { position: absolute; left: 0; width: 100%; height: 0; border-top: 1px solid rgb(200, 200, 200) }
.news-list .subject { line-height: 1.5; padding-top: 4%; padding-bottom: 30px; color: rgb(80, 80, 80); transition: all .4s }
.news-list .date { padding-top: 30px; padding-bottom: 15px; color: rgb(80, 80, 80); transition: all .4s; transition: all .4s }
.news-list .overview { line-height: 25px; max-height: 75px; color: rgb(128, 128, 128); transition: all .4s }
.desktop .news-list a:hover .subject, .desktop .news-list a:hover .date, .desktop .news-list a:hover .overview { color: rgb(237, 108, 0); -webkit-transform: translateX(15px); transform: translateX(15px) }
.article-news-page .archive-recommend .row { margin-right: -40px; margin-left: -40px }
.article-news-page .archive-recommend [class^='col-'] { padding: 5px 40px; border-right: 1px solid rgb(200, 200, 200) }
.article-news-page .archive-recommend [class^='col-']:last-child { border: 0 }
.article-news-page .archive-recommend .category { padding-top: 20px; padding-bottom: 5px; color: rgb(128, 128, 128) }
.article-news-page .archive-recommend .subject { margin-bottom: 0 }
.cooperation-heading { text-align: center; padding-bottom: 40px }
.cooperation-heading:after { content: ''; position: relative; display: inline-block; height: 40px; width: 1px; background-color: rgb(143, 143, 143) }
.cooperation-heading h4 { line-height: 2; padding-bottom: 10px }
.cooperation-content { line-height: 2.5 }
.ca-update .frame-wide { padding-top: 40px; padding-bottom: 40px }
.ca-update .home-service-list .numbers, .ca-update .home-service-list .overview { color: white }
.ca-store-list .ratio-3-1 { padding-top: 40% }
.ca-store-list h4 { background-color: rgba(0, 0, 0, .5); padding: 30px; color: white; text-align: center; font-weight: bold }
.cp-qualifications { background-color: rgb(228, 228, 228) }
.cooperation-conditions .cxany-font-md { font-size: 16px }
.capp-info-subject { line-height: 1.5 }
.capp-info-overview { line-height: 2; padding: 60px 0 40px 0 }
.capp-info-tel span { vertical-align: middle }
.cooperation-application { margin-bottom: 80px }
.application-feedback input[type='text'], .application-feedback-description textarea { font-size: 12px; padding: 10px 20px; border: 1px solid rgb(228, 228, 228); background-color: rgb(228, 228, 228); border-radius: 0 }
.application-details-subject { padding-bottom: 20px }
.application-feedback-box { height: auto }
.application-feedback-group { margin-bottom: 10px }
.application-feedback input[type='text'] { line-height: 23px; width: 100% }
.application-feedback-description textarea { width: 100%; height: 150px; vertical-align: top }
.application-feedback input[type='text']:focus, .application-feedback-description textarea:focus { border: 1px solid rgb(237, 108, 0) }
.btn-application-feedback-submit { position: absolute; z-index: 9; color: white; text-align: center; font-size: 13px; line-height: 50px; right: 1px; bottom: 1px; width: 50px; height: 50px; background-color: rgb(237, 108, 0) }
.form-message { display: none !important }
.contact-home h3 { line-height: 55px }
.contact-home .capp-info-overview { padding: 45px 0 30px 0 }
.contact-us-info { max-width: 400px }
.cus-subject { line-height: 1.5; padding-bottom: 35px }
.cus-tel { padding-top: 55px; line-height: 1.5; white-space: nowrap }
.cus-remark { float: right; color: rgb(128, 128, 128) }
.contact-home-right h4 { padding-top: 10px; padding-bottom: 30px }
.contact-home-line { padding-top: 10px; padding-bottom: 10px; line-height: 1 }
.contact-home-line span { display: inline-block; vertical-align: middle }
.contact-home-line i { margin-right: 20px; color: black }
.contact-home-support { padding-top: 30px }
.contact-home-link { padding-top: 50px; padding-bottom: 50px }
.common-feedback { width: 1200px; max-width: 100%; padding: 5% }
.common-feedback .row { margin: 0 }
.common-feedback-form { padding-top: 30px }
.common-feedback h3 { font-size: 26px; margin-bottom: 20px; color: black }
.common-feedback .item { padding-bottom: 20px }
.common-feedback label { font-size: 16px; display: block; margin-bottom: 5px }
.common-feedback label.error { display: none !important }
.common-feedback .item input { height: 100%; color: rgb(66, 66, 66) }
.common-feedback-form input, .common-feedback-form textarea { line-height: 20px; width: 100%; height: 100%; padding: 9px 15px; vertical-align: top; border: 1px solid rgb(228, 228, 228); background-color: rgb(228, 228, 228) }
.common-feedback-form textarea { height: 226px; margin-bottom: 0 }
.common-feedback-form .set-height { line-height: 40px }
.common-feedback-form #img-captcha { margin-left: 5px; vertical-align: middle }
.common-feedback input[type='text']:focus, .common-feedback textarea:focus { border: 1px solid rgb(237, 108, 0) }
.common-feedback-form button { min-width: 110px; margin-left: 5px; line-height: 1; padding: 8px 25px; background-color: rgb(237, 108, 0); display: inline-block; color: white; border-radius: 50px; vertical-align: top }
.contact .fancybox-wrap { background-position: center center; background-image: url(https://web.archive.org/web/20180819200844im_/http://bptjk.com/User_Files/default/bg-feedback.jpg); background-size: cover }
.contact .fancybox-close { color: rgb(77, 77, 77); right: 10px; top: 10px }
.contact .fancybox-close:before { font-size: 36px }
.branches-map, .branches-list { height: 500px }
.branches-list select { height: 34px; vertical-align: middle; padding: 5px 15px; width: 100% }
.branches-list-select { z-index: 2 }
.branches-store { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 100px; z-index: 1 }
.branches-store-list { height: 100%; overflow: auto }
.branches-store-list li { padding-left: 40px; border-bottom: 1px solid rgb(180, 180, 180); margin-bottom: 30px; padding-bottom: 20px }
.branches-store-list li:before { content: '\c0008'; font-family: 'cxany'; position: absolute; left: 0; top: 2px; font-size: 28px; line-height: 1 }
.branches-store-list li:last-child { border-bottom: 0; margin-bottom: 0 }
.branches-store-list li h4 { cursor: pointer; color: black; font-size: 16px }
.branches-store-list li h4:hover { color: rgb(237, 108, 0) }
.branches-store-list li h5 { font-size: 13px }
.branches-store-list li h4, .branches-store-list li h5 { line-height: 2 }
.main-footer { z-index: 101; padding-top: 60px; background-color: rgb(228, 228, 228) }
.main-footer a { color: rgb(134, 134, 134) }
.main-footer a:hover { color: rgb(237, 108, 0) }
.footer-recommend { padding-bottom: 70px }
.footer-recommend li:not(:last-child) { border-right: 1px solid rgb(178, 178, 178) }
.footer-recommend .image { float: left; width: 64px; padding-top: 16px }
.footer-recommend .image img { width: 40px; height: auto }
.footer-recommend .text { margin-left: 80px }
.footer-recommend .subject { padding-bottom: 10px; color: rgb(237, 108, 0) }
.footer-nav dl { display: inline-block; text-align: center }
.footer-nav dt a { display: block; padding-bottom: 15px; color: rgb(77, 77, 77) }
.footer-nav dd a { line-height: 2.35; color: rgb(128, 128, 128) }
.footer-wechat img { max-width: 115px; padding-top: 15px; }
.footer-wechat .font-lg { padding-bottom: 15px; color: rgb(77, 77, 77) }
.footer-contact p { white-space: nowrap }
.footer-copyright { line-height: 20px; margin-top: 30px; padding-top: 20px; padding-bottom: 20px; background-color: rgb(237, 108, 0) }
.footer-copyright .fc-company { padding-right: 30px }
.footer-copyright, .footer-copyright a { color: white }
.footer-copyright a:hover { color: white }
@media screen and (min-width:1200px) {
  .frame-right { float: left; width: 300px; margin-left: -300px }
  .frame-left { margin-right: 400px }
}
.stickyed { position: fixed; z-index: 99 }
.hide-top-nav .top-nav { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0) }
.show-works-top .details-top-nav { transition: all .25s linear .25s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.details-heading { margin-bottom: 15px }
.details-heading h2 { line-height: 1.3; padding-bottom: 20px }
.details-heading .date { float: right }
.works-details-gallery { margin-bottom: 10px }
.works-images-list img { width: 100%; height: auto; margin-bottom: 15px }
.works-details-content h2.subject { line-height: 1.5; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid rgb(66, 66, 66) }
.works-details-info { padding-left: 18px }
.works-details-info li { line-height: 28px; list-style-type: disc }
.works-details-info hr { margin-top: 15px; margin-bottom: 15px; margin-left: -18px }
.details-more { text-align: right }
.details-like { line-height: 40px; display: inline-block; height: 40px; margin-top: 10px }
.details-like i { font-size: 28px; margin-top: -5px }
.details-like:hover i { color: red }
.details-related { line-height: 40px; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px dotted rgb(51, 51, 51) }
.details-related a.block span { display: inline-block }
.details-related-next { text-align: right }
.pager-list { margin-top: 30px; margin-bottom: 50px; text-align: center }
.pager-list a, .pager-list span, .pager-list input { font-size: 16px; line-height: 24px; display: inline-block; height: 26px; color: rgb(130, 130, 130) }
.pager-list input { width: 20px; text-align: center; border-bottom: 1px solid rgb(130, 130, 130) }
.pager-list a { min-width: 26px; margin: 0 6px; padding: 0 5px; border: 1px solid rgb(130, 130, 130) }
.pager-list a:hover, .pager-list a.active, .pager-list button:hover { color: white; border-color: rgb(237, 108, 0); background-color: rgb(237, 108, 0) }
.pager-list i { text-align: center }
.pager-list a.pager-prev, .pager-list a.pager-next { border: 0; line-height: 26px; margin: 0 10px }
.pager-list a.pager-prev:hover, .pager-list a.pager-next:hover { background-color: transparent; color: rgb(237, 108, 0) }
.fancybox-close { font-size: 0; line-height: 35px; position: absolute; top: 8px; right: 30px; display: block; width: 35px; height: 35px; text-align: center; color: white; background: transparent }
.fancybox-close:before { font-family: 'cxany'; font-size: 32px; display: inline-block; content: '\c0003'; vertical-align: middle; -webkit-font-smoothing: antialiased }
.fancybox-skin { background-color: transparent }
.fancybox-opened .fancybox-skin { background-color: transparent; box-shadow: none }
.tippy-tooltip.gray-theme, .tippy-tooltip.gray-theme .tippy-backdrop { background-color: rgb(50, 50, 50) }
.tippy-tooltip.yellow-theme, .tippy-tooltip.yellow-theme .tippy-backdrop { color: rgb(34, 24, 21); background-color: rgb(255, 237, 0) }
.tippy-tooltip.yellow-theme { width: 180px; padding: 1em 1em }
.tippy-tooltip.yellow-theme a, .tippy-tooltip.transparent-theme a { color: rgb(34, 24, 21) }
.tippy-tooltip img { max-width: 150px; height: auto }
ins[data-type='screen'] { display: none; content: 'xs' }
@media (min-width:768px) {
  ins[data-type='screen'] { content: 'sm' }
}
@media (min-width:992px) {
  ins[data-type='screen'] { content: 'md' }
}
@media (min-width:1200px) {
  ins[data-type='screen'] { content: 'lg' }
}
@media (min-width:1280px) {
  ins[data-type='screen'] { content: 'xl' }
}
@media (min-width:1366px) {
  ins[data-type='screen'] { content: '1366' }
}
@media (min-width:1440px) {
  ins[data-type='screen'] { content: '1440' }
}
@media (min-width:1600px) {
  ins[data-type='screen'] { content: '1600' }
}
@media (min-width:1920px) {
  ins[data-type='screen'] { content: '1920' }
}
@media (min-width:2560px) {
  ins[data-type='screen'] { content: '2560' }
}
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto }
.ps__rail-x { position: absolute; bottom: 0; display: none; height: 15px; transition: background-color .2s linear, opacity .2s linear; opacity: 0 }
.ps__rail-y { position: absolute; right: 0; display: none; width: 15px; transition: background-color .2s linear, opacity .2s linear; opacity: 0 }
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent }
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: .6 }
.ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { opacity: .9; background-color: #eee }
.ps__thumb-x { position: absolute; bottom: 2px; height: 6px; transition: background-color .2s linear, height .2s ease-in-out; border-radius: 6px; background-color: #aaa }
.ps__thumb-y { position: absolute; right: 2px; width: 6px; transition: background-color .2s linear, width .2s ease-in-out; border-radius: 6px; background-color: #aaa }
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { height: 11px; background-color: #999 }
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { width: 11px; background-color: #999 }
@supports (-ms-overflow-style:none) {
  .ps { overflow: auto !important }
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .ps { overflow: auto !important }
}
.cxany-color-strong { color: rgb(237, 108, 0); }
.cxany-color-red { color: red; }
.cxany-color-blue { color: blue; }
.cxany-color-gray { color: rgb(128, 128, 128); }
.cxany-font-sm { font-size: 12px; }
.cxany-font-md { font-size: 16px; }
.cxany-font-lg { font-size: 18px; }
.line-height-l { line-height: 2; }
.line-height-m { line-height: 1.5; }
.line-height-s { line-height: 1; }
.cxany-valign-middle span, .cxany-valign-middle img { display: inline-block; vertical-align: middle; float: none; }

/*
     FILE ARCHIVED ON 20:08:44 Aug 19, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:39:55 Apr 03, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.685
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.01
  esindex: 0.012
  cdx.remote: 67.523
  LoadShardBlock: 251.579 (3)
  PetaboxLoader3.datanode: 232.374 (4)
  PetaboxLoader3.resolve: 370.634 (2)
  load_resource: 379.973
*/