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

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; }

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

@font-face { font-family: inter-light; src: url(../fonts/Inter-Light-7.otf); }

@font-face { font-family: inter-bold; src: url(../fonts/Inter-Bold-4.otf); }

@font-face { font-family: inter-medium; src: url(../fonts/Inter-Medium-8.otf); }

body { font-size: 14px; color: #fff; font-family: inter-light, '微软雅黑'; line-height: 1.2; overflow-x: hidden; background: #1c1c1c; }

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

body * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.editor img { max-width: 100%; }

.editor table { max-width: 100%; word-break: break-all; }

.editor iframe { max-width: 100%; }

.editor video { max-width: 100%; }

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

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); }
  .s61 { font-size: calc(61 * 100vw / 1920); }
  .s62 { font-size: calc(62 * 100vw / 1920); }
  .s63 { font-size: calc(63 * 100vw / 1920); }
  .s64 { font-size: calc(64 * 100vw / 1920); }
  .s65 { font-size: calc(65 * 100vw / 1920); }
  .s66 { font-size: calc(66 * 100vw / 1920); }
  .s67 { font-size: calc(67 * 100vw / 1920); }
  .s68 { font-size: calc(68 * 100vw / 1920); }
  .s69 { font-size: calc(69 * 100vw / 1920); }
  .s70 { font-size: calc(70 * 100vw / 1920); }
  .s71 { font-size: calc(71 * 100vw / 1920); }
  .s72 { font-size: calc(72 * 100vw / 1920); }
  .s73 { font-size: calc(73 * 100vw / 1920); }
  .s74 { font-size: calc(74 * 100vw / 1920); }
  .s75 { font-size: calc(75 * 100vw / 1920); }
  .s76 { font-size: calc(76 * 100vw / 1920); }
  .s77 { font-size: calc(77 * 100vw / 1920); }
  .s78 { font-size: calc(78 * 100vw / 1920); }
  .s79 { font-size: calc(79 * 100vw / 1920); }
  .s80 { font-size: calc(80 * 100vw / 1920); }
  .s81 { font-size: calc(81 * 100vw / 1920); }
  .s82 { font-size: calc(82 * 100vw / 1920); }
  .s83 { font-size: calc(83 * 100vw / 1920); }
  .s84 { font-size: calc(84 * 100vw / 1920); }
  .s85 { font-size: calc(85 * 100vw / 1920); }
  .s86 { font-size: calc(86 * 100vw / 1920); }
  .s87 { font-size: calc(87 * 100vw / 1920); }
  .s88 { font-size: calc(88 * 100vw / 1920); }
  .s89 { font-size: calc(89 * 100vw / 1920); }
  .s90 { font-size: calc(90 * 100vw / 1920); }
  .s91 { font-size: calc(91 * 100vw / 1920); }
  .s92 { font-size: calc(92 * 100vw / 1920); }
  .s93 { font-size: calc(93 * 100vw / 1920); }
  .s94 { font-size: calc(94 * 100vw / 1920); }
  .s95 { font-size: calc(95 * 100vw / 1920); }
  .s96 { font-size: calc(96 * 100vw / 1920); }
  .s97 { font-size: calc(97 * 100vw / 1920); }
  .s98 { font-size: calc(98 * 100vw / 1920); }
  .s99 { font-size: calc(99 * 100vw / 1920); }
  .s100 { font-size: calc(100 * 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); }
  .s61 { font-size: calc(12px + 49 * 100vw / 1920); }
  .s62 { font-size: calc(12px + 50 * 100vw / 1920); }
  .s63 { font-size: calc(12px + 51 * 100vw / 1920); }
  .s64 { font-size: calc(12px + 52 * 100vw / 1920); }
  .s65 { font-size: calc(12px + 53 * 100vw / 1920); }
  .s66 { font-size: calc(12px + 54 * 100vw / 1920); }
  .s67 { font-size: calc(12px + 55 * 100vw / 1920); }
  .s68 { font-size: calc(12px + 56 * 100vw / 1920); }
  .s69 { font-size: calc(12px + 57 * 100vw / 1920); }
  .s70 { font-size: calc(12px + 58 * 100vw / 1920); }
  .s71 { font-size: calc(12px + 59 * 100vw / 1920); }
  .s72 { font-size: calc(12px + 60 * 100vw / 1920); }
  .s73 { font-size: calc(12px + 61 * 100vw / 1920); }
  .s74 { font-size: calc(12px + 62 * 100vw / 1920); }
  .s75 { font-size: calc(12px + 63 * 100vw / 1920); }
  .s76 { font-size: calc(12px + 64 * 100vw / 1920); }
  .s77 { font-size: calc(12px + 65 * 100vw / 1920); }
  .s78 { font-size: calc(12px + 66 * 100vw / 1920); }
  .s79 { font-size: calc(12px + 67 * 100vw / 1920); }
  .s80 { font-size: calc(12px + 68 * 100vw / 1920); }
  .s81 { font-size: calc(12px + 69 * 100vw / 1920); }
  .s82 { font-size: calc(12px + 70 * 100vw / 1920); }
  .s83 { font-size: calc(12px + 71 * 100vw / 1920); }
  .s84 { font-size: calc(12px + 72 * 100vw / 1920); }
  .s85 { font-size: calc(12px + 73 * 100vw / 1920); }
  .s86 { font-size: calc(12px + 74 * 100vw / 1920); }
  .s87 { font-size: calc(12px + 75 * 100vw / 1920); }
  .s88 { font-size: calc(12px + 76 * 100vw / 1920); }
  .s89 { font-size: calc(12px + 77 * 100vw / 1920); }
  .s90 { font-size: calc(12px + 78 * 100vw / 1920); }
  .s91 { font-size: calc(12px + 79 * 100vw / 1920); }
  .s92 { font-size: calc(12px + 80 * 100vw / 1920); }
  .s93 { font-size: calc(12px + 81 * 100vw / 1920); }
  .s94 { font-size: calc(12px + 82 * 100vw / 1920); }
  .s95 { font-size: calc(12px + 83 * 100vw / 1920); }
  .s96 { font-size: calc(12px + 84 * 100vw / 1920); }
  .s97 { font-size: calc(12px + 85 * 100vw / 1920); }
  .s98 { font-size: calc(12px + 86 * 100vw / 1920); }
  .s99 { font-size: calc(12px + 87 * 100vw / 1920); }
  .s100 { font-size: calc(12px + 88 * 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); }
  .s61 { font-size: calc(12px + 49 * 550px / 1920); }
  .s62 { font-size: calc(12px + 50 * 550px / 1920); }
  .s63 { font-size: calc(12px + 51 * 550px / 1920); }
  .s64 { font-size: calc(12px + 52 * 550px / 1920); }
  .s65 { font-size: calc(12px + 53 * 550px / 1920); }
  .s66 { font-size: calc(12px + 54 * 550px / 1920); }
  .s67 { font-size: calc(12px + 55 * 550px / 1920); }
  .s68 { font-size: calc(12px + 56 * 550px / 1920); }
  .s69 { font-size: calc(12px + 57 * 550px / 1920); }
  .s70 { font-size: calc(12px + 58 * 550px / 1920); }
  .s71 { font-size: calc(12px + 59 * 550px / 1920); }
  .s72 { font-size: calc(12px + 60 * 550px / 1920); }
  .s73 { font-size: calc(12px + 61 * 550px / 1920); }
  .s74 { font-size: calc(12px + 62 * 550px / 1920); }
  .s75 { font-size: calc(12px + 63 * 550px / 1920); }
  .s76 { font-size: calc(12px + 64 * 550px / 1920); }
  .s77 { font-size: calc(12px + 65 * 550px / 1920); }
  .s78 { font-size: calc(12px + 66 * 550px / 1920); }
  .s79 { font-size: calc(12px + 67 * 550px / 1920); }
  .s80 { font-size: calc(12px + 68 * 550px / 1920); }
  .s81 { font-size: calc(12px + 69 * 550px / 1920); }
  .s82 { font-size: calc(12px + 70 * 550px / 1920); }
  .s83 { font-size: calc(12px + 71 * 550px / 1920); }
  .s84 { font-size: calc(12px + 72 * 550px / 1920); }
  .s85 { font-size: calc(12px + 73 * 550px / 1920); }
  .s86 { font-size: calc(12px + 74 * 550px / 1920); }
  .s87 { font-size: calc(12px + 75 * 550px / 1920); }
  .s88 { font-size: calc(12px + 76 * 550px / 1920); }
  .s89 { font-size: calc(12px + 77 * 550px / 1920); }
  .s90 { font-size: calc(12px + 78 * 550px / 1920); }
  .s91 { font-size: calc(12px + 79 * 550px / 1920); }
  .s92 { font-size: calc(12px + 80 * 550px / 1920); }
  .s93 { font-size: calc(12px + 81 * 550px / 1920); }
  .s94 { font-size: calc(12px + 82 * 550px / 1920); }
  .s95 { font-size: calc(12px + 83 * 550px / 1920); }
  .s96 { font-size: calc(12px + 84 * 550px / 1920); }
  .s97 { font-size: calc(12px + 85 * 550px / 1920); }
  .s98 { font-size: calc(12px + 86 * 550px / 1920); }
  .s99 { font-size: calc(12px + 87 * 550px / 1920); }
  .s100 { font-size: calc(12px + 88 * 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: 900px; 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: #1c1c1c; 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%; }

.bg-theme { background-color: #1c1c1c; }

.color-theme { color: #1c1c1c; }

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

.layout { margin-left: auto; margin-right: auto; }

@media (min-width: 1921px) { .layout { width: 11.8rem; } }

@media (max-width: 1920px) { .layout { width: 80%; max-width: 1180px; } }

@media (max-width: 900px) { .layout { width: 94%; } }

body { padding-top: 0.7rem; }

@media (max-width: 1200px) { body { padding-top: 45px; } }

.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 9; background: #1c1c1c; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; color: rgba(255, 255, 255, 0.6); font-family: inter-medium; }

.header .cnt { height: 0.7rem; width: 1760px; max-width: 98%; margin-left: auto; margin-right: auto; 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 (min-width: 1921px) { .header .cnt { width: 17.6rem; } }

@media (max-width: 1200px) { .header .cnt { width: 100%; padding: 0 .15rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 45px; } }

.header .logo { width: 2.9rem; }

.header .logo img { width: 1.93rem; }

.header .nav { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: -.25rem; }

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

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

.header .nav .li1.on { color: #fff; }

.header .nav .li1:hover { background: rgba(0, 0, 0, 0.47); }

.header .nav .li1:hover .ul2 { display: block; }

.header .nav .li1:hover .a1 { color: #fff; }

.header .nav .li1:hover .a1:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; }

.header .nav .a1 { padding: 0 .1rem; line-height: 0.7rem; display: block; position: relative; }

.header .nav .ul2 { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; background: rgba(0, 0, 0, 0.47); display: none; }

.header .nav .a2 { line-height: 1.5; padding: 8px 0; display: block; }

@media (max-width: 1400px) { .header .nav { font-size: 14px; }
  .header .nav .a1 { padding: 0 4px; } }

@media (min-width: 1271px) { .header .nav .li1 { float: left; position: relative; }
  .header .nav .li1.on { color: #fff; }
  .header .nav .li1:hover .ul2 { display: block; }
  .header .nav .li1:hover .h-product + .ul2 { display: none; }
  .header .nav .li1:hover .h-product { display: block; }
  .header .nav .li1:hover .a1 { color: #fff; }
  .header .nav .ul2 { padding: .1rem 0; } }

@media (max-width: 1270px) { .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: #1c1c1c; -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.7rem; }
  .header .nav .ul1 .li1 { float: none; width: 100%; border-bottom: 1px solid #404040; }
  .header .nav .ul1 .li1.show .ul2 { height: auto; padding-bottom: 10px; }
  .header .nav .ul1 .a1 { line-height: 2; padding: 10px 40px 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); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }
  .header .nav .ul2 { position: static; display: block; -webkit-box-shadow: none; box-shadow: none; height: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; overflow: hidden; }
  .header .nav .ul2 .a2 { padding: 7px 20px 7px 30px; }
  .header .nav .mbtn { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 10px; top: 8px; z-index: 15; cursor: pointer; color: #f9f9f9; font-size: 20px; outline: none; }
  .header .nav .mbtn:after { content: '+'; }
  .header .nav li.show .mbtn:after { content: '-'; } }

.header__right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .3rem; }

.header .lang { margin-right: .23rem; position: relative; }

.header .lang__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.7rem; }

.header .lang__hd:before { content: ''; width: 22px; height: 22px; margin-right: 6px; display: block; background: url(../images/lang.png) no-repeat center/contain; opacity: 0.5; }

.header .lang__hd:after { content: ''; width: 6px; height: 5px; margin-left: 6px; display: block; background: url(../images/cor.png) no-repeat center/contain; opacity: 0.5; }

.header .lang__option { background: #1c1c1c; position: absolute; left: 50%; top: 100%; width: 100px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; padding: .1rem 0; display: none; }

.header .lang__option a { display: block; line-height: 2; text-align: center; }

.header .lang__option a:hover { color: #fff; }

@media (min-width: 1921px) { .header .lang__hd:before { width: 0.22rem; height: .22rem; margin-right: .06rem; }
  .header .lang__hd:after { width: 0.06rem; height: .05rem; margin-left: 0.06rem; }
  .header .lang__option { width: 1rem; } }

.header .nav-btn { display: none; width: 22px; position: relative; z-index: 12; padding: .1rem; margin-left: .2rem; -webkit-box-sizing: content-box; box-sizing: content-box; }

.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: 1270px) { .header .nav-btn { display: inline-block; } }

@media (max-width: 320px) { .header .nav-btn { margin-left: 0; } }

.header .h-share { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header .h-share__item { width: 36px; height: 36px; margin-left: 0.1rem; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.header .h-share__item:hover { background-color: rgba(0, 0, 0, 0.5); }

@media (min-width: 1921px) { .header .h-share__item { width: 0.36rem; height: 0.36rem; } }

@media (max-width: 500px) { .header .h-share { display: none; } }

.header .h-product { width: 790px; position: absolute; left: 0; top: 100%; padding: 21px 76px 25px 25px; background: rgba(0, 0, 0, 0.47); display: none; }

.header .h-product-cate { float: left; width: 355px; text-align: left; }

.header .h-product-cate__item { display: block; opacity: 0.79; line-height: 1.58824; padding: 5px 0; padding-left: 30px; position: relative; }

.header .h-product-cate__item:hover { opacity: 1; }

.header .h-product-cate__item:hover:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 4px 8px; border-style: solid; border-color: transparent; border-left-color: #fff; }

.header .h-product-img { float: right; background: rgba(255, 255, 255, 0.26); margin-top: 21px; }

.header .h-product-img__item { display: none; width: 244px; height: 182px; background-position: center; background-repeat: no-repeat; background-size: contain; }

.header .h-product-img__item:first-child { display: block; }

.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 .ul1 { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

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

.header.over { background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.header.bg { background-color: #1c1c1c; }

.footer { text-align: center; line-height: 2; color: rgba(255, 255, 255, 0.2); padding: .22rem; border-top: 1px solid rgba(255, 255, 255, 0.04); }

.ban { position: relative; height: 3rem; background-position: center; background-repeat: no-repeat; background-size: cover; }

.ban .text { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; color: #fff; text-align: center; font-family: inter-bold; }

.c-nav { background: #f5f5f5; color: #666; line-height: .7rem; }

@media (max-width: 1300px) { .c-nav { line-height: 1rem; } }

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

.c-nav .toHome { width: 25px; }

@media (min-width: 1921px) { .c-nav .toHome { width: .25rem; }
  .c-nav .toHome img { width: .12rem; } }

.c-nav .list { text-align: right; }

.c-nav .list li, .c-nav .list .li { width: auto; display: inline-block; color: #666; position: relative; padding-left: .4rem; }

.c-nav .list li:first-of-type, .c-nav .list .li:first-of-type { padding-left: 0; }

.c-nav .list li a, .c-nav .list .li a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: block; position: relative; z-index: 2; }

.c-nav .list li a:after, .c-nav .list .li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #1c1c1c; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.c-nav .list li.on a, .c-nav .list li:hover a, .c-nav .list .li.on a, .c-nav .list .li:hover a { color: #1c1c1c; }

.c-nav .list li.on a:after, .c-nav .list li:hover a:after, .c-nav .list .li.on a:after, .c-nav .list .li:hover a:after { width: 100%; opacity: 1; }

.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: #1c1c1c; -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: #1c1c1c; }
  .c-nav .more:hover .listMore { display: block; } }

@media (max-width: 500px) { .c-nav .more { background-size: 30%; }
  .c-nav .more.on { background-color: #1c1c1c; }
  .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: #1c1c1c; }

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

@media (max-width: 900px) { .c-nav .pro { display: none; } }

@media (max-width: 500px) { .c-nav .list, .c-nav .breadThumb { float: none; width: 100%; }
  .c-nav .list { border-top: 1px solid #ddd; text-align: center; } }

.breadThumb { text-align: right; color: rgba(255, 255, 255, 0.2); line-height: 2; padding: .16rem 0; border-top: 1px solid rgba(255, 255, 255, 0.04); border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.breadThumb a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.breadThumb a:hover { color: #fff; }

.breadThumb a:after { content: '>'; margin: 0 .08rem; }

.breadThumb a:last-of-type:after { display: none; }

@media (max-width: 900px) { .breadThumb { text-align: left; } }

.pagination__cnt { height: 33px; line-height: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); text-align: center; }

.pagination__cnt a { position: relative; width: 25px; }

.pagination__cnt a:hover { color: #fff; }

.pagination__cnt a.num { margin-right: .1rem; }

.pagination__cnt a.on { color: #fff; }

.pagination__cnt a.on:after { content: ''; position: absolute; left: 10px; bottom: 0; width: 13px; height: 1px; background: #fff; }

@media (max-width: 900px) { .pagination__cnt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.c-title { color: rgba(255, 255, 255, 0.8); line-height: 1.1; text-align: center; font-family: inter-medium; }

.c-title:before { content: ''; display: block; width: .6rem; height: 1px; background: rgba(255, 255, 255, 0.05); margin-left: auto; margin-right: auto; margin-bottom: .19rem; }

.toTop { position: fixed; right: .17rem; bottom: 10%; z-index: 99; width: .6rem; height: 0.6rem; border-radius: 50%; background: #fff url(../images/49.png) no-repeat center; cursor: pointer; -webkit-box-shadow: 0 0 5px 0 #ccc; box-shadow: 0 0 5px 0 #ccc; }

.banner .swiper-slide img { width: 100%; vertical-align: top; }

.banner .swiper-slide .video_wrap { position: relative; padding-top: calc(960 / 1920 * 100%); }

.banner .swiper-slide .video_wrap video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

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

.banner .swiper-pagination-bullet { background: none; margin: 13px 0; width: 10px; height: 10px; border: solid 1px #ffffff; opacity: 0.5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }

@media (min-width: 1921px) { .banner .swiper-pagination-bullet { width: 0.1rem; height: .1rem; margin: .13rem 0; } }

@media (max-width: 900px) { .banner .swiper-pagination { bottom: .2rem; } }

.banner .swiper-button-prev, .banner .swiper-button-next { width: .66rem; height: .66rem; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s; margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { background-color: rgba(59, 59, 59, 0.5); }

.banner .swiper-button-prev { background-image: url(../images/a-left.png); margin-right: 0.48rem; left: .8rem; }

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

@media (max-width: 900px) { .banner .swiper-button-prev { left: 0; }
  .banner .swiper-button-next { right: 0; } }

.banner .text { line-height: 1.16667; color: #fff; position: absolute; left: 0; right: 0; top: 45%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: inter-bold; }

@media (max-width: 900px) { .banner .text { top: 50%; padding: 0 .2rem; } }

@media (max-width: 500px) { .banner .text { font-size: 16px; } }

.md-home-1 { padding-top: 1rem; padding-bottom: .78rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-1 .list { margin-top: .57rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-1 .list .li { width: calc(287 / 1180 * 100%); margin-right: calc(10 / 1180 * 100%); margin-bottom: calc(10 / 1180 * 100%); background-color: #232323; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; border: 1px solid #2b2b2b; padding: .2rem .3rem .27rem .3rem; }

.md-home-1 .list .li:hover { background-color: #3b3b3b; }

.md-home-1 .list .li:hover .text .name { color: #fff; }

.md-home-1 .list .li:nth-of-type(4n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-home-1 .list .li:nth-of-type(4n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-home-1 .list .li:nth-of-type(4n + 4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-home-1 .list .img { padding-top: calc(95 / 225 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; }

.md-home-1 .list .text { margin-top: .09rem; }

.md-home-1 .list .text .num { line-height: 1.1; }

.md-home-1 .list .text .name { line-height: 1.46667; margin-top: 3px; color: #9e9e9e; opacity: 0.8; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

@media (min-width: 901px) { .md-home-1 .list .li:nth-of-type(4n) { margin-right: 0; } }

@media (max-width: 900px) { .md-home-1 .list .li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
  .md-home-1 .list .li:nth-of-type(2n) { margin-right: 0; } }

.md-home-2 { padding-top: .89rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-2 .list { margin-top: .57rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-2 .list .li { background: #232323; width: calc(465 / 1920 * 100%); margin-right: calc(20 / 1920 * 100%); margin-bottom: calc(20 / 1920 * 100%); position: relative; }

.md-home-2 .list .img { padding-top: calc(320 / 465 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-home-2 .list .text .name { line-height: 1.6; }

.md-home-2 .list .text .desc { line-height: 1.5; margin-top: 0.07rem; }

@media (min-width: 901px) { .md-home-2 .list .li:nth-of-type(4n) { margin-right: 0; }
  .md-home-2 .list .li:nth-of-type(4n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }
  .md-home-2 .list .li:nth-of-type(4n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }
  .md-home-2 .list .li:nth-of-type(4n + 4) { -webkit-animation-delay: .3s; animation-delay: .3s; }
  .md-home-2 .list .li .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
  .md-home-2 .list .li .mask:after { content: ''; position: absolute; right: .3rem; top: .5rem; width: .3rem; height: .3rem; background: url(../images/add.png) no-repeat center/contain; }
  .md-home-2 .list .li .text { position: absolute; left: 0; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 .3rem; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
  .md-home-2 .list .li:hover .text { top: 50%; opacity: 1; }
  .md-home-2 .list .li:hover .mask { opacity: 1; } }

@media (max-width: 900px) { .md-home-2 .list { max-width: 94%; margin-left: auto; margin-right: auto; }
  .md-home-2 .list .li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
  .md-home-2 .list .li:nth-of-type(2n) { margin-right: 0; }
  .md-home-2 .list .text { padding: .3rem; }
  .md-home-2 .list .text .desc { color: #999; } }

.md-home-3 { padding-top: 1rem; padding-bottom: 0.8rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-3 .lf { display: block; width: calc(560 / 1180 * 100%); position: relative; }

.md-home-3 .lf .poster { padding-top: calc(410 / 560 * 100%); background-position: center; background-size: cover; background-repeat: no-repeat; }

.md-home-3 .lf .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-home-3 .lf .btn { width: .7rem; height: 0.7rem; background: url(../images/link.png) no-repeat center/contain; position: absolute; left: 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; }

.md-home-3 .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding-left: .8rem; padding-top: .74rem; }

.md-home-3 .rg .desc { color: #7f7f7f; line-height: 1.85714; margin-top: 0.3rem; }

.md-home-3 .rg .more { display: block; width: 160px; height: 46px; line-height: 46px; border-radius: 46px; overflow: hidden; margin-top: .46rem; margin-left: auto; margin-right: auto; border: solid 1px #9e9e9e; text-align: center; color: rgba(255, 255, 255, 0.8); position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-3 .rg .more:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #3b3b3b; opacity: 0; -webkit-transform: scale(0.7, 1); -ms-transform: scale(0.7, 1); transform: scale(0.7, 1); -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.md-home-3 .rg .more:hover { border-color: #1c1c1c; }

.md-home-3 .rg .more:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

@media (min-width: 901px) { .md-home-3 .lf .mask { opacity: 0; }
  .md-home-3 .lf .btn { opacity: 0; top: 0; }
  .md-home-3 .lf:hover .btn { opacity: 1; top: 50%; }
  .md-home-3 .lf:hover .mask { opacity: 1; }
  .md-home-3 .rg .more { width: 1.6rem; height: .46rem; line-height: .46rem; border-radius: .46rem; } }

@media (max-width: 900px) { .md-home-3 .layout { display: block; }
  .md-home-3 .lf { width: 100%; }
  .md-home-3 .lf .mask { display: none; }
  .md-home-3 .lf .btn { top: 50%; }
  .md-home-3 .rg { padding: .5rem; } }

.md-home-4 { padding-top: 0.73rem; padding-bottom: .72rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); position: relative; }

.md-home-4 #particle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-4 .layout { position: relative; z-index: 2; }

.md-home-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.md-home-4 .list .li { width: 25%; position: relative; }

.md-home-4 .list .li:after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 0.76rem; background: rgba(255, 255, 255, 0.04); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-home-4 .list .li:last-of-type:after { display: none; }

.md-home-4 .list .li .t1 { color: rgba(255, 255, 255, 0.8); line-height: 1.0625; }

.md-home-4 .list .li .t2 { color: #9e9e9e; line-height: 1.78571; }

@media (max-width: 900px) { .md-home-4 .list .li { width: 50%; margin: .2rem 0; } }

.md-home-5 { padding-top: 1rem; padding-bottom: .6rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-5 .list_video { margin-top: 0.5rem; }

.list_video { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.list_video .poster { position: relative; overflow: hidden; }

.list_video .poster .img { padding-top: calc(420 / 386 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.list_video .poster .line { position: absolute; left: .13rem; right: .13rem; top: .14rem; bottom: .14rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.15); }

.list_video .poster .btn { width: .7rem; height: 0.7rem; background: url(../images/play.png) no-repeat center/contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.list_video .text { line-height: 1.5; color: #fff; text-align: center; margin-top: .04rem; height: .7rem; 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; }

@media (min-width: 901px) { .list_video .li { width: calc(386 / 1180 * 100%); margin-right: calc(11 / 1180 * 100%); margin-bottom: calc(11 / 1180 * 100%); }
  .list_video .li:nth-of-type(3n) { margin-right: 0; }
  .list_video .li:nth-of-type(3n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }
  .list_video .li:nth-of-type(3n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }
  .list_video .li:hover .mask { opacity: 1; }
  .list_video .li:hover .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .list_video .li:hover .btn { top: 50%; opacity: 1; }
  .list_video .poster .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: rgba(0, 0, 0, 0.5); opacity: 0; }
  .list_video .poster .line { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .list_video .poster .btn { top: 0; opacity: 0; } }

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

.md-home-6 { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-6 .swiper-container { margin-top: .57rem; padding-bottom: .4rem; }

@media (max-width: 900px) { .md-home-6 .swiper-container { padding-bottom: 30px; } }

.md-home-6 .swiper-pagination { bottom: 0; font-size: 0; }

.md-home-6 .swiper-pagination-bullet { width: 10px; height: 10px; background: none; opacity: 0.2; border: 1px solid #fff; margin: 0 .14rem; }

.md-home-6 .swiper-pagination-bullet-active { background: #fff; opacity: 1; }

.md-home-6 .swiper-button-prev { background-image: url(../images/a-left-2.png); left: -.2rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.md-home-6 .swiper-button-next { background-image: url(../images/a-right-2.png); right: -.2rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.md-home-6 .swiper-slide:nth-of-type(4n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-home-6 .swiper-slide:nth-of-type(4n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-home-6 .swiper-slide:nth-of-type(4n + 4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-home-6 .arrow { width: .66rem; height: .66rem; border-radius: 50%; background-color: #232323; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: -.53rem; opacity: 1; }

.md-home-6 .arrow:hover { background-color: #5d5c5c; }

@media (max-width: 1330px) { .md-home-6 .arrow { -webkit-transform: none; -ms-transform: none; transform: none; } }

@media (max-width: 900px) { .md-home-6 .arrow { display: none; } }

.list_team { position: relative; }

.list_team .item { display: block; }

.list_team .item:hover .pic .mask { opacity: 1; }

.list_team .item:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.list_team .item:hover .pic .btn { top: 50%; opacity: 1; }

.list_team .item:hover .text { background: #383838; }

.list_team .item .pic { position: relative; overflow: hidden; }

.list_team .item .pic .img { padding-top: calc(320 / 280 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.list_team .item .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.list_team .item .pic .line { position: absolute; left: .1rem; right: .1rem; top: .11rem; bottom: 0.11rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.list_team .item .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .3rem; height: .3rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.list_team .item .text { background: #232323; padding: .17rem .2rem .16rem; line-height: 1.5; }

.list_team .item .text .desc { opacity: 0.2; margin-top: 2px; }

.md-home-7 { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }

.md-home-7 .cate-news { margin-top: .37rem; }

.md-home-7 .list { margin-top: .39rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-7 .list .li:hover .pic .mask { opacity: 1; }

.md-home-7 .list .li:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-home-7 .list .li:hover .pic .btn { top: 50%; opacity: 1; }

.md-home-7 .list .li:hover .text .tit { color: #fff; }

.md-home-7 .list .li2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .33rem; }

.md-home-7 .list .li2 .pic { width: calc(150 / 380 * 100%); }

.md-home-7 .list .li2 .pic .img { padding-top: calc(100 / 150 * 100%); }

.md-home-7 .list .li2 .pic .btn { width: .15rem; height: .15rem; }

.md-home-7 .list .li2 .text { padding: 3px .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-7 .list .li2 .text .tit { font-size: 14px; line-height: 1.57143; -webkit-line-clamp: 3; }

.md-home-7 .list .li2 .text .time { line-height: 1.35714; margin-top: .09rem; }

.md-home-7 .list .li:nth-of-type(3n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-home-7 .list .li:nth-of-type(3n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-home-7 .list .pic { position: relative; overflow: hidden; }

.md-home-7 .list .pic .img { padding-top: calc(294 / 380 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-home-7 .list .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-home-7 .list .pic .line { position: absolute; left: .1rem; right: .1rem; top: .08rem; bottom: 0.08rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.md-home-7 .list .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .3rem; height: .3rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.md-home-7 .list .text { padding: .18rem .08rem; }

.md-home-7 .list .text .tit { color: #9e9e9e; line-height: 1.375; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-home-7 .list .text .time { opacity: 0.2; line-height: 1.78571; }

@media (min-width: 901px) { .md-home-7 .list .li { width: calc(380 / 1180 * 100%); margin-right: calc(20 / 1180 * 100%); }
  .md-home-7 .list .li:nth-of-type(3n) { margin-right: 0; }
  .md-home-7 .list .li2 .text .tit { font-size: .14rem; }
  .md-home-7 .list .text .tit { font-size: 0.16rem; } }

@media (max-width: 900px) and (min-width: 501px) { .md-home-7 .list .li { width: 49%; margin-right: 2%; }
  .md-home-7 .list .li:nth-of-type(2n) { margin-right: 0; }
  .md-home-7 .list .li2 { display: block; margin-top: 0; }
  .md-home-7 .list .li2 .pic { width: 100%; }
  .md-home-7 .list .li2 .pic .img { padding-top: calc(294 / 380 * 100%); }
  .md-home-7 .list .li2 .pic .btn { width: .3rem; height: .3rem; }
  .md-home-7 .list .li2 .text { padding: .18rem .08rem; }
  .md-home-7 .list .li2 .text .tit { line-height: 1.375; -webkit-line-clamp: 2; font-size: 16px; }
  .md-home-7 .list .li2 .text .time { line-height: 1.78571; } }

@media (max-width: 500px) { .md-home-7 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .33rem; }
  .md-home-7 .list .li .pic { width: calc(150 / 380 * 100%); }
  .md-home-7 .list .li .pic .img { padding-top: calc(100 / 150 * 100%); }
  .md-home-7 .list .li .pic .btn { width: .15rem; height: .15rem; }
  .md-home-7 .list .li .text { padding: 3px .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-home-7 .list .li .text .tit { font-size: 14px; line-height: 1.57143; -webkit-line-clamp: 3; }
  .md-home-7 .list .li .text .time { line-height: 1.35714; margin-top: .09rem; } }

.cate-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cate-news__item { color: #868686; padding: .08rem .17rem; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.cate-news__item:after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 11px; background: #5c5c5c; margin-top: -5px; }

.cate-news__item:last-of-type:after { display: none; }

.cate-news__item.on { color: #fff; }

.cate-news__item:hover { color: #fff; background: #313131; }

.md-home-8 { padding: 1rem 0; }

.md-home-8 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-home-8 .lf { width: calc(440 / 1180 * 100%); padding-top: .14rem; }

.md-home-8 .lf .logo img { width: 2.11rem; }

.md-home-8 .lf .t1 { line-height: 1.5; margin-top: .53rem; }

.md-home-8 .lf .msg { color: #7f7f7f; line-height: 2; margin-top: .08rem; }

.md-home-8 .lf .share { margin-top: .48rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-8 .lf .share__item { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0.2rem; opacity: 0.3; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%; }

.md-home-8 .lf .share__item:last-of-type { margin-right: 0; }

.md-home-8 .lf .share__item:hover { opacity: 1; background-color: #3b3b3b; }

@media (min-width: 1921px) { .md-home-8 .lf .share__item { width: 0.4rem; height: .4rem; } }

.md-home-8 .rg { width: calc(588 / 1180 * 100%); }

@media (max-width: 900px) { .md-home-8 .layout { display: block; }
  .md-home-8 .lf { width: 100%; }
  .md-home-8 .rg { width: 100%; margin-top: .5rem; } }

.md-home-8 .f-form .f-ipt, .md-home-8 .f-form .f-area { color: #fff; width: 100%; height: 46px; border: 1px solid #282828; background: transparent; padding: 0 .28rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: .19rem; }

.md-home-8 .f-form .f-ipt:hover, .md-home-8 .f-form .f-ipt:focus, .md-home-8 .f-form .f-area:hover, .md-home-8 .f-form .f-area:focus { border-color: rgba(255, 255, 255, 0.5); }

.md-home-8 .f-form .f-area { height: 86px; line-height: 1.5; padding-top: 0.12rem; }

.md-home-8 .f-form .f-btn { border: 1px solid #282828; background: transparent; width: 160px; height: 46px; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-8 .f-form .f-btn:hover { background-color: #3b3b3b; }

@media (min-width: 1921px) { .md-home-8 .f-form .f-ipt, .md-home-8 .f-form .f-area { height: 0.46rem; }
  .md-home-8 .f-form .f-area { height: 0.86rem; }
  .md-home-8 .f-form .f-btn { width: 1.6rem; height: 0.46rem; } }

.md-case-1 { padding-top: .8rem; padding-bottom: 1rem; }

.md-case-1 .list { margin-top: .35rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-case-1 .list .li { margin-bottom: calc(20 / 1180 * 100%); }

.md-case-1 .list .li:hover .pic .mask { opacity: 1; }

.md-case-1 .list .li:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-case-1 .list .li:hover .pic .btn { top: 50%; opacity: 1; }

.md-case-1 .list .li:hover .text .tit { color: #fff; }

.md-case-1 .list .li:nth-of-type(3n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-case-1 .list .li:nth-of-type(3n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-case-1 .list .pic { position: relative; overflow: hidden; }

.md-case-1 .list .pic .img { padding-top: calc(260 / 380 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-case-1 .list .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-case-1 .list .pic .line { position: absolute; left: .1rem; right: .1rem; top: .08rem; bottom: 0.08rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.md-case-1 .list .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .3rem; height: .3rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.md-case-1 .list .text { color: #9e9e9e; line-height: 1.375; padding: .26rem .07rem .16rem; }

@media (min-width: 901px) { .md-case-1 .list .li { width: calc(380 / 1180 * 100%); margin-right: calc(20 / 1180 * 100%); }
  .md-case-1 .list .li:nth-of-type(3n) { margin-right: 0; } }

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

.md-case-2 { padding-top: .8rem; padding-bottom: .74rem; }

.md-case-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-case-2 .lf { width: calc(730 / 1180 * 100%); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-case-2 .lf img { margin-bottom: .4rem; width: 100%; }

.md-case-2 .lf img:last-of-type { margin-bottom: 0; }

.md-case-2 .rg { width: calc(374 / 1180 * 100%); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-case-2 .rg .tit { line-height: 1.375; }

.md-case-2 .rg .desc { color: #9e9e9e; line-height: 1.375; margin-top: .35rem; }

.md-case-2 .rg .t2 { color: #9e9e9e; line-height: 1.375; margin-top: .23rem; }

.md-case-2 .list_related { margin-top: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-case-2 .list_related .li:hover .pic .mask { opacity: 1; }

.md-case-2 .list_related .li:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-case-2 .list_related .li:hover .pic .btn { top: 50%; opacity: 1; }

.md-case-2 .list_related .li:hover .text .tit { color: #fff; }

.md-case-2 .list_related .pic { position: relative; overflow: hidden; }

.md-case-2 .list_related .pic .img { padding-top: calc(218 / 230 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-case-2 .list_related .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-case-2 .list_related .pic .line { position: absolute; left: .1rem; right: .1rem; top: .08rem; bottom: 0.08rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.md-case-2 .list_related .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .2rem; height: .2rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.md-case-2 .list_related .text { color: #9e9e9e; line-height: 1.83333; padding: .24rem 0 .2rem; }

@media (min-width: 901px) { .md-case-2 .list_related .li { width: calc(230 / 730 * 100%); margin-right: calc(20 / 730 * 100%); }
  .md-case-2 .list_related .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .md-case-2 .list_related .li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .2rem; }
  .md-case-2 .list_related .pic { width: 30%; }
  .md-case-2 .list_related .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .2rem; } }

@media (max-width: 900px) { .md-case-2 .layout { display: block; }
  .md-case-2 .lf { width: 100%; margin-top: .5rem; }
  .md-case-2 .rg { width: 100%; } }

.md-video-1 { padding-top: .8rem; padding-bottom: 1rem; }

.md-video-1 .list_video { margin-top: .45rem; }

.md-video-1 .page { margin-top: .18rem; }

.md-about-1 { padding-top: .8rem; padding-bottom: 1rem; }

.md-about-1 .content { margin-top: .4rem; }

.md-about-1 .content .img { margin-right: .5rem; margin-bottom: .34rem; margin-top: .06rem; width: 450px; max-width: 100%; }

@media (min-width: 1921px) { .md-about-1 .content .img { width: 4.5rem; } }

.md-about-1 .desc { line-height: 1.71429; color: rgba(255, 255, 255, 0.6); }

.md-about-1 .subTitle { color: #fff; margin-top: .5rem; margin-bottom: .2rem; }

.c-title2 { color: rgba(255, 255, 255, 0.8); line-height: 1.73333; text-align: center; font-family: inter-medium; }

.c-title2:before { content: ''; display: block; width: 1rem; height: 1px; background: #282828; margin-left: auto; margin-right: auto; }

.md-team-1 { padding-bottom: .66rem; padding-top: 0.46rem; }

.md-team-1 .list_team { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .3rem; margin-top: .46rem; }

.md-team-1 .list_team .item { margin-bottom: calc(30 / 1180 * 100%); }

.md-team-1 .list_team .item .text .name { color: rgba(255, 255, 255, 0.6); }

.md-team-1 .list_team .item:hover .text .name { color: #fff; }

@media (min-width: 901px) { .md-team-1 .list_team .item { width: calc(280 / 1180 * 100%); margin-right: calc(20 / 1180 * 100%); }
  .md-team-1 .list_team .item:nth-of-type(4n) { margin-right: 0; }
  .md-team-1 .list_team .item:nth-of-type(4n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }
  .md-team-1 .list_team .item:nth-of-type(4n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }
  .md-team-1 .list_team .item:nth-of-type(4n + 4) { -webkit-animation-delay: .3s; animation-delay: .3s; } }

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

.md-team-2 { padding-top: .74rem; padding-bottom: 1.33rem; }

.md-team-2 .pic img { width: 100%; vertical-align: top; }

.md-team-2 .text .name { line-height: 2; font-family: inter-medium; }

.md-team-2 .text .content { color: rgba(255, 255, 255, 0.5); line-height: 1.83333; margin-top: .22rem; }

@media (min-width: 901px) { .md-team-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-team-2 .pic { width: calc(470 / 1180 * 100%); }
  .md-team-2 .text { width: calc(630 / 1180 * 100%); margin-top: .16rem; } }

@media (max-width: 900px) { .md-team-2 .text { margin-top: .5rem; } }

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

.md-news-1 .list { margin-top: .5rem; margin-bottom: 0.29rem; }

.md-news-1 .list .li { margin-bottom: .4rem; }

.md-news-1 .list .li:hover .pic .mask { opacity: 1; }

.md-news-1 .list .li:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-news-1 .list .li:hover .pic .btn { top: 50%; opacity: 1; }

.md-news-1 .list .li:hover .text .tit { color: #fff; }

.md-news-1 .list .li:last-of-type { margin-bottom: 0; }

.md-news-1 .list .pic { position: relative; }

.md-news-1 .list .pic .img { padding-top: calc(176 / 270 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-news-1 .list .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-news-1 .list .pic .line { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.md-news-1 .list .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .3rem; height: .3rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.md-news-1 .list .text { padding-top: .14rem; overflow: hidden; }

.md-news-1 .list .text .tit { color: #fff; line-height: 1.5; }

.md-news-1 .list .text .time { color: rgba(255, 255, 255, 0.2); margin-top: .07rem; line-height: 1.57143; }

.md-news-1 .list .text .desc { line-height: 1.71429; color: rgba(255, 255, 255, 0.6); margin-top: .07rem; }

.md-news-1 .list .text .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.2rem; }

.md-news-1 .list .text .label .icon { width: 14px; margin-right: 7px; }

.md-news-1 .list .text .label_item { height: 20px; line-height: 20px; background-color: #232323; border-radius: 2px; color: rgba(255, 255, 255, 0.6); padding: 0 5px; margin-right: 3px; }

@media (min-width: 1921px) { .md-news-1 .list .text .label_item { height: 0.2rem; line-height: 0.2rem; border-radius: .02rem; padding: 0 .05rem; margin-right: 0.03rem; } }

@media (min-width: 901px) { .md-news-1 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md-news-1 .list .pic { width: calc(270 / 1180 * 100%); overflow: hidden; }
  .md-news-1 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .3rem; } }

@media (max-width: 900px) { .md-news-1 .list .li { display: block; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-news-1 .list .text { padding-top: .4rem; } }

.md-news-2 { padding-bottom: 1.6rem; padding-top: 0.76rem; }

.md-news-2 .lf .tit { line-height: 1.375; }

.md-news-2 .lf .time { margin-top: .1rem; color: rgba(255, 255, 255, 0.2); line-height: 1.42857; }

.md-news-2 .lf .content { border-top: 1px solid #333333; margin-top: .15rem; padding-top: 0.23rem; line-height: 1.71429; color: rgba(255, 255, 255, 0.6); }

.md-news-2 .rg .label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-2 .rg .label__item { height: 24px; line-height: 24px; color: rgba(255, 255, 255, 0.6); background-color: #282828; border-radius: 2px; margin-right: 3px; margin-top: 4px; padding: 0 6px; }

.md-news-2 .rg .list { margin-top: 7px; }

.md-news-2 .rg .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: .36rem; padding-top: .33rem; border-bottom: 1px solid #282828; }

.md-news-2 .rg .list .li:hover .pic .mask { opacity: 1; }

.md-news-2 .rg .list .li:hover .pic .line { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-news-2 .rg .list .li:hover .pic .btn { top: 50%; opacity: 1; }

.md-news-2 .rg .list .li:hover .text .tit { color: #fff; }

.md-news-2 .rg .list .li:last-of-type { margin-bottom: 0; border-bottom: none; }

.md-news-2 .rg .list .pic { position: relative; width: calc(150 / 380 * 100%); }

.md-news-2 .rg .list .pic .img { padding-top: calc(100 / 150 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-news-2 .rg .list .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-news-2 .rg .list .pic .line { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }

.md-news-2 .rg .list .pic .btn { position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .2rem; height: .2rem; background: url(../images/add.png) no-repeat center/contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.md-news-2 .rg .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .2rem; overflow: hidden; line-height: 1.57143; }

.md-news-2 .rg .list .text .tit { color: #9e9e9e; margin-top: .03rem; }

.md-news-2 .rg .list .text .time { color: rgba(255, 255, 255, 0.2); margin-top: .08rem; }

@media (min-width: 1921px) { .md-news-2 .rg .label__item { height: 0.24rem; line-height: .24rem; border-radius: .02rem; margin-right: .03rem; margin-top: 0.04rem; padding: 0 .06rem; } }

@media (min-width: 901px) { .md-news-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-news-2 .lf { width: calc(740 / 1180 * 100%); }
  .md-news-2 .rg { width: calc(380 / 1180 * 100%); } }

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

.md-contact-1 { padding-top: .8rem; padding-bottom: 1.1rem; }

.md-contact-1 .layout { max-width: 850px; }

@media (min-width: 1921px) { .md-contact-1 .layout { max-width: 8.5rem; } }

.md-contact-1 .wrap { margin-top: .6rem; }

.md-contact-1 .wrap .t1 { line-height: 1.5; font-family: inter-medium; }

.md-contact-1 .wrap .msg { color: #7f7f7f; line-height: 2; margin-top: .08rem; }

.md-contact-1 .wrap .share { margin-top: .48rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-contact-1 .wrap .share__item { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0.2rem; opacity: 0.3; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%; }

.md-contact-1 .wrap .share__item:last-of-type { margin-right: 0; }

.md-contact-1 .wrap .share__item:hover { opacity: 1; background-color: #3b3b3b; }

@media (min-width: 1921px) { .md-contact-1 .wrap .share__item { width: 0.4rem; height: .4rem; } }

.md-contact-1 .f-form { margin-top: .6rem; }

.md-contact-1 .f-form .f-ipt, .md-contact-1 .f-form .f-area { color: #fff; width: 100%; height: 46px; border: 1px solid #282828; background: transparent; padding: 0 .28rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: .19rem; }

.md-contact-1 .f-form .f-ipt:hover, .md-contact-1 .f-form .f-ipt:focus, .md-contact-1 .f-form .f-area:hover, .md-contact-1 .f-form .f-area:focus { border-color: rgba(255, 255, 255, 0.5); }

.md-contact-1 .f-form .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-contact-1 .f-form .row .f-ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.3rem; }

.md-contact-1 .f-form .row .f-ipt:last-of-type { margin-right: 0; }

.md-contact-1 .f-form .f-area { height: 86px; line-height: 1.5; padding-top: 0.12rem; }

.md-contact-1 .f-form .f-btn { border: 1px solid #282828; background: transparent; width: 160px; height: 46px; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-contact-1 .f-form .f-btn:hover { background-color: #3b3b3b; }

@media (min-width: 1921px) { .md-contact-1 .f-form .f-ipt { height: 0.46rem; }
  .md-contact-1 .f-form .f-area { height: .86rem; }
  .md-contact-1 .f-form .f-btn { width: 1.6rem; height: .46rem; } }

@media (max-width: 900px) { .md-contact-1 .f-form .row { display: block; }
  .md-contact-1 .f-form .row .f-ipt { margin-right: 0; } }

.md-product-1 { padding-top: .58rem; }

.md-product-1 .title { color: #fff; line-height: 1.5; text-align: center; font-family: inter-medium; }

.md-product-1 .title:after { content: ''; display: block; width: 2.5rem; height: 1px; background: #494949; margin-left: auto; margin-right: auto; margin-top: .35rem; }

.md-product-1 .cate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .53rem; }

.md-product-1 .cate__item { margin-bottom: calc(24 / 1180 * 100%); background: #2a2a2a; border: 1px solid #3d3d3d; text-align: center; min-height: .6rem; padding: .1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-product-1 .cate__item:hover { background: #3e3e3e; }

.md-product-1 .cate__item:nth-of-type(3n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-product-1 .cate__item:nth-of-type(3n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

@media (min-width: 901px) { .md-product-1 .cate__item { width: calc(383 / 1180 * 100%); margin-right: calc(15 / 1180 * 100%); }
  .md-product-1 .cate__item:nth-of-type(3n) { margin-right: 0; } }

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

@media (max-width: 500px) { .md-product-1 .cate__item { font-size: 12px; } }

.md-product-2 { margin-top: .98rem; padding-bottom: .73rem; }

.md-product-2 .list:after { content: ''; display: block; height: 1px; background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#878787), to(transparent)); background: -o-linear-gradient(left, transparent, #878787, transparent); background: linear-gradient(to right, transparent, #878787, transparent); margin-top: .55rem; margin-bottom: .59rem; }

.md-product-2 .list:last-of-type:after { display: none; }

.md-product-2 .list__hd { line-height: 2; }

.md-product-2 .list__bd { margin-top: .28rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-product-2 .list .li { background: -webkit-gradient(linear, left top, left bottom, from(#3e3e3e), to(transparent)); background: -o-linear-gradient(top, #3e3e3e, transparent); background: linear-gradient(to bottom, #3e3e3e, transparent); border-top: 1px solid #6a6a6a; margin-bottom: calc(8 / 1180 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: .33rem .22rem .94rem; position: relative; }

.md-product-2 .list .li:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(transparent)); background: -o-linear-gradient(top, #6a6a6a, transparent); background: linear-gradient(to bottom, #6a6a6a, transparent); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-product-2 .list .li:after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(transparent)); background: -o-linear-gradient(top, #6a6a6a, transparent); background: linear-gradient(to bottom, #6a6a6a, transparent); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-product-2 .list .li:hover { background: url(../images/bg.jpg) no-repeat center top/cover; border-color: transparent; }

.md-product-2 .list .li:hover:before, .md-product-2 .list .li:hover:after { height: 0; }

.md-product-2 .list .li:nth-of-type(4n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-product-2 .list .li:nth-of-type(4n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-product-2 .list .li:nth-of-type(4n + 4) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-product-2 .list .pic .img { padding-top: calc(182 / 244 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; transform: scale(1.2);}

.md-product-2 .list .text { line-height: 2; margin-top: .18rem; }

@media (min-width: 901px) { .md-product-2 .list .li { width: calc(289 / 1180 * 100%); margin-right: calc(8 / 1180 * 100%); }
  .md-product-2 .list .li:nth-of-type(4n) { margin-right: 0; } }

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

.md-product-2 .page { margin-top: .35rem; }

.md-product-3 { padding-top: 2.15rem; padding-bottom: 1rem; }

.md-product-3 .rg .tit { line-height: 1.06667; padding-bottom: .3rem; border-bottom: 1px solid #494949; font-family: inter-medium; }

.md-product-3 .rg .content { color: rgba(255, 255, 255, 0.6); padding-top: .22rem; padding-bottom: 0.2rem; border-bottom: 1px solid #494949; padding-right: 0.3rem; }

.md-product-3 .rg .content1 { line-height: 1.375; }

.md-product-3 .rg .content1 ul { margin-top: 0.2rem; }

.md-product-3 .rg .content1 li { list-style-type: disc; list-style-position: inside; }

.md-product-3 .rg .content2 { line-height: 1.71429; margin-top: .2rem; }

.md-product-3 .rg .btn { display: block; width: 135px; height: 40px; line-height: 40px; background-color: #a90000; border-radius: 4px; border: solid 1px #a90000; text-align: center; font-family: inter-bold; margin-top: .3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-product-3 .rg .btn:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

.md-product-3 .swiper-big .swiper-slide { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#3e3e3e), to(transparent)); background: -o-linear-gradient(top, #3e3e3e, transparent); background: linear-gradient(to bottom, #3e3e3e, transparent); overflow: hidden; border-top-left-radius: .1rem; border-top-right-radius: .1rem; }

.md-product-3 .swiper-big .swiper-slide:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 80%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1c1c1c)); background: -o-linear-gradient(top, transparent, #1c1c1c); background: linear-gradient(to bottom, transparent, #1c1c1c); }

.md-product-3 .swiper-big .pic { padding: .1rem .1rem .68rem; border-radius: .1rem; border: solid 1px #a5a5a5; position: relative; }

.md-product-3 .swiper-big .pic .img { padding-top: calc(366 / 619 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; z-index: 2; }

.md-product-3 .swiper-thumb { margin-left: 0.2rem; margin-right: .2rem; margin-top: -.55rem; padding-top: .17rem; }

.md-product-3 .swiper-thumb .swiper-slide { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#3e3e3e), to(transparent)); background: -o-linear-gradient(top, #3e3e3e, transparent); background: linear-gradient(to bottom, #3e3e3e, transparent); overflow: hidden; border-top-left-radius: .1rem; border-top-right-radius: .1rem; opacity: 0.38; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-3 .swiper-thumb .swiper-slide:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 80%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1c1c1c)); background: -o-linear-gradient(top, transparent, #1c1c1c); background: linear-gradient(to bottom, transparent, #1c1c1c); }

.md-product-3 .swiper-thumb .swiper-slide.on { -webkit-transform: translateY(-0.17rem); -ms-transform: translateY(-0.17rem); transform: translateY(-0.17rem); opacity: 1; }

.md-product-3 .swiper-thumb .pic { padding: .14rem .05rem; border-radius: .1rem; border: solid 1px #a5a5a5; position: relative; }

.md-product-3 .swiper-thumb .pic .img { padding-top: calc(366 / 619 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; z-index: 2; }

@media (min-width: 1921px) { .md-product-3 .rg .btn { width: 1.35rem; height: 0.4rem; line-height: .4rem; } }

@media (min-width: 901px) { .md-product-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-product-3 .lf { width: calc(640 / 1180 * 100%); }
  .md-product-3 .rg { width: calc(480 / 1180 * 100%); } }

@media (max-width: 900px) { .md-product-3 { padding-top: 1rem; }
  .md-product-3 .lf { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-product-3 .rg { margin-top: .5rem; }
  .md-product-3 .rg .content { padding-right: 0; } }

.md-product-4 { margin-top: 0.7rem; position: relative; }

.md-product-4 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #313131; }

.md-product-4 .hd .item { line-height: 2; padding-bottom: .2rem; margin-right: .8rem; position: relative; cursor: pointer; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; color: rgba(255, 255, 255, 0.8); }

.md-product-4 .hd .item:hover { color: #fff; }

.md-product-4 .hd .item.on:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #fff; }

.md-product-4 .hd .item:last-of-type { margin-right: 0; }

.md-product-4 .hd .item:nth-of-type(3n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-product-4 .hd .item:nth-of-type(3n + 3) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-product-4 .bd .item { display: none; }

.md-product-4 .bd .item.on { display: block; }

.md-product-4 .features { padding: 10px 0; line-height: 1.5; }

.md-product-4 .features .imgp { margin: .2rem 0; position: relative; }

.md-product-4 .features .imgp img { width: 100%; }

.md-product-4 .features .imgp .p { width: 40%; padding: 0 .2rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-product-4 .features .imgp-left .p { left: 0; }

.md-product-4 .features .imgp-right .p { right: 0; }

@media (max-width: 550px) { .md-product-4 .features .imgp .p{transform:scale(.4)!important;top:15%;position: absolute!important;width: 60%!important;}  }
@media (max-width: 900px) { .md-product-4 .features .imgp .p { width: 100%; padding: 0; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } }

.md-product-4 .downList { margin-top: 1rem; margin-bottom: 1.18rem; }

.md-product-4 .downList .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px; background-color: #313131; padding: 0 .4rem; margin-bottom: 0.3rem; position: relative; }

.md-product-4 .downList .li:after { content: ''; border: 1px solid #919191; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; }

.md-product-4 .downList .li:hover:after { opacity: 1; }

.md-product-4 .downList .li:hover .text .name { color: #fff; }

.md-product-4 .downList .icon { width: 36px; margin-right: .4rem; }

.md-product-4 .downList .text { color: rgba(255, 255, 255, 0.6); overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-product-4 .downList .text .name { line-height: 1.66667; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-product-4 .downList .text .size { line-height: 1.57143; margin-top: .06rem; }

@media (min-width: 901px) { .md-product-4 .downList { 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; }
  .md-product-4 .downList .li { width: calc(575 / 1180 * 100%); }
  .md-product-4 .downList .li:nth-of-type(2n + 1) { -webkit-animation-delay: .1s; animation-delay: .1s; }
  .md-product-4 .downList .icon { width: .36rem; } }

@media (max-width: 900px) { .md-product-4 .downList .li { height: 80px; } }

.md-product-4 .parameters { padding: .96rem .4rem 1.26rem; color: #eaeaea; }

.md-product-4 .parameters .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; }

.md-product-4 .parameters .ul li { line-height: 1.5; margin: .1rem 0; width: 50%; }

.md-product-4 .parameters .ul li:nth-of-type(2n + 2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.md-product-4 .parameters .table { margin-top: .7rem; width: 100%; text-align: center; line-height: 1.375; }

.md-product-4 .parameters .table thead { min-height: .56rem; border-bottom: 1px solid #494949; }

.md-product-4 .parameters .table tbody tr { border-bottom: 1px solid #494949; min-height: .6rem; }

.md-product-4 .parameters .table td { padding: .17rem .1rem; }

.md-product-4 .parameters .table td:first-of-type { text-align: left; }

.md-product-4 .parameters .table th { padding: .17rem .1rem; font-weight: normal; }

.md-product-4 .parameters .table th:first-of-type { text-align: left; }

@media (max-width: 900px) { .md-product-4 .parameters { padding-left: 0; padding-right: 0; }
  .md-product-4 .parameters .ul li { width: 100%; }
  .md-product-4 .parameters .ul li:nth-of-type(2n + 2) { -webkit-animation-delay: 0s; animation-delay: 0s; } }

@media (max-width: 500px) { .md-product-4 .parameters .table { font-size: 12px; } }

.picView { display: none; }

.picView__mask { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }

.picView__main { position: fixed; left: 50%; top: 50%; z-index: 21; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 90%; }

.picView__main .close { position: absolute; right: 0; top: -.32rem; width: .32rem; height: .32rem; cursor: pointer; background: url(../images/close.png) no-repeat center/contain; }

.picView .swiper-preview { max-width: 890px; margin-left: auto; margin-right: auto; }

.picView .swiper-preview .swiper-slide { position: relative; }

.picView .swiper-preview .pic { position: relative; padding-top: calc(366 / 619 * 100%); }

.picView .swiper-preview .pic img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }

.picView .swiper-preview .swiper-button-next, .picView .swiper-preview .swiper-button-prev { width: .45rem; height: .44rem; background-position: center; background-repeat: no-repeat; background-size: contain; }

.picView .swiper-preview .swiper-button-next { background-image: url(../images/a-right-3.png); }

.picView .swiper-preview .swiper-button-prev { background-image: url(../images/a-left-3.png); }

.pop { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; display: none; }

.pop__main { position: absolute; left: 50%; top: 50%; width: 8rem; padding: .5rem 1rem; background: rgba(44, 44, 44, 0.98); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pop__main .md-contact-1 { padding: 0; }

.pop__main .f-form { margin: 0; }

.pop__main .f-form .f-ipt, .pop__main .f-form .f-area { border-color: #888; }

.pop__main .f-form .f-ipt::-webkit-input-placeholder, .pop__main .f-form .f-area::-webkit-input-placeholder { color: #aaa; }

.pop__main .f-form .f-ipt:-ms-input-placeholder, .pop__main .f-form .f-area:-ms-input-placeholder { color: #aaa; }

.pop__main .f-form .f-ipt::-ms-input-placeholder, .pop__main .f-form .f-area::-ms-input-placeholder { color: #aaa; }

.pop__main .f-form .f-ipt::placeholder, .pop__main .f-form .f-area::placeholder { color: #aaa; }

.pop__main .f-form .f-btn { display: block; margin: auto; border-color: #888; }

.pop__close { position: absolute; right: -.4rem; top: 0; width: .32rem; height: .32rem; cursor: pointer; background: url(../images/close.png) no-repeat center/contain; }

@media (min-width: 901px) { .pop__main { min-width: 800px; } }

@media (max-width: 900px) { .pop__main { width: 800px; max-width: 80%; padding: .4rem; } }