@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; }

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

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, a:visited { color: inherit; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

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

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

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; }

i { font-style: normal; }

input { outline: 0; }

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

body { font-size: 14px; color: #626262; font-family: Montserrat; 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(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

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

.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; }

.pointer { cursor: pointer; }

@font-face { font-family: 'Montserrat'; src: url(../font/Montserrat-Medium.ttf); }

html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 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; }

.color--theme { color: #e9bc45; }

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

.layout { width: 13.9rem; padding-left: .15rem; padding-right: .15rem; margin: auto; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 1920px) { .layout { width: 1390px; } }

.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; color: #fff; }

.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%; }

body { padding-top: 0.9rem; }

.header { background: url(../images/1.jpg) no-repeat center/cover; height: 0.9rem; line-height: 0.9rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }

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

.header .logo img { max-height: 80%; vertical-align: middle; }

@media (max-width: 500px) { .header .logo { margin-left: .2rem; } }

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

.header .nav { color: #13141d; }

.header .nav a { display: block; }

.header .nav a:hover { color: #e9bc45; }

.header .nav li { float: left; position: relative; }

.header .nav li > a { padding: 0 .3rem; position: relative; }

.header .nav li > a span { display: block; position: relative; }

.header .nav li > a span:before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e9bc45; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); -webkit-transition: width .2s; -o-transition: width .2s; transition: width .2s; }

.header .nav li.on > a span:before { width: 100%; }

@media (min-width: 1001px) { .header .nav li:hover .nav-sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .header .nav li:hover > a span:before { width: 100%; }
  .header .nav li .nav-sub { position: absolute; left: 0; top: 100%; width: 100%; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); visibility: hidden; text-align: center; } }

.header .nav .nav-sub { line-height: 1.5; background: #f2f2f2; padding: 10px 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; color: #666; }

.header .nav .nav-sub a { padding: 0 10px; }

.header .nav .nav-sub dd + dd { margin-top: 5px; }

@media (max-width: 1000px) { .header .nav .mask { background: rgba(0, 0, 0, 0.2); position: fixed; right: 0; top: 0; width: 100%; height: 100%; display: none; }
  .header .nav ul { position: fixed; right: 0; top: 0; z-index: 11; height: 100%; width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: .9rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #fff; overflow-y: auto; }
  .header .nav li { float: none; }
  .header .nav li > a { margin-right: 38px; }
  .header .nav li > a span { display: inline-block; }
  .header .nav li.hasSub:after { content: '+'; position: absolute; right: 0; top: 0; text-align: center; z-index: 3; width: 38px; height: 100%; line-height: 38px; font-size: 20px; }
  .header .nav li.hasSub.open > a span:before { width: 100%; }
  .header .nav li.hasSub.open:after { content: '-'; }
  .header .nav li.hasSub.open .nav-sub { display: block; }
  .header .nav.show ul { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .header .nav.show .mask { display: block; }
  .header .nav .nav-sub { display: none; }
  .header .nav .nav-sub a { padding-left: 20px; } }

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

.header .nav-btn span { display: block; height: 2px; background: #000; 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: 1000px) { .header .nav-btn { display: block; margin-top: .3rem; } }

.header.open .mask { opacity: 1; visibility: visible; }

.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 { background: url(../images/2.png) no-repeat center; background-size: .2rem; width: 1.2rem; height: 0.9rem; border-left: 1px solid #d1d1d1; }

@media (max-width: 1600px) { .header__search { width: .8rem; } }

@media (max-width: 1000px) { .header__search { background-size: .3rem; border-left: none; } }

.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; }

.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; }

.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: #e9bc45 url(../images/2.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 { width: 1.25rem; text-align: right; border-left: 1px solid #d1d1d1; position: relative; }

.header__lang img { vertical-align: middle; }

.header__lang img.icon { width: .2rem; }

.header__lang img.arr { width: .09rem; }

.header__lang span { margin-left: .1rem; margin-right: .05rem; }

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

.header__lang .select a { display: block; line-height: 2; text-align: center; }

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

.header__lang.on .select { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media (max-width: 1000px) { .header__lang { width: auto; padding-left: 10px; border: none; }
  .header__lang img.icon { width: .3rem; } }

.footer { background: #131325; color: rgba(255, 255, 255, 0.5); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }

.footer a:hover { color: #e9bc45; }

.footer .nav { width: 61%; }

@media (max-width: 900px) { .footer .nav { width: 100%; margin-bottom: .5rem; } }

.footer .nav a { display: block; }

.footer .nav li { float: left; width: 18%; margin-right: .2rem; }

.footer .nav li > a { color: #fff; line-height: 1.875; }

.footer .nav li:last-of-type { margin-right: 0; }

@media (max-width: 900px) { .footer .nav li { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; padding-right: .2rem; width: 25%; } }

.footer .nav .nav-sub { line-height: 1.428; margin-top: .1rem; max-height: 200px; overflow-y: auto; }

.footer .nav .nav-sub a { padding: .1rem 0; }

.footer .foot1 { padding-bottom: .48rem; padding-top: .73rem; }

.footer .foot1 .col2 { width: 18.82%; margin-right: .3rem; text-align: right; margin-top: .09rem; }

@media (max-width: 900px) { .footer .foot1 .col2 { width: 100%; text-align: left; float: left; } }

.footer .foot1 .code { width: 8.82%; margin-top: .09rem; }

@media (max-width: 900px) { .footer .foot1 .code { width: 100%; text-align: center; }
  .footer .foot1 .code img { max-width: 120px; } }

.footer .foot1 .code img { width: 100%; }

.footer .foot1 .foot__kf { padding-bottom: .08rem; }

.footer .foot1 .foot__kf a { line-height: 1.26; }

.footer .foot1 .foot__add { line-height: 1.57; padding-top: .17rem; border-top: 1px solid #2a2a3a; }

.footer .foot1 .foot__add * { vertical-align: middle; }

.footer .foot2 { border-top: 1px solid #1c1d2f; line-height: 2; }

.footer .foot2 .layout { padding-top: .44rem; padding-bottom: .44rem; position: relative; }

.footer .foot2 .cnt { margin-right: 50px; }

.footer .foot2 .toTop { background: url(../images/6.png) no-repeat center; width: 40px; height: 40px; position: absolute; right: .15rem; top: .38rem; }

.c-title .en { color: #0994dc; text-transform: uppercase; }

.c-title .cn { color: #0d1127; margin-top: 10px; }

body .c-more { width: 1.4rem; line-height: .5rem; text-align: center; display: block; position: relative; color: #fff; }

body .c-more:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e9bc45; }

body .c-more.line { color: #e9bc45; }

body .c-more.line:before { border: 1px solid #e9bc45; background: none; }

body .c-more.line:hover { color: #fff; }

body .c-more.line:hover:before { background: #e9bc45; }

@media (max-width: 900px) { body .c-more { width: 1.6rem; line-height: 0.6rem; } }

.swiper-pagination-bullet { background: #626262; opacity: 1; border-radius: 0; width: 10px; height: 5px; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); vertical-align: top; }

.swiper-pagination-bullet-active { background: #e9bc45; }

.swiper-button-prev, .swiper-button-next { width: .6rem; height: .5rem; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); background: #fff; border: 1px solid #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-button-prev:after, .swiper-button-next:after { content: ''; display: block; width: 100%; height: 100%; -webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); background-size: 25%; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev:after { background-image: url(../images/11.png); }

.swiper-button-prev:hover:after { background-image: url(../images/9.png); }

.swiper-button-next:after { background-image: url(../images/12.png); }

.swiper-button-next:hover:after { background-image: url(../images/10.png); }

.banner { -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }

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

.banner .swiper-button-prev, .banner .swiper-button-next { background: #454646; border: none; }

.banner .swiper-button-prev { left: .5rem; }

.banner .swiper-button-prev:after { background-image: url(../images/7.png); }

.banner .swiper-button-next { right: .5rem; }

.banner .swiper-button-next:after { background-image: url(../images/8.png); }

.banner .bg { width: 100%; }

.banner .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; height: 8.5rem; }

@media (max-width: 500px) { .banner .swiper-slide { height: 5rem; } }

.banner .wrap { height: 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; width: calc(1360 / 1920 * 100%); margin: auto; }

.banner .text { width: calc(550 / 1360 * 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.banner .text:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.banner .prod { width: calc(570 / 1360 * 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.banner .prod:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home-about { padding: 1rem 0; font-size: 0; }

.home-about .text { display: inline-block; vertical-align: middle; padding-top: .42rem; width: 41%; }

.home-about .text .t { color: #626262; line-height: 1.875; text-align: justify; margin-top: .38rem; }

.home-about .text .c-more { margin-top: .8rem; }

.home-about .pic { display: inline-block; vertical-align: middle; width: 53%; text-align: right; margin-left: 6%; }

@media (max-width: 900px) { .home-about .text { width: 100%; padding-top: 0; }
  .home-about .text .c-more { margin-left: auto; margin-right: auto; }
  .home-about .pic { width: 100%; margin-left: 0; margin-top: .5rem; text-align: center; } }

.home-product { background: #f2f2f2 url(../images/13.jpg) no-repeat center top; background-size: auto 5.5rem; padding-top: 1rem; }

.home-product .c-title { display: inline-block; width: 30%; }

.home-product .c-title .en, .home-product .c-title .cn { color: #fff; }

.home-product .cate { display: inline-block; vertical-align: bottom; text-align: right; width: 70%; }

.home-product .cate li { display: inline-block; color: #fff; margin-left: .3rem; margin-top: 10px; }

.home-product .cate li:first-of-type { margin-left: 0; }

.home-product .cate li.on a { color: #e9bc45; }

.home-product .cate a { line-height: 1.2; }

.home-product .cate a:hover { color: #e9bc45; }

@media (max-width: 900px) { .home-product .c-title { width: 100%; }
  .home-product .cate { width: 100%; text-align: left; margin-top: .5rem; }
  .home-product .cate li { margin-top: .1rem; margin-left: 0; width: 32%; } }

.home-product .product { background: #fff; margin-top: .5rem; }

.home-product .product .swiper-slide { padding: .68rem .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-product .product .swiper-slide .t1 { display: inline-block; color: #626262; width: 28%; vertical-align: top; }

.home-product .product .swiper-slide .t1 h3 { color: #0d1127; margin-top: .15rem; }

.home-product .product .swiper-slide .pic { display: inline-block; width: 43.88%; vertical-align: top; background: url(../images/37.png) no-repeat center bottom/100%; }

.home-product .product .swiper-slide .text { display: inline-block; width: 28%; padding-left: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }

.home-product .product .swiper-slide .text h3 { line-height: 1.8; color: #0d1127; }

.home-product .product .swiper-slide .text p { line-height: 1.875; color: #626262; margin-top: .2rem; text-align: justify; }

.home-product .product .swiper-slide .text .c-more { margin-top: .6rem; }

@media (max-width: 900px) { .home-product .product .swiper-slide .t1 { width: 100%; }
  .home-product .product .swiper-slide .pic { width: 100%; margin-top: .2rem; }
  .home-product .product .swiper-slide .text { width: 100%; margin-top: .2rem; padding-left: 0; } }

.home-product .product .swiper-container { display: none; }

.home-product .product .swiper-container:first-of-type { display: block; }

@media (min-width: 901px) { .home-product .product .swiper-button-prev { left: .7rem; bottom: 1.5rem; top: auto; }
  .home-product .product .swiper-button-next { left: 1.1rem; bottom: 1rem; top: auto; } }

.home-equ { background: #f2f2f2; padding-top: 1rem; }

.home-equ .arrow { position: relative; margin-top: .4rem; }

.home-equ .arrow .arr { position: static; display: inline-block; margin-top: 0; }

.home-equ .swiper-container { padding-bottom: 1.6rem; margin-top: .1rem; }

.home-equ .swiper-slide { text-align: center; }

.home-equ .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home-equ .swiper-slide:hover .text h3 { color: #e9bc45; }

.home-equ .swiper-pagination { bottom: 1rem; }

.home-equ .pic { height: 3.1rem; overflow: hidden; }

.home-equ .pic img { max-height: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.home-equ .text { padding: 0 .5rem; margin-top: .1rem; }

.home-equ .text p { color: #626262; line-height: 1.6; margin-top: .1rem; }

.home-equ .text h3 { color: #0d1127; line-height: 1.3; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.home-news { padding-top: 1rem; padding-bottom: 1rem; }

.home-news .c-more { margin-top: .27rem; }

.home-news .cnt { margin-top: .45rem; }

.home-news .cnt a { display: block; }

.home-news .col1 { width: calc(520 / 1360 * 100%); }

.home-news .col1 .text { background: #f7f7f7; padding: .4rem .3rem; }

.home-news .col1 .text .name { line-height: 1.5; }

.home-news .col1 .text .desc { line-height: 1.625; color: #5a5e6f; margin-top: .07rem; }

.home-news .col1:hover .name { color: #e9bc45; }

@media (max-width: 900px) { .home-news .col1 { width: 100%; } }

.home-news .pic { position: relative; overflow: hidden; padding-top: calc(300 / 520 * 100%); }

.home-news .pic img { vertical-align: top; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.home-news .pic:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }

.home-news .pic .time { position: absolute; right: 0; bottom: 0; color: #fff; line-height: .6rem; width: 1.1rem; text-align: center; }

.home-news .pic .time:after { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #e9bc45; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }

.home-news .pic .time span { display: block; position: relative; z-index: 2; }

.home-news .col2 { width: calc(800 / 1360 * 100%); color: #0d1127; }

@media (max-width: 900px) { .home-news .col2 { width: 100%; margin-top: .2rem; } }

.home-news .col2 .news2 a { width: calc(390 / 800 * 100%); }

.home-news .col2 .news2 a:hover .name { color: #e9bc45; }

.home-news .col2 .news2 .time { line-height: .54rem; width: 1rem; }

.home-news .col2 .news2 .name { line-height: .57rem; }

.home-news .news3 { line-height: 3.33; margin-top: .18rem; }

.home-news .news3 li { border-bottom: 1px solid #ececec; }

.home-news .news3 li:last-of-type { border-bottom: none; }

.home-news .news3 li .name { float: left; }

.home-news .news3 li .time { float: right; color: #5a5e6f; }

.home-news .news3 li:hover .name { color: #e9bc45; }

.ban img { vertical-align: top; }

.c-nav { border-bottom: solid 1px #ececec; }

.c-nav .layout { position: relative; }

.c-nav .toHome { background: url(../images/14.png) no-repeat center; width: .8rem; height: .8rem; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }

.c-nav .toHome:hover { background-color: #e9bc45; }

.c-nav .list { width: calc(100% - 1rem - .8rem); text-align: right; }

.c-nav .list li, .c-nav .list .li { width: auto; display: inline-block; font-size: 16px; color: #333; line-height: .8rem; position: relative; }

.c-nav .list li a, .c-nav .list .li a { display: block; position: relative; z-index: 2; padding: 0 .25rem; }

.c-nav .list li.on:after, .c-nav .list li:hover:after, .c-nav .list .li.on:after, .c-nav .list .li:hover:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e9bc45; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); }

@media (max-width: 1400px) { .c-nav .list li, .c-nav .list .li { font-size: 14px; } }

@media (max-width: 500px) { .c-nav .list li, .c-nav .list .li { font-size: 12px; } }

.c-nav .list2 { max-width: calc(100% - 1rem - 1.2rem); padding: 0 .2rem; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-nav .list2 .li { width: auto; display: inline-block; font-size: 16px; color: #333; line-height: .8rem; position: relative; }

.c-nav .list2 .li a { display: block; position: relative; z-index: 2; padding: 0 .25rem; }

.c-nav .list2 .li.on:after, .c-nav .list2 .li:hover:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e9bc45; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); }

@media (max-width: 1400px) { .c-nav .list2 .li { font-size: 14px; } }

@media (max-width: 500px) { .c-nav .list2 .li { font-size: 12px; } }

.c-nav .swiper-button-prev, .c-nav .swiper-button-next { position: static; margin: 0; height: .8rem; -webkit-transform: none; -ms-transform: none; transform: none; border: none; }

.c-nav .swiper-button-prev::after, .c-nav .swiper-button-next::after { -webkit-transform: none; -ms-transform: none; transform: none; }

.c-nav .more { background: url(../images/15.png) no-repeat center; width: .8rem; height: .8rem; position: relative; display: none; }

@media (min-width: 501px) { .c-nav .more:hover { background-color: #e9bc45; }
  .c-nav .more:hover .listMore { display: block; } }

@media (max-width: 500px) { .c-nav .more { background-size: 30%; }
  .c-nav .more.on { background-color: #e9bc45; }
  .c-nav .more.on .listMore { display: block; } }

.c-nav .listMore { position: absolute; right: 0; top: 100%; z-index: 10; background: #fff; width: 200px; border: 1px solid #ececec; display: none; padding: 5px 0; max-height: 300px; overflow-y: auto; }

.c-nav .listMore li { font-size: 14px; color: #333; line-height: 1.5; position: relative; }

.c-nav .listMore li a { display: block; position: relative; z-index: 2; padding: .08rem .25rem; }

.c-nav .listMore li.on, .c-nav .listMore li:hover { background: #e9bc45; }

@media (max-width: 500px) { .c-nav .listMore li { font-size: 12px; } }

.productList { margin-top: .8rem; }

.productList .item { background: #f7f7f7; float: left; margin-bottom: .3rem; color: #626262; }

@media (min-width: 501px) { .productList .item { width: 31.91%; margin-right: 2.13%; }
  .productList .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 500px) { .productList .item { width: 49%; margin-right: 2%; }
  .productList .item:nth-of-type(2n) { margin-right: 0; } }

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

.productList .item:hover .name { color: #e9bc45; }

.productList .pic { padding-top: calc(389 / 434 * 100%); position: relative; overflow: hidden; }

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

.productList .text { padding: .22rem .35rem .27rem; border-top: 1px solid #efefef; }

.productList .name { color: #0d1127; line-height: 2.08; }

.productList .desc { line-height: 1.625; }

/* 分页 */
.c-pagination { text-align: center; font-size: 0; margin: .2rem 0; }

.c-pagination .pagination-cnt { display: inline-block; vertical-align: top; }

.c-pagination li { float: left; }

.c-pagination a { color: #777; float: left; border: 1px solid #dbdbdb; line-height: .4rem; padding: 0 .18rem; margin: 0 4px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: .4rem; text-align: center; }

.c-pagination a:hover, .c-pagination a.on { color: #fff; background: #e9bc45; border-color: #e9bc45; }

@media (max-width: 1000px) { .c-pagination a { line-height: 30px; padding: 0 10px; min-width: 30px; } }

.page-product { padding-bottom: .8rem; }

.page-proDetail { padding-bottom: .7rem; }

.page-proDetail .title { color: #0d1127; margin-bottom: .5rem; margin-top: .8rem; }

.page-proDetail .main { padding-top: .8rem; }

.page-proDetail .main .cnt { padding-bottom: .8rem; border-bottom: 1px solid #e8e8e8; position: relative; }

.page-proDetail .img-thumb .swiper-container { height: 420px; width: 100px; }

.page-proDetail .img-thumb .swiper-slide { cursor: pointer; position: relative; border: 1px solid #eeeeee; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.page-proDetail .img-thumb .swiper-slide:hover, .page-proDetail .img-thumb .swiper-slide.on { background-color: #fafafa; }

.page-proDetail .img-thumb .swiper-slide img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }

.page-proDetail .img-thumb .arrows { margin-top: 13px; font-size: 0; width: 100px; }

.page-proDetail .img-thumb .prev, .page-proDetail .img-thumb .next { height: 28px; width: 50%; display: inline-block; cursor: pointer; }

.page-proDetail .img-thumb .prev { background: url(../images/17.png) no-repeat center; }

.page-proDetail .img-thumb .next { background: url(../images/16.png) no-repeat center; }

@media (max-width: 900px) { .page-proDetail .img-thumb .swiper-container { width: 1.5rem; height: 5rem; }
  .page-proDetail .img-thumb .arrows { width: 100%; } }

.page-proDetail .img-big { margin-left: .2rem; margin-right: .6rem; }

.page-proDetail .img-big .pic { position: relative; background: #f7f7f7; height: 460px; }

.page-proDetail .img-big .pic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }

@media (min-width: 1401px) { .page-proDetail .img-big { width: 660px; } }

@media (max-width: 1400px) { .page-proDetail .img-big { width: 560px; } }

@media (max-width: 1000px) { .page-proDetail .img-big { width: 460px; } }

@media (max-width: 900px) { .page-proDetail .img-big { width: calc(100% - 1.7rem); margin-right: 0; }
  .page-proDetail .img-big .pic { height: 5rem; } }

.page-proDetail .text { color: #666; padding-top: .4rem; }

.page-proDetail .text .name { color: #0d1127; margin-top: .1rem; }

.page-proDetail .text .desc { line-height: 1.625; margin-top: .2rem; text-align: justify; }

.page-proDetail .text .share { line-height: 22px; position: absolute; right: .15rem; bottom: .8rem; }

.page-proDetail .text .share a { vertical-align: middle; display: inline-block; }

.page-proDetail .text .share a img { max-height: 22px; }

@media (max-width: 900px) { .page-proDetail .text { clear: both; }
  .page-proDetail .text .share { position: static; margin-top: 20px; } }

@media (max-width: 900px) { .page-proDetail .img-area { float: none; } }

.page-honor { padding-top: 1rem; padding-bottom: 1.6rem; }

.page-honor .timeSelect { width: 140px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #eeeeee; line-height: 58px; color: #666; text-align: center; position: relative; z-index: 10; }

.page-honor .timeSelect .t img { margin-left: 9px; vertical-align: middle; opacity: 0.5; }

.page-honor .timeSelect .drop { display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index: 3; -webkit-box-shadow: -1px 16px 20px 0px rgba(29, 29, 29, 0.1); box-shadow: -1px 16px 20px 0px rgba(29, 29, 29, 0.1); }

.page-honor .timeSelect .drop li { border-top: 1px dashed #eee; list-style-type: disc; list-style-position: inside; cursor: pointer; }

.page-honor .timeSelect .drop li.on, .page-honor .timeSelect .drop li:hover { color: #db0b0b; }

.page-honor .timeSelect.on { -webkit-box-shadow: -1px 16px 20px 0px rgba(29, 29, 29, 0.1); box-shadow: -1px 16px 20px 0px rgba(29, 29, 29, 0.1); }

.page-honor .timeSelect.on .drop { display: block; }

.page-honor .honorList { margin-top: .5rem; }

.page-honor .honorList .item { cursor: pointer; display: inline-block; vertical-align: top; margin-bottom: .44rem; }

.page-honor .honorList .item .pic { padding-top: calc(350 / 262 * 100%); position: relative; }

.page-honor .honorList .item .pic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }

.page-honor .honorList .item .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../images/20.png) no-repeat center; display: none; }

.page-honor .honorList .item:hover .mask { display: block; }

.page-honor .honorList .item .name { color: #e9bc45; margin-top: .27rem; text-align: center; line-height: 1.5; }

@media (min-width: 901px) { .page-honor .honorList .item { width: 19.26%; margin-right: 7.65%; }
  .page-honor .honorList .item:nth-of-type(4n) { margin-right: 0; } }

@media (max-width: 900px) and (min-width: 501px) { .page-honor .honorList .item { width: 30%; margin-right: 5%; }
  .page-honor .honorList .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 500px) { .page-honor .honorList .item { width: 48%; margin-right: 4%; }
  .page-honor .honorList .item:nth-of-type(2n) { margin-right: 0; } }

.page-news { padding-top: 1rem; padding-bottom: .7rem; }

.newsList .item { float: left; margin-bottom: .3rem; }

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

@media (max-width: 900px) { .newsList .item { width: 49%; margin-right: 2%; }
  .newsList .item:nth-of-type(2n) { margin-right: 0; } }

.newsList .item .pic { padding-top: calc(280 / 434 * 100%); position: relative; overflow: hidden; }

.newsList .item .pic 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; }

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

.newsList .item:hover .text { color: #fff; background: #e9bc45; }

.newsList .item:hover .text .name { color: #fff; }

.newsList .item:hover .text .time { background-image: url(../images/22.png); }

.newsList .item .text { color: #666; background: #f7f7f7; padding: .3rem .3rem .4rem; }

.newsList .item .text .name { color: #131325; line-height: 1.5; }

.newsList .item .text .desc { line-height: 1.875; text-align: justify; margin-top: .08rem; }

.newsList .item .text .time { background: url(../images/21.png) no-repeat left center; padding-left: 23px; line-height: 1.875; margin-top: .23rem; }

.page-device { padding-bottom: 1rem; }

.page-device .section { padding-top: 1rem; }

.page-device .section .more { width: 2rem; line-height: .6rem; background-color: #f7f7f7; text-align: center; color: #626262; margin: .3rem auto 0; }

.page-device .section .more:hover { color: #e9bc45; }

.page-device .videoList .pic:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/23.png) no-repeat center/contain; width: .66rem; height: .34rem; }

.video .pic { position: relative; }

.video .pic:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/23.png) no-repeat center/contain; width: .66rem; height: .34rem; }

.c-list { margin-top: .5rem; }

.c-list .item { float: left; margin-bottom: .3rem; background: #f7f7f7; text-align: center; }

@media (min-width: 901px) { .c-list .item { width: calc(434 / 1360 * 100%); margin-right: calc(28 / 1360 * 100%); }
  .c-list .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .c-list .item { width: 49%; margin-right: 2%; }
  .c-list .item:nth-of-type(2n) { margin-right: 0; } }

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

.c-list .item:hover .text h3 { color: #e9bc45; }

.c-list .item .pic { padding-top: calc(332 / 434 * 100%); overflow: hidden; position: relative; }

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

.c-list .item .text { padding: 0.23rem .5rem .36rem; }

.c-list .item .text p { color: #626262; line-height: 1.625; margin-top: .1rem; }

.c-list .item .text h3 { color: #0d1127; line-height: 1.3; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.page-about .section-1 { color: #626262; padding-top: 1rem; padding-bottom: 1rem; }

.page-about .section-1 .left { width: calc(540 / 1360 * 100%); }

.page-about .section-1 .text { width: calc(800 / 1360 * 100%); line-height: 1.75; text-align: justify; }

.page-about .section-1 .data { margin-top: 1.8rem; }

.page-about .section-1 .data li { float: left; width: 33%; }

.page-about .section-1 .data .num { color: #e9bc45; font-family: 'DINCond-Black'; margin-bottom: 6px; }

@media (max-width: 900px) { .page-about .section-1 .left { width: 100%; }
  .page-about .section-1 .text { width: 100%; margin-top: .5rem; }
  .page-about .section-1 .data { margin-top: 1rem; } }

.page-about .section-2 { background: #f2f2f2; padding-top: 1rem; padding-bottom: 1rem; }

.page-about .section-2 .culture { margin-top: .35rem; position: relative; background: #fff; }

.page-about .section-2 .culture .hd { color: #131325; float: right; width: calc(110 / 1360 * 100%); position: absolute; right: 0; top: 0; height: 100%; text-align: center; border-left: 1px solid #eee; }

@media (max-width: 900px) { .page-about .section-2 .culture .hd { width: 18%; } }

.page-about .section-2 .culture .hd li { display: table; height: 50%; width: 100%; cursor: pointer; }

.page-about .section-2 .culture .hd li .cell { display: table-cell; vertical-align: middle; }

.page-about .section-2 .culture .hd li.on { background: #e9bc45; color: #fff; }

.page-about .section-2 .culture .hd li.on .icon1 { background-image: url(../images/24.png); }

.page-about .section-2 .culture .hd li.on .icon2 { background-image: url(../images/26.png); }

.page-about .section-2 .culture .bd { width: calc(1249 / 1360 * 100%); float: left; }

@media (max-width: 900px) { .page-about .section-2 .culture .bd { width: 82%; } }

.page-about .section-2 .culture .bd .item { font-size: 0; display: none; }

.page-about .section-2 .culture .bd .item.on { display: block; }

.page-about .section-2 .culture .bd .pic { display: inline-block; vertical-align: middle; width: calc(700 / 1249 * 100%); }

.page-about .section-2 .culture .bd .pic .in { padding-top: calc(440 / 700 * 100%); position: relative; }

.page-about .section-2 .culture .bd .pic .in img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }

@media (max-width: 900px) { .page-about .section-2 .culture .bd .pic { width: 100%; } }

.page-about .section-2 .culture .bd .text { display: inline-block; vertical-align: middle; width: calc(549 / 1249 * 100%); text-align: center; color: #131325; line-height: 1.6; }

@media (max-width: 900px) { .page-about .section-2 .culture .bd .text { width: 100%; padding: 55px 0; } }

.page-about .section-2 .icon { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto 10px; }

.page-about .section-2 .icon1 { background-image: url(../images/27.png); }

.page-about .section-2 .icon2 { background-image: url(../images/25.png); }

@media (max-width: 900px) { .page-about .section-2 .icon { background-size: 60%; } }

.page-contact { padding-top: 1rem; padding-bottom: 1rem; }

.contact-way { margin-top: .6rem; word-break: break-all; }

.contact-way li { float: left; width: 25%; line-height: 1.5; }

.contact-way li h4 { color: #626262; margin-top: .37rem; }

.contact-way li p { color: #131325; margin-top: 7px; }

@media (max-width: 900px) { .contact-way li { width: 50%; margin-bottom: .5rem; }
  .contact-way li img { width: 40px; }
  .contact-way li h4 { margin-top: .2rem; }
  .contact-way li p { margin-top: 0; } }

.map { position: relative; margin-top: .6rem; }

.map > img { width: 100%; vertical-align: top; }

.map iframe { width: 100% !important; }

.map .add { position: absolute; left: 0; bottom: 0; width: 100%; line-height: .8rem; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 0 .4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.map .add .icon { height: .27rem; }

.map .add * { display: inline; vertical-align: middle; }

@media (max-width: 900px) { .map .add { position: static; line-height: 1.5; padding: .2rem .4rem; word-break: break-all; } }

.page-newsDetail { padding-top: .9rem; padding-bottom: 1rem; }

.page-newsDetail .title { color: #0d1127; line-height: 1.5; }

.page-newsDetail .back { color: #fff; width: 2rem; line-height: .6rem; text-align: center; display: inline-block; margin: auto; display: block; margin-top: .6rem; }

.page-newsDetail .back:hover { font-weight: bold; }

.page-newsDetail .msg { color: #656565; line-height: 20px; margin-top: .39rem; padding-bottom: .17rem; border-bottom: 1px solid #e8e8e8; }

.page-newsDetail .msg * { display: inline-block; vertical-align: middle; }

.page-newsDetail .msg .num { margin-left: .4rem; }

.page-newsDetail .msg .share a { width: 30px; text-align: center; }

@media (max-width: 900px) { .page-newsDetail .msg .share a { width: 25px; } }

.page-newsDetail .msg .share a img { max-height: 20px; }

.page-newsDetail .content { padding: .4rem 0; border-bottom: 1px solid #e8e8e8; color: #626262; line-height: 2; }

.page-newsDetail .links { color: #656565; line-height: 1.5; border-bottom: 1px solid #e8e8e8; padding: .35rem 0; }

.page-newsDetail .links .li { width: 40%; display: block; }

.page-newsDetail .links .li:hover { color: #e9bc45; }

@media (max-width: 900px) { .page-newsDetail .links .li { width: 100%; float: none; } }

.page-newsDetail .links .li + .li { margin-top: .2rem; }

.page-recruit { padding-top: 1rem; padding-bottom: 1rem; }

@media (max-width: 900px) { .page-recruit .title .c-title { float: none; } }

.page-recruit .title .t { margin-top: .55rem; }

@media (max-width: 900px) { .page-recruit .title .t { float: none; clear: both; } }

.recruitList { margin-top: .6rem; }

.recruitList .thead .tr { color: #131325; border-width: 2px; font-weight: bold; }

.recruitList .tr { padding: .18rem 0 .15rem; border-bottom: 1px solid #e8e8e8; line-height: 42px; font-size: 0; }

@media (max-width: 900px) { .recruitList .tr { line-height: 30px; } }

.recruitList li.on .more { background: #e9bc45; color: #fff; }

.recruitList li.on .detail { display: block; }

.recruitList .more { display: inline-block; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; min-width: 1.4rem; line-height: 38px; background-color: #f7f7f7; border-radius: 38px; border: solid 2px #e9bc45; text-align: center; margin: 0 .3rem 0 0; }

.recruitList .more:hover { color: #e9bc45; }

@media (max-width: 900px) { .recruitList .more { line-height: 30px; margin: 0; font-size: 12px; } }

.recruitList .col { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 16px; }

.recruitList .col1 { padding-left: .3rem; width: calc(416 / 1360 * 100%); }

.recruitList .col2 { width: calc(756 / 1360 * 100%); }

.recruitList .col3 { width: calc(188 / 1360 * 100%); text-align: right; }

@media (max-width: 900px) { .recruitList .col { font-size: 14px; }
  .recruitList .col1 { width: 20%; padding-left: .1rem; }
  .recruitList .col2 { width: 50%; }
  .recruitList .col3 { width: 30%; } }

.recruitList .detail { background: #f2f2f2; padding: .44rem .3rem .6rem; font-size: 14px; line-height: 1.2; display: none; }

.recruitList .detail .msg { line-height: calc(26 / 14); width: 540px; }

.recruitList .detail .msg li { width: 180px; float: left; }

@media (max-width: 900px) { .recruitList .detail .msg { width: 100%; }
  .recruitList .detail .msg li { width: 50%; } }

.recruitList .detail .desc .item { margin-top: .38rem; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: calc(20 / 14); }

.recruitList .detail .desc .item .cnt { margin-top: .12rem; text-align: justify; }

.recruitList .detail .desc .item .cnt p { margin-bottom: .2rem; }

@media (min-width: 901px) { .recruitList .detail .desc .item:first-of-type { padding-right: .6rem; }
  .recruitList .detail .desc .item:last-of-type { padding-left: .6rem; border-left: 1px solid #e8e8e8; } }

@media (max-width: 900px) { .recruitList .detail .desc .item { width: 100%; padding: 0; } }

.recruitList .detail .btn { font-size: 14px; color: #fff; width: 120px; line-height: 42px; background-color: #e80a0a; border-radius: 21px; text-align: center; display: block; margin-top: .2rem; }

.recruitList .getMore { margin-top: .54rem; text-align: center; position: relative; }

.recruitList .getMore img { width: .5rem; }

@media (max-width: 900px) { .recruitList .getMore img { width: 30px; } }

.recruitList .getMore p { margin-top: 5px; }

.recruitList .getMore:before { content: ''; position: absolute; left: 0; top: 50%; width: 44%; height: 1px; background: #eee; }

.recruitList .getMore:after { content: ''; position: absolute; right: 0; top: 50%; width: 44%; height: 1px; background: #eee; }

.guide-page { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; background: #000 url(../picture/28.jpg) no-repeat center/cover; -webkit-animation: leaf 6s .5s forwards; animation: leaf 6s .5s forwards; }

.guide-page .cnt { width: 1400px; max-width: 95%; margin: auto; height: 100%; position: relative; }

.guide-page .logo { position: relative; top: calc(40 / 1080 * 100%); display: block; width: .96rem; }

.guide-page .pro { width: 6rem; position: absolute; left: 50%; top: 50%; margin-left: -3rem; margin-top: -3rem; -webkit-animation: pro 6s .5s forwards; animation: pro 6s .5s forwards; opacity: 0; }

.noScroll { height: 100vh; overflow: hidden; }

@-webkit-keyframes pro { 0% { opacity: 0;
    -webkit-transform: translateY(200%);
            transform: translateY(200%); }
  30% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0.5;
    -webkit-transform: translateY(0) scale(2);
            transform: translateY(0) scale(2); } }

@keyframes pro { 0% { opacity: 0;
    -webkit-transform: translateY(200%);
            transform: translateY(200%); }
  30% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0.5;
    -webkit-transform: translateY(0) scale(2);
            transform: translateY(0) scale(2); } }

@-webkit-keyframes leaf { 0% { }
  60% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes leaf { 0% { }
  60% { opacity: 1; }
  100% { opacity: 0; } }