@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

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

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }

dl, ol, ul { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { text-decoration: none; color: inherit; outline: none; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

a { color: inherit; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: siyuan; }

button, input[type=submit], input[type=text], input[type=button] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); font-family: inherit; font-size: inherit; color: inherit; }

button { padding: 0; border-style: solid; }

input { outline: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

i { font-style: normal; }

body { font-size: 14px; color: #626262; font-family: '微软雅黑'; line-height: 1.2; overflow-x: hidden; }

body:-webkit-full-page-media { background: inherit; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

a { display: block; }

img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.editionCenter { /* width: 14.56rem;  */ width: 13rem; margin: auto; }

/* 版心 */
html, body, .wrap { width: 100%; min-height: 100%; }

.s0 { font-size: 0; }

@media (min-width: 1921px) { .s12 { font-size: calc(12 * 100vw / 1920); }
  .s13 { font-size: calc(13 * 100vw / 1920); }
  .s14 { font-size: calc(14 * 100vw / 1920); }
  .s15 { font-size: calc(15 * 100vw / 1920); }
  .s16 { font-size: calc(16 * 100vw / 1920); }
  .s17 { font-size: calc(17 * 100vw / 1920); }
  .s18 { font-size: calc(18 * 100vw / 1920); }
  .s19 { font-size: calc(19 * 100vw / 1920); }
  .s20 { font-size: calc(20 * 100vw / 1920); }
  .s21 { font-size: calc(21 * 100vw / 1920); }
  .s22 { font-size: calc(22 * 100vw / 1920); }
  .s23 { font-size: calc(23 * 100vw / 1920); }
  .s24 { font-size: calc(24 * 100vw / 1920); }
  .s25 { font-size: calc(25 * 100vw / 1920); }
  .s26 { font-size: calc(26 * 100vw / 1920); }
  .s27 { font-size: calc(27 * 100vw / 1920); }
  .s28 { font-size: calc(28 * 100vw / 1920); }
  .s29 { font-size: calc(29 * 100vw / 1920); }
  .s30 { font-size: calc(30 * 100vw / 1920); }
  .s31 { font-size: calc(31 * 100vw / 1920); }
  .s32 { font-size: calc(32 * 100vw / 1920); }
  .s33 { font-size: calc(33 * 100vw / 1920); }
  .s34 { font-size: calc(34 * 100vw / 1920); }
  .s35 { font-size: calc(35 * 100vw / 1920); }
  .s36 { font-size: calc(36 * 100vw / 1920); }
  .s37 { font-size: calc(37 * 100vw / 1920); }
  .s38 { font-size: calc(38 * 100vw / 1920); }
  .s39 { font-size: calc(39 * 100vw / 1920); }
  .s40 { font-size: calc(40 * 100vw / 1920); }
  .s41 { font-size: calc(41 * 100vw / 1920); }
  .s42 { font-size: calc(42 * 100vw / 1920); }
  .s43 { font-size: calc(43 * 100vw / 1920); }
  .s44 { font-size: calc(44 * 100vw / 1920); }
  .s45 { font-size: calc(45 * 100vw / 1920); }
  .s46 { font-size: calc(46 * 100vw / 1920); }
  .s47 { font-size: calc(47 * 100vw / 1920); }
  .s48 { font-size: calc(48 * 100vw / 1920); }
  .s49 { font-size: calc(49 * 100vw / 1920); }
  .s50 { font-size: calc(50 * 100vw / 1920); }
  .s51 { font-size: calc(51 * 100vw / 1920); }
  .s52 { font-size: calc(52 * 100vw / 1920); }
  .s53 { font-size: calc(53 * 100vw / 1920); }
  .s54 { font-size: calc(54 * 100vw / 1920); }
  .s55 { font-size: calc(55 * 100vw / 1920); }
  .s56 { font-size: calc(56 * 100vw / 1920); }
  .s57 { font-size: calc(57 * 100vw / 1920); }
  .s58 { font-size: calc(58 * 100vw / 1920); }
  .s59 { font-size: calc(59 * 100vw / 1920); }
  .s60 { font-size: calc(60 * 100vw / 1920); } }

@media (max-width: 1920px) and (min-width: 551px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 100vw / 1920); }
  .s14 { font-size: calc(12px + 2 * 100vw / 1920); }
  .s15 { font-size: calc(12px + 3 * 100vw / 1920); }
  .s16 { font-size: calc(12px + 4 * 100vw / 1920); }
  .s17 { font-size: calc(12px + 5 * 100vw / 1920); }
  .s18 { font-size: calc(12px + 6 * 100vw / 1920); }
  .s19 { font-size: calc(12px + 7 * 100vw / 1920); }
  .s20 { font-size: calc(12px + 8 * 100vw / 1920); }
  .s21 { font-size: calc(12px + 9 * 100vw / 1920); }
  .s22 { font-size: calc(12px + 10 * 100vw / 1920); }
  .s23 { font-size: calc(12px + 11 * 100vw / 1920); }
  .s24 { font-size: calc(12px + 12 * 100vw / 1920); }
  .s25 { font-size: calc(12px + 13 * 100vw / 1920); }
  .s26 { font-size: calc(12px + 14 * 100vw / 1920); }
  .s27 { font-size: calc(12px + 15 * 100vw / 1920); }
  .s28 { font-size: calc(12px + 16 * 100vw / 1920); }
  .s29 { font-size: calc(12px + 17 * 100vw / 1920); }
  .s30 { font-size: calc(12px + 18 * 100vw / 1920); }
  .s31 { font-size: calc(12px + 19 * 100vw / 1920); }
  .s32 { font-size: calc(12px + 20 * 100vw / 1920); }
  .s33 { font-size: calc(12px + 21 * 100vw / 1920); }
  .s34 { font-size: calc(12px + 22 * 100vw / 1920); }
  .s35 { font-size: calc(12px + 23 * 100vw / 1920); }
  .s36 { font-size: calc(12px + 24 * 100vw / 1920); }
  .s37 { font-size: calc(12px + 25 * 100vw / 1920); }
  .s38 { font-size: calc(12px + 26 * 100vw / 1920); }
  .s39 { font-size: calc(12px + 27 * 100vw / 1920); }
  .s40 { font-size: calc(12px + 28 * 100vw / 1920); }
  .s41 { font-size: calc(12px + 29 * 100vw / 1920); }
  .s42 { font-size: calc(12px + 30 * 100vw / 1920); }
  .s43 { font-size: calc(12px + 31 * 100vw / 1920); }
  .s44 { font-size: calc(12px + 32 * 100vw / 1920); }
  .s45 { font-size: calc(12px + 33 * 100vw / 1920); }
  .s46 { font-size: calc(12px + 34 * 100vw / 1920); }
  .s47 { font-size: calc(12px + 35 * 100vw / 1920); }
  .s48 { font-size: calc(12px + 36 * 100vw / 1920); }
  .s49 { font-size: calc(12px + 37 * 100vw / 1920); }
  .s50 { font-size: calc(12px + 38 * 100vw / 1920); }
  .s51 { font-size: calc(12px + 39 * 100vw / 1920); }
  .s52 { font-size: calc(12px + 40 * 100vw / 1920); }
  .s53 { font-size: calc(12px + 41 * 100vw / 1920); }
  .s54 { font-size: calc(12px + 42 * 100vw / 1920); }
  .s55 { font-size: calc(12px + 43 * 100vw / 1920); }
  .s56 { font-size: calc(12px + 44 * 100vw / 1920); }
  .s57 { font-size: calc(12px + 45 * 100vw / 1920); }
  .s58 { font-size: calc(12px + 46 * 100vw / 1920); }
  .s59 { font-size: calc(12px + 47 * 100vw / 1920); }
  .s60 { font-size: calc(12px + 48 * 100vw / 1920); } }

@media (max-width: 550px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 550px / 1920); }
  .s14 { font-size: calc(12px + 2 * 550px / 1920); }
  .s15 { font-size: calc(12px + 3 * 550px / 1920); }
  .s16 { font-size: calc(12px + 4 * 550px / 1920); }
  .s17 { font-size: calc(12px + 5 * 550px / 1920); }
  .s18 { font-size: calc(12px + 6 * 550px / 1920); }
  .s19 { font-size: calc(12px + 7 * 550px / 1920); }
  .s20 { font-size: calc(12px + 8 * 550px / 1920); }
  .s21 { font-size: calc(12px + 9 * 550px / 1920); }
  .s22 { font-size: calc(12px + 10 * 550px / 1920); }
  .s23 { font-size: calc(12px + 11 * 550px / 1920); }
  .s24 { font-size: calc(12px + 12 * 550px / 1920); }
  .s25 { font-size: calc(12px + 13 * 550px / 1920); }
  .s26 { font-size: calc(12px + 14 * 550px / 1920); }
  .s27 { font-size: calc(12px + 15 * 550px / 1920); }
  .s28 { font-size: calc(12px + 16 * 550px / 1920); }
  .s29 { font-size: calc(12px + 17 * 550px / 1920); }
  .s30 { font-size: calc(12px + 18 * 550px / 1920); }
  .s31 { font-size: calc(12px + 19 * 550px / 1920); }
  .s32 { font-size: calc(12px + 20 * 550px / 1920); }
  .s33 { font-size: calc(12px + 21 * 550px / 1920); }
  .s34 { font-size: calc(12px + 22 * 550px / 1920); }
  .s35 { font-size: calc(12px + 23 * 550px / 1920); }
  .s36 { font-size: calc(12px + 24 * 550px / 1920); }
  .s37 { font-size: calc(12px + 25 * 550px / 1920); }
  .s38 { font-size: calc(12px + 26 * 550px / 1920); }
  .s39 { font-size: calc(12px + 27 * 550px / 1920); }
  .s40 { font-size: calc(12px + 28 * 550px / 1920); }
  .s41 { font-size: calc(12px + 29 * 550px / 1920); }
  .s42 { font-size: calc(12px + 30 * 550px / 1920); }
  .s43 { font-size: calc(12px + 31 * 550px / 1920); }
  .s44 { font-size: calc(12px + 32 * 550px / 1920); }
  .s45 { font-size: calc(12px + 33 * 550px / 1920); }
  .s46 { font-size: calc(12px + 34 * 550px / 1920); }
  .s47 { font-size: calc(12px + 35 * 550px / 1920); }
  .s48 { font-size: calc(12px + 36 * 550px / 1920); }
  .s49 { font-size: calc(12px + 37 * 550px / 1920); }
  .s50 { font-size: calc(12px + 38 * 550px / 1920); }
  .s51 { font-size: calc(12px + 39 * 550px / 1920); }
  .s52 { font-size: calc(12px + 40 * 550px / 1920); }
  .s53 { font-size: calc(12px + 41 * 550px / 1920); }
  .s54 { font-size: calc(12px + 42 * 550px / 1920); }
  .s55 { font-size: calc(12px + 43 * 550px / 1920); }
  .s56 { font-size: calc(12px + 44 * 550px / 1920); }
  .s57 { font-size: calc(12px + 45 * 550px / 1920); }
  .s58 { font-size: calc(12px + 46 * 550px / 1920); }
  .s59 { font-size: calc(12px + 47 * 550px / 1920); }
  .s60 { font-size: calc(12px + 48 * 550px / 1920); } }

.teaser { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.teaser.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lefter { opacity: 0; -webkit-transform: translate3d(-35%, 35%, 0); transform: translate3d(-35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.lefter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.righter { opacity: 0; -webkit-transform: translate3d(35%, 35%, 0); transform: translate3d(35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.righter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.downer { opacity: 0; -webkit-transform: translate3d(0, -35%, 0); transform: translate3d(0, -35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.downer.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lter { opacity: 0; -webkit-transform: translate3d(-35%, 0, 0); transform: translate3d(-35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.lter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.rter { opacity: 0; -webkit-transform: translate3d(35%, 0, 0); transform: translate3d(35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.rter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.delay2 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.delay4 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.delay6 { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.delay8 { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

.delay10 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.v-a { position: fixed; left: 0; top: 120%; width: 100%; height: 100%; z-index: 10000000; -webkit-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out; background: rgba(0, 0, 0, 0.4); }

.v-a.full .v-b { max-width: 100%; max-height: 100%; }

.v-a.full .v-c { right: 0; }

.v-a.show { top: 0; }

.v-a.show .v-e { visibility: visible; }

.v-a.show .v-f { display: block; }

.v-b { width: 100%; max-width: 450px; height: 100%; max-height: 600px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000; }

.v-c { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #be0000; position: absolute; right: -40px; top: 0; z-index: 1000; }

@media (max-width: 550px) { .v-c { right: 0; } }

.v-d { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; }

.v-e { visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; }

.v-f { display: none; width: 100%; height: 100%; }

.bg-theme { background-color: #eeb54e; }

.color-theme { color: #eeb54e; }

.color-3 { color: #333; }

.color-6 { color: #666; }

.color-9 { color: #999; }

.bold { font-weight: bold; }

.fl { float: left; }

.fr { float: right; }

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

.ep1 { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ep4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.pointer { cursor: pointer; }

/* 头部导航 */
.top { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; }

.top .editionCenter { max-width: 1290px; width: 95%; }

.top-box { overflow: hidden; position: relative; padding: .2rem 0; }

.logo { width: 1.65rem; float: left; }

.nav-box { float: left; margin-left: 1.4rem; }

.nav-box ul { overflow: hidden; line-height: .4rem; }

.nav-box ul li { float: left; margin-right: .6rem; position: relative; color: #fff; }

.nav-box ul li.nav-active::before { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: .35rem; left: 0; }

.top .list { width: .3rem; height: .3rem; position: absolute; top: .2rem; right: 0; display: none; }

.top-right { float: right; margin-top: .1rem; }

.search-icon, .change-lang { display: inline-block; font-size: .15rem; color: #fff; }

.search-icon { margin-right: .3rem; }

.search-icon img { width: .27rem; height: .24rem; }

.change-lang img { width: .24rem; height: .23rem; }

/* banner */
.index-banner { position: relative; }

.index-banner .swiper-pagination { font-size: 0; bottom: .24rem; }

.index-banner .swiper-pagination-bullet { width: 9px; height: 9px; background-color: #fff; opacity: 1; border: 2px solid #fff; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .3rem; }

@media (max-width: 900px) { .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } }

.index-banner .swiper-pagination-bullet-active { background-color: transparent; }

@media (max-width: 900px) { .index-banner img { height: 150px; object-fit: cover; } }

.tool-intro { width: 100%; position: relative; }

.tool-intro:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; background-color: #f7f7f7; width: 20%; height: 100%; }

@media (max-width: 900px) { .tool-intro:before { display: none; } }

.tool-intro-left { width: calc(406 / 1456 * 100%); float: left; overflow: hidden; padding-top: .36rem; padding-bottom: .38rem; background: #f7f7f7; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tool-intro-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; float: left; background-color: #fff; padding-top: .5rem; padding-bottom: .4rem; }

.tool-intro-left-box { height: 350px; }

.tool-intro-left-box ul li { height: .55rem; color: #666; cursor: pointer; text-align: left; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.06rem; margin-right: 12px; width: auto; }

@media (max-width: 1400px) { .tool-intro-left-box ul li { padding-left: .5rem; } }

.tool-intro-left-box ul li:hover { color: #eeb54e; }

.tool-intro-left-box ul li.tool-selected { background-color: #eeb54e; color: #fff; }

.tool-intro-left-box ul li img { width: .55rem; margin-right: .33rem; }

.tool-intro-left-box ul li span { padding: .1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.tool-intro-left-box ul li .tool-img-selected { display: none; }

.tool-intro-left-box ul li.tool-selected .tool-img-selected { display: inline; }

.tool-intro-left-box ul li.tool-selected .tool-img { display: none; }

.tool-intro-txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .95rem; padding-right: .5rem; }

.tool-title { color: #000; font-weight: bold; }

.tool-txt-cons { color: #666; line-height: 2; height: calc(2em * 6); overflow: hidden; margin-top: .3rem; text-align: justify; }

.checkmore { color: #999; margin-top: .5rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.checkmore:hover { color: #eeb54e; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

.checkmore img { width: .36rem; height: .24rem; }

.tool-right-img { width: calc(440 / 1050 * 100%); position: relative; }

.tool-right-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.tool-right-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.tool-item { display: none; }

.tool-item.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.solution { width: 100%; padding: 1.03rem 0; position: relative; }

.solution .title { width: 3.54rem; height: 3.47rem; line-height: 3.47rem; margin: auto; background: url(../images/14.png) no-repeat center/contain; font-weight: bold; text-align: center; position: relative; z-index: 2; position: relative; }

.solution .title:before { content: ''; position: absolute; left: -80%; top: 50%; width: 80%; border-bottom: 2px dashed #999; }

.solution .title:after { content: ''; position: absolute; right: -80%; top: 50%; width: 80%; border-bottom: 2px dashed #999; }

@media (max-width: 900px) { .solution .title { width: 3rem; height: 3rem; line-height: 3rem; }
  .solution .title:before { top: 50%; }
  .solution .title:after { top: 50%; } }

.solution-box { width: 100%; text-align: center; }

.solution-box ul { margin-top: 1rem; display: inline-block; }

.solution-box ul li { float: left; position: relative; }

.soluction-none { display: none; }

.solution-box ul li.solution-item:hover .circle { background-image: url("../images/solution-bg.png"); background-size: 100% 100%; -webkit-background-size: 100% 100%; border: none; }

.solution-box ul li.solution-item:hover .soluction-none { display: block; }

.tool-name { width: 150%; text-align: center; color: #333; font-size: .25rem; position: absolute; top: 35%; left: 35%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.tool-txt { width: 150%; color: #666; font-size: .18rem; position: absolute; bottom: -67%; left: 35%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.check-a { padding-top: .1rem; font-size: .14rem; }

.circle { width: 1.8rem; margin: auto; border-radius: 50%; overflow: hidden; text-align: center; margin-top: .25rem; position: relative; }

.circle .cir1 { border: 1px solid #999; border-radius: 50%; height: 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.circle .cir2 { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.left-circle::before { width: .45rem; height: 1px; background-color: #999; content: ""; position: absolute; top: 50%; left: 100%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }

.right-circle::before { width: .45rem; height: 1px; background-color: #999; content: ""; position: absolute; top: 50%; right: 100%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }

.solution-center { width: 4.2rem; height: 4.2rem; background-image: url("../images/solution-img.png"); background-size: 100% 100%; -webkit-background-size: 100% 100%; font-size: .4rem; line-height: 4.2rem; border-radius: 400px; margin-top: 0; }

/* 底部 */
.footer { width: 100%; background-color: #3e3e3e; }

.footer .logo { width: auto; }

.footer-top { padding: .38rem 0 .24rem; border-bottom: 1px solid rgba(238, 238, 238, 0.6); }

.footer-contact { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.qq-img { margin-right: .25rem; }

.footer-contact .icon { margin-right: .25rem; position: relative; }

@media (min-width: 901px) { .footer-contact .icon:hover .f-pop { display: block; } }

.footer-contact .icon:last-of-type { margin-right: 0; }

.footer-contact .icon .f-pop { position: absolute; left: 50%; bottom: 100%; z-index: 99; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); width: 100px; padding: 5px; background: #fff; border-radius: 5px; overflow: hidden; display: none; -webkit-box-shadow: 0 0 7px 0px rgba(62, 62, 62, 0.3); box-shadow: 0 0 7px 0px rgba(62, 62, 62, 0.3); }

.footer-contact .icon .f-pop img { width: 100%; height: auto; }

.footer-contact .message_wrap { display: inline-block; margin-left: .35rem; position: relative; }

.footer-contact .message_wrap .message { width: 1.89rem; height: .44rem; line-height: .44rem; border-radius: .44rem; background-color: #eeb54e; text-align: center; color: #fff; cursor: pointer; }

.footer-contact .message_wrap .f-pop { position: absolute; left: 50%; bottom: 100%; z-index: 99; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); min-width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; background: #fff; text-align: center; line-height: 3; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 0 7px 0px rgba(62, 62, 62, 0.3); box-shadow: 0 0 7px 0px rgba(62, 62, 62, 0.3); display: none; }

@media (min-width: 901px) { .footer-contact .message_wrap:hover .f-pop { display: block; } }

.footer-contact img { height: 22px; width: auto; }

.footer-middle { overflow: hidden; padding-bottom: .24rem; border-bottom: 1px solid rgba(238, 238, 238, 0.6); }

.footer-link { float: left; overflow: hidden; }

.footer-link a { display: inline-block; }

.footer-link a:hover { color: #eeb54e; }

@media (max-width: 1300px) { .footer-link { float: none; display: flex; justify-content: space-between; } }

.footer-link-item { float: left; /* width: 1.45rem; margin-right: .1rem;  */ margin-right: 0.4rem; }

.footer-link-item:last-of-type { margin-right: 0; }

@media (max-width: 900px) { .footer-link { display: block; }
  .footer-link-item { width: 100%; margin-right: 0; } }

.link-title { color: #fff; padding: .3rem 0; font-weight: bold; }

.footer-link-item ul li { color: #fff; margin-bottom: .1rem; line-height: 1.5; }

.footer-link-item ul li:last-of-type { margin-bottom: 0; }

.footer-link-item ul li:hover { opacity: 1; }

@media (max-width: 900px) { .footer-link-item ul li { display: inline-block; margin-right: 10px; } }

.footer-code { float: right; margin-top: .3rem; }

@media (max-width: 1300px) { .footer-code { float: none; } }

.footer-code-txt { display: inline-block; color: #fff; vertical-align: top; text-align: right; width: 350px; }

.footer-code-txt .tell-num { margin-top: .15rem; margin-bottom: .16rem; font-weight: bold; }

.footer-code-txt .address { line-height: 1.64; }

@media (max-width: 1300px) { .footer-code-txt { text-align: left; width: auto; } }

.footer-code-img { display: inline-block; vertical-align: top; max-width: 1.2rem; height: 1.2rem; margin-left: .27rem; }

@media (max-width: 500px) { .footer-code-img { display: block; margin-left: 0; margin-top: 10px; } }

.footer-bottom { overflow: hidden; line-height: .6rem; font-size: .14rem; }

.fb-left { color: white; float: left; }

@media (max-width: 900px) { .fb-left { float: none; } }

.fb-right { float: right; }

@media (max-width: 900px) { .fb-right { float: none; margin-top: 10px; } }

.fb-right a { display: inline-block; margin-right: .45rem; color: white; }

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

.fb-right a:hover { color: #fff; }

/* 新闻 */
.news-banner-txt { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #fff; font-size: .18rem; }

.news-banner-title { padding-bottom: .1rem; }

/* .news-banner-title span {padding-left: .1rem; } */
.home { width: 100%; line-height: .6rem; -webkit-box-shadow: 0px 1px 1px 0px rgba(4, 0, 0, 0.05); box-shadow: 0px 1px 1px 0px rgba(4, 0, 0, 0.05); background: #fff; }

.home-left { float: left; }

.home-icon { width: .25rem; height: 100%; float: left; }

.home-icon img { height: .18rem; vertical-align: middle; }

.home-menu { height: 100%; float: left; overflow: hidden; }

.home-menu li { float: left; color: #333; padding-left: .25rem; }

.home-right { float: right; }

.home-right ul { overflow: hidden; }

.home-right ul li { float: left; color: #333; margin-left: .65rem; }

.home-right ul li:first-of-type { margin-left: 0; }

.home-right ul li.home-right-active { color: #eeb54e; }

.home-right ul li:hover { color: #eeb54e; }

@media (max-width: 900px) { .home-left { float: none; overflow: hidden; }
  .home-right { float: none; border-top: 1px solid #eee; }
  .home-right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .home-right ul li { margin: 0; padding: 0 .1rem; } }

/* .news-content { background: #fcfcfc; } */
.index-news .news-cons-ul { display: none; }

.news-cons-ul { overflow: hidden; }

.md-news-1 { margin-top: .9rem; }

@media (max-width: 900px) { .md-news-1 { margin-top: .5rem; } }

.md-news-1 .news-cons-ul li { margin-bottom: .85rem; }

.news-cons-ul li { width: calc(417 / 1316 * 100%); float: left; border-right: 1px solid #e4e4e4; overflow: hidden; cursor: pointer; margin-right: calc(30 / 1316 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: .4rem; }

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

@media (min-width: 901px) { .news-cons-ul li:nth-of-type(3n) { margin-right: 0; } }

.news-cons-ul li:hover .nc-img .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.nc-date { font-style: "楷体"; padding-bottom: .35rem; }

.nc-date-full { display: none; }

.nc-day { color: #333; font-family: '宋体'; font-weight: bold; }

.nc-year { color: #666; }

.nc-memo { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #222; line-height: 1.8; padding-right: .7rem; height: calc(1.8em * 2); }

.nc-item { display: block; }

.news-cons-ul { /* margin-left: .7rem; */ /* margin-right: .7rem; */ }

@media (max-width: 900px) { .news-cons-ul { margin: 0; margin-left: auto; margin-right: auto; } }

.news-cons-ul li:hover .nc-day, .news-cons-ul li:hover .nc-year, .news-cons-ul li:hover .nc-memo { color: #eeb54e; }

.nc-checkmore { border-top: 1px solid #e4e4e4; margin-top: .36rem; padding: .3rem 0; color: #999; }

.nc-checkmore img { width: .3rem; }

.nc-img { width: 100%; }

.nc-img .img { padding-top: calc(278 / 419 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; box-sizing: border-box; }

@media (max-width: 900px) { .nc-text { flex: 1; padding: 10px; }
  .nc-img { flex: 1; }
  .nc-img .img { height: 100%; } }

.enlarge-img { overflow: hidden; }

.enlarge-img img { -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }

.enlarge-img:hover img { -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); }

.cn-page { position: relative; padding-bottom: 1rem; text-align: center; }

.cn-page ul { overflow: hidden; display: inline-block; }

.cn-page ul li { width: .4rem; height: .4rem; line-height: .4rem; text-align: center; background-color: #eee; color: #555; font-size: .16rem; margin-right: .1rem; float: left; }

.cn-page ul li.disable-page { color: #d2d2d2; }

.cn-page ul li.able-page { color: #eeb54e; }

.cn-page ul li.cn-page-selected, .cn-page ul li:hover { color: #fff; background-color: #eeb54e; }

.newDetail-cons { width: 100%; min-height: 100%; background-color: #f7f7f7; background-size: 100% 100%; -webkit-background-size: 100% 100%; }

.nd-content { background-color: transparent; padding-bottom: .9rem; }

.newDetail-left { float: left; width: 65%; background-color: #fff; padding: .35rem .45rem; margin-right: .36rem; }

.newDetail-l-l { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f5f5f5; }

.newDetail-l-l-box { flex: 1; }

.newDetail-right { float: right; width: 25%; background-color: #fff; }

/*  */
.social-share .social-share-icon { border-radius: 0 !important; border: none !important; background-color: #f5f5f5 !important; }

.social-share .icon-wechat { color: #989898 !important; }

.social-share .icon-weibo { color: #989898 !important; }

.social-share .social-share-icon:hover { background-color: #eeb54e !important; color: #fff !important; }

.nd-title { color: #333; padding-bottom: .2rem; }

.nd-data { color: #555; padding-bottom: .35rem; }

.nd-data span { padding-right: 1rem; }

.main-txt { color: #666; padding-top: .35rem; padding-bottom: .35rem; border-bottom: 1px solid #f5f5f5; }

.main-txt p { line-height: 1.5; font-size: 14px; }

.main-txt img { max-width: 100%; width: auto; height: auto; }

.main-txt td { border: 1px solid #666; padding: 5px; }

.back-prev { padding: .35rem 0; overflow: hidden; }

.back-prev ul { float: left; color: #555; line-height: .5rem; }

.back-prev-btn { float: right; width: 1.45rem; height: .4rem; line-height: .4rem; background-color: #eeb54e; text-align: center; color: #fff; margin-top: .2rem; }

.ndr-title { line-height: .9rem; position: relative; color: #333; font-size: .19rem; padding-left: .13rem; border-bottom: 1px solid #f5f5f5; }

.ndr-title::before { content: ""; width: .05rem; height: .2rem; background-color: #eeb54e; position: absolute; left: 0; top: 40%; }

.ndr-more { position: absolute; right: .2rem; top: 0; color: #999; }

.ndr-more:hover { color: #eeb54e; }

.ndr-cons { padding: 0 .2rem; }

.ndr-cons ul li { margin: .2rem 0; overflow: hidden; padding-bottom: .2rem; border-bottom: 1px solid #f5f5f5; }

.ndr-cons ul li a { display: flex; align-items: center; justify-content: space-between; }

.ndr-cons ul li:hover .ndr-r-title { color: #eeb54e; }

.ndr-cons ul li:hover .ndr-li-left img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ndr-li-left { width: 42%; float: left; }

.ndr-li-right { width: 53%; float: right; }

.ndr-r-title { color: #333; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.8; }

.ndr-date { color: #888; margin-top: 10px; }

.about-left { width: 51%; float: left; }

.about-right { width: 49%; float: right; padding-left: .59rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: .5rem; }

.about-title { color: #333; padding-bottom: .2rem; font-weight: bold; }

.about-main p { padding-bottom: .2rem; color: #666; line-height: .3rem; }

.aboutus-con { margin-bottom: 1.12rem; margin-top: .85rem; background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* 招聘信息 */
.recruit-top { text-align: center; margin-top: .8rem; margin-bottom: .5rem; }

.recruit-top ul { display: inline-block; overflow: hidden; }

.recruit-top ul li { float: left; margin-right: .2rem; }

@media (max-width: 900px) { .recruit-top ul li { width: 32%; margin-right: 2%; }
  .recruit-top ul li:nth-of-type(3) { margin-right: 0; }
  .recruit-top ul li .recruit-select { width: 100%; } }

.recruit-select, .recruit-input { width: 1.8rem; height: .4rem; line-height: .4rem; background-color: #fff; border: none; padding: 0 .1rem; color: #333; /* font-size: .14rem;  */ }

.recruit-input { width: 4rem; }

.check { width: 1rem; height: .4rem; line-height: .4rem; margin-left: .2rem; background-color: #eeb54e; color: #fff; display: inline-block; }

.recruit-box { padding-bottom: .5rem; }

.recruit-box-cons { width: 100%; }

.recruit-box-title { font-size: .16rem; background-color: #777; color: #fff; }

.recruit-box-item { background-color: #fff; color: #333; border-bottom: 1px solid #f5f5f5; }

.recruit-box-cons ul { overflow: hidden; padding: 0 .2rem; height: .6rem; line-height: .6rem; }

.recruit-box-cons ul li { width: 20%; float: left; text-align: center; cursor: pointer; }

.recruit-box-cons ul li:nth-child(1) { width: 30%; text-align: left; }

.recruit-box-cons ul li:nth-child(5) { width: 10%; text-align: right; color: #999; }

.recruit-box-item:hover ul { background-color: #eeb54e; color: #fff; }

.recruit-box-item:hover ul li:nth-child(5) { color: #fff; }

.recruit-box-item.current-recruit ul { background-color: #eeb54e; color: #fff; }

.recruit-box-item.current-recruit ul li:nth-child(5) { color: #fff; }

.recruit-box-main { background-color: #fafafa; overflow: hidden; display: none; padding: 0 .33rem; }

.recruit-box-main .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.rbm-box { width: calc(620 / 1388 * 100%); float: left; color: #333; }

@media (max-width: 900px) { .recruit-box-main .cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .rbm-box { width: 100%; } }

.rbm-top { padding: .4rem 0; }

.rbm-box p { padding-bottom: .15rem; }

.rbm-btn { width: 2rem; height: .45rem; line-height: .45rem; background-color: #eeb54e; color: #fff; text-align: center; margin: .4rem 0; }

.recruit-box-item.current-recruit .recruit-box-main { display: block; }

.contact-cons { padding-top: .8rem; }

.about-content { background-color: #fff; }

.contact-item { overflow: hidden; padding-bottom: .8rem; position: relative; background-color: #fff; }

.contact-address { width: 35%; position: absolute; float: left; margin-top: .5rem; top: 0; }

.contact-address-title { position: relative; color: #eeb54e; margin-bottom: .5rem; }

.contact-address-title:before { width: 4rem; height: .26rem; background-image: url("../images/contact-line.png"); content: ""; position: absolute; bottom: -.3rem; left: 0; }

.contact-address p { color: #333; padding-bottom: .2rem; }

.contact-img { float: right; width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.contact-img img, .contact-img .img { width: 100%; height: 6rem; }

.contact-img2 { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.contact-address2 { position: absolute; right: 0; }

.contact-address2 { float: right; }

.application-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .86rem; }

.application-item { width: calc(432 / 1456 * 100%); margin-bottom: calc(27 / 1456 * 100%); }

.application-item:hover .application-img .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.application-item:hover .application-title { color: #eeb54e; }

@media (min-width: 901px) { .application-item { margin-right: calc(80 / 1456 * 100%); }
  .application-item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .application-item { width: 48%; margin-right: 4%; }
  .application-item:nth-of-type(2n) { margin-right: 0; }
  .application-box { margin-top: 0.5rem; } }

.application-img { width: 100%; position: relative; overflow: hidden; }

.application-img .bg { padding-top: calc(274 / 432 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.application-title { color: #222; padding: .28rem 0 .14rem; }

.application-txt { padding-bottom: .2rem; }

.application-memo { color: #999; line-height: 1.64; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* 解决方案 */
.case-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.solution-title { color: #333; text-align: center; padding-bottom: .5rem; }

.solution-intro { overflow: hidden; padding-bottom: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 900px) { .solution-intro { display: block; } }

.solution-intro-left { width: 52%; float: left; }

@media (max-width: 900px) { .solution-intro-left { width: 100%; } }

.solution-intro-right { width: 45%; float: right; color: #666; }

@media (max-width: 900px) { .solution-intro-right { width: 100%; margin-top: 0.3rem; } }

.sir-bottom { color: #333; font-size: .24rem; }

.sir-bottom span { vertical-align: middle; padding-right: .2rem; }

.sir-k { display: inline-block; font-size: .16rem; color: #666; vertical-align: middle; }

.sir-k p { padding-bottom: .1rem; }

.function { width: 100%; margin-bottom: 1.3rem; position: relative; }

.function img { width: auto; max-width: 100%; }

.function * { max-width: 100%; }

.function td { border: 1px solid #666; padding: 5px; }

.function .bg { position: relative; text-align: center; }

.function .bg img { width: 4.41rem; height: auto; }

.function .bg .t1 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.function .list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.function .item { position: absolute; width: calc(590 / 1456 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.function .item:nth-of-type(2n + 1) { left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.function .item:nth-of-type(2n) { right: 0; }

.function .item:nth-of-type(1) { top: 0; }

.function .item:nth-of-type(2) { top: 0; }

.function .item:nth-of-type(3) { bottom: 0; }

.function .item:nth-of-type(4) { bottom: 0; }

.function .item .icon { background-repeat: no-repeat; background-size: 1.25rem auto; }

.function .item .icon img { width: 1.11rem; height: auto; }

.function .item:nth-of-type(2n + 1) .icon { background-position: right center; }

.function .item:nth-of-type(2n) .icon { background-position: left center; }

.function .item:nth-of-type(1) .icon { background-image: url(../images/35.png); }

.function .item:nth-of-type(2) .icon { background-image: url(../images/34.png); }

.function .item:nth-of-type(3) .icon { background-image: url(../images/36.png); }

.function .item:nth-of-type(4) .icon { background-image: url(../images/37.png); }

.function .item:nth-of-type(2n + 1) .icon { padding-right: 1.25rem; }

.function .item:nth-of-type(2n) .icon { padding-left: 1.25rem; }

.function .item .tit { line-height: 1.5; }

.function .item .desc { line-height: 1.7; margin-top: .08rem; }

.function .item:nth-of-type(2n + 1) .text { margin-right: .2rem; }

.function .item:nth-of-type(2n) .text { margin-left: .2rem; }

@media (max-width: 1000px) { .function .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: static; z-index: 2; }
  .function .item { position: static; width: 50%; margin-bottom: .2rem; padding: .2rem; }
  .function .item .icon { padding: 0 !important; background: none !important; } }

@media (max-width: 500px) { .function .item { width: 100%; }
  .function .item:nth-of-type(2n+1) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; }
  .function .item:nth-of-type(2n + 1) .text { margin-right: 0; margin-left: .2rem; } }

.productContent { width: 17.35rem; margin: auto; overflow: hidden; }

.product-left { width: calc(355 / 1735 * 100%); float: left; }

.product-right { width: calc(1350 / 1735 * 100%); float: right; }

.product-left ul li.produce-left-active .prduct-left-menu { display: block; }

.product-left ul li.produce-left-active .prduct-left-content, .product-left ul li:hover .prduct-left-content { background-color: #eeb54e; color: #fff; }

.product-left ul li.produce-left-active .product-left-icon:after, .product-left ul li:hover .product-left-icon:after { border-left-color: #fff; }

.prduct-left-content { width: 100%; min-height: .75rem; background-color: #fafafa; color: #666; position: relative; display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; }

.product-left-img { width: .48rem; height: auto; margin-left: .4rem; margin-right: .1rem; }

@media (max-width: 1400px) { .product-left-img { margin-left: .2rem; } }

.product-left-txt { line-height: 1.2; flex: 1; }

.product-left-icon { /* position: absolute; */ margin-right: .4rem; /* top: 0; */ font-size: 0rem; }

.product-left-icon:after { content: ''; border-color: transparent; border-style: solid; border-left-color: #666; border-width: 5px 7px 5px 7px; }

.prduct-left-menu { width: 100%; display: none; }

.prduct-left-menu ul li { width: 100%; min-height: .75rem; /* line-height: .75rem; */ background-color: #ecebeb; border-bottom: 1px solid #fff; color: #666; font-size: .15rem; display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; }

.prduct-left-menu ul li:hover { color: #eeb54e; }

.prduct-left-menu ul li span { padding-left: .4rem; display: block; }

.product-right-top { width: 100%; margin-bottom: .55rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.prt-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); }

.prt-box { width: 50%; float: left; text-align: center; }

.prt-box-txt { text-align: left; padding: .2rem 1.15rem .2rem .54rem; }

@media (max-width: 900px) { .prt-box-txt { padding: .2rem; text-align: justify; } }

.prt-box-title { color: #222; line-height: 1.5; }

.prt-box-type { color: #666; padding: .2rem 0; }

.prt-box-main { color: #999; line-height: 1.8; }

.product-right-box { overflow: hidden; }

.prb-left { width: 72%; float: left; }

.prb-right { width: 26%; float: right; }

.prb-left-intro { width: 100%; height: .4rem; line-height: .4rem; background-color: #eee; margin-bottom: .3rem; }

.prb-top-box { width: 1.2rem; background-color: #eeb54e; color: #fff; text-align: center; }

.prb-cons-item { margin-bottom: .4rem; }

.prb-cons-title { width: 100%; background: #eee; }

.prb-cons-item:hover .prb-cons-title { border-color: #e6ab51; }

.prb-ct-box { display: inline-block; height: .4rem; line-height: .4rem; background-color: #0070c0; color: #fff; padding: 0 .2rem; }

.prb-cons-main { margin-top: .2rem; }

.prb1-main { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.prb1-main .prb-ttx { width: 50%; margin-top: .3rem; text-indent: 2em; overflow: hidden; }

.prb1-main .prb-ttx span { width: 80%; float: right; }

.prb1-main .prb-img { width: 40%; vertical-align: middle; }

.prb-img { width: 100%; }

.special-txt p { text-indent: 2em; color: #333; font-size: .14rem; padding-bottom: .1rem; }

.prb-application { width: 70%; }

.prb-right-item { background-color: #f8f8f8; margin-bottom: .5rem; padding: 0 .28rem .2rem .21rem; }

.prb-righttitle { color: #333; height: .6rem; line-height: .6rem; position: relative; }

.prb-righttitle::before { content: ""; width: .02rem; height: .25rem; background-color: #eeb54e; display: inline-block; vertical-align: middle; margin-right: .06rem; }

.prb-right-item ul li { overflow: hidden; border-bottom: 1px dashed #e6e6e6; padding: .15rem 0; }

.prb-right-item ul li a { display: flex; }

.prb-right-img { width: .9rem; /* float: left; */ overflow: hidden; margin-right: .1rem; }

.prb-right-img .img { padding-top: calc(62 / 101 * 100%); background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .2s; }

.prb-right-img img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: none; }

.prb-right-txt { /* width: 65%; */ /* float: right; */ color: #222; flex: 1; overflow: hidden; }

.prb-right-txt p { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*最后添加省略号*/ }

.prb-right-txt { padding-top: .05rem; }

.prb-right-txt .more { margin-top: .1rem; }

.prb-right-txt a { color: #999; }

.prb-right-item ul li:hover .tit { color: #e39e23; }

.prb-right-item ul li:hover .prb-right-img img, .prb-right-item ul li:hover .prb-right-img .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* 资料下载 */
.download-con { display: block; margin-top: .68rem; }

.search-box { width: 100%; background-color: #eeb54e; margin-bottom: .45rem; }

.search-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 .34rem; padding-bottom: .4rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.search-box ul li { display: inline-block; text-align: left; }

.input-txt { color: #333; padding: .3rem 0 .15rem; }

.search-box ul li.input-li { width: calc(655 / 1388 * 100%); margin-right: calc(17 / 1388 * 100%); }

.search-box ul li.select-li { width: calc(318 / 1388 * 100%); margin-right: 1px; }

.search-box ul li.search { margin-left: calc(13 / 1388 * 100%); text-align: center; }

.search-box ul li.search button { width: 100%; height: 100%; border: none; background: none; cursor: pointer; vertical-align: top; }

.search-input input, .search-select select { width: 100%; height: .4rem; line-height: .4rem; background-color: #fff; border: none; padding-left: 2%; color: #999; font-size: .16rem; padding-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }

.search { width: .4rem; height: .4rem; line-height: .4rem; background-color: #fff; text-align: center; margin-top: .66rem; }

.search img { width: .25rem; height: .25rem; }

.download-cons { background-color: #fff; padding: .45rem .35rem 0; }

.download-change ul { width: 100%; height: .56rem; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; }

.download-change ul a { width: 2.08rem; max-width: 25%; }

.download-change ul li { height: 100%; background-color: #e6e6e6; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: inline-block; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.down-icon { width: auto; height: .2rem; margin-right: 5px; vertical-align: middle; }

.download-change ul li.download-selected { background-color: #fff; }

.download-change ul li.download-selected::before { content: ""; width: 100%; height: .1rem; position: absolute; bottom: 0; left: 0; }

.download-main-title { color: #000; font-size: .22rem; font-weight: bold; border-bottom: 1px solid #e6e6e6; padding-top: .33rem; padding-bottom: .22rem; }

.dowmload-main-cons { margin-top: .2rem; margin-bottom: .46rem; }

.dmc-box { width: 100%; color: #666; }

.dmc-title { height: .6rem; line-height: .6rem; background-color: #eeb54e; /*font-weight: bold;*/ color: #000; }

.dmc-box ul { overflow: hidden; padding: 0 .2rem; }

.dmc-box ul li { width: 25%; float: left; text-align: center; }

.dmc-box ul li:nth-child(1) { text-align: left; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*最后添加省略号*/ }

.dmc-item { height: .9rem; line-height: .9rem; background-color: #fff; border-bottom: 1px solid #e6e6e6; }

.down-item-icon { width: .5rem; }

.solution-row { width: 100%; padding-top: .4rem; text-align: center; }

.solution-row-box { width: .2rem; display: inline-block; }

.solution-left { padding-right: .4rem; }

.index-application-case { width: 100%; position: relative; background: url(../images/17.jpg) no-repeat center top/100% auto; padding-top: 1.6rem; }

.index-application-case .news-content { margin-top: .3rem; }

.index-application-case .item { display: none; }

.application-bg { width: 100%; position: absolute; top: -1.4rem; left: 0; }

.index-application-title { color: #333; text-align: center; font-weight: bold; }

.index-application-menu { text-align: center; }

.index-application-menu .swiper-container { display: inline-block; padding: 0 15px; max-width: 90%; }

.index-application-menu .btn { position: absolute; top: 50%; z-index: 999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; cursor: pointer; color: #999; background: #fff; }

.index-application-menu .btn:hover { color: #eeb54e; }

.index-application-menu .prev { left: 0; text-align: left; }

.index-application-menu .next { right: 0; text-align: right; }

.index-application-menu .swiper-slide { padding: 0 .46rem; width: auto; cursor: pointer; }

.index-application-menu ul { text-align: center; /* padding-bottom: .25rem; */ }

.index-application-menu .li { color: #666; position: relative; }

.index-application-menu .li p { border-bottom: 1px solid transparent; line-height: 1.75; }

.index-application-menu .li.iam-crrent, .index-application-menu .li:hover { color: #e39e23; }

.index-application-menu .li.iam-crrent p, .index-application-menu .li:hover p { border-bottom-color: #eeb54e; }

.index-application-menu .li::after { content: ""; width: 1px; height: .12rem; background-color: #e4e3e3; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.index-application-menu .li:last-of-type::after { display: none; }

.index-application-menu ul li.iam-prev { color: #eee; }

.index-application-menu ul li.iam-next { color: #e39e23; }

.application-more { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; display: none; }

.application-more-box { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-size: .14rem; }

.a-more-add { width: .3rem; height: .3rem; padding-bottom: .15rem; margin: auto; }

.application-item:hover .application-more { display: block; }

.index-checkmore { width: 1.5rem; height: .4rem; line-height: .4rem; text-align: center; color: #fff; background-color: #eeb54e; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.index-checkmore:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.index-application-case { padding-bottom: 1.03rem; }

.index-application-case .index-checkmore { margin: .19rem auto 0; }

.index-application-case .index-application-menu { margin-top: .4rem; }

.index-checkmore img { width: .25rem; }

.index-aboutUs { width: 100%; height: 100%; background-image: url("../images/bg2.png"); background-size: 100% 100%; background-position: center bottom; background-repeat: no-repeat; padding: 1rem 0 4rem 0; position: relative; }

.index-aboutUs .iab-title { line-height: 1.5; color: #fff; }

.iab-left { width: calc(747 / 1456 * 100%); float: left; }

@media (max-width: 900px) { .iab-left { width: 100%; }
  .index-aboutUs { background-image: none; background-color: #424242; padding-bottom: 1rem; } }

.iab-right { width: calc(644 / 1456 * 100%); float: right; color: #fff; padding-top: .57rem; }

.iab-right .desc { line-height: 2; margin-top: .16rem; }

@media (max-width: 900px) { .iab-right { width: 100%; } }

.iab-checkmore { margin-left: 0; margin-top: 1rem; }

@media (max-width: 900px) { .iab-checkmore { margin-top: .2rem; } }

.index-news { position: relative; }

.index-news .news-content { /* background: #f7f7f7;  */ margin-top: .4rem; }

.index-news-box { width: 100%; margin-top: -2rem; }

@media (max-width: 900px) { .index-news-box { margin-top: 0; padding-top: .5rem; } }

.index-news-menu { margin-top: .39rem; }

.index-news-menu ul { text-align: center; }

.index-news-menu ul li { display: inline-block; color: #666; padding: 0 .45rem; position: relative; }

.index-news-menu ul li:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: .12rem; background: #e3e2e2; }

.index-news-menu ul li:last-of-type:after { display: none; }

.index-news-menu ul li p { display: block; border-bottom: 1px solid transparent; line-height: 1.8125; cursor: pointer; }

.index-news-menu ul li.inm-crrent, .index-news-menu ul li:hover { color: #eeb54e; }

.index-news-menu ul li.inm-crrent p, .index-news-menu ul li:hover p { border-bottom: 1px solid #eeb54e; }

.index-pro { padding-top: 1.18rem; padding-bottom: 1.06rem; }

.index-pro .iab-title { text-align: center; }

.index-pro .content { width: 15.6rem; max-width: 95%; margin-left: auto; margin-right: auto; margin-top: .47rem; position: relative; }

.index-pro .content .swiper-container { width: calc(1456 / 1748 * 100%); margin-left: auto; margin-right: auto; }

.index-pro .content .swiper-slide { padding: 10px 0; width: auto; }

.index-pro .content .swiper-slide img { height: 2rem; width: auto; }

@media (max-width: 900px) { .index-pro .content .swiper-slide img { height: 3rem; } }

.index-pro .content .swiper-slide:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.index-pro .content .img { padding-top: calc(205 / 280 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.index-pro .content .swiper-button-prev, .index-pro .content .swiper-button-next { width: .91rem; height: .91rem; background-position: center; background-repeat: no-repeat; background-size: contain; top: 50%; margin-top: -.45rem; opacity: 1; }

@media (max-width: 900px) { .index-pro .content .swiper-button-prev, .index-pro .content .swiper-button-next { width: 40px; height: 40px; } }

.index-pro .content .swiper-button-prev { left: 0; background-image: url(../images/18.png); }

.index-pro .content .swiper-button-prev:hover { background-image: url(../images/20.png); }

.index-pro .content .swiper-button-next { right: 0; background-image: url(../images/19.png); }

.index-pro .content .swiper-button-next:hover { background-image: url(../images/21.png); }

.layout { width: 13rem; max-width: 95%; margin-left: auto; margin-right: auto; }

.tool-intro .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 900px) { .tool-intro .cnt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.c-bg { background: url(../images/13.jpg) no-repeat center top/100% auto; }

/*  */
.solution-con { display: block; margin-top: .68rem; max-width: 1300px; }

.solution-con img { height: auto; }

.solution { background: url(../images/16.jpg); background-size: 100% auto; padding-bottom: .4rem; overflow: hidden; }

.solution .layout { position: relative; }

.solution .arrow { font-size: 0; text-align: center; margin-top: .4rem; }

.solution .arrow .btn { width: .19rem; height: .23rem; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin: 0 .21rem; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.solution .arrow .prev { background-image: url(../images/solution-left.png); }

.solution .arrow .prev:hover { background-image: url(../images/solution-left2.png); }

.solution-intro-right p { line-height: 2; }

.solution .arrow .next { background-image: url(../images/solution-right2.png); }

.solution .arrow .next:hover { background-image: url(../images/solution-right.png); }

.solution-box { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; }

.solution-box .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; }

.solution-box .swiper-slide .empty { width: 4.54rem; height: 100%; }

.solution-box .swiper-slide .solution-item { width: calc(200 / 1456 * 100%); margin: 0 2%; }

.solution-box .swiper-slide .solution-item .tit1 { opacity: 0; height: 2.4em; }

.solution-box .swiper-slide .solution-item .desc { line-height: 1.55; margin-top: .33rem; opacity: 0; }

.solution-box .swiper-slide .solution-item .circle { background: #f2f2f2; }

.solution-box .swiper-slide .solution-item .more { margin-top: .3rem; display: block; opacity: 0; }

.solution-box .swiper-slide .solution-item .more img { width: .25rem; margin-left: 2px; }

.solution-box .swiper-slide .solution-item:hover .tit1 { opacity: 1; }

.solution-box .swiper-slide .solution-item:hover .desc { opacity: 1; }

.solution-box .swiper-slide .solution-item:hover .circle .cir1 { opacity: 0; }

.solution-box .swiper-slide .solution-item:hover .circle .cir2 { opacity: 1; }

.solution-box .swiper-slide .solution-item:hover .more { color: #eeb54e; opacity: 1; }

.about-qy { width: 100%; background-image: url(../images/about-qy-bg_03.jpg); background-repeat: no-repeat; background-position: 100% 100%; background-size: cover; padding-top: .82rem; padding-bottom: 1.59rem; }

.about-qy-title { text-align: center; color: #333; font-weight: bold; }

.about-con { width: 14.56rem; margin: 0 auto; }

.about-qy-bom { margin-top: 1.26rem; padding-bottom: 1.59rem; }

.about-bom-l { width: 2.3rem; height: 2.3rem; border-radius: 50%; background-color: #eeb54e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.about-bom-t2 { /* margin-top: .2rem; */ line-height: 1.5; }

.about-bom-r .quan { width: 10%; display: block; width: 18px; height: 18px; background-color: transparent; border-radius: 50%; border: solid 1px #333333; position: relative; margin-left: .06rem; }

.about-bom-r .about-bom-r-text { font-weight: bold; width: 90%; display: block; width: calc(100% - 18px); /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ /* -webkit-line-clamp: 1; */ /* overflow: hidden; */ padding: 0 .1rem; flex: 1; }

.about-bom-r .quan::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #333333; border-radius: 50%; }

.about-bom-t1 { text-align: center; letter-spacing: 0px; color: #ffffff; display: block; }

.about-bom-t2 { text-align: center; letter-spacing: 0px; color: #ffffff; padding: 0 .30rem; }

.about-qy-bom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.about-bom-r { height: 2.3rem; }

.about-bom-r li { display: -webkit-box; display: -ms-flexbox; display: flex; /*     -webkit-box-align: center;-ms-flex-align: center;align-items: center; */ margin-bottom: .78rem; line-height: normal; }

.about-bom-r li:nth-child(2) { margin-left: .79rem; }

.about-ry { background-image: url(../images/about-rybg_03.jpg); background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; padding-top: .86rem; padding-bottom: 1rem; }

.about-ry-imgshow { margin-top: .57rem; position: relative; }

.about-ry-title { text-align: center; font-weight: bold; color: #333; }

.about-ry-item { position: relative; }

.about-ry-img2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; height: 80%; }

.about-ry .swiper-container { padding-bottom: .3rem; width: calc(1200 / 1456 * 100%); margin-left: auto; margin-right: auto; }

.about-ry .swiper-slide { -webkit-box-shadow: 0px 10px 21px 0px rgba(167, 198, 212, 0.55); box-shadow: 0px 10px 21px 0px rgba(167, 198, 212, 0.55); background: #fff; text-align: center; }

.about-ry .swiper-slide .pic { padding-top: 100%; position: relative; }

.about-ry .swiper-slide .pic .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: calc(48 / 365 * 100%); }

.about-ry .swiper-slide .pic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.about-ry .swiper-slide .text { height: .64rem; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #c3d7e0; }

.about-ry .arrow { position: absolute; left: 0; top: 50%; width: 100%; }

.about-ry .arrow .editionCenter { position: relative; }

.about-ry .arrow .next, .about-ry .arrow .prev { width: 0.9rem; height: 0.9rem; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.about-ry .arrow .prev { left: 0; background-image: url(../images/18.png); }

.about-ry .arrow .prev:hover { background-image: url(../images/20.png); }

.about-ry .arrow .next { right: 0; background-image: url(../images/19.png); }

.about-ry .arrow .next:hover { background-image: url(../images/21.png); }

@media (max-width: 900px) { .solution-box { position: static; width: 100%; max-width: 500px; padding-top: .1rem; }
  .solution-box .swiper-slide { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
  .solution-box .swiper-slide .empty { display: none; }
  .solution-box .swiper-slide .solution-item { width: 48%; margin-bottom: .1rem; margin-left: 0; margin-right: 0; padding: .2rem .1rem; border-radius: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 0.1rem #bdbdbe; box-shadow: 0 0 0.1rem #bdbdbe; }
  .solution-box .swiper-slide .solution-item .tit1 { opacity: 1; }
  .solution-box .swiper-slide .solution-item .desc { opacity: 1; margin-top: .1rem; }
  .solution-box .swiper-slide .solution-item .circle .cir1 { opacity: 0; }
  .solution-box .swiper-slide .solution-item .circle .cir2 { opacity: 1; }
  .solution-box .swiper-slide .solution-item .more { opacity: 1; color: #eeb54e; }
  .about-qy-bom { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .about-bom-t2 { /* padding: 0; */ }
  .about-bom-l { margin-bottom: .3rem; }
  .about-bom-r { height: auto; }
  .about-bom-r li:nth-child(2) { margin-left: 0; }
  .about-con { width: 92%; padding: 0 4%; }
  .about-ry .swiper-container { width: 100%; }
  .about-ry .arrow .editionCenter { width: 100%; }
  .news-content { display: block; }
  .contact-address { position: relative; }
  .contact-address, .contact-img { width: 100% !important; }
  .contact-item2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse; } }

.header { height: 0.95rem; line-height: 0.95rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; color: #fff; }

@media (max-width: 500px) { .header { background: #000; } }

.header .layout { width: 13rem; }

@media (max-width: 1100px) { .header .layout { width: 95%; } }

.header .logo a { display: block; font-size: 0; }

.header .logo img { vertical-align: middle; width: auto; }

@media (max-width: 500px) { .header .logo img { width: 100px; } }

.header .nav { text-align: center; }

.header .nav a { display: block; }

.header .nav .li1 { float: left; position: relative; margin-right: .55rem; }

.header .nav .li1:last-of-type { margin-right: 0; }

.header .nav .a1 { line-height: .37rem; color: #fff; }

.header .nav .li2 { background: #fff; }

.header .nav .li2:hover { background: rgba(238, 181, 78, 0.2); }

.header .nav .li2:hover .a2 { color: #eeb54e; }

.header .nav .a2 { color: #333; line-height: 1.5; padding: 12px 10px; }

@media (min-width: 1101px) { .header .nav { margin-right: 1.04rem; }
  .header .nav .li1 { padding: 10px 0; }
  .header .nav .li1:hover .ul2 { display: block; }
  .header .nav .li1.on .a1, .header .nav .li1:hover .a1 { border-bottom: 1px solid; }
  .header .nav .ul2 { position: absolute; left: 50%; top: 100%; z-index: 10; width: 160px; margin-left: -80px; display: none; font-size: 14px; background-color: #fff; } }

@media (max-width: 1100px) { .header .nav { text-align: left; }
  .header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 60%; max-width: 300px; height: 100%; overflow-y: auto; background: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0.95rem; }
  .header .nav .ul1 .li1 { float: none; width: 100%; border-bottom: 1px solid #dcdcdc; overflow: hidden; }
  .header .nav .ul1 .li1.show .ul2 { height: auto; padding-bottom: 10px; }
  .header .nav .ul1 .li1.on .a1 { color: #eeb54e; }
  .header .nav .ul1 .a1 { line-height: 2; color: #333; padding: 10px 20px; }
  .header .nav .mask { position: fixed; right: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .header .nav .ul2 { display: block; height: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; overflow: hidden; }
  .header .nav .ul2 .a2 { padding: 7px 20px 7px 30px; color: #666; }
  .header .nav .mbtn { background: #eeeeee; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 10px; top: 8px; z-index: 15; cursor: pointer; color: #333; font-size: 20px; outline: none; }
  .header .nav .mbtn:after { content: '+'; }
  .header .nav li.show .mbtn:after { content: '-'; } }

.header__right { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .nav-btn { position: relative; z-index: 11; width: 22px; margin-left: .2rem; margin-right: .2rem; display: none; }

.header .nav-btn span { display: block; height: 2px; background: #fff; margin-bottom: 6px; border-radius: 2px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }

.header .nav-btn span:last-child { margin-bottom: 0; }

@media (max-width: 1100px) { .header .nav-btn { display: block; } }

@media (max-width: 500px) { .header .nav-btn { width: 17px; }
  .header .nav-btn span { margin-bottom: 4px; } }

.header.open .mask { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.header.open .nav-btn span { background: #000; }

.header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.header.open .nav-btn span:nth-of-type(2) { width: 0; }

.header.open .nav ul { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.header.open .nav .mask { display: block; }

.header__search { width: .41rem; height: .41rem; line-height: .41rem; margin-right: .27rem; text-align: center; }

.header__search img { vertical-align: middle; width: 17px; height: auto; }

.header__search img:nth-of-type(2n) { display: none; }

@media (min-width: 1921px) { .header__search img { width: .18rem; } }

@media (max-width: 500px) { .header__search img { width: 15px; } }

.header .search__wrap { position: fixed; left: 0; top: 0; }

.header .search-box { display: none; position: fixed; left: 0; top: 0; z-index: 10; height: 100vh; width: 100vw; background: none; }

.header .search-box .mask { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 10; background: rgba(0, 0, 0, 0.5); }

.header .search-box .search-ipt { position: fixed; left: 50%; top: 15.5%; z-index: 11; width: 90%; max-width: 500px; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; color: #333; }

.header .search-box .search-ipt input { line-height: 50px; height: 50px; font-size: 16px; background: #fff; width: 85%; padding: 0 15px; border: none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header .search-box .search-ipt button { background: #eeb54e url(../images/22.png) no-repeat center; width: 15%; border: none; cursor: pointer; font-size: 20px; height: 50px; }

@media (max-width: 500px) { .header .search-box .search-ipt input { line-height: 35px; height: 35px; }
  .header .search-box .search-ipt button { background-size: .3rem; height: 35px; } }

.header__lang { text-align: center; position: relative; }

.header__lang img { vertical-align: middle; width: 18px; }

.header__lang span { margin-left: .14rem; vertical-align: middle; }

.header__lang .select { position: absolute; left: 50%; top: 100%; width: 100px; background: #fff; visibility: hidden; -webkit-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); transform: translate(-50%, 20px); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.header__lang .select a { display: block; line-height: 2.5; text-align: center; color: #333; }

.header__lang .select a:hover { color: #eeb54e; }

@media (min-width: 1921px) { .header__lang .select { width: 1rem; } }

.header__lang.on .select { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }

.header--bg { background: -o-linear-gradient(top, #000, transparent); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(to bottom, #000, transparent); }

@media (max-width: 500px) { body { padding-top: 0.95rem; } }

/*  */
.news-detail-content { margin-top: .89rem; }

.news-detail-con { background-color: #f7f7f7; }

.social-share .social-share-icon { width: 36px; height: 36px; line-height: 36px; }

@media (max-width: 900px) { .newDetail-l-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .newDetail-l-l-box { width: 100%; }
  .nd-data span { padding-right: 10px; }
  .back-prev-btn { float: none; overflow: hidden; margin-left: auto; margin-right: auto; }
  .back-prev ul { float: none; }
  .product-right-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .prb-left { width: 100%; }
  .prb-right { width: 100%; } }

.back-prev li:hover a { color: #eeb54e; }

.news-banner-txt { text-align: center; }

.news-banner-title .cn { font-weight: bold; }

.news-banner-title .en:before { content: ''; display: inline-block; width: 2px; height: .27rem; background: #fff; margin: 0 .3rem; }

.prb-cons { padding-bottom: .5rem; }

.prb-cons img { max-width: 100%; height: auto; width: auto; }

.chart .bg1 { background-color: #e8e8e8; }

.chart .bg2 { background-color: #eeb54e; }

.chart .bg3 { background-color: #fcd388; }

.chart .bg4 { background-color: #f7937c; }

.chart .node { width: 2.96rem; text-align: center; line-height: .47rem; margin-left: auto; margin-right: auto; }

.chart .leaf { width: .47rem; height: 2.96rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chart .leaf .text { width: 1em; padding-top: .4rem; }

.chart .child { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.chart .lv { position: relative; }

.chart .lv1 { margin-bottom: .2rem; }

.chart .lv1 + .child { margin-top: .2rem; }

.chart .lv1 + .child .linex { position: absolute; left: .235rem; right: .235rem; height: 1px; background: #e6e6e6; margin: auto; }

.chart .lv1:after { content: ''; width: 1px; height: .2rem; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #e6e6e6; }

.chart .lv2 + .child { margin-top: .36rem; }

.chart .lv2 + .child:before { content: ''; position: absolute; left: .235rem; right: .235rem; height: 1px; background: #e6e6e6; margin: auto; }

.chart .lv2.node { margin-top: .2rem; }

.chart .lv2.node:before { content: ''; width: 1px; height: .2rem; position: absolute; left: 50%; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background: #e6e6e6; }

.chart .lv2.node:after { content: ''; width: 1px; height: .36rem; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #e6e6e6; }

.chart .lv2.leaf { margin-top: 1.45rem; }

.chart .lv2.leaf:before { content: ''; width: 1px; height: 1.45rem; position: absolute; left: 50%; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background: #e6e6e6; }

.chart .lv3 { margin-top: .4rem; }

.chart .lv3:before { content: ''; width: 1px; height: .4rem; position: absolute; left: 50%; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background: #e6e6e6; }

.chart.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chart.mobile .node { width: .47rem; height: 2.96rem; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chart.mobile .leaf { height: .47rem; width: 2.96rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.chart.mobile .leaf .text { padding-top: 0; width: auto; padding-left: .2rem; }

.chart.mobile .lv1 { margin-right: .2rem; margin-bottom: 0; margin-left: 0; }

.chart.mobile .lv1 + .child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.chart.mobile .lv1 + .child .linex { width: 1px; height: auto; bottom: .235rem; left: 0; right: auto; }

.chart.mobile .lv1:after { content: ''; width: .2rem; height: 1px; position: absolute; top: 50%; right: 0; left: auto; bottom: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.chart.mobile .lv2 + .child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .36rem; margin-top: .2rem; }

.chart.mobile .lv2 + .child:before { left: 0; right: auto; top: .235rem; bottom: .235rem; height: auto; width: 1px; margin: auto; }

.chart.mobile .lv2-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.chart.mobile .lv2.leaf { margin-left: 1.45rem; margin-top: .2rem; }

.chart.mobile .lv2.leaf:before { height: 1px; width: 1.45rem; left: 0; top: 50%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.chart.mobile .lv2.node { margin-top: 0; margin-left: .2rem; }

.chart.mobile .lv2.node:before { height: 1px; width: .2rem; left: 0; top: 50%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.chart.mobile .lv2.node:after { height: 1px; width: .36rem; left: auto; bottom: auto; top: 50%; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.chart.mobile .lv3 { margin-left: .4rem; margin-top: .2rem; }

.chart.mobile .lv3:first-of-type { margin-top: 0; }

.chart.mobile .lv3:before { height: 1px; width: .4rem; left: 0; top: 50%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.md-product { margin-top: .8rem; }

@media (max-width: 900px) { .md-product { margin-top: 0.4rem; } }

.prb-cons img { width: auto; height: auto; max-width: 100%; }

.prb-cons-main { line-height: 1.5; color: #333; padding: 0 .1rem; }

.md-bread-nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-bread-nav .home-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: 100px; }

.md-bread-nav .home-right .swiper-container { margin: 0 10px; max-width: 700px; }

.md-bread-nav .home-right .swiper-slide { width: auto; }

.md-bread-nav .home-right .swiper-slide:hover, .md-bread-nav .home-right .swiper-slide.active { color: #eeb54e; }

.md-bread-nav .home-right .swiper-slide:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 16px; background: #9c9c9c; margin-left: 20px; }

.md-bread-nav .home-right .swiper-slide:last-of-type:after { display: none; }

.md-bread-nav .home-right .swiper-slide a { display: inline-block; vertical-align: middle; }

.md-bread-nav .home-right .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%666666aff'%2F><%2Fsvg>"); }

.md-bread-nav .home-right .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%666666aff'%2F><%2Fsvg>"); }

.md-bread-nav .home-right .swiper-button-next, .md-bread-nav .home-right .swiper-button-prev { background-size: 15px 15px; position: static; margin: 0; height: auto; display: none; }

@media (max-width: 900px) { .md-bread-nav { display: block; }
  .md-bread-nav .home-right { margin-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-bread-nav .home-right .swiper-container { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.solve-detail { max-width: 1300px; margin-left: auto; margin-right: auto; }

@media (max-width: 900px) { .f-pop__mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 10; }
  .footer-contact .icon.mobile .f-pop__mask { display: block; }
  .footer-contact .icon.mobile .f-pop { position: fixed; display: block; top: 50%; bottom: auto; width: 150px; z-index: 11; margin-top: -100px; } }

.swiper-button-next, .swiper-button-prev { z-index: 9; }

.news-cons-ul--2 { overflow: hidden; }

.news-cons-ul--2 li { width: calc(417 / 1316 * 100%); float: left; overflow: hidden; cursor: pointer; margin-right: calc(30 / 1316 * 100%); margin-bottom: calc(30 / 1316 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; }

.news-cons-ul--2 li:hover .title { color: #eeb54e; }

.news-cons-ul--2 li:hover .img { transform: scale(1.1); }

.news-cons-ul--2 li:nth-of-type(3n) { margin-right: 0; }

.news-cons-ul--2 .text { padding: .2rem 0; }

.news-cons-ul--2 .title { line-height: 1.5; color: #333; height: 3em; }

.news-cons-ul--2 .msg { margin-top: 0.2rem; color: #999; }

.news-cons-ul--2 .msg .time { float: left; }

.news-cons-ul--2 .msg .more { float: right; }

.news-cons-ul--2 .msg .more img { width: .3rem; }

@media (max-width: 900px) { .news-cons-ul--2 li { width: 100%; margin-right: 0; background: #f5f5f5; margin-bottom: .2rem; }
  .news-cons-ul--2 .nc-item { width: 100%; float: none; display: flex; flex-flow: row; align-items: center; }
  .news-cons-ul--2 .nc-img { flex: 1; }
  .news-cons-ul--2 .text { flex: 1; padding: .2rem; }
  .news-cons-ul--2 .msg { font-size: 12px; } }