html { overflow-x: hidden; overflow-y: scroll }
body { font-family: 'PingHei', 'Microsoft YaHei', 'Arial', 'Verdana', 'Helvetica'; font-size: 14px; line-height: 2; color: rgb(93, 93, 93); min-width: 1000px; overflow-x: hidden; height: 100% }
*:focus { outline: none }
a, button { transition: all .4s }
a { color: rgb(93, 93, 93) }
a:hover, a.active, .active { text-decoration: none; color: rgb(215, 96, 32) }
h1, h2, h3, h4, h5, h6, ul, ol, li, p, strong, b { margin: 0; padding: 0 }
div, section, dl, dt, dd { position: relative }
dl, dt, dd, textarea { margin: 0; vertical-align: top; font-size: 14px; font-weight: normal; padding: 0 }
li { list-style: none }
input, textarea { resize: none; transition: border .4s, background-color .4s; border-radius: 0; -webkit-appearance: none }
label { font-weight: normal }
a:hover .no-hover { color: inherit; background: initial }
p { margin-bottom: 10px }
.inline { display: inline-block; vertical-align: top; letter-spacing: normal }
.inline-wrapper { font-size: 0 }
.inline-item { display: inline-block; font-size: initial }
.block { position: relative; display: block }
.strong, strong { color: rgb(215, 96, 32) }
.nowrap { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ani { transition: all .4s }
.none { display: none !important }
.pc-div { display: block }
.mobile-div { display: none }
.full-size { position: relative; overflow: hidden; width: 100%; height: 100% }
.full-height { height: 100% }
.fix-height { overflow: auto }
.font-zero { font-size: 0 }
.font-zero > div, .font-zero > p, .font-zero > button, .font-zero > a { font-size: 13px }
.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 }
.bgc-gray { background-color: rgb(245, 245, 245) }
.font-xs { font-size: 12px !important }
.font-xxs { font-size: 12px; -webkit-transform: scale(.8); transform: scale(.8) }
.hide { opacity: 0 }
.font-gray { color: rgb(160, 160, 160) }
a:hover .font-gray { color: inherit }
.bottom-line { border-bottom: 1px solid rgb(170, 170, 170) }
.full-line { position: relative; left: 0; width: 100%; height: 0; margin: 10px 0; border-bottom: 1px solid rgb(174, 174, 174) }
.icon-cxany { font-size: 16px; display: inline-block; vertical-align: middle }
[class^='icon-cxany-'], [class*=' icon-cxany-'] { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-cxany-strong { -webkit-font-smoothing: auto }
.row { margin-right: -15px; margin-left: -15px }
.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: 15px; padding-left: 15px }
.row.row-no-padding { margin-right: 0; margin-left: 0 }
.row-no-padding .col-xs-1, .row-no-padding .col-sm-1, .row-no-padding .col-md-1, .row-no-padding .col-lg-1, .row-no-padding .col-xs-2, .row-no-padding .col-sm-2, .row-no-padding .col-md-2, .row-no-padding .col-lg-2, .row-no-padding .col-xs-3, .row-no-padding .col-sm-3, .row-no-padding .col-md-3, .row-no-padding .col-lg-3, .row-no-padding .col-xs-4, .row-no-padding .col-sm-4, .row-no-padding .col-md-4, .row-no-padding .col-lg-4, .row-no-padding .col-xs-5, .row-no-padding .col-sm-5, .row-no-padding .col-md-5, .row-no-padding .col-lg-5, .row-no-padding .col-xs-6, .row-no-padding .col-sm-6, .row-no-padding .col-md-6, .row-no-padding .col-lg-6, .row-no-padding .col-xs-7, .row-no-padding .col-sm-7, .row-no-padding .col-md-7, .row-no-padding .col-lg-7, .row-no-padding .col-xs-8, .row-no-padding .col-sm-8, .row-no-padding .col-md-8, .row-no-padding .col-lg-8, .row-no-padding .col-xs-9, .row-no-padding .col-sm-9, .row-no-padding .col-md-9, .row-no-padding .col-lg-9, .row-no-padding .col-xs-10, .row-no-padding .col-sm-10, .row-no-padding .col-md-10, .row-no-padding .col-lg-10, .row-no-padding .col-xs-11, .row-no-padding .col-sm-11, .row-no-padding .col-md-11, .row-no-padding .col-lg-11, .row-no-padding .col-xs-12, .row-no-padding .col-sm-12, .row-no-padding .col-md-12, .row-no-padding .col-lg-12 { padding-right: 0; padding-left: 0 }
.row.row-padding-7 { margin-right: -7.5px; margin-left: -7.5px }
.row-padding-7 .col-xs-1, .row-padding-7 .col-sm-1, .row-padding-7 .col-md-1, .row-padding-7 .col-lg-1, .row-padding-7 .col-xs-2, .row-padding-7 .col-sm-2, .row-padding-7 .col-md-2, .row-padding-7 .col-lg-2, .row-padding-7 .col-xs-3, .row-padding-7 .col-sm-3, .row-padding-7 .col-md-3, .row-padding-7 .col-lg-3, .row-padding-7 .col-xs-4, .row-padding-7 .col-sm-4, .row-padding-7 .col-md-4, .row-padding-7 .col-lg-4, .row-padding-7 .col-xs-7, .row-padding-7 .col-sm-7, .row-padding-7 .col-md-7, .row-padding-7 .col-lg-7, .row-padding-7 .col-xs-6, .row-padding-7 .col-sm-6, .row-padding-7 .col-md-6, .row-padding-7 .col-lg-6, .row-padding-7 .col-xs-7, .row-padding-7 .col-sm-7, .row-padding-7 .col-md-7, .row-padding-7 .col-lg-7, .row-padding-7 .col-xs-8, .row-padding-7 .col-sm-8, .row-padding-7 .col-md-8, .row-padding-7 .col-lg-8, .row-padding-7 .col-xs-9, .row-padding-7 .col-sm-9, .row-padding-7 .col-md-9, .row-padding-7 .col-lg-9, .row-padding-7 .col-xs-10, .row-padding-7 .col-sm-10, .row-padding-7 .col-md-10, .row-padding-7 .col-lg-10, .row-padding-7 .col-xs-11, .row-padding-7 .col-sm-11, .row-padding-7 .col-md-11, .row-padding-7 .col-lg-11, .row-padding-7 .col-xs-12, .row-padding-7 .col-sm-12, .row-padding-7 .col-md-12, .row-padding-7 .col-lg-12 { padding-right: 7.5px; padding-left: 7.5px }
.row.row-padding-10 { margin-right: -10px; margin-left: -10px }
.row-padding-10 .col-xs-1, .row-padding-10 .col-sm-1, .row-padding-10 .col-md-1, .row-padding-10 .col-lg-1, .row-padding-10 .col-xs-2, .row-padding-10 .col-sm-2, .row-padding-10 .col-md-2, .row-padding-10 .col-lg-2, .row-padding-10 .col-xs-3, .row-padding-10 .col-sm-3, .row-padding-10 .col-md-3, .row-padding-10 .col-lg-3, .row-padding-10 .col-xs-4, .row-padding-10 .col-sm-4, .row-padding-10 .col-md-4, .row-padding-10 .col-lg-4, .row-padding-10 .col-xs-5, .row-padding-10 .col-sm-5, .row-padding-10 .col-md-5, .row-padding-10 .col-lg-5, .row-padding-10 .col-xs-6, .row-padding-10 .col-sm-6, .row-padding-10 .col-md-6, .row-padding-10 .col-lg-6, .row-padding-10 .col-xs-7, .row-padding-10 .col-sm-7, .row-padding-10 .col-md-7, .row-padding-10 .col-lg-7, .row-padding-10 .col-xs-8, .row-padding-10 .col-sm-8, .row-padding-10 .col-md-8, .row-padding-10 .col-lg-8, .row-padding-10 .col-xs-9, .row-padding-10 .col-sm-9, .row-padding-10 .col-md-9, .row-padding-10 .col-lg-9, .row-padding-10 .col-xs-10, .row-padding-10 .col-sm-10, .row-padding-10 .col-md-10, .row-padding-10 .col-lg-10, .row-padding-10 .col-xs-11, .row-padding-10 .col-sm-11, .row-padding-10 .col-md-11, .row-padding-10 .col-lg-11, .row-padding-10 .col-xs-12, .row-padding-10 .col-sm-12, .row-padding-10 .col-md-12, .row-padding-10 .col-lg-12 { padding-right: 10px; padding-left: 10px }
.row.row-padding-20 { margin-right: -20px; margin-left: -20px }
.row-padding-20 .col-xs-1, .row-padding-20 .col-sm-1, .row-padding-20 .col-md-1, .row-padding-20 .col-lg-1, .row-padding-20 .col-xs-2, .row-padding-20 .col-sm-2, .row-padding-20 .col-md-2, .row-padding-20 .col-lg-2, .row-padding-20 .col-xs-3, .row-padding-20 .col-sm-3, .row-padding-20 .col-md-3, .row-padding-20 .col-lg-3, .row-padding-20 .col-xs-4, .row-padding-20 .col-sm-4, .row-padding-20 .col-md-4, .row-padding-20 .col-lg-4, .row-padding-20 .col-xs-5, .row-padding-20 .col-sm-5, .row-padding-20 .col-md-5, .row-padding-20 .col-lg-5, .row-padding-20 .col-xs-6, .row-padding-20 .col-sm-6, .row-padding-20 .col-md-6, .row-padding-20 .col-lg-6, .row-padding-20 .col-xs-7, .row-padding-20 .col-sm-7, .row-padding-20 .col-md-7, .row-padding-20 .col-lg-7, .row-padding-20 .col-xs-8, .row-padding-20 .col-sm-8, .row-padding-20 .col-md-8, .row-padding-20 .col-lg-8, .row-padding-20 .col-xs-9, .row-padding-20 .col-sm-9, .row-padding-20 .col-md-9, .row-padding-20 .col-lg-9, .row-padding-20 .col-xs-20, .row-padding-20 .col-sm-20, .row-padding-20 .col-md-20, .row-padding-20 .col-lg-20, .row-padding-20 .col-xs-11, .row-padding-20 .col-sm-11, .row-padding-20 .col-md-11, .row-padding-20 .col-lg-11, .row-padding-20 .col-xs-12, .row-padding-20 .col-sm-12, .row-padding-20 .col-md-12, .row-padding-20 .col-lg-12 { padding-right: 20px; padding-left: 20px }
.row-spacing-10 [class^='col-'] { padding-bottom: 10px }
.row-spacing-15 [class^='col-'] { padding-bottom: 15px }
.row-spacing-20 [class^='col-'] { padding-bottom: 20px }
.row-spacing-25 [class^='col-'] { padding-bottom: 25px }
.btn { font-size: 18px; line-height: 26px; min-width: 100px; letter-spacing: .1em; border: 0; border-radius: 0 }
.btn-primary { background-color: rgb(215, 96, 32) }
.btn-primary:hover { background-color: rgb(192, 79, 36) }
.btn.btn-md { font-size: 14px; line-height: 20px; border-radius: 4px }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid rgb(200, 200, 200) }
[class^='col-10'] { display: inline-block; float: left }
.col-10-1 { width: 10% }
.col-10-2 { width: 20% }
.col-10-4 { width: 40% }
.frame-full { padding-right: 20px; padding-left: 20px; transition: padding .4s }
.frame-wide, .frame-middle, .main { height: inherit; margin-right: auto; margin-left: auto }
.frame-wide { max-width: 1200px }
.container-fluid { padding: 0 }
.main, .frame-middle { width: 960px }
.main.has-padding, .frame-middle.has-padding { padding-right: 30px; padding-left: 30px }
.frame-table { display: table; width: 100%; height: inherit }
.frame-cell { display: table-cell; vertical-align: middle }
.shadow-box { position: relative; margin-bottom: 35px; padding: 40px; background: white; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); margin-top: 35px }
.shadow-box.no-top-margin { margin-top: 0 }
.top-nav { z-index: 990; top: 0; left: 0; width: 100%; height: 155px; background: white }
.top-nav:after { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 55px; content: ''; background-color: rgb(215, 96, 32) }
.top-nav- { transition: all .5s }
.top-nav-logo, .top-nav-links, .top-nav-menu { position: absolute; z-index: 99999999 }
.top-nav-logo { left: 0; width: 250px; height: 100px }
.top-nav-logo h1 a { display: block; background: url(../image/top-logo@2x.png) no-repeat left center; background-size: auto 100% }
.top-nav-links { right: 0; width: 250px; height: 100px }
.top-nav-menu { line-height: 55px; height: 55px; z-index: 2; bottom: 0; width: 100% }
.top-nav-links a.top-nav-links-round { font-size: 20px; line-height: 36px; display: inline-block; width: 36px; height: 36px; margin-right: 8px; text-align: center; vertical-align: middle; color: white; border-radius: 50%; background: rgb(215, 96, 32) }
.top-nav-links a.top-nav-links-round.lang { font-size: 18px; line-height: 38px }
.icon-cxany-tianmao { font-size: 35px; margin-top: -5px }
.top-group-name { display: inline-block; padding-left: 5px; vertical-align: middle }
.top-nav-menu dl { position: relative }
.top-nav-menu dl a { display: block; color: white; padding-left: 25px; padding-right: 25px; white-space: nowrap }
.top-nav-menu dt { line-height: 55px; font-size: 15px; text-align: center }
.top-nav-menu dd { position: absolute; top: 55px; left: 0; background-color: rgb(42, 57, 64); padding-top: 10px; padding-bottom: 10px; min-width: 100%; display: none }
.top-nav-menu dd a { line-height: 36px }
.top-nav-menu dd a:hover { color: rgb(215, 96, 32) }
.top-nav-menu dl:hover dt a, .top-nav-menu dl.active dt a { background-color: rgb(192, 79, 36) }
.fixed-nav { padding-top: 155px }
.fixed-nav .top-nav { position: fixed; top: -70px; height: 55px; box-shadow: 0 0 15px rgba(0, 0, 0, .5) }
.fixed-nav.show .top-nav { top: 0 }
.fixed-nav .top-nav-logo { width: 130px; height: 100% }
.fixed-nav .top-nav-links { width: 170px; height: 100% }
.fixed-nav .top-nav-links .fixed-hide { display: none }
.fixed-nav .top-nav-links a.top-nav-links-round { margin-right: 3px }
.fixed-nav .top-nav-menu { left: 160px; width: 650px }
.fixed-nav .top-nav:after { display: none }
.fixed-nav .top-nav-menu dt a { color: rgb(93, 93, 93) }
.fixed-nav .top-nav-menu dl:hover dt a, .fixed-nav .top-nav-menu dl.active dt a { color: white; background-color: rgb(215, 96, 32) }
.fixed-nav .top-nav-links a { color: rgb(93, 93, 93); background-color: transparent }
.top-nav.ani { transition: top .4s }
.main-footer { padding-top: 40px; color: rgb(100, 123, 127); background-color: rgb(31, 51, 58) }
.main-footer a { color: rgb(100, 123, 127) }
.footer-nav { }
.footer-nav dl { float: left; max-width: 85px; margin-right: 28px }
.footer-nav dl:last-child { margin-right: 0 }
.footer-nav dt { border-bottom: 1px dotted rgb(100, 123, 127) }
.footer-nav a { line-height: 1.2; position: relative; display: block; margin-top: 10px; margin-bottom: 10px; white-space: nowrap }
.footer-nav a:hover { color: white }
.footer-links, .footer-copyright { line-height: 1.5; padding-top: 15px; padding-bottom: 10px; margin-top: 25px }
.footer-links { }
.footer-links span, .footer-links a { margin-left: 10px; letter-spacing: normal; color: rgb(50, 71, 76) }
.footer-links a { display: inline-block }
.footer-links a:hover { color: white }
.footer-copyright { color: rgb(70, 86, 91); background-color: rgb(13, 35, 40) }
.home-slides { overflow: hidden; height: 575px }
.slides-list, .slides-list li, .slides-list li a, .bx-wrapper, .bx-viewport { height: inherit }
.home-slides-nav { top: 50%; height: 0; transition: opacity .4s; opacity: 0 }
[class $='-slides']:hover .home-slides-nav { opacity: 1 }
[class $='-slides']:hover .home-slides-nav a { margin-right: 0; margin-left: 0 }
.home-slides-nav a { line-height: 40px; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: margin .4s; text-align: center; color: white; border-radius: 50%; background-color: rgba(0, 0, 0, .5) }
.home-slides-nav-prev { margin-left: -30px }
.home-slides-nav-next { margin-right: -30px }
.home-slides-nav a:hover { background-color: rgba(0, 0, 0, .8) }
.home-slides-nav a .icon-cxany { font-size: 36px }
.home-slides-nav-prev { left: 10% }
.home-slides-nav-next { right: 10% }
.home-brand { height: 380px; color: rgb(130, 130, 130) }
.home-brand-header { overflow: hidden; height: 130px; background-color: rgb(233, 233, 233) }
.home-brand-header a { height: 130px; display: block; float: left; width: 20%; text-align: center; color: white; border-right: 1px solid white; background-color: rgb(215, 96, 32); padding-top: 30px }
.home-brand-header a.active { color: rgb(104, 57, 13); background-color: white }
.home-brand-header .icon-cxany { font-size: 140px; margin-top: -5px }
.home-brand-content { overflow: hidden; height: 230px; padding-top: 50px; padding-right: 130px; padding-left: 130px; text-align: center }
.home-brand-subject { font-size: 16px; padding-bottom: 20px }
.icon-brand, .icon-brand i { position: relative; display: inline-block; content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; vertical-align: middle; position: relative }
.icon-brand i { background-position: center top; width: 100%; height: 100%; opacity: 0; transition: opacity .4s }
a:hover .icon-brand i, a.active .icon-brand i { opacity: 1 }
.home-brand .icon-brand { width: 140px; height: 70px }
.home-hot { padding-bottom: 80px }
.home-hot-video, .home-hot-news { height: 290px }
.home-hot-video { width: 350px }
.home-video-player img { width: 100%; height: 230px }
.home-video-control { line-height: 230px; display: block; text-align: center; color: white; background-color: rgba(0, 0, 0, .15) }
.home-video-control:hover { background-color: rgba(0, 0, 0, 0) }
.icon-cxany-play { font-size: 90px }
.home-hot-video .home-hot-content { height: 230px; background-color: gray }
.home-hot-subject { font-size: 18px; line-height: 36px; margin-bottom: 24px; padding-right: 25px; padding-left: 25px; background-color: rgb(87, 87, 87) }
.home-hot-subject a { color: white }
.home-hot-subject a:hover { color: rgb(215, 96, 32) }
.home-hot-news-list { line-height: 33px; display: block }
.home-hot-news-list .text { width: 450px; display: inline-block }
.home-hot-news-list .date { float: right; padding-right: 10px }
.home-projects { margin-bottom: 60px }
.home-projects-item { overflow: hidden; height: 440px; background-color: rgb(233, 233, 233) }
.home-projects-item a { display: block; color: rgb(87, 87, 87); height: 100% }
.home-projects-item a img { width: 100%; height: 225px; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform-origin: center bottom; transform-origin: center bottom }
.home-projects-item a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.home-projects-item a:img { width: 100%; height: 225px; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s }
.home-projects-item a strong { font-size: 16px; display: block; padding: 20px 22px 10px 22px }
.home-projects-overview { font-size: 13px; padding-left: 22px; padding-right: 22px; display: block; overflow: hidden; line-height: 25px; height: 75px }
.home-projects-more { font-size: 13px; line-height: 25px; display: block; width: 100px; margin-top: 20px; margin-left: 22px; text-align: center; color: white; background: rgb(215, 96, 32); transition: background-color .4s }
.home-projects-item a:hover .home-projects-more { background-color: rgb(192, 79, 36) }
.sub-page { position: relative; min-height: 600px; margin-top: 75px; padding-bottom: 50px }
.frame-left { top: 0; float: left; width: 225px; min-height: 100px }
.left-nav { width: 225px }
.left-nav a { font-size: 14px; display: block; text-align: center; color: white }
.left-nav:nth-child(odd) dt { background-color: rgb(192, 79, 36) }
.left-nav:nth-child(even) dt { background-color: rgb(215, 96, 32) }
.left-nav dd { background-color: rgb(64, 87, 94) }
.left-nav dt a { line-height: 55px }
.left-nav dd a { font-size: 14px; line-height: 46px; position: relative; margin-top: -1px; text-align: center; border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3); background-color: rgb(106, 116, 118) }
.left-nav dd a:hover, .left-nav dd a.active { color: rgb(219, 95, 18) }
.products .left-nav dd a:hover, .products .left-nav dd a.active { color: white }
.products .left-nav dd a { font-size: 16px; padding-left: 30%; text-align: left }
.left-nav dd a i { display: inline-block; width: 24px; text-align: left; color: inherit }
.left-nav dd a i .icon-cxany { font-size: 13px; margin-top: -2px; -webkit-font-smoothing: auto }
.left-nav dd a:hover { z-index: 3; background-color: inherit }
.left-nav dd a.active { z-index: 2; background-color: inherit }
.fixed-nav .frame-left { }
.left-nav dd .left-nav-level-3 { z-index: 5; padding-top: 10px; padding-bottom: 15px; border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3) }
.left-nav dd .left-nav-level-3 a { font-size: 14px; line-height: 30px; margin: 0; padding-left: 28%; color: rgb(220, 220, 220); border: 0; background-color: transparent }
.left-nav dd .left-nav-level-3 a i { font-size: 18px; text-align: center; vertical-align: middle }
.left-nav dd .left-nav-level-3 a.active i { color: rgb(215, 96, 32) }
.products .left-nav-level-2, .products .left-nav-level-3 { display: none }
.products .left-nav-level-2.active, .products .left-nav-level-3.active { display: block }
.footer-search { font-size: 13px; font-weight: bold; line-height: 35px; margin-top: 20px }
.left-nav-level-3 { margin-top: -1px }
.footer-search { font-size: 13px; font-weight: bold; line-height: 35px; height: 35px; margin-top: 20px; padding-right: 25px; border: 1px solid rgb(215, 96, 32); background-color: white }
.footer-search input[type='text'] { font-weight: normal; line-height: 30px; width: 100%; height: 100%; padding: 0 10px; vertical-align: top; border: 0; background-color: transparent }
.footer-search button { line-height: 32px; position: absolute; top: 0; right: 0; width: 45px; height: 33px; padding: 0; color: white; border: 0; background-color: rgb(215, 96, 32) }
.footer-search button:hover { background-color: rgb(192, 79, 36) }
.footer-search button .icon-cxany { font-size: 20px; margin: 0 0 2px 3px }
.left-contact { margin-top: 50px }
.frame-right { float: right; width: 700px }
.about-home-gallery-pic { float: left; width: 530px; height: 320px }
.about-home-gallery-pic .icon-cxany { font-size: 50px; position: relative; top: 50%; margin-top: -25px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; color: rgb(215, 96, 32) }
.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 { position: absolute; top: 0; right: 0; width: 160px }
.about-home-gallery-nav .slides-list li { width: 100%; height: 100px; padding-bottom: 5px }
.about-home-gallery-nav .slides-list li img { width: 160px; height: 100% }
.about-home-gallery-nav a[data-nav] { line-height: 22px; overflow: hidden; color: white; background-color: rgb(133, 133, 133) }
.about-home-gallery-nav a[data-nav]:hover { background-color: rgb(192, 79, 36) }
.about-home-gallery-nav a[data-nav='slides-next'] { margin-top: -5px }
.about-home-gallery-nav a[data-nav] .icon-cxany { font-size: 35px; margin-top: -5px; margin-bottom: -5px }
.about-home-gallery-overview { line-height: 1.5; float: left; width: 530px; height: 125px; padding: 20px; background-color: rgb(242, 243, 242); overflow-y: auto }
.about-home-gallery-overview .subject { padding-top: 5px; padding-bottom: 15px }
.about-home-content { padding-top: 80px }
@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) }
}
.about-honor-nav { height: 110px; margin-top: 20px; padding: 25px 50px; background-color: rgb(215, 96, 32) }
.about-honor-nav .slides-list li { position: relative; display: block; width: 100px; transition: width .2s; text-align: center }
.about-honor-nav .slides-list li:after { position: absolute; top: 50px; left: 0; width: 100%; height: 0; content: ''; border-top: 1px solid white }
.about-honor-nav .slides-list li:before { position: absolute; top: 46px; left: 48px; width: 8px; height: 8px; content: ''; transition: all .2s; border-radius: 50%; background-color: white }
.about-honor-nav .slides-list li a { display: block; padding-top: 5px; transition: all .2s; color: white }
.about-honor-nav .slides-list li[data-active] { width: 110px }
.about-honor-nav .slides-list li[data-active] a { font-size: 28px; margin-top: -20px }
.about-honor-nav .slides-list li[data-active]:before { top: 42px; left: 49px; width: 16px; height: 16px }
.about-honor-nav a[data-nav] { line-height: 18px; position: absolute; top: 40px; width: 20px; height: 20px; color: rgb(215, 96, 32); background-color: white }
.about-honor-nav a[data-nav] .icon-cxany { font-size: 18px }
.about-honor-nav a[data-nav='slides-prev'] { left: -20px }
.about-honor-nav a[data-nav='slides-next'] { right: -20px }
.about-honor-list { margin-top: 15px; padding: 15px 0; background-color: rgb(240, 240, 240) }
.about-honor-list li { padding: 15px 25px; border-bottom: 1px solid rgb(200, 200, 200); background-color: rgb(242, 243, 242) }
.about-honor-list li:last-child { border-bottom: 0 }
.about-honor-list li h5 { font-size: 16px; padding-top: 5px; padding-bottom: 5px; color: rgb(215, 96, 32) }
.common-contact-search { height: 35px; margin-bottom: 20px }
.cxany-select { font-size: 13px; font-weight: bold; line-height: 35px }
.cxany-select { overflow: hidden; height: 35px; padding-right: 35px; border: 1px solid rgb(215, 96, 32); background-color: white }
.cxany-select input[type='text'] { font-weight: normal; line-height: 30px; width: 100%; height: 100%; padding: 0 10px; vertical-align: top; border: 0; background-color: transparent }
.cxany-select button { line-height: 32px; position: absolute; top: 0; right: 0; width: 35px; height: 33px; padding: 0; color: white; border: 0; background-color: rgb(215, 96, 32) }
.cxany-select:hover button { background-color: rgb(192, 79, 36) }
.cxany-select button .icon-cxany { font-size: 25px }
.cxany-select select { font-size: 14px; position: absolute; z-index: 2; top: -1px; left: -1px; width: 130%; height: 35px; padding-right: 10%; padding-left: 10px; border: 0; background-color: transparent }
.common-contact-map { height: 320px; margin-bottom: 20px; background-color: gray }
.common-contact-list li { position: relative; margin-bottom: 10px; padding: 25px; background-color: rgb(240, 240, 240) }
.common-contact-list dt { float: left; width: 100px; min-height: 70px; padding-top: 18px }
.common-contact-list dd { line-height: 1.8; float: right; width: 530px; min-height: 70px; margin-left: 10px; padding-left: 40px; border-left: 1px solid rgb(140, 140, 140) }
.common-contact-list dd h5 { font-size: 14px; line-height: 1.2; padding-top: 5px; padding-bottom: 15px; color: rgb(215, 96, 32) }
.common-contact-list dt .icon-cxany-position { font-size: 46px; position: absolute; z-index: 0; left: 50%; margin-left: -23px; color: rgb(215, 96, 32) }
.common-contact-list dt span[class] { position: relative; z-index: 1; display: block; text-align: center }
.common-contact-list dt span.no { top: 8px; color: white }
.common-contact-list dt span.text { top: 35px }
.about-map-area { height: 435px; margin-bottom: 40px; background-color: gray }
.about-magazine-item a, .about-magazine-item a span { position: relative; display: block }
.about-magazine-item a span { line-height: 50px; text-align: center }
.about-magazine-item a .txt { margin-bottom: 20px; padding-top: 5px }
.symbol-new { font-family: Arial; font-style: normal; line-height: 18px; display: inline-block; height: 18px; margin: 0 5px; padding: 0 10px; vertical-align: middle; color: white; border-radius: 10px; background-color: rgb(215, 96, 32) }
.about-magazine-details { background: rgb(15, 36, 41) }
.about-magazine-details .frame-left { display: none }
.about-magazine-details .frame-right { float: none; width: 100% }
.magazine .slider .bx-pager-item { display: inline-block }
.magazine .slider .bx-pager-item a { display: block; width: 10px; height: 10px; border-radius: 50% }
.magazine_view #main_footer { padding-top: 0 }
.magazine_view #main_footer #btn_top, .magazine_view #main_footer .nav { display: none }
.magazine .details { min-height: 800px; padding-top: 100px }
.magazine .slider { height: 750px }
.magazine .slider .hs_frame { left: 0; width: 100% }
.magazine .slider .hs_list li { float: left; overflow: hidden; width: 100%; height: 600px; padding-bottom: 20px }
.magazine .slider .hs_list li a { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
.magazine .slider .bx-wrapper, .slider .bx-viewport { height: 100% }
.magazine .slider .bx-pager { position: relative; top: 50px; width: 100%; height: 20px; margin: 0 auto; text-align: center }
.magazine .slider .bx-pager-item:nth-child(1) { margin-left: 20px }
.magazine .slider .bx-default-pager a { font-size: 1px; width: 10px; height: 10px; margin: 5px 8px; color: transparent; border-radius: 100%; background: rgb(128, 128, 128) }
.magazine .slider .bx-default-pager a:hover, .magazine .slider .bx-default-pager a.active { background: rgb(215, 96, 32) }
.magazine .slider a.nav { line-height: 160px; position: absolute; z-index: 9; top: 50%; display: block; width: 80px; height: 160px; margin-top: -160px; text-align: center; color: rgb(160, 160, 160); background: rgb(71, 80, 81) }
.magazine .slider a.nav .icon-cxany { font-size: 50px }
.magazine .slider a.nav.prev { left: -80px; padding-left: 5px; border-top-left-radius: 160px; border-bottom-left-radius: 160px }
.magazine .slider a.nav.next { right: -80px; padding-right: 5px; border-top-right-radius: 160px; border-bottom-right-radius: 160px }
.magazine .slider a.nav:hover { color: rgb(215, 96, 32) }
.magazine .pager { position: absolute; bottom: 0; width: 100%; height: 30px; text-align: center }
.magazine .pager span { line-height: 18px; display: inline-block; height: 18px; padding: 0 15px; text-align: center; color: rgb(0, 0, 0); border-radius: 5px; background: rgb(128, 128, 128) }
.magazine .pager a { position: absolute; top: 0; right: 10px; width: 150px; height: 30px; color: rgb(215, 96, 32) }
.magazine .pager a:hover { color: white }
.products .left-nav dd { display: none }
.products .left-nav.active dd { display: block }
.products .left-nav dt a { overflow: hidden; height: 91px; margin-bottom: -1px; border: 1px solid rgb(215, 96, 32); border-top: 1px solid rgb(192, 79, 36); padding-top: 7px }
.products .left-nav:first-child dt a { border-bottom: 0 }
.products .left-nav dt a:hover { color: rgb(104, 57, 13); border: 1px solid rgb(204, 197, 196); background-color: rgb(255, 255, 255) }
.products .left-nav.active dt a { color: rgb(104, 57, 13); border: 1px solid rgb(204, 197, 196); background-color: rgb(255, 255, 255) }
.products .left-nav dt .icon-cxany { font-size: 150px; margin-top: -30px }
.products .left-nav dt a .icon-brand { width: 150px; height: 75px }
.products-categories-header { margin-bottom: 35px; color: rgb(160, 160, 160) }
.products-categories-item { overflow: hidden; margin-bottom: 20px; background-color: rgb(236, 235, 234) }
.products-categories-item .img { overflow: hidden; height: 170px; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform-origin: center bottom; transform-origin: center bottom }
.products-categories-item a:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.products-categories-item a, .products-categories-item a span { position: relative; display: block }
.products-categories-item .overview { line-height: 28px; height: 190px; padding: 20px }
.products-categories-item .overview strong { font-size: 16px; line-height: 35px; display: block; color: rgb(215, 96, 32) }
.products-categories-item .txt { line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px }
.products-categories-item .intro { line-height: 22px; height: 44px; margin-bottom: 5px; overflow: hidden }
.read-more { line-height: 20px; display: block; width: 100px; text-align: center; color: white; background: rgb(215, 96, 32) }
.products-sub-list a { line-height: 2; position: relative; display: block; min-height: 150px; margin-bottom: 20px; padding-left: 180px; background-color: rgb(240, 240, 240); padding-right: 30px }
.products-details .products-sub-list a { min-height: 300px; padding-left: 330px }
.products-sub-list a .thumbs { width: 150px; height: 150px; border: 1px solid rgb(213, 213, 213); background-color: rgb(255, 255, 255); padding: 15px }
.products-details .products-sub-list a .thumbs { width: 300px; height: 300px }
.products-sub-list a.no-image { padding-left: 30px }
.products-sub-list a.no-image .thumbs { display: none }
.products-sub-list a .thumbs img { max-width: 100%; max-height: 100% }
.products-sub-list a .title { font-size: 16px; line-height: 55px; margin-top: 10px; margin-bottom: 15px; color: rgb(215, 96, 32); border-bottom: 1px dotted rgb(93, 93, 93) }
.products-sub-list a .overview { overflow: hidden; height: 48px; text-align: justify }
.products-details .products-sub-list a .overview { height: 192px }
.products-details-content { padding-top: 20px }
.products-details-property { margin-top: -30px }
.products-details-property img { width: 65px; height: 80px; vertical-align: top; margin-right: 15px }
.news-list { margin-bottom: 10px; border-bottom: 1px dotted rgb(93, 93, 93) }
.news-list a { font-size: 12px; line-height: 1.5; position: relative; display: block; margin-bottom: 25px; padding-top: 25px; border-top: 1px dotted rgb(93, 93, 93) }
.news-list a img { float: left; width: 120px; height: 90px; margin-right: 25px }
.news-list a strong { font-size: 16px; padding-bottom: 4px; max-width: 550px }
.news-list a .text { overflow: hidden; max-width: 90%; height: 36px; margin-bottom: 5px; line-height: 18px }
.news-home-details-header { padding-bottom: 30px }
.news-home-details-header h3 { font-size: 18px; line-height: 1.5; padding-bottom: 15px }
.news-home-details-content { margin-bottom: 20px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid rgb(50, 50, 50); border-bottom: 1px solid rgb(50, 50, 50) }
.news-home-details-content img { max-width: 100%; height: auto }
.news-home-details-related a { display: block }
.news-home-details-related a span { float: right }
.news-video-class { line-height: 35px; overflow: hidden; margin-bottom: 20px }
.news-video-class a { position: relative; display: inline-block; float: left; min-width: 145px; margin-left: -1px; text-align: center; border-left: 1px solid rgb(200, 200, 200); background-color: rgb(240, 240, 240) }
.news-video-class a.active { z-index: 2; color: rgb(255, 255, 255); border-left: 0; background-color: rgb(215, 96, 32) }
.news-video-class a:first-child { border-left: 0 }
.news-video-plaer { width: 100%; height: 400px; margin-bottom: 40px; background-color: gray }
.video-list a { position: relative }
.video-list a span { display: block }
.video-list a img { width: 100%; height: auto }
.video-list a .mask { height: 100%; transition: background .4s; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, .2) }
.video-list a .mask .icon-cxany { 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 { margin-top: 10px; margin-bottom: 15px; height: 46px; line-height: 23px; overflow: hidden }
img.jwlogo { display: none !important }
.pager-list { line-height: 25px; padding-top: 35px }
.pager-list a, .pager-list span, .pager-list select { font-size: 12px; margin: 0 2px; vertical-align: middle }
.pager-list a { width: 60px; border-radius: 4px; background-color: rgb(113, 113, 113); line-height: 20px; display: inline-block; text-align: center; vertical-align: middle; color: white }
.pager-list a:hover { background-color: rgb(215, 96, 32) }
.pager-list a.page-button { line-height: 23px; min-width: 25px; margin: 0 1.5px; border: 1px solid rgb(149, 149, 149); border-radius: 5px }
.pager-list a.page-button:hover, .pager-list a.page-button.active { color: white; background-color: rgb(149, 149, 149) }
.pager-list input[name='page-goto'] { width: 50px; margin: 0 3px; padding: 0 5px; text-align: center; border: 1px solid rgb(149, 149, 149); border-radius: 5px }
.pager-list .page-spacer { font-size: 0; width: 0; margin-left: 0 }
h3.subject { font-size: 18px; line-height: 1.5; padding-bottom: 10px }
.subject.with-line { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid rgb(170, 170, 170) }
.service-tuliaojisuan { margin-top: 30px }
.service-home-result { font-size: 18px; padding-top: 10px }
.service-home-result span { display: inline-block; vertical-align: bottom }
.service-home-result .count { font-size: 44px; line-height: 1.1; padding-right: 5px; padding-left: 5px }
.service-fangweichaxun-fangfa { margin-bottom: 50px }
.solution-home-slides { height: 345px }
.bx-has-pager { font-size: 0; position: absolute; bottom: 7%; left: 0; width: 100%; padding-right: 5%; text-align: right }
.bx-pager-item { display: inline-block; width: 8px; height: 8px; margin-left: 8px; vertical-align: middle }
.bx-pager-item a { display: block; width: 100%; height: 100%; border-radius: 100%; background-color: white }
.bx-pager-item a.active { background-color: rgb(215, 96, 32) }
.solution-home-nav { margin-top: 35px }
.solution-home-nav a { display: block }
.solution-home-nav span { position: relative; display: inline-block; float: left; width: 140px; height: 140px }
.solution-home-nav .img { z-index: 1; overflow: hidden }
.solution-home-nav .img img { width: 100%; height: 100%; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s }
.solution-home-nav .text { line-height: 1.5; z-index: 2; padding-top: 55px; transition: background-color .4s; text-align: center; color: white; background-color: rgb(240, 151, 16) }
.solution-home-nav .text i { font-style: normal; display: block; margin-right: -15px; margin-left: -15px }
.solution-home-nav .text.deep { background-color: rgb(215, 96, 33) }
.solution-home-nav .text:before { position: absolute; z-index: 3; top: 62px; left: -7px; width: 15px; height: 15px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit }
.solution-home-nav .text.arrow-right:before { left: inherit; right: -7px }
.solution-home-nav .text.arrow-top:before { top: -7px; left: 62px }
.solution-home-nav a:hover .text { background-color: rgb(192, 79, 36) }
.solution-home-nav a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.solution-list .products-categories-item .overview strong { font-size: 14px; color: inherit }
.solution-details-slides { overflow: hidden; width: 100%; height: 360px; margin-top: 35px; margin-bottom: 50px; padding: 10px; border: 1px solid rgb(200, 200, 200) }
.solution-details-slides-frame { height: 100%; width: 100% }
.solution-details-slides .slides-list { width: 100%; height: 100% }
.solution-details-slides img { max-width: 100%; max-height: 100% }
.solution-details-slides .bx-has-pager { text-align: center }
.title-with-top-line { font-size: 14px; line-height: 26px; margin-top: 30px; margin-bottom: 20px; color: white; border-top: 1px solid rgb(170, 170, 170) }
.title-with-top-line span { display: inline-block; padding-right: 15px; padding-left: 15px; text-align: center; background-color: rgb(215, 96, 32) }
.sulution-details-used-product a { position: relative; display: inline-block; padding: 10px; border: 1px solid rgb(200, 200, 200) }
.sulution-details-used-product a span { padding: 15px }
.feedback input, .feedback textarea { font-size: 12px; line-height: 35px; height: 35px; width: 100%; padding-right: 15px; padding-left: 15px; vertical-align: top; border: 0; border-radius: 4px; background-color: rgb(240, 240, 240) }
.feedback [class^='col-'] { line-height: 35px; min-height: 35px; vertical-align: middle }
.feedback i { font-style: normal; line-height: inherit; padding-left: 10px; vertical-align: middle; color: rgb(215, 96, 32); height: inherit; display: inline-block }
.feedback textarea { line-height: 20px; height: 80px; padding-top: 10px; padding-bottom: 10px }
.feedback button { margin-top: 15px }
#real_player_display_button { 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 }