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

.color-theme { color: #d82026; }

.color-green { color: #278948; }

.color-0 { color: #000; }

.color-1 { color: #111; }

.color-2 { color: #222; }

.color-3 { color: #333; }

.color-4 { color: #444; }

.color-5 { color: #555; }

.color-6 { color: #666; }

.color-7 { color: #777; }

.color-8 { color: #888; }

.color-9 { color: #999; }

.color-a { color: #aaa; }

.color-b { color: #bbb; }

.color-c { color: #ccc; }

.color-d { color: #ddd; }

.color-e { color: #eee; }

.color-f { color: #fff; }

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

@media (min-width: 1921px) { html { font-size: 100px; } }

@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

.s0 { font-size: 0; }

@media (min-width: 1921px) { .s12 { font-size: calc(12 * 1px); }
  .s13 { font-size: calc(13 * 1px); }
  .s14 { font-size: calc(14 * 1px); }
  .s15 { font-size: calc(15 * 1px); }
  .s16 { font-size: calc(16 * 1px); }
  .s17 { font-size: calc(17 * 1px); }
  .s18 { font-size: calc(18 * 1px); }
  .s19 { font-size: calc(19 * 1px); }
  .s20 { font-size: calc(20 * 1px); }
  .s21 { font-size: calc(21 * 1px); }
  .s22 { font-size: calc(22 * 1px); }
  .s23 { font-size: calc(23 * 1px); }
  .s24 { font-size: calc(24 * 1px); }
  .s25 { font-size: calc(25 * 1px); }
  .s26 { font-size: calc(26 * 1px); }
  .s27 { font-size: calc(27 * 1px); }
  .s28 { font-size: calc(28 * 1px); }
  .s29 { font-size: calc(29 * 1px); }
  .s30 { font-size: calc(30 * 1px); }
  .s31 { font-size: calc(31 * 1px); }
  .s32 { font-size: calc(32 * 1px); }
  .s33 { font-size: calc(33 * 1px); }
  .s34 { font-size: calc(34 * 1px); }
  .s35 { font-size: calc(35 * 1px); }
  .s36 { font-size: calc(36 * 1px); }
  .s37 { font-size: calc(37 * 1px); }
  .s38 { font-size: calc(38 * 1px); }
  .s39 { font-size: calc(39 * 1px); }
  .s40 { font-size: calc(40 * 1px); }
  .s41 { font-size: calc(41 * 1px); }
  .s42 { font-size: calc(42 * 1px); }
  .s43 { font-size: calc(43 * 1px); }
  .s44 { font-size: calc(44 * 1px); }
  .s45 { font-size: calc(45 * 1px); }
  .s46 { font-size: calc(46 * 1px); }
  .s47 { font-size: calc(47 * 1px); }
  .s48 { font-size: calc(48 * 1px); }
  .s49 { font-size: calc(49 * 1px); }
  .s50 { font-size: calc(50 * 1px); }
  .s51 { font-size: calc(51 * 1px); }
  .s52 { font-size: calc(52 * 1px); }
  .s53 { font-size: calc(53 * 1px); }
  .s54 { font-size: calc(54 * 1px); }
  .s55 { font-size: calc(55 * 1px); }
  .s56 { font-size: calc(56 * 1px); }
  .s57 { font-size: calc(57 * 1px); }
  .s58 { font-size: calc(58 * 1px); }
  .s59 { font-size: calc(59 * 1px); }
  .s60 { font-size: calc(60 * 1px); }
  .s61 { font-size: calc(61 * 1px); }
  .s62 { font-size: calc(62 * 1px); }
  .s63 { font-size: calc(63 * 1px); }
  .s64 { font-size: calc(64 * 1px); }
  .s65 { font-size: calc(65 * 1px); }
  .s66 { font-size: calc(66 * 1px); }
  .s67 { font-size: calc(67 * 1px); }
  .s68 { font-size: calc(68 * 1px); }
  .s69 { font-size: calc(69 * 1px); }
  .s70 { font-size: calc(70 * 1px); }
  .s71 { font-size: calc(71 * 1px); }
  .s72 { font-size: calc(72 * 1px); }
  .s73 { font-size: calc(73 * 1px); }
  .s74 { font-size: calc(74 * 1px); }
  .s75 { font-size: calc(75 * 1px); }
  .s76 { font-size: calc(76 * 1px); }
  .s77 { font-size: calc(77 * 1px); }
  .s78 { font-size: calc(78 * 1px); }
  .s79 { font-size: calc(79 * 1px); }
  .s80 { font-size: calc(80 * 1px); }
  .s81 { font-size: calc(81 * 1px); }
  .s82 { font-size: calc(82 * 1px); }
  .s83 { font-size: calc(83 * 1px); }
  .s84 { font-size: calc(84 * 1px); }
  .s85 { font-size: calc(85 * 1px); }
  .s86 { font-size: calc(86 * 1px); }
  .s87 { font-size: calc(87 * 1px); }
  .s88 { font-size: calc(88 * 1px); }
  .s89 { font-size: calc(89 * 1px); }
  .s90 { font-size: calc(90 * 1px); }
  .s91 { font-size: calc(91 * 1px); }
  .s92 { font-size: calc(92 * 1px); }
  .s93 { font-size: calc(93 * 1px); }
  .s94 { font-size: calc(94 * 1px); }
  .s95 { font-size: calc(95 * 1px); }
  .s96 { font-size: calc(96 * 1px); }
  .s97 { font-size: calc(97 * 1px); }
  .s98 { font-size: calc(98 * 1px); }
  .s99 { font-size: calc(99 * 1px); }
  .s100 { font-size: calc(100 * 1px); } }

@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; transform: translate3d(0, 25%, 0); transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; }

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

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

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

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

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

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

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

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

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

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

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

.delay2 { transition-delay: 0.2s; }

.delay4 { transition-delay: 0.4s; }

.delay6 { transition-delay: 0.6s; }

.delay8 { transition-delay: 0.8s; }

.delay10 { transition-delay: 1s; }

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

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

.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: 90%; height: 80%; 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: #d82026; 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%; }

.oh { overflow: hidden; }

.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; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

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

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

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

.ep5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.ep6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.ep7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.ep8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

.ep9 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }

.pointer { cursor: pointer; }

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

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

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

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

.layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; }

body.noScroll { overflow: hidden; }

.c-pic { overflow: hidden; }

.c-pic .img { transition: all .35s; }

.c-pic .img img { display: none; }

.c-title .en { color: #278948; line-height: 1.28333; }

.c-title:after { content: ''; display: block; width: 1.8rem; height: .1rem; border-radius: .05rem; background: url(../images/bg1.png) no-repeat center/cover; margin-top: .13rem; }

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

.c-title.white:after { background-image: url(../images/bg2.png); }

.c-more { display: block; width: .72rem; height: .72rem; background: url(../images/btn.png) no-repeat center/contain; border-radius: 50%; transition: all .2s; }

.c-more--2 { background-image: url(../images/btn2.png); }

.c-more--3 { background-image: url(../images/btn3.png); }

.c-more:hover { transform: scale(1.05); }

.c-header { position: fixed; right: 0; top: 0; left: 0; margin: auto; z-index: 10; color: #fff; }

.c-header .logo { height: .88rem; display: block; }

.c-header .logo img { height: 100%; }

.c-header .logo img:last-of-type { display: none; }

.c-header .cnt { width: calc(1760 / 1920 * 100%); height: 1.3rem; line-height: 1.3rem; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-between; }

.c-header .cnt-rg { display: flex; align-items: center; }

.c-header .nav { color: #fff; }

.c-header .nav a:hover { color: #d82026; }

.c-header .nav .ul1 { display: flex; align-items: center; }

.c-header .nav .li1.on .a1:after, .c-header .nav .li1:hover .a1:after { width: 100%; }

.c-header .nav .a1 { display: block; position: relative; }

.c-header .nav .a1:after { content: ''; position: absolute; left: 0; bottom: 0; height: .02rem; width: 0; background: #fff; transition: all .2s; }

.c-header .nav .a2 { display: block; }

.c-header .nav .a2:hover { color: #d82026; }

@media (min-width: 1001px) { .c-header .nav .li1 { margin-right: 0.52rem; position: relative; }
  .c-header .nav .li1:hover .ul2 { display: block; }
  .c-header .nav .li1:hover .a1:after { opacity: 1; width: 100%; }
  .c-header .nav .a1 { height: 1.3rem; line-height: 1.2; display: flex; align-items: center; }
  .c-header .nav .ul2 { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 2rem; min-width: 200px; background: #fff; color: #333; line-height: 1.2; text-align: center; padding: .15rem 0; box-shadow: 0 2px 5px 0 #c1c1c1; display: none; }
  .c-header .nav .li2 { margin-bottom: 0.15rem; padding: 0 .1rem; }
  .c-header .nav .li2:last-of-type { margin-bottom: 0; }
  .c-header .nav .li2:hover .a2 { color: #d82026; }
  .c-header .nav .li2:hover .ul3 { display: block; }
  .c-header .nav .a2:hover { border-color: #d82026; }
  .c-header .nav .ul3 { position: absolute; top: 0; left: 100%; width: 100%; min-height: 100%; padding: 0.15rem 0.1rem; background: #fff; border-left: 1px solid #eee; display: none; }
  .c-header .nav .li3 { margin-bottom: 0.15rem; }
  .c-header .nav .li3:last-of-type { margin-bottom: 0; } }

@media (max-width: 1400px) { .c-header .nav .subnav-cnt { width: 80%; } }

@media (max-width: 1000px) { .c-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 10; height: 100vh; width: 70%; max-width: 400px; overflow-y: auto; display: block; background: #fff; color: #333; padding-top: .9rem; transform: translateX(100%); transition: all .2s; line-height: 1.2; font-size: 16px; }
  .c-header .nav .li1 { padding: .2rem; padding-right: 0; margin-right: 10px; position: relative; }
  .c-header .nav .li1.show > .mbtn:after { content: '-'; }
  .c-header .nav .li1.show .ul2 { display: block; }
  .c-header .nav .mbtn { position: absolute; right: 0; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #eee; }
  .c-header .nav .mbtn:after { content: '+'; }
  .c-header .nav .a1 { line-height: 1.2; display: inline-block; padding: .1rem 0; color: #333; }
  .c-header .nav .ul2 { margin-top: .2rem; margin-left: .2rem; margin-bottom: 0; font-size: 14px; color: #666; display: none; }
  .c-header .nav .li2 { position: relative; min-height: 30px; margin-bottom: 10px; }
  .c-header .nav .li2.show > .mbtn:after { content: '-'; }
  .c-header .nav .li2.show .ul3 { display: block; }
  .c-header .nav .a2 { display: inline-block; padding: 7px 0; }
  .c-header .nav .ul3 { margin: 10px 0; display: none; }
  .c-header .nav .li3 { margin-bottom: 12px; padding-left: 10px; }
  .c-header .nav .li3:last-of-type { margin-bottom: 0; }
  .c-header .nav .a3 { display: block; } }

.c-header .split { width: .01rem; min-width: 1px; height: .22rem; min-height: 22px; background-color: rgba(255, 255, 255, 0.2); }

.c-header .search { display: none; position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); }

.c-header .search.show { display: block; }

.c-header .search-btn { width: .16rem; min-width: 16px; height: .16rem; min-height: 16px; margin-left: .52rem; cursor: pointer; background: url(../images/search2.png) no-repeat center/contain; }

.c-header .search-form { background: #d82026; height: .35rem; line-height: .35rem; border-radius: .35rem; padding: 0 .17rem; display: flex; align-items: center; }

.c-header .search-form .ipt { border: none; background: none; transition: all .2s; box-sizing: border-box; width: 2.73rem; min-width: 150px; height: 100%; padding-right: 0.1rem; color: #fff; }

.c-header .search-form .ipt::placeholder { color: rgba(255, 255, 255, 0.6); }

.c-header .search-form .submit { background: url(../images/h-return.png) no-repeat center/contain; width: .16rem; min-width: 16px; height: 100%; border: none; cursor: pointer; }

.c-header .search-form .line { margin-right: 0.12rem; margin-left: 0.15rem; width: 1px; height: .15rem; background: rgba(255, 255, 255, 0.3); }

.c-header .search-form .close { background: url(../images/h-close.png) no-repeat center/contain; width: .15rem; min-width: 15px; height: 100%; cursor: pointer; }

@media (max-width: 1920px) { .c-header .search-form { height: 35px; line-height: 35px; border-radius: 35px; padding: 0 17px; } }

.c-header .nav-btn { display: none; position: relative; z-index: 12; width: 32px; padding: .1rem; margin-left: .4rem; }

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

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

.c-header .h-lang { position: relative; line-height: 1.2; margin-left: .12rem; margin-right: 0.39rem; text-align: center; }

.c-header .h-lang:hover .bd { display: block; }

.c-header .h-lang .hd { display: flex; align-items: center; height: 1.3rem; }

.c-header .h-lang .hd .icon { width: .23rem; height: 0.23rem; min-width: 20px; min-height: 20px; background: url(../images/lang2.png) no-repeat center/contain; margin-right: 0.06rem; }

.c-header .h-lang .hd .icon2 { width: .06rem; height: .05rem; min-width: 6px; min-height: 5px; background: url(../images/cor2.png) no-repeat center/contain; }

.c-header .h-lang .hd .cur { min-width: .43rem; }

.c-header .h-lang .bd { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; color: #333; width: 1rem; min-width: 100px; line-height: 2; padding: .05rem 0; box-shadow: 0 2px 5px 0 #c1c1c1; display: none; }

.c-header .h-lang .bd .option { display: block; }

.c-header .h-lang .bd .option:hover { color: #d82026; }

.c-header.white-mobile, .c-header.white { background: #fff; }

.c-header.white-mobile, .c-header.white, .c-header.white2 { color: #333; }

.c-header.white-mobile .cnt, .c-header.white .cnt, .c-header.white2 .cnt { border-color: rgba(153, 153, 153, 0.3); }

.c-header.white-mobile .logo img:first-of-type, .c-header.white .logo img:first-of-type, .c-header.white2 .logo img:first-of-type { display: none; }

.c-header.white-mobile .logo img:last-of-type, .c-header.white .logo img:last-of-type, .c-header.white2 .logo img:last-of-type { display: block; }

.c-header.white-mobile .split, .c-header.white .split, .c-header.white2 .split { background-color: rgba(0, 0, 0, 0.2); }

.c-header.white-mobile .nav, .c-header.white .nav, .c-header.white2 .nav { color: #333; }

.c-header.white-mobile .nav .li1:hover .a1:after, .c-header.white-mobile .nav .li1.on .a1:after, .c-header.white .nav .li1:hover .a1:after, .c-header.white .nav .li1.on .a1:after, .c-header.white2 .nav .li1:hover .a1:after, .c-header.white2 .nav .li1.on .a1:after { background-color: #d82026; }

.c-header.white-mobile .search-btn, .c-header.white .search-btn, .c-header.white2 .search-btn { background-image: url(../images/search.png); }

.c-header.white-mobile .nav-btn span, .c-header.white .nav-btn span, .c-header.white2 .nav-btn span { background: #333; }

.c-header.white-mobile .h-lang, .c-header.white .h-lang, .c-header.white2 .h-lang { color: #333; }

.c-header.white-mobile .h-lang .hd .icon, .c-header.white .h-lang .hd .icon, .c-header.white2 .h-lang .hd .icon { background-image: url(../images/lang.png); }

.c-header.white-mobile .h-lang .hd .icon2, .c-header.white .h-lang .hd .icon2, .c-header.white2 .h-lang .hd .icon2 { background-image: url(../images/cor.png); }

@media (max-width: 1300px) { .c-header .cnt { width: 100%; max-width: 100%; padding: 0 2%; } }

@media (max-width: 1000px) { .c-header .nav .mask { position: fixed; right: 0; top: 0; z-index: 5; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); display: none; }
  .c-header .subnav, .c-header .sub-tit, .c-header .sub-img { display: none; }
  .c-header.open .nav .mask { display: block; }
  .c-header.open .nav .ul1 { transform: translateX(0); }
  .c-header.open .nav-btn span { background: #333; }
  .c-header.open .nav-btn span:nth-of-type(1) { transform: rotate(-45deg); }
  .c-header.open .nav-btn span:nth-of-type(3) { transform: rotate(45deg); }
  .c-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .c-header .nav-btn { display: block; } }

@media (max-width: 600px) { .c-header .search-btn { margin-left: .3rem; }
  .c-header .nav-btn { margin-left: .2rem; }
  .c-header .split { display: none; }
  .c-header .h-lang { margin-right: 0; } }

.c-footer { color: #fff; }

.c-footer a:hover { color: #fff; text-decoration: underline; }

.c-footer .foot-1 { display: flex; padding-top: 0.82rem; padding-bottom: .56rem; }

.c-footer .foot-1 .col-1 { width: calc(310 / 1600 * 100%); margin-right: .5rem; }

.c-footer .foot-1 .col-2 { flex: 1; display: flex; justify-content: flex-end; }

.c-footer .foot-1 .col-3 { width: calc(380 / 1600 * 100%); padding: 0 .6rem .15rem; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); }

.c-footer .f-msg { overflow: hidden; }

.c-footer .f-msg .detail { margin-top: 0.37rem; color: rgba(255, 255, 255, 0.6); line-height: 1.875; }

.c-footer .f-nav .ul1 { display: flex; flex-wrap: wrap; }

.c-footer .f-nav .li1 { width: 1.48rem; min-width: 5em; }

.c-footer .f-nav .a1:hover { text-decoration: underline; }

.c-footer .f-nav .ul2 { line-height: 1.875; margin-top: 0.37rem; }

.c-footer .f-nav .ul2 a { color: rgba(255, 255, 255, 0.6); }

.c-footer .f-nav .ul2 a:hover { color: #fff; text-decoration: underline; }

.c-footer .f-prod .list { margin-top: 0.41rem; color: rgba(255, 255, 255, 0.6); list-style-type: decimal; list-style-position: inside; }

.c-footer .f-prod .list .li { margin-bottom: 0.093rem; }

.c-footer .f-prod .list .li:last-of-type { margin-bottom: 0; }

.c-footer .foot-2 { line-height: 1.5; padding: .46rem 0; display: flex; justify-content: space-between; flex-wrap: wrap; }

.c-footer .foot-2 .t1 { display: flex; align-items: center; }

.c-footer .foot-2 .f-beian { display: inline-flex; align-items: center; }

.c-footer .foot-2 .f-beian img { margin: 0 .05rem; }

.c-footer .f-share { margin-top: 0.15rem; display: flex; align-items: center; }

.c-footer .f-share .list { margin-left: .3rem; display: inline-flex; }

.c-footer .f-share .list .li { margin-left: 0.1rem; display: block; position: relative; }

.c-footer .f-share .list .li:hover { text-decoration: none; }

.c-footer .f-share .list .li:hover .pop { display: block; }

.c-footer .f-share .list .icon { width: .3rem; min-width: 30px; vertical-align: top; }

.c-footer .f-share .list .pop { position: absolute; left: 50%; bottom: calc(100% + .09rem); transform: translateX(-50%); width: 1.32rem; min-width: 132px; background: #fff; text-align: center; padding-top: 0.13rem; padding-bottom: .06rem; display: none; }

.c-footer .f-share .list .pop:after { content: ''; position: absolute; left: 50%; bottom: -.12rem; border: .06rem solid transparent; border-top-color: #fff; margin-left: -0.06rem; }

.c-footer .f-share .list .pop img { width: 1.1rem; min-width: 110px; display: block; margin: auto; }

@media (max-width: 900px) { .c-footer .foot-1 { display: block; }
  .c-footer .foot-1 .col-1 { width: 100%; margin-right: 0; }
  .c-footer .foot-1 .col-2 { display: block; margin-top: .5rem; }
  .c-footer .foot-1 .col-3 { width: 100%; margin-top: .5rem; padding: 0; border: none; }
  .c-footer .f-nav .ul1 { justify-content: space-between; }
  .c-footer .f-prod .list { display: flex; flex-wrap: wrap; }
  .c-footer .f-prod .li { width: 50%; }
  .c-footer .foot-2 { display: block; } }

@media (max-width: 500px) { .c-footer .f-nav { padding-bottom: 0; }
  .c-footer .f-nav .ul1 { flex-wrap: wrap; }
  .c-footer .f-nav .li1 { width: 50%; margin-bottom: 10px; }
  .c-footer .f-nav .ul2 { display: flex; flex-wrap: wrap; margin-top: 0.1rem; }
  .c-footer .f-nav .li2 { margin-right: 1em; }
  .c-footer .f-prod .li { width: 100%; }
  .c-footer .foot-2 { padding-top: 0; }
  .c-footer .foot-2 .t1 { display: block; }
  .c-footer .foot-2 .f-beian { margin-top: 0.1rem; } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.md-side { position: fixed; right: .07rem; bottom: .44rem; z-index: 5; }

.md-side .item { color: #fff; width: .48rem; min-width: 30px; height: .48rem; min-height: 30px; background: #666666; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 0.1rem; position: relative; }

.md-side .item:last-child { margin-bottom: 0; }

.md-side .item:hover .pop { display: block; }

.md-side .item .icon { width: .3rem; min-width: 22px; }

.md-side .item .pop { position: absolute; right: 100%; top: -.06rem; display: none; padding-right: .16rem; }

.md-side .item .pop-cnt { background: #fff; width: 1.4rem; min-width: 140px; padding: .11rem 0; position: relative; box-shadow: 0 0 .1rem 0 #eee; }

.md-side .item .pop-cnt:after { content: ''; position: absolute; right: -.14rem; top: .23rem; border: .07rem solid transparent; border-left-color: #fff; }

.md-side .item .pop img { width: 1.2rem; min-width: 120px; display: block; margin: auto; }

.md-side .item .pop p { text-align: center; }

.md-side .item--first { border-radius: .48rem; display: block; background: #278948; font-size: 0; text-align: center; padding: .18rem 0; height: auto; }

.md-side .item--first img { width: .25rem; min-width: 18px; }

.md-side .item--first .t1 { width: 1em; margin: auto; line-height: 1; margin-top: 0.06rem; }

@media (max-width: 1800px) { .md-side { bottom: 20%; } }

@media (max-width: 1400px) { .md-side .item { border-radius: 30px; }
  .md-side .item--first { padding: 10px 0; } }

.c-pagination { display: flex; justify-content: center; align-items: center; font-family: Arial; }

.c-pagination .item { min-width: .48rem; height: .48rem; line-height: .48rem; border-radius: .48rem; text-align: center; margin: 0 .035rem; transition: all .2s; }

.c-pagination .item:hover, .c-pagination .item.on { background: #d82026; color: #fff; }

.c-pagination .item.disabled { pointer-events: none; }

.c-pagination .item.prev { background: url(../images/a-0.png) no-repeat center/0.08rem auto; }

.c-pagination .item.prev:hover { background-image: url(../images/a-2.png); }

.c-pagination .item.next { background: url(../images/a-1.png) no-repeat center/0.08rem auto; }

.c-pagination .item.next:hover { background-image: url(../images/a-3.png); }

@media (max-width: 1600px) { .c-pagination .item { min-width: 30px; height: 30px; line-height: 30px; border-radius: 30px; margin: 0 4px; }
  .c-pagination .item.prev { background-size: 8px auto; }
  .c-pagination .item.next { background-size: 8px auto; } }

.md-funbar { border-bottom: solid 1px #ddd; }

.md-funbar .layout { display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 700px) { .md-funbar .layout { display: block; }
  .md-funbar .md-bread { min-height: 40px; }
  .md-funbar .md-subnav { justify-content: center; }
  .md-funbar .md-subnav .item { line-height: 40px; } }

.md-bread {line-height: .6rem;display: flex;align-items: center;flex-wrap: wrap;word-break: break-all;}

.md-bread .item { display: flex; align-items: center; }

.md-bread .item:last-child:after { display: none; }

.md-bread .item:after { content: ''; display: inline-block; width: .07rem; height: .12rem; min-width: 7px; min-height: 12px; background: url(../images/a-6.png) no-repeat center/contain; }

.md-bread .item span { padding: 0 .2rem; }

.md-bread .icon { width: .18rem; min-width: 14px; }

.md-bread a:hover { color: #d82026; }

.md-subnav { display: flex; }

.md-subnav .item { display: block; line-height: .6rem; margin-right: 0.32rem; }

.md-subnav .item:last-of-type { margin-right: 0; }

.md-subnav .item.on { color: #d82026; position: relative; }

.md-subnav .item.on:after { content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: #d82026; }

.md-subnav .item:hover { color: #d82026; }

.page { position: relative; background: #fdfdfd url(../images/bg7.jpg) no-repeat center top/100% auto; }

.page:before { content: ''; position: absolute; left: 0; top: -.1rem; z-index: 2; display: block; width: 100%; height: .1rem; background: rgba(216, 32, 38, 0.84); }

.c-btn { width: .48rem; height: .48rem; background: #eeeeee url(../images/add1.png) no-repeat center/contain; border-radius: 50%; position: relative; transition: all .2s; }

.c-btn:hover { background-color: #d82026; background-image: url(../images/add2.png); }

.c-btn:hover:after { content: ''; position: absolute; left: 50%; top: 50%; width: 0.6rem; height: 0.6rem; margin-left: -.3rem; margin-top: -.3rem; box-shadow: 0 0 0 1px #d82026; border-radius: 50%; }

.item:hover .c-btn { background-color: #d82026; background-image: url(../images/add2.png); }

.item:hover .c-btn:after { content: ''; position: absolute; left: 50%; top: 50%; width: 0.6rem; height: 0.6rem; margin-left: -.3rem; margin-top: -.3rem; box-shadow: 0 0 0 1px #d82026; border-radius: 50%; }

.md-ban-inside { position: relative; }
.md-ban-inside:before{ content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.1;}

.md-ban-inside img { width: 100%; display: block; }

.md-ban-inside .text { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }

.md-ban-inside .layout { display: flex; justify-content: space-between; align-items: center; }

.md-ban-inside .title .en { margin-top: 0.19rem; }

.md-ban-inside .desc { text-align: right; line-height: 1.18182; position: relative; }

.md-ban-inside .desc:after { content: ''; position: absolute; right: -.15rem; top: 50%; width: 1.14rem; height: 2.91rem; background: url(../images/bg6.png) no-repeat center/cover; transform: translateY(-50%); }

@media (max-width: 700px) { .md-ban-inside .tx { top: 40%; transform: translateY(-50%); } }

.c-arrow { width: .48rem; height: 0.48rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); background-position: center; background-repeat: no-repeat; background-size: .17rem auto; cursor: pointer; transition: all .2s; }

.c-arrow:hover { background-color: #d82026; border-color: #d82026; position: relative; }

.c-arrow:hover:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .6rem; height: 0.6rem; border-radius: 50%; border: 1px solid #d82026; }

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

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

.c-arrow2 { width: .48rem; height: 0.48rem; border-radius: 50%; border: 1px solid rgba(51, 51, 51, 0.3); background-position: center; background-repeat: no-repeat; background-size: .17rem auto; cursor: pointer; transition: all .2s; }

.c-arrow2:hover { background-color: #d82026; border-color: #d82026; position: relative; }

.c-arrow2:hover:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .6rem; height: 0.6rem; border-radius: 50%; border: 1px solid #d82026; }

.c-arrow2-prev { background-image: url(../images/a-left2.png); }

.c-arrow2-prev:hover { background-image: url(../images/a-left.png); }

.c-arrow2-next { background-image: url(../images/a-right2.png); }

.c-arrow2-next:hover { background-image: url(../images/a-right.png); }

.c-prod .item {display: block;background: #fff;border: 1px solid #eee;}

.c-prod .item:hover .img { transform: scale(1.1); }

.c-prod .img { padding-top: 100%; }

.c-prod .text { background: #fff; position: relative; padding: .31rem .84rem .28rem .29rem; }

.c-prod .kind { line-height: 1.375; }

.c-prod .name { line-height: 1.36364; margin-top: 0.06rem; }

.c-prod .desc { line-height: 1.375; margin-top: 0.25rem; }

.c-prod .c-btn { position: absolute; right: .36rem; top: .38rem; }

.md-home-banner { position: relative; }

.md-home-banner img { width: 100%; }

.md-home-banner .bg { display: none; }

.md-home-banner .text { position: absolute; top: calc(300 / 890 * 100%); left: 0; width: 100%; }

.md-home-banner .text .t1 { line-height: 1.2; }

.md-home-banner .text .t2 { line-height: 1.5; margin-top: 0.21rem; }

.md-home-banner .pagination { position: absolute; left: 0; bottom: .47rem; z-index: 1; width: 100%; }

.md-home-banner .pagination .swiper-pagination { position: static; text-align: left; }

.md-home-banner .pagination .swiper-pagination-bullet { width: .12rem; height: .12rem; min-width: 8px; min-height: 8px; border: solid 1px #666666; opacity: 1; margin: 0 0.22rem 0 0 !important; background: transparent; }

.md-home-banner .pagination .swiper-pagination-bullet-active { border-color: #d82026; background: #d82026; }

@media (max-width: 900px) { .md-home-banner .text { top: 20%; }
  .md-home-banner img { display: none; }
  .md-home-banner .bg { display: block; padding-top: 60%; } }

.md-home-prod { padding-top: 1.15rem; padding-bottom: 1.31rem; background: linear-gradient(to bottom, #fff, #f3f1f3); }

.md-home-prod .hd { display: flex; justify-content: space-between; align-items: flex-start; }

.md-home-prod .c-more { margin-top: .42rem; }

.md-home-prod .list { margin-top: .59rem; }

.md-home-prod .swiper-container { padding-bottom: 0.55rem; }
.md-home-prod .swiper-slide{height: auto;background: #fff;}
.md-home-prod .swiper-scrollbar { background: #cccccc; left: 0; right: 0; bottom: 1px; width: auto; margin: auto; height: 2px; }

.md-home-prod .swiper-scrollbar-drag { background: #278948; border-radius: 0; height: 4px; margin-top: -1px; }

.md-home-about { position: relative; }

.md-home-about .bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; min-height: 6.15rem; }

.md-home-about .floor1 { padding-top: .66rem; padding-bottom: .61rem; color: #fff; position: relative; z-index: 2; }

.md-home-about .floor1 .layout { display: flex; align-items: flex-start; justify-content: space-between; }

.md-home-about .floor1 .c-title .cn { line-height: 1.1; }

.md-home-about .floor1 .c-title:after { margin-top: .27rem; }

.md-home-about .floor1 .desc { text-align: right; line-height: 1.33333; margin-top: 0.48rem; }

.md-home-about .floor2 { display: flex; position: relative; z-index: 2; }

.md-home-about .floor2 .c-pic { width: calc(640 / 1920 * 100%); }

.md-home-about .floor2 .c-pic .img { padding-top: calc(540 / 640 * 100%); min-height: 100%; }

.md-home-about .floor2 .rg { padding-left: 1.25rem; padding-top: 0.87rem; padding-bottom: .3rem; padding-right: 1.16rem; width: calc(1120 / 1920 * 100%); background: linear-gradient(to bottom right, #cff2df, #edf3ea, #fcefef); position: relative; }

.md-home-about .floor2 .rg .t2 { line-height: 1.1; }

.md-home-about .floor2 .rg .t3 { position: absolute; right: .35rem; top: 0; height: 100%; text-align: center; color: rgba(0, 0, 0, 0.1); writing-mode: vertical-lr; }

.md-home-about .floor2 .rg .desc { line-height: 1.625; margin-top: 0.37rem; }

.md-home-about .floor2 .rg .c-more { margin-top: 0.57rem; }

.md-home-about .floor3 { display: flex; position: relative; z-index: 2; }

.md-home-about .floor3 .item1 { background: #f6f6f6; width: calc(480 / 1920 * 100%); padding-left: calc(160 / 1920 * 100%); box-sizing: content-box; display: block; }

.md-home-about .floor3 .item1-cnt { position: relative; display: block; }

.md-home-about .floor3 .item1 .img { padding-top: calc(300 / 480 * 100%); }

.md-home-about .floor3 .item1 .text { position: absolute; left: 0; bottom: .61rem; padding-left: .45rem; width: 100%; }

.md-home-about .floor3 .item1 .t2 { line-height: 1.07143; margin-top: 0.11rem; }

.md-home-about .floor3 .item2 { width: calc(400 / 1920 * 100%); background: #d82026; color: #fff; position: relative; }

.md-home-about .floor3 .item2 .text { position: absolute; left: 0; bottom: .61rem; padding-left: .45rem; width: 100%; }

.md-home-about .floor3 .item2 .t2 { line-height: 1.07143; margin-top: 0.11rem; }

.md-home-about .floor3 .item3 { width: calc(720 / 1920 * 100%); }

.md-home-about .floor3 .item3 .img { padding-top: calc(300 / 720 * 100%); }

@media (max-width: 900px) { .md-home-about .floor2 { width: 92%; margin-left: auto; margin-right: auto; }
  .md-home-about .floor2 .c-pic { width: 40%; }
  .md-home-about .floor2 .rg { width: 60%; }
  .md-home-about .floor3 { width: 92%; margin-left: auto; margin-right: auto; flex-wrap: wrap; }
  .md-home-about .floor3 .item1 { padding-left: 0; width: 50%; }
  .md-home-about .floor3 .item2 { width: 50%; }
  .md-home-about .floor3 .item3 { width: 100%; } }

@media (max-width: 500px) { .md-home-about .floor1 .layout { display: block; }
  .md-home-about .floor1 .desc { text-align: left; }
  .md-home-about .floor2 { display: block; }
  .md-home-about .floor2 .c-pic { width: 100%; }
  .md-home-about .floor2 .rg { width: 100%; padding: .4rem; padding-right: 1rem; } }

.md-home-tech { padding-top: 1.16rem; }

.md-home-tech .hd { display: flex; justify-content: space-between; align-items: flex-start; }

.md-home-tech .hd .c-more { margin-top: .4rem; }

.md-home-tech .bd { margin-top: .62rem; display: flex; position: relative; z-index: 2; }

.md-home-tech .bd .lf { width: 50%; position: relative; }

.md-home-tech .bd .lf .bg { padding-top: calc(100%); }

.md-home-tech .bd .lf .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(216, 32, 38, 0.9); color: #fff; padding: .59rem .8rem 0; }

.md-home-tech .bd .lf .t2 { line-height: 1.1; }

.md-home-tech .bd .lf .desc { line-height: 1.625; padding-top: .38rem; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top: 0.34rem; height: 3.5rem; overflow: hidden; }

.md-home-tech .bd .lf .c-more { margin-top: 1.22rem; }

.md-home-tech .bd .rg { width: 50%; }

.md-home-tech .honor { min-height: 50%; position: relative; display: flex; justify-content: space-between; padding-left: .76rem; padding-top: .5rem; padding-right: 1.37rem; padding-bottom: .5rem; }

.md-home-tech .honor .tit { position: relative; color: #fff; }

.md-home-tech .honor .tit .t2 { margin-top: .08rem; }

.md-home-tech .honor .c-arrow-prev { position: absolute; left: .3rem; top: 50%; margin-top: -.24rem; }

.md-home-tech .honor .c-arrow-next { position: absolute; right: .3rem; top: 50%; margin-top: -.24rem; }

.md-home-tech .honor .swiper-container { margin-top: .05rem; margin-right: 0; width: calc(230 / 800 * 100%); min-width: 100px; }

.md-home-tech .honor .swiper-container img { width: 100%; vertical-align: top; }

.md-home-tech .article { height: 50%; background: #3d3e42; color: #fff; padding-left: .76rem; padding-right: 0.45rem; }

.md-home-tech .article .tit { padding-top: .51rem; }

.md-home-tech .article .tit .t2 { margin-top: .08rem; }

.md-home-tech .article .list { height: 1.83rem; overflow: hidden; margin-top: 0.23rem; padding-top: 0.16rem; }

.md-home-tech .article .list .item { line-height: 1.5; margin-bottom: .12rem; position: relative; padding-left: .35rem; }

.md-home-tech .article .list .item:last-of-type { margin-bottom: 0; }

.md-home-tech .article .list .item:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .09rem; height: .09rem; background: #bebfc0; border: .04rem solid #4a4b4f; border-radius: 50%; }

.md-home-tech .article .mCSB_scrollTools { width: 4px; }

.md-home-tech .article .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background: #606164; width: 4px; border-radius: 0; }

.md-home-tech .article .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #d82026; border-radius: 0; }

@media (max-width: 900px) { .md-home-tech .bd { display: block; }
  .md-home-tech .bd .lf { width: 100%; }
  .md-home-tech .bd .lf .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 0; }
  .md-home-tech .bd .lf .text { position: relative; z-index: 2; padding: .4rem; }
  .md-home-tech .bd .rg { width: 100%; }
  .md-home-tech .article { height: auto; padding: 0 .2rem .4rem .4rem; }
  .md-home-tech .article .list { height: 200px; }
  .md-home-tech .article .mCSB_inside > .mCSB_container { margin-right: 20px; } }

@media (max-width: 500px) { .md-home-tech .honor { display: block; padding: .4rem .7rem; }
  .md-home-tech .honor .swiper-container { width: 80%; margin-top: 0.5rem; margin-right: auto; } }

.md-home-prod2 { background: #f6f6f6 url(../images/bg4.jpg) no-repeat center top/100% auto; padding-top: 4rem; margin-top: -4rem; }

.md-home-prod2 .hd { display: flex; justify-content: space-between; padding-top: 1.16rem; }

.md-home-prod2 .hd .desc { line-height: 1.33333; margin-top: 0.58rem; text-align: right; }

.md-home-prod2 .content {background: #fff;margin-top: 0.6rem;padding: .73rem 1rem;position: relative;overflow: auto;}
.md-home-prod2 .content2{overflow: hidden;min-height: 7.7rem;}
.md-home-prod2 .content .cate {position: relative;z-index: 2;}

.md-home-prod2 .content .c-arrow2-prev {position: absolute;left: 1rem;top: 1rem;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);z-index: 3;}

.md-home-prod2 .content .c-arrow2-next {position: absolute;right: 1rem;top: 1rem;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);z-index: 3;}

@media (max-width: 900px) {
  .md-home-prod2 .content .c-arrow2-prev{left: 0.6rem;}
  .md-home-prod2 .content .c-arrow2-next{right: 0.6rem;}
}
.md-home-prod2 .content .cate .swiper-slide { width: auto; position: relative; }

.md-home-prod2 .content .cate .swiper-slide.hasChild .cate-item { position: relative; }

.md-home-prod2 .content .cate .swiper-slide.hasChild .cate-item:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 7px solid transparent; border-top-color: #d82026; transform: translate(-50%, 100%); }

.md-home-prod2 .content .cate .swiper-slide:after { content: ''; position: absolute; right: 0; top: .39rem; width: 1px; height: .2rem; background-color: #dddddd; }

.md-home-prod2 .content .cate .swiper-slide:last-of-type:after { display: none; }

.md-home-prod2 .content .cate .swiper-slide.on .name { color: #d82026; }

.md-home-prod2 .content .cate .swiper-slide .cate3{max-height: 6rem;overflow: auto;}

@media (min-width: 769px) { .md-home-prod2 .content .cate .swiper-slide:hover .cate3 {display: block; } }

@media (max-width: 768px) { .md-home-prod2 .content .cate .swiper-slide.show .cate3 { display: block; } }

.md-home-prod2 .content .cate-item { text-align: center; width: 1.75rem; min-width: 150px; display: block; padding: 0 .24rem; }

.md-home-prod2 .content .cate .icon { width: 0.77rem; }

.md-home-prod2 .content .cate .name { line-height: 1.42857; }

.md-home-prod2 .content .c-prod { display: flex; flex-wrap: wrap; margin-top: 0.34rem; }

.md-home-prod2 .content .c-prod .item { margin-bottom: .3rem; }

.md-home-prod2 .content .c-prod .item:hover {box-shadow: 0 0.1rem 0.2rem 0 rgba(102, 102, 102, 0.15);}

.md-home-prod2 .content .c-prod .text {border-top: solid 1px #eeeeee;/* border-top-color: transparent; */transition: all .2s;}

.md-home-prod2 .content .list .li { display: none; }

.md-home-prod2 .content .list .li:first-of-type { display: block; }

@media (max-width: 1400px) { .md-home-prod2 .content { padding: .73rem .5rem; } }

@media (min-width: 601px) { .md-home-prod2 .content .c-prod .item { width: calc(447 / 1400 * 100%); margin-right: calc(29 / 1400 * 100%); }
  .md-home-prod2 .content .c-prod .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 600px) { .md-home-prod2 .c-prod .item { width: 48%; margin-right: 4%; }
  .md-home-prod2 .c-prod .item:nth-of-type(2n) { margin-right: 0; } }

@media (max-width: 500px) { .md-home-prod2 .hd { display: block; }
  .md-home-prod2 .hd .desc { text-align: left; }
  .md-home-prod2 .content { padding: .3rem .4rem; } }

.md-home-news { padding-top: 1.16rem; padding-bottom: 1.33rem; background: #f6f6f6; }

.md-home-news .layout { display: flex; justify-content: space-between; }

.md-home-news .lf { width: 3rem; margin-top: 0.82rem; }

.md-home-news .lf .desc { line-height: 1.42857; margin-top: 0.19rem; }

.md-home-news .lf .cate { margin-top: 0.71rem; margin-right: 0.16rem; }

.md-home-news .lf .cate-item { display: block; position: relative; border-bottom: 1px solid #d3d3d3; padding-right: .2rem; line-height: 2.61111; margin-bottom: 0.33rem; transition: all .2s; }

.md-home-news .lf .cate-item:last-of-type { margin-bottom: 0; }

.md-home-news .lf .cate-item:after { content: ''; position: absolute; right: 0; top: 50%; width: .08rem; height: .13rem; min-width: 8px; min-height: 13px; background: url(../images/a-5.png) no-repeat center/contain; transform: translateY(-50%); }

.md-home-news .lf .cate-item:hover, .md-home-news .lf .cate-item.on { border-bottom-color: #717171; }

.md-home-news .lf .cate-item:hover:after, .md-home-news .lf .cate-item.on:after { background-image: url(../images/a-4.png); }

.md-home-news .lf .c-more { margin-top: .67rem; }

.md-home-news .rg { width: calc(1120 / 1600 * 100%); }

.md-home-news .rg-item { display: none; }

.md-home-news .rg-item:first-of-type { display: block; }

.md-home-news .rg .swiper-container { padding-bottom: .66rem; }

.md-home-news .rg .swiper-scrollbar { left: 0; right: 0; bottom: 1px; height: 2px; width: 100%; border-radius: 0; background: #cccccc; }

.md-home-news .rg .swiper-scrollbar-drag { background: #278948; height: 4px; margin-top: -1px; border-radius: 0; }

.md-home-news .list .item { display: block; }

.md-home-news .list .item:hover .tit { color: #d82026; }

.md-home-news .list .item:hover .img { transform: scale(1.1); }

.md-home-news .list .item:hover .more span { color: #d82026; }

.md-home-news .list .date .ym { margin-top: .03rem; }

.md-home-news .list .tit { line-height: 1.66667; margin-top: 0.22rem; }

.md-home-news .list .c-pic { margin-top: .22rem; }

.md-home-news .list .img { padding-top: calc(240 / 360 * 100%); }

.md-home-news .list .desc { line-height: 1.6; margin-top: 0.35rem; }

.md-home-news .list .more { display: flex; align-items: center; margin-top: 0.46rem; }

.md-home-news .list .more span { margin-right: .15rem; }

.md-home-news .list .more img { width: .17rem; min-width: 17px; }

@media (max-width: 900px) { .md-home-news .lf { width: auto; margin-right: .5rem; }
  .md-home-news .lf .cate { margin-right: 0; } }

@media (max-width: 600px) { .md-home-news .layout { display: block; }
  .md-home-news .lf { margin-right: 0; margin-top: 0; }
  .md-home-news .rg { width: 100%; margin-top: 0.5rem; } }

.c-date { display: flex; align-items: center; }

.c-date:before { content: ''; width: .15rem; height: .16rem; min-width: 15px; min-height: 16px; background: url(../images/date.png) no-repeat center/contain; margin-right: 0.13rem; }

.c-more3 { display: flex; align-items: center; }

.c-more3:after { content: ''; width: .17rem; height: 0.17rem; min-width: 17px; min-height: 17px; background: url(../images/more.png) no-repeat center/contain; margin-left: .15rem; }

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

.md-news-1 .layout { position: relative; }

.md-news-1 .arrow { width: .17rem; height: .3rem; min-width: 10px; min-height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; cursor: pointer; }

.md-news-1 .arrow.prev { background-image: url(../images/a-7.png); left: -.3rem; transform: translate(-100%, -50%); }

.md-news-1 .arrow.next { background-image: url(../images/a-8.png); right: -.3rem; transform: translate(100%, -50%); }

.md-news-1 .list .item { display: flex; }

.md-news-1 .list .item:hover .tit { color: #d82026; }

.md-news-1 .list .c-pic { width: 50%; }

.md-news-1 .list .c-pic:hover .img { transform: scale(1.1); }

.md-news-1 .list .img { padding-top: calc(534 / 800 * 100%); min-height: 100%; }

.md-news-1 .list .text { flex: 1; background: #fff; padding: .74rem .8rem .4rem; }

.md-news-1 .list .tit { line-height: 1.41667; margin-top: 0.31rem; }

.md-news-1 .list .desc { line-height: 1.625; margin-top: 0.22rem; height: 2.12rem; padding-bottom: .2rem; overflow: hidden; }

@media (max-width: 900px) { .md-news-1 .arrow.prev { left: 0; transform: translate(-130%, -50%); }
  .md-news-1 .arrow.next { right: 0; transform: translate(130%, -50%); }
  .md-news-1 .list .text { padding: .5rem; } }

@media (max-width: 700px) { .md-news-1 .list .item { display: block; }
  .md-news-1 .list .c-pic { width: 100%; } }

.md-news-2 .list { display: flex; flex-wrap: wrap; }

.md-news-2 .list .item { display: block; width: calc(468 / 1600 * 100%); padding: .59rem 0 .58rem; padding-left: calc(49 / 1600 * 100%); padding-right: calc(49 / 1600 * 100%); position: relative; box-sizing: content-box; border-top: 1px solid #ddd; }

.md-news-2 .list .item:nth-child(1), .md-news-2 .list .item:nth-child(2) { border-top: none; }

.md-news-2 .list .item:after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ddd; }

.md-news-2 .list .item:hover .tit { color: #d82026; }

.md-news-2 .list .item:hover .img { transform: scale(1.1); }

.md-news-2 .list .item:hover .more span { color: #d82026; }

.md-news-2 .list .tit { line-height: 1.66667; margin-top: 0.16rem; height: calc(30 / 18 * 2em); }

.md-news-2 .list .c-pic { margin-top: .22rem; }

.md-news-2 .list .img { padding-top: calc(240 / 360 * 100%); }

.md-news-2 .list .desc { line-height: 1.6; margin-top: 0.34rem; height: calc(24 / 16 * 2em); }

.md-news-2 .list .c-more3 { margin-top: 0.46rem; }

@media (min-width: 701px) { .md-news-2 .list .item { width: calc(468 / 1600 * 100%); padding: .59rem 0 .58rem; padding-left: calc(49 / 1600 * 100%); padding-right: calc(49 / 1600 * 100%); }
  .md-news-2 .list .item:nth-child(3) { border-top: none; }
  .md-news-2 .list .item:nth-of-type(3n+1) { padding-left: 0; }
  .md-news-2 .list .item:nth-of-type(3n+3) { padding-right: 0; }
  .md-news-2 .list .item:nth-of-type(3n+3):after { display: none; } }

@media (max-width: 700px) { .md-news-2 .list .item { width: 47%; padding-left: 3%; padding-right: 3%; }
  .md-news-2 .list .item:nth-child(2) { border-top: none; }
  .md-news-2 .list .item:nth-of-type(2n+1) { padding-left: 0; }
  .md-news-2 .list .item:nth-of-type(2n+2) { padding-right: 0; }
  .md-news-2 .list .item:nth-of-type(2n+2):after { display: none; } }

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

.page-news-1 .c-pagination { margin-top: .6rem; }

.lay { padding-bottom: 1.2rem; }

.lay-cnt { display: flex; }

.lay-main { flex: 1; margin-right: 1rem; }

.lay-side { width: 4.2rem; min-width: 200px; }

@media (max-width: 900px) { .lay-cnt { display: block; }
  .lay-main { margin-right: 0; }
  .lay-side { width: 100%; } }

.md-news-detail { padding-top: 1.02rem; }

.md-news-detail .msg { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: .25rem; margin-top: 0.2rem; }

.md-news-detail .params { display: flex; align-items: center; flex-wrap: wrap; margin-right: .19rem; }

.md-news-detail .params .item { margin: .04rem 0; display: inline-flex; align-items: center; }

.md-news-detail .params .item:after { content: ''; margin: 0 .3rem; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #333; }

.md-news-detail .params .item:last-of-type:after { display: none; }

.md-news-detail .share { display: flex; align-items: center; }

.md-news-detail .share .list { display: flex; align-items: center; margin-left: .16rem; }

.md-news-detail .share .list .item { margin-right: .03rem; }

.md-news-detail .share .list .item:hover { background: none; }

.md-news-detail .share .list .item:hover .icon { opacity: 1; }

.md-news-detail .share .list .icon { height: 0.3rem; min-height: 30px; opacity: 0.8; }

.md-news-detail .content { border-top: 1px solid #ccc; line-height: 2; padding-top: .44rem; padding-bottom: 1.03rem; }

.md-news-detail .nav { display: flex; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: .251rem 0; }

.md-news-detail .nav .all { margin: 0 .2rem; display: flex; align-items: center; }

.md-news-detail .nav .all img { margin-left: .14rem; }

.md-news-detail .nav .prev { flex: 1; }

.md-news-detail .nav .next { flex: 1; text-align: right; }

@media (max-width: 500px) { .md-news-detail .nav { display: block; }
  .md-news-detail .nav .all { margin: .2rem 0; }
  .md-news-detail .nav .next { text-align: left; } }

.md-news-search { padding-top: .96rem; }

.md-news-search .t2 { line-height: 1.1; }

.md-news-search .form { display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .39rem; }

.md-news-search .form-item { width: 100%; height: .5rem; min-height: 40px; border: solid 1px #dddddd; display: inline-flex; position: relative; }

.md-news-search .form-item--inline { flex: 1; width: 40%; }

.md-news-search .form-item .ipt { flex: 1; height: 100%; min-width: 0; padding: 0 .2rem; border: none; appearance: none; outline: none; font-size: inherit; color: inherit; background: transparent; }

.md-news-search .form-item .ipt::placeholder { color: #999; }

.md-news-search .form-item--select .ipt { padding-right: 0.5rem; background: #f6f6f6 url(../images/cor3.png) no-repeat center right 0.2rem/0.1rem auto; }

@media (max-width: 1920px) { .md-news-search .form-item--select .ipt { background-size: 10px; } }

.md-news-search .form .btn { background: #d82026; color: #fff; width: 100%; height: 0.56rem; min-height: 40px; border: none; font-weight: normal; cursor: pointer; }

.md-news-search .form .btn:hover { opacity: 0.8; }

.md-news-hot { margin-top: 0.18rem; }

.md-news-hot .item { display: block; border-bottom: 1px solid #ccc; padding: .39rem 0 .36rem; }

.md-news-hot .item:hover .tit { color: #d82026; }

.md-news-hot .tit { font-weight: bold; }

.md-news-hot .date { margin-top: 0.15rem; }

.md-news-hot .desc { line-height: 1.625; margin-top: 0.16rem; margin-bottom: -.02rem; }

.social-share .icon-wechat .wechat-qrcode { z-index: 20; }

.page-about-1 { background-image: url(../images/bg8.jpg); background-color: #fff; }

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

.md-about-1 .layout { position: relative; }

.md-about-1 .mark { position: absolute; right: -.02rem; top: 1.03rem; color: rgba(0, 0, 0, 0.1); writing-mode: vertical-lr; line-height: 1; }

.md-about-1 .desc { line-height: 1.625; margin-top: 0.52rem; padding-right: 1.6rem; text-align: justify; }

.md-about-1 .photos { margin-top: 1.17rem; }

.md-about-1 .photos .c-pic:hover .img { transform: scale(1.1); }

.md-about-1 .photos .img { padding-top: calc(256 / 384 * 100%); }

.md-about-1 .photos .swiper-container { padding-bottom: .47rem; }

.md-about-1 .photos .swiper-pagination { font-size: 0; bottom: 0; }

.md-about-1 .photos .swiper-pagination-bullet { min-width: 12px; min-height: 12px; width: 0.12rem; height: .12rem; border: solid 1px #666666; background: transparent; opacity: 1; }

.md-about-1 .photos .swiper-pagination-bullet-active { background-color: #d82026; border-color: #d82026; }

@media (max-width: 700px) { .md-about-1 .desc { padding-right: 50px; }
  .md-about-1 .photos .swiper-container { padding-bottom: 25px; } }

.page-prod-1 { padding-bottom: 1.2rem; }

.page-prod-1 .c-pagination { margin-top: 0.3rem; }

.page-wrap { overflow: hidden; }

.cate3 {position: absolute;left: 0;top: 100%;z-index: 2;width: 100%;padding: 10px;background: #fff;color: #666;text-align: center;display: none;box-shadow: 0 0 10px 0 #eee;}

.cate3-item { display: block; margin-bottom: 10px; }

.cate3-item:hover { color: #d82026; }

.cate3-item:last-of-type { margin-bottom: 0; }
.md-prod-1 .layout{ position: relative; }
.md-prod-1 .content{position: relative;overflow: hidden;}

.md-prod-1 .cate { margin-top: 1.09rem; position: relative; z-index: 2; }

.md-prod-1 .c-arrow2-prev {position: absolute;left: 0;top: 1.5rem;z-index: 3;transform: translateX(-100%);}
.md-prod-1 .c-arrow2-next {position: absolute;right: 0;top: 1.5rem;z-index: 3;transform: translateX(100%);}

@media (max-width: 900px) {
  .md-prod-1 .c-arrow2-prev { transform: translateX(-50%); }
  .md-prod-1 .c-arrow2-next { transform: translateX(50%); }
}

.md-prod-1 .cate .swiper-slide { width: auto; position: relative; padding: 0 0 16px; }

.md-prod-1 .cate .swiper-slide.hasChild .cate-item { position: relative; }

.md-prod-1 .cate .swiper-slide.hasChild .cate-item:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 7px solid transparent; border-top-color: #d82026; transform: translate(-50%, 100%); }

.md-prod-1 .cate .swiper-slide:after { content: ''; position: absolute; right: 0; top: .39rem; width: 1px; height: .2rem; background-color: #dddddd; }

.md-prod-1 .cate .swiper-slide:last-of-type:after { display: none; }

.md-prod-1 .cate .swiper-slide:hover .name, .md-prod-1 .cate .swiper-slide.on .name { color: #d82026; }

.md-prod-1 .cate .swiper-slide .cate3{ max-height: 6rem; overflow: auto; }

@media (min-width: 769px) { .md-prod-1 .cate .swiper-slide:hover .cate3 { display: block; } }

@media (max-width: 768px) { .md-prod-1 .cate .swiper-slide.show .cate3 { display: block; } }

.md-prod-1 .cate-item { text-align: center; display: block; padding: 0 .24rem; position: relative; }

.md-prod-1 .cate .icon { width: 0.77rem; }

.md-prod-1 .cate .name { line-height: 1.42857; }

.md-prod-1 .c-prod {display: flex;flex-wrap: wrap;margin-top: 0.65rem;min-height: 7rem;align-items: flex-start;}

.md-prod-1 .c-prod .item {margin-bottom: .29rem;border: 1px solid #eee;}

.md-prod-1 .c-prod .item:hover { box-shadow: 0 0.1rem 0.2rem 0 rgba(102, 102, 102, 0.15); }

.md-prod-1 .c-prod .text {border-top: solid 1px #eeeeee;/* border-top-color: transparent; */transition: all .2s;}

.md-prod-1 .c-prod .name { font-weight: bold; }

@media (min-width: 601px) { .md-prod-1 .c-prod .item { width: calc(514 / 1600 * 100%); margin-right: calc(29 / 1600 * 100%); }
  .md-prod-1 .c-prod .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 800px) { .md-prod-1 .cate { padding: 0 25px; }
  .md-prod-1 .cate .c-arrow2-prev { transform: translate(0, -50%); }
  .md-prod-1 .cate .c-arrow2-next { transform: translate(0, -50%); } }

@media (max-width: 600px) { .md-prod-1 .c-prod .item { width: 48%; margin-right: 4%; }
  .md-prod-1 .c-prod .item:nth-of-type(2n) { margin-right: 0; } }

.md-ban-prod { position: relative; }

.md-ban-prod .list { position: absolute; right: 0; bottom: 0; width: calc(1632 / 1920 * 100%); }

.md-ban-prod .list .swiper-slide { width: auto; }

.md-ban-prod .list img { vertical-align: top; width: 4.21rem; min-width: 300px; }

.md-ban-prod .list2 { position: absolute; right: 0; bottom: 0; width: calc(1632 / 1920 * 100%); }
.md-ban-prod .list2 .swiper-container{padding-bottom: .61rem;padding-top: .4rem;}
.md-ban-prod .list2 .swiper-slide {width: auto;width: 4.21rem;min-width: 220px;margin-right: .4rem;}

.md-ban-prod .list2 .item {display: flex;position: relative;/* height: 2.19rem; */align-items: center;background: #fff;box-shadow: -0.02rem 0.1rem 0.3rem 0 rgb(0 0 0 / 23%);min-height: 1.58rem;}

.md-ban-prod .list2 .pic {width: 1rem;/* position: absolute; *//* left: .4rem; *//* top: 0; *//* z-index: 2; */margin-right: .2rem;margin-left: .2rem;}

.md-ban-prod .list2 .tx {/* min-height: 1.58rem; *//* background: #fff; *//* position: relative; *//* margin-left: .4rem; *//* padding-left: 1.7rem; *//* padding-top: .34rem; *//* padding-bottom: .2rem; *//* box-shadow: -0.02rem 0.23rem 0.73rem 0 rgba(0, 0, 0, 0.23); */padding-right: .4rem;}

.md-ban-prod .list2 .t2 { margin-top: .04rem; }

.md-ban-prod .list2 .t3 { margin-top: .2rem; }

.md-ban-prod .list2 .more { position: absolute; right: .29rem; bottom: .07rem; font-size: .3rem; }

@media (max-width: 900px) { .md-ban-prod .list2 { position: static; background: #d82026; width: 100%; padding: 0.2rem; } }

.md-ban-prod .prod .pic {position: absolute;left: 53%;top: 43.6%;width: 6.64rem;transform: translate(-50%, -50%);top: 50%;font-size: 0;}

.md-ban-prod .prod .pic img { width: 100%; }

.md-ban-prod .prod .txx {position: absolute;right: 1.6rem;bottom: 30.3%;color: #fff;max-width: 4rem;}

.md-ban-prod .prod .txx .t2 { line-height: 1.34615; margin-top: 0.42rem; }

.md-ban-prod .prod .txx .img { width: .6rem; margin-top: 0.51rem; }

@media (max-width: 700px) { .md-ban-prod .prod { display: flex; justify-content: space-between; background: #d82026; padding: 0 4%; }
  .md-ban-prod .prod .pic { position: static; transform: none; width: 50%; }
  .md-ban-prod .prod .txx { position: static; width: 45%; } }

.page-prod-2 { background-image: url(../images/bg10.jpg); background-color: #fff; }

.page-prod-2:before { position: static; }

.md-prod-2 { padding-top: 1rem; }

.md-prod-2 .layout { display: flex; justify-content: space-between; padding-bottom: 1.2rem; border-bottom: 1px solid #666; }

.md-prod-2 .lf { width: calc(640 / 1600 * 100%); position: relative; z-index: 2; }

.md-prod-2 .bigImg { position: relative; }

.md-prod-2 .bigImg .img { padding-top: 100%; }

.md-prod-2 .bigImg .c-arrow2 { position: absolute; top: 50%; z-index: 3; }

.md-prod-2 .bigImg .c-arrow2-prev { left: 0; transform: translate(-50%, -50%); }

.md-prod-2 .bigImg .c-arrow2-next { right: 0; transform: translate(50%, -50%); }

.md-prod-2 .rg { width: 50%; display: flex; flex-direction: column; justify-content: space-between; }

.md-prod-2 .text .tit:after { content: ''; display: block; width: 1.8rem; height: .1rem; margin-top: 0.14rem; border-radius: .05rem; background: url(../images/bg1.png) no-repeat center/cover; }

.md-prod-2 .text .t2 { line-height: 1.625; margin-top: 0.19rem; }

.md-prod-2 .text .t3 { border-top: 1px solid #ccc; margin-top: 0.36rem; padding-top: 0.28rem; }

.md-prod-2 .text .t4 { line-height: 1.71429; margin-top: 0.18rem; }

.md-prod-2 .thumb { margin-top: 0.2rem; }

.md-prod-2 .thumb .swiper-slide { border: 1px solid #ddd; width: 1rem; margin-right: 0.2rem; position: relative; cursor: pointer; }

.md-prod-2 .thumb .swiper-slide:last-of-type { margin-right: 0; }

.md-prod-2 .thumb .swiper-slide.on:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; background: #d82026; }

.md-prod-2 .thumb .img { padding-top: 100%; }

.md-prod-2 .btn { background: #d82026; color: #fff; min-width: 1.6rem; min-height: .5rem; padding: .5em 1em; display: inline-flex; align-items: center; justify-content: center; margin-top: 0.3rem; cursor: pointer; }

.md-prod-2 .btn:hover { opacity: 0.9; }

.md-prod-2 .win-mini { display: none; position: absolute; left: 0; top: 0; z-index: 2; width: 2rem; height: 2rem; cursor: crosshair; background: rgba(0, 0, 0, 0.2); }

.md-prod-2 .win-big { display: none; position: absolute; left: 100%; top: 0; width: 4rem; height: 4rem; min-width: 300px; min-height: 300px; background: rgba(0, 0, 0, 0.2); overflow: hidden; }

.md-prod-2 .win-big-img { padding-top: 100%; }

.md-prod-2 .win-big-img-wrap { position: absolute; left: 0; top: 0; width: 100%; }

@media (max-width: 900px) { .md-prod-2 .layout { display: block; }
  .md-prod-2 .lf { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-prod-2 .rg { width: 100%; margin-top: 0.5rem; }
  .md-prod-2 .win-mini, .md-prod-2 .win-big { display: none !important; } }

.md-prod-3 { padding-top: 1rem; }

.md-prod-3 .layout { display: flex; padding-bottom: 1rem; border-bottom: 1px solid #666; }

.md-prod-3 .lf { width: 50%; padding-right: .5rem; }

.md-prod-3 .lf .desc { line-height: 2; margin-top: 0.25rem; height: 2.8rem; overflow: hidden; }

.md-prod-3 .lf .arrow { display: flex; margin-top: 0.5rem; }

.md-prod-3 .lf .c-arrow2-prev { margin-right: .32rem; }

.md-prod-3 .rg { width: 50%; }

.md-prod-3 .rg .img { padding-top: calc(534 / 800 * 100%); }

@media (max-width: 900px) { .md-prod-3 .layout { display: block; }
  .md-prod-3 .lf { width: 100%; }
  .md-prod-3 .rg { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0.5rem; } }

.md-prod-4 { padding-top: .77rem; }

.md-prod-4 .layout { padding-bottom: .78rem; border-bottom: 1px solid #666; }

.md-prod-4 .content { margin-top: .5rem; }

.md-prod-4 .content table { width: 100%; }

.md-prod-4 .content td, .md-prod-4 .content th { padding: 9.5px 5px; }

.md-prod-4 .content td:nth-of-type(1), .md-prod-4 .content td:nth-of-type(3), .md-prod-4 .content th:nth-of-type(1), .md-prod-4 .content th:nth-of-type(3) { width: 13%; color: #666; }

.md-prod-4 .content td:nth-of-type(2), .md-prod-4 .content td:nth-of-type(4), .md-prod-4 .content th:nth-of-type(2), .md-prod-4 .content th:nth-of-type(4) { width: 37%; }

.md-prod-5 { padding-top: .89rem; }

.md-prod-5 .md-prod-1 .c-prod { margin-top: 0.6rem; }

.md-prod-6 { padding-top: 0.59rem; }

.md-prod-6 .list { margin-top: 0.52rem; }

.md-prod-6 .list .c-pic:hover .img { transform: scale(1.1); }

.md-prod-6 .list .img { padding-top: calc(256 / 384 * 100%); }

.md-prod-6 .list .swiper-container { padding-bottom: .47rem; }

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

.md-prod-6 .list .swiper-pagination-bullet { min-width: 12px; min-height: 12px; width: 0.12rem; height: .12rem; border: solid 1px #666666; background: transparent; opacity: 1; }

.md-prod-6 .list .swiper-pagination-bullet-active { background-color: #d82026; border-color: #d82026; }

@media (max-width: 700px) { .md-prod-6 .list .swiper-container { padding-bottom: 25px; } }

.md-prod-7 { padding-top: 0.68rem; padding-bottom: 1rem; }

.md-prod-7 .list { display: flex; flex-wrap: wrap; text-align: center; margin-top: 0.6rem; }

.md-prod-7 .list .li { width: 25%; margin-bottom: .3rem; padding: 0 .2rem; }

.md-prod-7 .list .file { height: .8rem; }

.md-prod-7 .list .file img { vertical-align: top; height: 100%; }

.md-prod-7 .list .kind { margin-top: .25rem; }

.md-prod-7 .list .params { display: flex; flex-wrap: wrap; justify-content: center; margin-top: .26rem; }

.md-prod-7 .list .params-item { margin-right: 0.25rem; }

.md-prod-7 .list .params-item:last-of-type { margin-right: 0; }

.md-prod-7 .list .btn { display: flex; align-items: center; justify-content: center; width: 1.6rem; height: .48rem; min-width: 100px; min-height: 30px; border-radius: .08rem; border: solid 1px #dddddd; margin: .41rem auto 0; transition: all .3s; }

.md-prod-7 .list .btn .icon { width: 0.15rem; height: .13rem; min-width: 15px; min-height: 13px; background: url(../images/download1.png) no-repeat center/contain; margin-left: .19rem; }

.md-prod-7 .list .btn:hover { color: #fff; background-color: #d82026; border-color: #d82026; }

.md-prod-7 .list .btn:hover .icon { background-image: url(../images/download2.png); }

@media (max-width: 900px) { .md-prod-7 .list .li { width: 33.33%; } }

@media (max-width: 600px) { .md-prod-7 .list .li { width: 50%; } }

.md-prod-pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; text-align: center; visibility: hidden; font-size: 0; }

.md-prod-pop:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.md-prod-pop .mask { position: fixed; left: 0; top: 0; z-index: 20; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .2s; }

.md-prod-pop .main { display: inline-block; vertical-align: middle; position: relative; z-index: 21; width: 5.6rem; max-height: 100%; overflow-y: auto; background-color: #ffffff; border-radius: .1rem; margin: auto; padding: .43rem .5rem .5rem; transform: translateY(10%); opacity: 0; visibility: hidden; transition: all .2s; text-align: left; }

.md-prod-pop .close { position: absolute; right: .2rem; top: .2rem; width: .13rem; height: .13rem; min-width: 13px; min-height: 13px; background: url(../images/close.png) no-repeat center/contain; cursor: pointer; }

.md-prod-pop .close:hover { background-image: url(../images/close3.png); }

.md-prod-pop .t1 { line-height: 1.5; text-align: center; }

.md-prod-pop .form { margin-top: 0.27rem; }

.md-prod-pop .form-item { display: flex; align-items: center; margin-bottom: .2rem; }

.md-prod-pop .form-item:last-child { margin-bottom: 0; }

.md-prod-pop .form .t2 { width: 4em; }

.md-prod-pop .form .ipt { flex: 1; min-width: 10px; height: 0.5rem; min-height: 40px; border-radius: 0.05rem; border: solid 1px #b5b5b5; padding: 0 .1rem; }

.md-prod-pop .form .ipt::placeholder { color: #8f8f8f; }

.md-prod-pop .form .textarea { flex: 1; height: 9.375em; border: none; border-radius: 0.05rem; padding: .1rem; font-size: inherit; display: block; border: solid 1px #b5b5b5; }

.md-prod-pop .form .textarea::placeholder { color: #8f8f8f; }

.md-prod-pop .form .code { width: 1rem; min-width: 80px; margin-left: .1rem; }

.md-prod-pop .form .btn { width: 100%; height: 0.5rem; min-height: 40px; background-color: #d82026; color: #fff; border-radius: 0.05rem; border: none; cursor: pointer; display: block; margin: .1rem auto 0; font-family: Montserrat-Bold; transition: all .2s; }

.md-prod-pop .form .btn:hover { opacity: .9; }

.md-prod-pop.show { visibility: visible; }

.md-prod-pop.show .mask { opacity: 1; visibility: visible; }

.md-prod-pop.show .main { transform: translateY(0); opacity: 1; visibility: visible; }

@media (max-width: 1920px) { .md-prod-pop .main { width: 560px; max-width: 90%; } }

.page-app-1 { padding-bottom: 1.3rem; background-image: url(../images/bg9.jpg); }

.page-app-1 .c-pagination { margin-top: .3rem; }

.md-app-1 { padding-top: 1.3rem; }

.md-app-1 .swiper-container { border-top: 1px solid #666; border-bottom: 1px solid #666; }

.md-app-1 .swiper-slide { color: #2b2b2b; line-height: .9rem; width: auto; margin-right: 0.45rem; }

.md-app-1 .swiper-slide:last-of-type { margin-right: 0; }

.md-app-1 .swiper-slide.on { color: #d82026; }

.md-app-2 { padding-top: 0.6rem; }

.md-app-2 .c-prod { display: flex; flex-wrap: wrap; }

.md-app-2 .c-prod .item { margin-bottom: .29rem; }

.md-app-2 .c-prod .item:hover .text { border-color: transparent; box-shadow: 0 0.1rem 0.2rem 0 rgba(102, 102, 102, 0.15); }

.md-app-2 .c-prod .text { border: solid 1px #eeeeee; border-top: none; }

.md-app-2 .c-prod .name { font-weight: bold; margin-top: 0.08rem; }

.md-app-2 .c-prod .desc { margin-top: 0.23rem; }

.md-app-2 .c-prod .c-btn { right: .3rem; top: .37rem; }

@media (min-width: 601px) { .md-app-2 .c-prod .item { width: calc(514 / 1600 * 100%); margin-right: calc(29 / 1600 * 100%); }
  .md-app-2 .c-prod .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 600px) { .md-app-2 .c-prod .item { width: 48%; margin-right: 4%; }
  .md-app-2 .c-prod .item:nth-of-type(2n) { margin-right: 0; } }

.page-app-2 { background: none; }

.page-app-2:before { position: static; }

.md-app-3 { padding: .98rem 0; background: #fdfdfd url(../images/bg7.jpg) no-repeat center top/100% auto; }

.md-app-3 .layout { display: flex; align-items: center; }

.md-app-3 .lf { width: 50%; }

.md-app-3 .bigImg { position: relative; }

.md-app-3 .bigImg .swiper-container { width: calc(535 / 800 * 100%); }

.md-app-3 .bigImg .img { padding-top: 100%; }

.md-app-3 .bigImg .c-arrow2 { position: absolute; top: 50%; z-index: 2; }

.md-app-3 .bigImg .c-arrow2-prev { left: 0; transform: translateY(-50%); }

.md-app-3 .bigImg .c-arrow2-next { right: 0; transform: translateY(-50%); }

.md-app-3 .rg { width: 50%; padding-right: 1.3rem; }

.md-app-3 .text .tit:after { content: ''; display: block; width: 1.8rem; height: .1rem; margin-top: 0.14rem; border-radius: .05rem; background: url(../images/bg1.png) no-repeat center/cover; }

.md-app-3 .text .t2 { line-height: 1.71429; margin-top: 0.32rem; height: 1.55rem; min-height: 155px; }

.md-app-3 .thumb { margin-top: 0.2rem; }

.md-app-3 .thumb .swiper-slide { width: 1.24rem; margin-right: 0.1rem; position: relative; cursor: pointer; background: #fff; }

.md-app-3 .thumb .swiper-slide:last-of-type { margin-right: 0; }

.md-app-3 .thumb .swiper-slide.on:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #d82026; box-sizing: border-box; }

.md-app-3 .thumb .img { padding-top: 100%; }

@media (max-width: 900px) { .md-app-3 .layout { display: block; }
  .md-app-3 .lf { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0.5rem; }
  .md-app-3 .rg { width: 100%; padding: 0; } }

.md-app-4 { padding-top: .94rem; padding-bottom: .5rem; }

.md-app-4 .layout { display: flex; }

.md-app-4 .lf {width: 50%;/* padding-right: 1.3rem; */width: 100%;}

.md-app-4 .rg {width: 50%;display: none;}

.md-app-4 .rg .img { padding-top: calc(534 / 800 * 100%); }

.md-app-4 .rg .swiper-pagination { bottom: .39rem; font-size: 0; }

.md-app-4 .rg .swiper-pagination-bullet { opacity: 1; background: none; width: .12rem; min-width: 10px; height: .12rem; min-height: 10px; border: solid 1px #666666; margin: 0 .11rem; }

.md-app-4 .rg .swiper-pagination-bullet-active { border-color: #d82026; background: #d82026; }

.md-app-4 .c-title .en { line-height: 1.26; }

.md-app-4 .text { margin-top: 0.23rem; height: 3.83rem; overflow: hidden; }

.md-app-4 .text .t1 { line-height: 1.66667; }

.md-app-4 .text .t2 { line-height: 1.71429; margin-top: .13rem; }

@media (max-width: 900px) { .md-app-4 .layout { display: block; }
  .md-app-4 .lf { width: 100%; padding-right: 0; }
  .md-app-4 .rg { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 0.5rem; } }

.md-app-5 { padding-top: .56rem; padding-bottom: .77rem; }

.md-app-5 .list { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-top: .59rem; }

.md-app-5 .list .li { width: calc(780 / 1600 * 100%); margin-bottom: .37rem; }

.md-app-5 .list .img { padding-top: calc(520 / 780 * 100%); }

.md-app-5 .list .t1 { margin-top: 0.18rem; }

.md-app-5 .list .t2 { margin-top: 0.03rem; }

.md-app-5 .list .swiper-pagination { bottom: .38rem; font-size: 0; }

.md-app-5 .list .swiper-pagination-bullet { opacity: 1; background: none; width: .12rem; min-width: 10px; height: .12rem; min-height: 10px; border: solid 1px #666666; margin: 0 .11rem; }

.md-app-5 .list .swiper-pagination-bullet-active { border-color: #d82026; background: #d82026; }

@media (max-width: 600px) { .md-app-5 .list .li { width: 100%; } }

.page-cul-1 { background: none; }

.c-text-cul .t2 { line-height: 1.1; }

.c-text-cul .line { margin: .32rem 0 .29rem; }

.c-text-cul .desc { line-height: 1.3; }

.md-cul-1 { background: #fdfdfd url(../images/bg7.jpg) no-repeat center top/100% auto; padding: 1.32rem 0; }

.md-cul-1 .layout { display: flex; flex-wrap: wrap; }

.md-cul-1 .lf { width: calc(600 / 1600 * 100%); }

.md-cul-1 .rg { flex: 1; display: flex; padding-left: .78rem; }

.md-cul-1 .rg .c-text-cul { flex: 1; }

.md-cul-1 .rg:after { content: ''; width: .8rem; background: #d82026; margin-left: .4rem; }

.md-cul-1 .img { padding-top: calc(400 / 600 * 100%); }

.md-cul-1 .c-text-cul { padding-top: 0.58rem; }

@media (max-width: 700px) { .md-cul-1 .lf { width: 100%; }
  .md-cul-1 .rg { width: 100%; padding-left: 0; } }

.md-cul-2 { display: flex; align-items: center; flex-wrap: wrap; }

.md-cul-2 .lf { width: 50%; padding-left: calc(160 / 1920 * 100%); padding-right: .3rem; }

.md-cul-2 .rg { width: 50%; }

.md-cul-2 .img { padding-top: calc(640 / 960 * 100%); }

@media (max-width: 700px) { .md-cul-2 .lf { width: 100%; order: 2; padding: 5% 4%; }
  .md-cul-2 .rg { width: 100%; order: 1; } }

.md-cul-3 { display: flex; align-items: center; }

.md-cul-3 .lf { width: 50%; }

.md-cul-3 .rg { width: 50%; padding-left: 1rem; padding-right: calc(160 / 1920 * 100%); }

.md-cul-3 .img { padding-top: calc(640 / 960 * 100%); }

@media (max-width: 700px) { .md-cul-3 { display: block; }
  .md-cul-3 .lf { width: 100%; }
  .md-cul-3 .rg { width: 100%; padding: 5% 4%; } }

.md-cul-4 { background: #f6f6f6 url(../images/bg7.jpg) no-repeat center top/100% auto; padding: 1.3rem 0; }

.md-cul-5 { display: flex; flex-wrap: wrap; }

.md-cul-5 .lf { flex: 1; display: flex; }

.md-cul-5 .lf:before { content: ''; width: .8rem; height: 1.6rem; background: #d82026; margin-right: 3rem; }

.md-cul-5 .rg { width: calc(600 / 1600 * 100%); }

.md-cul-5 .img { padding-top: calc(400 / 600 * 100%); }

.md-cul-5 .c-text-cul { margin-top: .89rem; padding-right: .3rem; flex: 1; }

@media (max-width: 900px) { .md-cul-5 .lf:before { margin-right: 1rem; } }

@media (max-width: 700px) { .md-cul-5 .rg { width: 100%; order: 1; }
  .md-cul-5 .lf { width: 100%; order: 2; }
  .md-cul-5 .lf:before { margin-right: 0; }
  .md-cul-5 .c-text-cul { margin-top: 0.3rem; margin-left: .3rem; padding: 0; } }

.md-cul-6 { display: flex; flex-wrap: wrap; margin-top: 1rem; }

.md-cul-6 .rg { flex: 1; position: relative; padding-right: 0.8rem; }

.md-cul-6 .rg:after { content: ''; position: absolute; right: 0; bottom: 0; width: .8rem; height: 1.6rem; background: #d82026; }

.md-cul-6 .lf { width: calc(600 / 1600 * 100%); }

.md-cul-6 .img { padding-top: calc(400 / 600 * 100%); }

.md-cul-6 .c-text-cul { margin-top: .89rem; padding-left: .8rem; padding-right: 0.3rem; flex: 1; }

@media (max-width: 700px) { .md-cul-6 .lf { width: 100%; }
  .md-cul-6 .c-text-cul { padding: 0; margin: .3rem .3rem 0 0; } }

.md-cul-7 { padding-top: 1.29rem; padding-bottom: .26rem; }

.md-cul-7 .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.md-cul-7 .list .li { width: calc(768 / 1600 * 100%); position: relative; padding-bottom: .31rem; margin-bottom: 1rem; }

.md-cul-7 .list .li:before { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 2.72rem; background: #d82026; }

.md-cul-7 .list .img { padding-top: calc(512 / 768 * 100%); }

.md-cul-7 .list .c-text-cul { margin-top: .45rem; padding-left: .43rem; border-left: 1px solid #d82026; }

@media (max-width: 700px) { .md-cul-7 .list { display: block; }
  .md-cul-7 .list .li { width: 100%; } }

.page-honor-1 { background-image: url(../images/bg9.jpg); }

.md-honor-1 { padding-top: 0.96rem; padding-bottom: 1.3rem; }

.md-honor-1 .list { display: flex; flex-wrap: wrap; }

.md-honor-1 .list .li { cursor: pointer; background: #fff; text-align: center; padding: .33rem .29rem .54rem; margin-bottom: .6rem; border: solid 1px #eeeeee; }

.md-honor-1 .list .li:hover { box-shadow: 0 0.1rem 0.2rem 0 rgba(102, 102, 102, 0.15); border-color: #fff; }

.md-honor-1 .list .li:hover .img { transform: scale(1.01); }

.md-honor-1 .list .li:hover .name { color: #d82026; }

.md-honor-1 .list .img { padding-top: calc(394 / 282 * 100%); }

.md-honor-1 .list .name { margin-top: 0.3rem; }

@media (min-width: 901px) { .md-honor-1 .list .li { width: calc(340 / 1600 * 100%); margin-right: calc(80 / 1600 * 100%); }
  .md-honor-1 .list .li:nth-of-type(4n) { margin-right: 0; } }

@media (max-width: 900px) and (min-width: 601px) { .md-honor-1 .list .li { width: 30%; margin-right: 5%; }
  .md-honor-1 .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 600px) { .md-honor-1 .list .li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
  .md-honor-1 .list .li:nth-of-type(2n) { margin-right: 0; } }

.page-develop { background-image: url(../images/bg9.jpg); }

.md-develop-1 { padding-top: 1.29rem; padding-bottom: 1.1rem; }

.md-develop-1 .layout { display: flex; flex-wrap: wrap; }

.md-develop-1 .lf { width: calc(480 / 1600 * 100%); font-size: 0; }

.md-develop-1 .lf img { width: 100%; }

.md-develop-1 .rg { flex: 1; }

.md-develop-1 .list { position: relative; padding-top: 0.35rem; }

.md-develop-1 .list:before { content: ''; position: absolute; left: 1.29rem; top: 0; height: 100%; width: .02rem; background: #dfc3c3; }

.md-develop-1 .list .li { position: relative; padding-left: 1.76rem; margin-bottom: .2rem; }

.md-develop-1 .list .li:before { content: ''; position: absolute; left: 1.2rem; top: .02rem; width: .18rem; height: .18rem; background-color: #ffffff; border: solid .02rem #dfc3c3; border-radius: 50%; }

.md-develop-1 .list .desc { background-color: #f6f6f6; border: solid 1px #eeeeee; padding: .25rem .3rem; line-height: 1.46667; }

.md-develop-1 .list .year { position: absolute; left: .4rem; top: -.07rem; font-weight: bold; }

@media (max-width: 500px) { .md-develop-1 .lf { width: 100%; display: none; }
  .md-develop-1 .list .year { left: 0; } }

.page-stand { background-color: #f8f8f8; }

.md-stand { padding-top: 1.19rem; padding-bottom: 1.2rem; }

.md-stand .form { display: flex; color: #fff; border-radius: .3rem; width: 8rem; max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #666666; }

.md-stand .form .ipt { flex: 1; border: none; background: none; color: #fff; padding: 0 .27rem; }

.md-stand .form .ipt::placeholder { color: #fff; }

.md-stand .form .btn { background: #d82026; display: flex; align-items: center; justify-content: center; width: 1.8rem; height: .6rem; border: none; border-radius: .3rem; cursor: pointer; }

.md-stand .form .btn img { margin-left: .13rem; width: .18rem; min-width: 14px; }

.md-stand .form .btn:hover { opacity: 0.9; }

@media (max-width: 1300px) { .md-stand .form { border-radius: 20px; }
  .md-stand .form .ipt { padding: 0 20px; }
  .md-stand .form .btn { height: 40px; border-radius: 20px; } }

.md-stand .list { margin-top: .72rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.md-stand .list .li { background: #fff; width: calc(785 / 1600 * 100%); padding: .46rem .4rem .2rem; margin-bottom: .3rem; position: relative; display: block; border: 1px solid #fff; }

.md-stand .list .li:hover { box-shadow: 0 0.1rem 0.2rem 0 rgba(102, 102, 102, 0.15); border-color: #d82026; }

.md-stand .list .li:hover .tit { color: #d82026; }

.md-stand .list .desc { margin-top: .08rem; }

.md-stand .list .foot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ddd; margin-top: 0.45rem; padding: .11rem 0 .15rem; }

.md-stand .c-pagination { margin-top: .3rem; }

@media (max-width: 600px) { .md-stand .list { display: block; }
  .md-stand .list .li { width: 100%; }
  .md-stand .c-pagination { margin-top: .6rem; } }

.page-service { background-image: url(../images/bg9.jpg); }

.md-service { padding-top: 1rem; padding-bottom: 1.2rem; }

.md-service .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.md-service .list .li { display: flex; width: calc(790 / 1600 * 100%); background: #fff; border: 1px solid #eee; margin-bottom: .2rem; }

.md-service .list .li:hover { border-color: #d82026; }

.md-service .list .c-pic { width: calc(280 / 790 * 100%); }

.md-service .list .img { padding-top: 100%; background-color: #f3f3f3; }

.md-service .list .text { flex: 1; padding: .57rem .5rem .52rem; display: flex; flex-direction: column; justify-content: space-between; }

.md-service .list .tit { margin-top: 0.01rem; }

.md-service .c-pagination { margin-top: .4rem; }

@media (max-width: 900px) { .md-service .list .text { padding: .4rem; } }

@media (max-width: 700px) { .md-service .list .li { width: 100%; } }

.page-service-2 { background-image: url(../images/bg11.jpg); background-color: #f6f6f6; }

.md-service-2 { padding-top: 0.77rem; padding-bottom: 1.2rem; }

.md-service-2 .title { text-align: center; background: #d82026; color: #fff; padding-bottom: .44rem; padding-top: 0.52rem; }

.md-service-2 .title .line { font-size: 0; margin-top: 0.14rem; }

.md-service-2 .title .line img { width: 1.8rem; }

.md-service-2 .content { background: #fff; padding: 0 1rem; }

@media (max-width: 600px) { .md-service-2 .content { padding: 0 .3rem; } }

.md-service-2 .item { border-bottom: .02rem solid #666; padding-bottom: 1rem; padding-top: .55rem; }

.md-service-2 .item .tit { border-bottom: 1px solid #ccc; padding-bottom: .17rem; }

.md-service-2 .item .desc { line-height: 1.42857; margin-top: 0.35rem; }

.md-service-2 .item:last-of-type { border-bottom: none; }

.md-service-2 .item1 { display: flex; justify-content: space-between; align-items: center; padding-top: 0.93rem; }

.md-service-2 .item1 .text { width: 50%; }

.md-service-2 .item1 .pic { max-width: 50%; font-size: 0; }

.md-service-2 .item1 .pic img { max-width: 100%; }

@media (max-width: 900px) { .md-service-2 .item1 { display: block; }
  .md-service-2 .item1 .text { width: 100%; }
  .md-service-2 .item1 .pic { max-width: 100%; text-align: center; margin-top: 0.5rem; } }

.md-service-2 .video-wrap { position: relative; cursor: pointer; background: #c3c3c3; height: 6.4rem;}

.md-service-2 .video-wrap video { width: 100%; display: block; vertical-align: top; object-fit: contain; height: 100%;}

.md-service-2 .video-wrap .btn-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .6rem; height: 0.6rem; background: url(../images/play.png) no-repeat center/contain; }

.md-service-2 .kefu { display: flex; align-items: center; min-height: 2rem; padding: .26rem .2rem .2rem 1rem; }

.md-service-2 .kefu .icon { width: .63rem; margin-right: .39rem; }

.md-service-2 .kefu .text { flex: 1; margin-top: 0.15rem; }

.md-service-2 .kefu .text .t2 { margin-top: 0.06rem; letter-spacing: 3px; }

@media (max-width: 900px) { .md-service-2 .kefu { padding: 0.2rem; }
  .md-service-2 .kefu .icon { margin-right: 0.2rem; } }

@media (max-width: 500px) { .md-service-2 .kefu .text .t1 { font-size: 12px; }
  .md-service-2 .kefu .text .t2 { letter-spacing: 1px; } }

.page-contact-1 { background-image: url(../images/bg9.jpg); }

.md-contact-1 { padding-top: 1.19rem; padding-bottom: 1.13rem; }

.md-contact-1 .map { height: 4.8rem; }

.md-contact-1 .map img { max-width: 100%; }

.md-contact-1 .content { margin-top: 0.38rem; display: flex; flex-wrap: wrap; }

.md-contact-1 .content .col {width: 33.33%;position: relative;min-height: 2.53rem;padding-top: 0.32rem;display: flex;flex-wrap: wrap;justify-content: space-evenly;}

.md-contact-1 .content .col:after { content: ''; position: absolute; right: 0; top: 0; height: 2.53rem; width: 1px; background: #ddd; }

.md-contact-1 .content .col:last-of-type:after { display: none; }

.md-contact-1 .content .col-1 { text-align: center; }

.md-contact-1 .content .col-1 img { width: 3.19rem; max-width: 92%; }

.md-contact-1 .content .list { padding: 0 .85rem; line-height: 1.5; }

.md-contact-1 .content .list .li { display: flex; align-items: center; margin-bottom: .188rem; }

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

.md-contact-1 .content .list .icon { width: .3rem; min-width: 20px; margin-right: .15rem; }

.md-contact-1 .content .list .text { flex: 1; }

.md-contact-1 .content .code { text-align: center; }

.md-contact-1 .content .code img { width: 1.42rem; min-width: 100px; vertical-align: top; }

.md-contact-1 .content .code p { margin-top: 0.11rem; }

@media (max-width: 1400px) { .md-contact-1 .content .list { padding: 0 .3rem; } }

@media (max-width: 800px) { .md-contact-1 .content .col:after { display: none; }
  .md-contact-1 .content .col-1 {width: 100%;order: 1;}
  .md-contact-1 .content .col-3 {width: 100%;order: 2;}
  .md-contact-1 .content .col-2 { width: 100%; order: 3; } }

.md-contact-2 { color: #fff; padding: .84rem 0 1rem; }

.md-contact-2 .title { display: flex; justify-content: space-between; align-items: flex-end; }

.md-contact-2 .title .t2 { line-height: 1.1; }

.md-contact-2 .form { margin-top: 0.27rem; }

.md-contact-2 .form .row { display: flex; justify-content: space-between; }

.md-contact-2 .form .row .lf, .md-contact-2 .form .row .rg { width: calc(770 / 1600 * 100%); }

.md-contact-2 .form-item { display: flex; align-items: center; background: #f8f8f8; height: 0.56rem; margin-bottom: .2rem; padding-left: .2rem; }

.md-contact-2 .form-item--area { height: 2.84rem; align-items: flex-start; line-height: .56rem; }

.md-contact-2 .form .ipt { flex: 1; height: 100%; background: transparent; border: none; padding: 0 .2rem; color: #333; font-size: inherit; }

.md-contact-2 .form .area { flex: 1; height: 100%; background: transparent; border: none; padding: .16rem .2rem; color: #333; font-size: inherit; }

.md-contact-2 .form .check-wrap { display: flex; }

.md-contact-2 .form .check { position: relative; margin-right: 0.12rem; }

.md-contact-2 .form .check input { position: absolute; opacity: 0; }

.md-contact-2 .form .check input:checked + .icon { background-image: url(../images/check2.png); }

.md-contact-2 .form .check .icon { width: .14rem; height: .14rem; min-width: 14px; min-height: 14px; background: url(../images/check1.png); }

.md-contact-2 .form .btn { min-width: 1.6rem; min-height: .56rem; background-color: #d82026; border-radius: .08rem; border: none; cursor: pointer; margin-top: 0.17rem; padding: .1rem .2rem; }

.md-contact-2 .form .btn:hover { opacity: 0.8; }

@media (max-width: 1400px) { .md-contact-2 .form-item { height: 40px; margin-bottom: 10px; }
  .md-contact-2 .form-item--area { height: 190px; line-height: 40px; }
  .md-contact-2 .form .area { padding: 10px .2rem; } }

@media (max-width: 1200px) { .md-contact-2 .title { display: block; }
  .md-contact-2 .title .t3 { margin-top: .2rem; } }

@media (max-width: 700px) { .md-contact-2 .form .row { display: block; }
  .md-contact-2 .form .row .lf, .md-contact-2 .form .row .rg { width: 100%; }
  .md-contact-2 .form .btn { width: 100%; height: 40px; } }