@charset "UTF-8";
html { font-size: calc(100vw / 1920 * 100); }

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

body { font-family: sans-serif; font-size: 14px; line-height: 1.2; overflow-x: hidden; color: #333; }

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

.f-medium { font-weight: bold; }

.f-bold { font-weight: bold; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.oh { overflow: hidden; }

.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

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

.color-theme { color: #c30d23; }

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

.color-active { color: #d4c193; }

.bg-active { background-color: #d4c193; }

.color-gray { color: #f1f4fb; }

.bg-gray { background-color: #f1f4fb; }

.color-0 { color: #000; }

.bg-0 { background-color: #000; }

.color-1 { color: #111; }

.bg-1 { background-color: #111; }

.color-2 { color: #222; }

.bg-2 { background-color: #222; }

.color-3 { color: #333; }

.bg-3 { background-color: #333; }

.color-4 { color: #444; }

.bg-4 { background-color: #444; }

.color-5 { color: #555; }

.bg-5 { background-color: #555; }

.color-6 { color: #666; }

.bg-6 { background-color: #666; }

.color-7 { color: #777; }

.bg-7 { background-color: #777; }

.color-8 { color: #888; }

.bg-8 { background-color: #888; }

.color-9 { color: #999; }

.bg-9 { background-color: #999; }

.color-a { color: #aaa; }

.bg-a { background-color: #aaa; }

.color-b { color: #bbb; }

.bg-b { background-color: #bbb; }

.color-c { color: #ccc; }

.bg-c { background-color: #ccc; }

.color-d { color: #ddd; }

.bg-d { background-color: #ddd; }

.color-e { color: #eee; }

.bg-e { background-color: #eee; }

.color-f { color: #fff; }

.bg-f { background-color: #fff; }

.color-title { color: #131313; }

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

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

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

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

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

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

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

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

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

.s0 { font-size: 0; }

@media (min-width: 1921px) { .s12 { font-size: 0.12rem; }
  .s13 { font-size: 0.13rem; }
  .s14 { font-size: 0.14rem; }
  .s15 { font-size: 0.15rem; }
  .s16 { font-size: 0.16rem; }
  .s17 { font-size: 0.17rem; }
  .s18 { font-size: 0.18rem; }
  .s19 { font-size: 0.19rem; }
  .s20 { font-size: 0.2rem; }
  .s21 { font-size: 0.21rem; }
  .s22 { font-size: 0.22rem; }
  .s23 { font-size: 0.23rem; }
  .s24 { font-size: 0.24rem; }
  .s25 { font-size: 0.25rem; }
  .s26 { font-size: 0.26rem; }
  .s27 { font-size: 0.27rem; }
  .s28 { font-size: 0.28rem; }
  .s29 { font-size: 0.29rem; }
  .s30 { font-size: 0.3rem; }
  .s31 { font-size: 0.31rem; }
  .s32 { font-size: 0.32rem; }
  .s33 { font-size: 0.33rem; }
  .s34 { font-size: 0.34rem; }
  .s35 { font-size: 0.35rem; }
  .s36 { font-size: 0.36rem; }
  .s37 { font-size: 0.37rem; }
  .s38 { font-size: 0.38rem; }
  .s39 { font-size: 0.39rem; }
  .s40 { font-size: 0.4rem; }
  .s41 { font-size: 0.41rem; }
  .s42 { font-size: 0.42rem; }
  .s43 { font-size: 0.43rem; }
  .s44 { font-size: 0.44rem; }
  .s45 { font-size: 0.45rem; }
  .s46 { font-size: 0.46rem; }
  .s47 { font-size: 0.47rem; }
  .s48 { font-size: 0.48rem; }
  .s49 { font-size: 0.49rem; }
  .s50 { font-size: 0.5rem; }
  .s51 { font-size: 0.51rem; }
  .s52 { font-size: 0.52rem; }
  .s53 { font-size: 0.53rem; }
  .s54 { font-size: 0.54rem; }
  .s55 { font-size: 0.55rem; }
  .s56 { font-size: 0.56rem; }
  .s57 { font-size: 0.57rem; }
  .s58 { font-size: 0.58rem; }
  .s59 { font-size: 0.59rem; }
  .s60 { font-size: 0.6rem; }
  .s61 { font-size: 0.61rem; }
  .s62 { font-size: 0.62rem; }
  .s63 { font-size: 0.63rem; }
  .s64 { font-size: 0.64rem; }
  .s65 { font-size: 0.65rem; }
  .s66 { font-size: 0.66rem; }
  .s67 { font-size: 0.67rem; }
  .s68 { font-size: 0.68rem; }
  .s69 { font-size: 0.69rem; }
  .s70 { font-size: 0.7rem; }
  .s71 { font-size: 0.71rem; }
  .s72 { font-size: 0.72rem; }
  .s73 { font-size: 0.73rem; }
  .s74 { font-size: 0.74rem; }
  .s75 { font-size: 0.75rem; }
  .s76 { font-size: 0.76rem; }
  .s77 { font-size: 0.77rem; }
  .s78 { font-size: 0.78rem; }
  .s79 { font-size: 0.79rem; }
  .s80 { font-size: 0.8rem; }
  .s81 { font-size: 0.81rem; }
  .s82 { font-size: 0.82rem; }
  .s83 { font-size: 0.83rem; }
  .s84 { font-size: 0.84rem; }
  .s85 { font-size: 0.85rem; }
  .s86 { font-size: 0.86rem; }
  .s87 { font-size: 0.87rem; }
  .s88 { font-size: 0.88rem; }
  .s89 { font-size: 0.89rem; }
  .s90 { font-size: 0.9rem; }
  .s91 { font-size: 0.91rem; }
  .s92 { font-size: 0.92rem; }
  .s93 { font-size: 0.93rem; }
  .s94 { font-size: 0.94rem; }
  .s95 { font-size: 0.95rem; }
  .s96 { font-size: 0.96rem; }
  .s97 { font-size: 0.97rem; }
  .s98 { font-size: 0.98rem; }
  .s99 { font-size: 0.99rem; }
  .s100 { font-size: 1rem; } }

@media (max-width: 1920px) { .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); } }

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

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

.layout { width: 17.2rem; margin-left: auto; margin-right: auto; }

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

.w1440 { width: 14.4rem; max-width: 90%; margin-left: auto; margin-right: auto; }

@media (max-width: 1920px) { .w1440 { width: 1440px; } }

.noscroll { overflow: hidden; }

.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: #000; }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

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

.c-video__close .icon { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }

.editor * { max-width: 100%; text-wrap: wrap !important; }

.editor img { height: auto; vertical-align: top; }

.editor table { word-break: break-all; }

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

.text-right { text-align: right; }

.text-left { text-align: right; }

.c-pic { overflow: hidden; }

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

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

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

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

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.c-select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.c-select input, .c-select select { display: none; }

.c-select__bd { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: #f6f6f6; -webkit-box-shadow: 0 .05rem .1rem 0 #ccc; box-shadow: 0 .05rem .1rem 0 #ccc; display: none; max-height: 10rem; overflow: auto; }

.c-select__option { line-height: 1.5; padding: .5em .2rem; }

.c-select__option:hover { background-color: #d4c193; color: #fff; }

.c-select__option.on { background-color: #c30d23; color: #fff; }

.c-select.show .c-select__bd { display: block; }

@media (min-width: 901px) { .hidden-pc { display: none; } }

@media (max-width: 900px) { .hidden-wap { display: none; } }

.c-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: .42rem; text-align: center; }

.c-pagination .item { min-width: .44rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border: 1px solid #e9ecf2; margin-right: .2rem; }

.c-pagination .item:last-of-type { margin-right: 0; }

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

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

.c-pagination .item.prev, .c-pagination .item.next { background-position: center; background-repeat: no-repeat; background-size: .07rem; width: .44rem; height: .44rem; }

.c-pagination .item.prev { background-image: url(?static/home/images/i-left-2.png); }

.c-pagination .item.prev:hover { background-image: url(?static/home/images/i-left-3.png); }

.c-pagination .item.next { background-image: url(?static/home/images/i-right-5.png); }

.c-pagination .item.next:hover { background-image: url(?static/home/images/i-right-6.png); }

.c-pagination .jump { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: .42rem; margin-left: .4rem; }

.c-pagination .jump input { width: .44rem; height: .44rem; text-align: center; border: 1px solid #e9ecf2; margin: 0 .1rem; padding: 0 2px; }

.c-pagination .jump input::-webkit-inner-spin-button { display: none; }

@media (max-width: 1400px) { .c-pagination { line-height: 30px; }
  .c-pagination .item { min-width: 30px; height: 30px; line-height: 30px; margin-bottom: 10px; }
  .c-pagination .item.prev, .c-pagination .item.next { height: 30px; }
  .c-pagination .jump input { height: 30px; width: 30px; } }

.md-subnav { line-height: 1.5; }

.md-subnav .li { padding: 1.125em 0; width: auto; position: relative; margin-right: .4rem; }

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

.md-subnav .li:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: .03rem; background: #c30d23; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 0; }

.md-subnav .li.on, .md-subnav .li:hover { color: #c30d23; }

.md-subnav .li.on:after, .md-subnav .li:hover:after { width: 100%; left: 0; }

.md-subnav .swiper-container { overflow: visible; }

.md-subnav .tit { display: block; }

.md-subnav .sub { position: absolute; left: 50%; top: 120%; z-index: 2; width: 7em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; padding: .5em; line-height: 2; text-align: center; visibility: hidden; -webkit-filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.1)); max-height: 50vh; overflow-y: auto; }

.md-subnav .sub-item { display: block; }

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

.md-subnav .sub::-webkit-scrollbar { width: 5px; }

.md-navbar { background: #ffffff; border-bottom: 1px solid #eee; line-height: 1.5; }

.md-navbar .w1440 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-navbar .bread { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

.md-navbar .bread .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.125em 0; }

.md-navbar .bread .link img { width: .2rem; min-width: 1.2em; margin-right: .09rem; }

.md-navbar .bread .i2 { width: .06rem; min-width: 4px; margin: 0 .14rem; }

.md-navbar .md-subnav { margin-left: auto; }

@media (max-width: 900px) { .md-navbar .w1440 { display: block; } }

.c-img-full { font-size: 0; }

.c-img-full img { width: 100%; }

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

.svg-btn { width: .5rem; height: .5rem; min-width: 30px; min-height: 30px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border: none; outline: none; background: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }

.svg-btn svg { width: .2rem; height: .09rem; min-width: 13px; min-height: 6px; }

.svg-btn.swiper-button-disabled { cursor: auto; }

.svg-btn:active:not(.swiper-button-disabled) { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.c-scroll::-webkit-scrollbar { width: 2px; height: 2px; background-color: #ccc; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #c30d23; }

.c-title .tit { line-height: calc(58 / 48 * 1em); }

.c-title .tit span { color: #c30d23; }

.c-title .desc { line-height: 1.5; margin-top: .18rem; }

@media (max-width: 500px) { .c-title .tit { font-size: 18px; } }

input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; -ms-flex-negative: 0; flex-shrink: 0; }

input[type=radio]:checked { border-color: #c30d23; position: relative; }

input[type=radio]:checked:after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #c30d23; }

.m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 1.6rem; padding: 0 .2rem; height: .5rem; min-height: 35px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #c30d23; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; border: none; }

.m-more .icon { width: 0.09rem; margin-left: 2em; }

.m-more:hover { background-color: #cf3d4f; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); }

.md-form-0 { padding: .45rem 0 .65rem; }

.md-form-0 .w1440 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-form-0 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .84rem; }

.md-form-0 .text .t1 { line-height: calc(58 / 48 * 1em); }

.md-form-0 .text .t2 { line-height: 1.5; padding: .15rem .2rem; display: inline-block; margin-top: .23rem; }

.md-form-0 .form { width: calc(360 / 1440 * 100%); min-width: 300px; padding: .24rem .4rem .38rem; }

.md-form-0 .form .tit { margin-bottom: .27rem; }

.md-form-0 .form .form-item { background-color: #f6f6f6; margin-bottom: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-form-0 .form .form-item .icon { width: .18rem; min-width: 14px; margin-left: .24rem; margin-right: .18rem; }

@media (max-width: 1920px) { .md-form-0 .form .form-item { margin-bottom: 10px; } }

.md-form-0 .form .c-select { display: block; }

.md-form-0 .form .c-select__hd { background: #f6f6f6 url(?static/home/images/i-5.png) no-repeat right 0.2rem center/0.12rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-form-0 .form .c-select__hd span { color: #bbb; }

.md-form-0 .form .c-select__hd span.has-value { color: #333; }

.md-form-0 .form .ipt, .md-form-0 .form .select { height: .42rem; min-height: 35px; line-height: .42rem; border: none; background: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; font-family: inherit; font-size: inherit; outline: none; }

.md-form-0 .form .ipt::-webkit-input-placeholder, .md-form-0 .form .select::-webkit-input-placeholder { color: #bbb; }

.md-form-0 .form .ipt:-ms-input-placeholder, .md-form-0 .form .select:-ms-input-placeholder { color: #bbb; }

.md-form-0 .form .ipt::-ms-input-placeholder, .md-form-0 .form .select::-ms-input-placeholder { color: #bbb; }

.md-form-0 .form .ipt::placeholder, .md-form-0 .form .select::placeholder { color: #bbb; }

.md-form-0 .form .ipt { padding-right: .2rem; }

.md-form-0 .form .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(?static/home/images/i-5.png) no-repeat right 0.2rem center/0.12rem; padding-right: .32rem; color: #bbb; }

.md-form-0 .form .select:valid { color: #333; }

@media (max-width: 1400px) { .md-form-0 .form .select { background-size: 10px; } }

.md-form-0 .form .btn { border: none; width: 100%; height: .42rem; min-height: 35px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; padding: 0 .1rem; margin-top: .1rem; cursor: pointer; }

.md-form-0 .form .btn:hover { background-color: #aa9a76; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px -5px #d4c193; box-shadow: 0 10px 10px -5px #d4c193; }

@media (max-width: 1600px) { .md-form-0 .form .ipt { height: 35px; line-height: 35px; } }

@media (max-width: 900px) { .md-form-0 { padding: 10% 0; }
  .md-form-0 .w1440 { display: block; }
  .md-form-0 .text { padding-top: 0; text-align: center; }
  .md-form-0 .form { width: 100%; max-width: 500px; min-width: auto; margin: .3rem auto 0; } }

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

.md-home-banner .swiper-container { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; min-height: 4.9rem; }

.md-home-banner .swiper-slide .img { height: 100%; }

.md-home-banner .controls { position: absolute; left: 2.4rem; bottom: .5rem; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-banner .controls .swiper-pagination { position: static; width: .9rem; height: 2px; background: rgba(255, 255, 255, 0.3); margin: 0 .18rem; }

.md-home-banner .controls .swiper-pagination-progressbar { background: #fff; }

.md-home-banner .form { position: relative; z-index: 3; margin-left: auto; margin-right: 2.4rem; width: 3.6rem; }

@media (max-width: 1600px) { .md-home-banner .form { margin-right: 5%; } }

@media (max-width: 1100px) { .md-home-banner .swiper-slide .img { background-position: left -2.5rem center; } }

@media (max-width: 900px) { .md-home-banner { padding-top: 0; }
  .md-home-banner .swiper-container { position: relative; min-height: auto; }
  .md-home-banner .controls { left: 5%; }
  .md-home-banner .swiper-slide .img { padding-top: 55%; background-position: left 20% center; height: auto; }
  .md-home-banner .form { margin: .2rem auto 0; width: 100%; max-width: 400px; } }

/* --------------------------------------------------------------------- */
/* 案例列表 */
/* --------------------------------------------------------------------- */
.md-case-0 { padding-top: .54rem; }

.md-case-0 .c-title { padding: 0 .2rem .56rem; border-bottom: 1px solid #eee; }

.md-case-0 .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-case-0 .lf { width: calc(560 / 1920 * 100%); padding-top: .55rem; padding-bottom: 1.06rem; background-color: #f8f9fb; }

.md-case-0 .lf .close { display: none; }

.md-case-0 .lf .m-more { margin-top: .33rem; }

.md-case-0 .lf .m-more:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); }

.md-case-0 .lf-cnt { width: 3.2rem; margin-left: auto; }

@media (max-width: 1920px) { .md-case-0 .lf-cnt { width: 320px; max-width: 90%; } }

.md-case-0 .cat { padding-right: 1em; }

.md-case-0 .cat-1 { margin-bottom: .44rem; }

.md-case-0 .cat-1-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-case-0 .cat-1-link .icon { width: .34rem; min-width: 26px; margin-right: .19rem; }

.md-case-0 .cat-2 { display: block; padding: .073rem 0; padding-left: .25rem; background: url(?static/home/images/i-cor.png) no-repeat left center/5px; margin-bottom: 0; line-height: 1.5; }

.md-case-0 .cat-2.on { color: #c30d23; background-image: url(?static/home/images/i-cor-1.png); }

.md-case-0 .cat-2:hover { color: #c30d23; }

.md-case-0 .cat-2-list { margin-left: .25rem; margin-top: .14rem; }

.md-case-0 .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: .4rem; background: url(?static/home/images/bg-3.png) no-repeat right top; }

.md-case-0 .rg-cnt { width: 11.1rem; max-width: 100%; }

@media (max-width: 1920px) { .md-case-0 .rg-cnt { width: 1110px; } }

.md-case-0 .label .item { background-color: #f6f6f6; min-width: 1.65rem; min-height: .48rem; text-align: center; line-height: 1.5; padding: .75em .5em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-right: .18rem; margin-bottom: .2rem; }

.md-case-0 .label .item:hover { color: #c30d23; }

.md-case-0 .label .item.on { background-color: #c30d23; color: #fff; }

.md-case-0 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-case-0 .list .li { width: calc(340 / 1110 * 100%); margin-right: calc(30 / 1110 * 100%); margin-top: .2rem; }

.md-case-0 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-case-0 .list .li:hover .tit { color: #c30d23; }

.md-case-0 .list .img { padding-top: calc(230 / 340 * 100%); background-color: #eee; }

.md-case-0 .list .tit { margin: .16rem 0; line-height: 1.5; text-align: center; }

.md-case-0 .swiper-container { padding-bottom: .3rem; }

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

.md-case-0 .swiper-pagination-bullet { width: .1rem; height: .1rem; min-width: 8px; min-height: 8px; }

.md-case-0 .swiper-pagination-bullet-active { background-color: #c30d23; }

.md-case-0 .data-item { display: none; }

.md-case-0 .data-item.on { display: block; }

.md-case-0 .wap-btn { display: none; }

@media (max-width: 900px) { .md-case-0 .row { display: block; }
  .md-case-0 .lf { padding: 0; visibility: hidden; background: none !important; }
  .md-case-0 .lf .mask { position: fixed; left: 0; top: 0; z-index: 21; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: none; }
  .md-case-0 .lf-cnt { position: fixed; left: 0; bottom: 0; z-index: 22; width: 100%; max-width: 100%; height: 60%; overflow: auto; background: #f8f9fb url(../images/bg-2.jpg) no-repeat center/cover; margin: 0; padding: 0 20px 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
  .md-case-0 .lf .close { position: -webkit-sticky; position: sticky; top: 0; width: 35px; height: 35px; line-height: 35px; background-color: #d4c193; color: #fff; text-align: center; margin-left: auto; margin-right: -20px; display: block; }
  .md-case-0 .lf.show { visibility: visible; }
  .md-case-0 .lf.show .mask { display: block; }
  .md-case-0 .lf.show .lf-cnt { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .md-case-0 .cat { padding: 0; }
  .md-case-0 .rg { width: 100%; }
  .md-case-0 .label .item { padding: .5em; }
  .md-case-0 .list { margin-right: -20px; }
  .md-case-0 .list .li { margin-right: 20px; width: calc((100% - 60px) / 3); }
  .md-case-0 .wap-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5%; }
  .md-case-0 .wap-btn .more { color: #c30d23; border: 1px solid #c30d23; padding: .5em; margin-left: auto; } }

@media (max-width: 600px) { .md-case-0 .label { margin-right: -10px; }
  .md-case-0 .label .item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 10px; margin-bottom: 10px; }
  .md-case-0 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 0; }
  .md-case-0 .list .li { margin-right: 0; width: 49%; } }

/* --------------------------------------------------------------------- */
/* 轮播箭头 */
/* --------------------------------------------------------------------- */
.m-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-arrow .btn { width: 0.46rem; height: .46rem; min-width: 30px; min-height: 30px; background-color: #c30d23; background-position: center; background-repeat: no-repeat; background-size: .09rem; margin-left: .2rem; cursor: pointer; }

.m-arrow .btn-prev { background-image: url(?static/home/images/i-left-3.png); }

.m-arrow .btn-next { background-image: url(?static/home/images/i-right-6.png); margin-left: .2rem; }

.m-arrow .btn.swiper-button-disabled { background-color: #bbbbbb; cursor: auto; }

.pswp__bg { background: rgba(0, 0, 0, 0.7); }

.m-form { padding: .24rem .4rem .38rem; }

.m-form .tit { margin-bottom: .27rem; }

.m-form .form-item { background-color: #f6f6f6; margin-bottom: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-form .form-item .icon { width: .18rem; min-width: 14px; margin-left: .24rem; margin-right: .18rem; }

@media (max-width: 1920px) { .m-form .form-item { margin-bottom: 10px; } }

.m-form .c-select { display: block; }

.m-form .c-select__hd { background: #f6f6f6 url(?static/home/images/i-5.png) no-repeat right 0.2rem center/0.12rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-form .c-select__hd span { color: #bbb; }

.m-form .c-select__hd span.has-value { color: #333; }

.m-form .ipt, .m-form .select { height: .42rem; min-height: 35px; line-height: .42rem; border: none; background: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; font-family: inherit; font-size: inherit; outline: none; }

.m-form .ipt::-webkit-input-placeholder, .m-form .select::-webkit-input-placeholder { color: #bbb; }

.m-form .ipt:-ms-input-placeholder, .m-form .select:-ms-input-placeholder { color: #bbb; }

.m-form .ipt::-ms-input-placeholder, .m-form .select::-ms-input-placeholder { color: #bbb; }

.m-form .ipt::placeholder, .m-form .select::placeholder { color: #bbb; }

.m-form .ipt { padding-right: .2rem; }

.m-form .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(?static/home/images/i-5.png) no-repeat right 0.2rem center/0.12rem; padding-right: .32rem; color: #bbb; }

.m-form .select:valid { color: #333; }

@media (max-width: 1400px) { .m-form .select { background-size: 10px; } }

.m-form .btn { border: none; width: 100%; height: .42rem; min-height: 35px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; padding: 0 .1rem; margin-top: .1rem; cursor: pointer; }

.m-form .btn:hover { background-color: #aa9a76; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px -5px #d4c193; box-shadow: 0 10px 10px -5px #d4c193; }

.md-pop-1 { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; }

.md-pop-1.show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-pop-1.show .main { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }

.md-pop-1 .mask { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.md-pop-1 .main { width: 3.6rem; min-width: 300px; position: relative; z-index: 2; }

.md-pop-1 .close { width: .4rem; min-width: 30px; height: .4rem; min-height: 30px; border: solid 1px #ffffff; border-radius: 50%; background: url(?static/home/images/i-close.png) no-repeat center/0.16rem; cursor: pointer; margin: .2rem auto 0; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

[data-ani=fade-in].ani { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

@-webkit-keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

[data-ani=zoom-in].ani { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

[data-original] { min-height: 10px; }

@-webkit-keyframes mouse-move { 0% { margin-bottom: 0; }
  100% { margin-bottom: .1rem; } }

@keyframes mouse-move { 0% { margin-bottom: 0; }
  100% { margin-bottom: .1rem; } }

@-webkit-keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide-right { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes ball { 0% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  12.5% { left: 25%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  25% { left: 50%;
    top: 100%;
    -webkit-transform: translateY(0) scale(1.2);
            transform: translateY(0) scale(1.2);
    z-index: 3; }
  37.5% { left: 75%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  50% { left: 100%;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  62.5% { left: 75%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  75% { left: 50%;
    top: 0;
    -webkit-transform: translateY(0) scale(0.8);
            transform: translateY(0) scale(0.8); }
  87.5% { left: 25%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  100% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes ball { 0% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  12.5% { left: 25%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  25% { left: 50%;
    top: 100%;
    -webkit-transform: translateY(0) scale(1.2);
            transform: translateY(0) scale(1.2);
    z-index: 3; }
  37.5% { left: 75%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  50% { left: 100%;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  62.5% { left: 75%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  75% { left: 50%;
    top: 0;
    -webkit-transform: translateY(0) scale(0.8);
            transform: translateY(0) scale(0.8); }
  87.5% { left: 25%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  100% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@-webkit-keyframes rotate_1 { 0% { -webkit-transform: rotate(0); transform: rotate(0);
    height: 50%; }
  25% { -webkit-transform: rotate(90deg); transform: rotate(90deg);
    height: calc(12.16rem / 2); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg);
    height: 50%; }
  75% { -webkit-transform: rotate(270deg); transform: rotate(270deg);
    height: calc(12.16rem / 2); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
    height: 50%; } }

@keyframes rotate_1 { 0% { -webkit-transform: rotate(0); transform: rotate(0);
    height: 50%; }
  25% { -webkit-transform: rotate(90deg); transform: rotate(90deg);
    height: calc(12.16rem / 2); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg);
    height: 50%; }
  75% { -webkit-transform: rotate(270deg); transform: rotate(270deg);
    height: calc(12.16rem / 2); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
    height: 50%; } }

@-webkit-keyframes turn_1 { from { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); }
  to { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); } }

@keyframes turn_1 { from { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); }
  to { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); } }

/* 头部 */
.md-header { position: relative; z-index: 10; }

.md-header .head-1 .cnt { padding: .18rem 0 .3rem; border-bottom: 1px solid #eee; }

.md-header .head-1 .lf { padding-top: .07rem; margin-right: auto; }

.md-header .head-1 .rg { position: relative; }

.md-header .logo img { max-height: 1rem; height: .74rem; }

.md-header .slogan { margin-left: .3rem; }

.md-header .slogan .t1 { margin-top: .02rem; }

.md-header .slogan .t2 { margin-top: .03rem; }

.md-header .links { padding-right: 2em; }

.md-header .links .link:after { content: '|'; margin: 0 .54em; color: #bbb; }

.md-header .links .link:last-child:after { display: none; }

.md-header .links .link:hover { color: #c30d23; }

.md-header .h-search { position: absolute; right: 0; top: 0; }

.md-header .h-search .icon { width: .18rem; height: .18rem; min-width: 18px; min-height: 18px; background-image: url(?static/home/images/i-search.png); }

.md-header .h-tel { margin-top: .2rem; }

.md-header .h-tel img { width: .29rem; min-width: 20px; margin-right: .12rem; }

.md-header .h-tel:hover { color: #c30d23; }

.md-header .nav-btn { display: none; position: relative; z-index: 12; width: 32px; padding: 5px; margin-left: .2rem; }

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

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

@media (min-width: 1099px) { .md-header .panel { position: absolute; left: 0; top: 100%; z-index: 2; -webkit-transform: translateY(0.5rem); -ms-transform: translateY(0.5rem); transform: translateY(0.5rem); visibility: hidden; opacity: 0; }
  .md-header .panel-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 11.3rem; background: #fff; padding: .39rem 0 .33rem; -webkit-box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.09); }
  .md-header .panel .cat-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .6rem; padding-right: .5rem; border-right: 1px solid #eee; }
  .md-header .panel .cat-1:nth-child(1) { -ms-flex-preferred-size: 4.13rem; flex-basis: 4.13rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .md-header .panel .cat-1:nth-child(2) { -ms-flex-preferred-size: 3.54rem; flex-basis: 3.54rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .md-header .panel .cat-1:hover { color: #c30d23; }
  .md-header .panel .cat-1-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-header .panel .icon { width: .24rem; min-width: 14px; height: .24rem; min-height: 14px; -o-object-fit: contain; object-fit: contain; margin-right: .2rem; }
  .md-header .panel .cat-2-list { margin-top: .18rem; margin-left: .43rem; }
  .md-header .panel .cat-2 { display: block; line-height: 1.5; padding: .05rem 0; position: relative; background-repeat: no-repeat; background-position: right center; background-size: .07rem auto; margin-bottom: .02rem; }
  .md-header .panel .cat-2:last-of-type { margin-bottom: 0; }
  .md-header .panel .cat-2:after { content: ''; position: absolute; left: 0; bottom: 0; background: #c30d23; width: 0; height: 1px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .panel .cat-2:hover { color: #c30d23; background-image: url(?static/home/images/i-right2.png); font-family: 'AlibabaPuHuiTi-Medium', sans-serif; }
  .md-header .panel .cat-2:hover:after { width: 100%; }
  .md-header .h-solution { position: absolute; left: 50%; top: 100%; background: #fff; width: 10.26rem; -webkit-transform: translate(-50%, 0.5rem); -ms-transform: translate(-50%, 0.5rem); transform: translate(-50%, 0.5rem); visibility: hidden; opacity: 0; padding: .27rem 0 .51rem; -webkit-columns: 3; columns: 3; -webkit-box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.07); }
  .md-header .h-solution:before { content: ''; position: absolute; left: 33%; top: .45rem; bottom: .65rem; width: 1px; background: #eee; margin: auto; }
  .md-header .h-solution:after { content: ''; position: absolute; right: 33%; top: .45rem; bottom: .65rem; width: 1px; background: #eee; margin: auto; }
  .md-header .h-solution .article { margin: .067rem 0; padding: 0 .7rem; }
  .md-header .h-solution .article a { display: block; padding: .11rem 0; position: relative; background-repeat: no-repeat; background-position: right center; background-size: .07rem auto; }
  .md-header .h-solution .article a:after { content: ''; position: absolute; left: 0; bottom: 0; background: #c30d23; width: 0; height: 1px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .h-solution .article a:hover { color: #c30d23; background-image: url(?static/home/images/i-right2.png); font-family: 'AlibabaPuHuiTi-Medium', sans-serif; }
  .md-header .h-solution .article a:hover:after { width: 100%; } }

@media (min-width: 1099px) and (max-width: 1500px) { .md-header .h-solution .article { padding: 0 .3rem; }
  .md-header .h-solution .article a { background-size: 5px; } }

@media (min-width: 1099px) { .md-header .nav { position: relative; }
  .md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-header .nav .li1 { position: relative; }
  .md-header .nav .li1:last-child .a1:before { display: none; }
  .md-header .nav .li1.on .a1 { color: #c30d23; }
  .md-header .nav .li1.on .a1:after { width: 100%; }
  .md-header .nav .li1:hover .a1 { color: #c30d23; }
  .md-header .nav .li1:hover .a1:after { width: 100%; }
  .md-header .nav .li1:hover .ul2-wrap { display: block; visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .li1:hover .panel { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .li1:hover .h-solution { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); visibility: visible; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .li1:hover .panel + .ul2-wrap { display: none; }
  .md-header .nav .li1-panel { position: static; }
  .md-header .nav .a1 { display: block; line-height: calc(66 / 20 * 1em); position: relative; }
  .md-header .nav .a1:after { content: ''; position: absolute; left: 0; bottom: 0; background: #c30d23; height: .03rem; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .ul2-wrap { position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0.5rem); -ms-transform: translate(-50%, 0.5rem); transform: translate(-50%, 0.5rem); width: 12em; text-align: center; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -1px 0px 0px #eeeeee, 0px 0.49rem 0.49rem 0px rgba(0, 0, 0, 0.07); }
  .md-header .nav .ul2 { background: #fff; color: #000; display: block; position: relative; }
  .md-header .nav .a2 { display: block; padding: .7em .5em; }
  .md-header .nav .a2:hover { background-color: #c30d23; color: #fff; }
  .md-header.sticky .head-2 { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; -webkit-box-shadow: 0 0 10px 0 #eee; box-shadow: 0 0 10px 0 #eee; } }

@media (max-width: 1100px) { .md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; }
  .md-header .head-1 .cnt { padding: 10px 0; border: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-header .head-1 .lf { padding: 0; }
  .md-header .head-1 .rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-header .slogan { display: none; }
  .md-header .links { display: none; }
  .md-header .h-tel { margin-top: 0; }
  .md-header .nav-btn { display: block; }
  .md-header .panel { display: none; padding-left: 25px; }
  .md-header .panel .cat-1 { padding: 10px 0; }
  .md-header .panel .cat-1-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-header .panel .icon { width: 20px; margin-right: 5px; }
  .md-header .panel .cat-2-list { margin-top: 10px; margin-left: 25px; }
  .md-header .panel .cat-2 { display: block; padding: 5px 0; margin-bottom: 3px; }
  .md-header .h-search { position: static; margin: 0 .1rem 0 .3rem; }
  .md-header .h-solution { display: none; }
  .md-header .h-solution .article { color: #666; border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .md-header .h-solution .article a { display: block; padding: 10px 10px 10px 30px; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 1.3rem; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); display: block; }
  .md-header .nav .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1.show .ul2 { display: block; }
  .md-header .nav .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1.show .panel { display: block; }
  .md-header .nav .li1.show .h-solution { display: block; }
  .md-header .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; }
  .md-header .nav .a1 { display: block; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-header .nav .mbtn { width: 30px; height: 30px; background: url(?static/home/images/i-cor-2.png) no-repeat center; margin-left: 20px; }
  .md-header .nav .ul2 { display: none; color: #666; }
  .md-header .nav .li2 { border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .md-header .nav .a2 { display: block; padding: 13px 10px 13px 30px; }
  .md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }
  .md-header.open .nav-btn span { background-color: #000; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav { margin: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .li1 { margin-right: 0; }
  .md-header.open .nav .mask { display: block; } }

@media (max-width: 500px) { .md-header .h-tel { font-size: 0; } }

/* 搜索 */
.md-search .mask { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }

.md-search .main { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; padding: .5rem 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-search .form { width: 6rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #999; padding-bottom: .1rem; }

.md-search .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; font-size: inherit; }

.md-search .form .btn { border: none; background: #c30d23; height: .5rem; width: .5rem; min-width: 40px; min-height: 40px; border-radius: 50%; cursor: pointer; font-size: 0; }

.md-search .form .btn img { width: .23rem; min-width: 20px; }

.md-search.show .main { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-search.show .mask { display: block; }

@media (max-width: 1920px) { .md-search .form { width: 600px; max-width: 90%; } }

.md-consult-0 { padding: .65rem 0 .7rem; }

.md-consult-0 .t2 { margin-top: .2rem; }

.md-consult-0 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: .6rem; min-width: 1.8rem; padding: .15rem .2rem; margin-top: .38rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-consult-0 .btn img { width: .23rem; min-width: 16px; margin-right: .2rem; }

.md-consult-0 .btn:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); box-shadow: 0 10px 10px -5px rgba(195, 13, 35, 0.5); }

.md-consult-0 .btn:active { -webkit-transform: translateY(-10%) scale(0.95); -ms-transform: translateY(-10%) scale(0.95); transform: translateY(-10%) scale(0.95); }

@media (max-width: 500px) { .md-consult-0 .t1 { font-size: 17px; }
  .md-consult-0 .t2 { font-size: 14px; }
  .md-consult-0 .btn { width: 200px; max-width: 100%; padding: .8em; } }

.md-footer { background-color: #efefef; }

.md-footer a:hover { color: #c30d23; }

.md-footer .foot-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1.87rem; padding: .3rem 0; border-bottom: 1px solid #ddd; }

.md-footer .logo { margin-top: 2px; }

.md-footer .logo img { height: .65rem; max-height: calc(1.87rem - .6rem); }

.md-footer .f-tel { margin-top: .05rem; }

.md-footer .f-tel .t2 { margin-top: .1rem; }

.md-footer .foot-2 { border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.265rem 0; }

.md-footer .foot-2 .icon { width: 0.2rem; min-width: 14px; margin-right: .31rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-footer .foot-2 .tit { margin-right: .3rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-footer .foot-2 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-footer .foot-2 .list .swiper-container { width: 100%; }

.md-footer .foot-2 .list .swiper-slide { width: auto; margin-right: 1.1em; }

.md-footer .foot-2 .list .swiper-slide:last-of-type { margin-right: 0; }

.md-footer .foot-2 .list .arrow { width: .09rem; height: .16rem; min-width: 9px; min-height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; }

.md-footer .foot-2 .list .arrow-prev { background-image: url(?static/home/images/i-left.png); margin-right: .09rem; }

.md-footer .foot-2 .list .arrow-next { background-image: url(?static/home/images/i-right.png); margin-left: .09rem; }

.md-footer .foot-2 .list .swiper-button-disabled { opacity: 0; cursor: auto; }

.md-footer .foot-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; padding-top: .56rem; padding-bottom: .4rem; min-height: 4.05rem; }

.md-footer .contact { width: calc(480 / 1440 * 100%); padding-right: .2rem; }

.md-footer .contact .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .16rem; }

.md-footer .contact .t1 { width: .22rem; min-width: 14px; margin-right: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-footer .contact .t1 img { width: 100%; }

.md-footer .contact .t2 { line-height: calc(21 / 16 * 1em); }

.md-footer .contact .code { margin-top: .35rem; }

.md-footer .contact .code img { width: 1rem; min-width: 80px; }

.md-footer .nav { margin-top: .03rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-footer .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-footer .nav .ul2 { margin-top: .27rem; max-width: 8em; color: #888; }

.md-footer .nav .li2 { margin-bottom: .17rem; }

.md-footer .nav .li2:last-of-type { margin-bottom: 0; }

.md-footer .foot-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 2; padding: .14rem 0; }

@media (max-width: 900px) { .md-footer .foot-3 { display: block; }
  .md-footer .contact { width: 100%; padding-right: 0; }
  .md-footer .nav { margin-left: 0; }
  .md-footer .nav .ul1 { display: block; }
  .md-footer .nav .li1 { margin-top: 15px; }
  .md-footer .nav .ul2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; max-width: none; }
  .md-footer .nav .li2 { margin-right: 1em; margin-bottom: 5px; }
  .md-footer .foot-4 { display: block; }
  .md-footer .copy { display: block; }
  .md-footer .bei { display: block; } }

.md-side { position: fixed; right: 0; bottom: 6%; z-index: 5; -webkit-box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.16); }

.md-side .item { position: relative; border-top: 1px solid #ebebeb; }

.md-side .item:first-child { border: none; }

.md-side .item:hover .hd { background: #c30d23; color: #fff; }

.md-side .item:hover .hd .i-1 { display: none; }

.md-side .item:hover .hd .i-2 { display: inline; }

.md-side .item:hover .bd { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .md-side .item:hover .bd { /* IE10+ CSS styles go here */ display: block; } }

.md-side .hd { display: block; width: .7rem; min-width: 4.2em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; padding: .13rem 0; background: #fff; }

.md-side .hd img { width: .2rem; height: .2rem; min-width: 16px; min-height: 16px; -o-object-fit: contain; object-fit: contain; }

.md-side .hd .i-2 { display: none; }

.md-side .hd p { margin-top: .04rem; }

.md-side .bd { position: absolute; right: 100%; top: 0; background: #fff; min-height: 100%; padding: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-shadow: 0rem 0rem 0.57rem 0rem rgba(51, 51, 51, 0.16); box-shadow: 0rem 0rem 0.57rem 0rem rgba(51, 51, 51, 0.16); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 200px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .md-side .bd { /* IE10+ CSS styles go here */ white-space: nowrap; max-width: none; } }

.md-side .bd img { max-width: 120px; }

@media (max-width: 500px) { .md-side .hd { opacity: .8; } }

/* --------------------------------------------------------------------- */
/* 数据 */
/* --------------------------------------------------------------------- */
.md-home-1 { padding: .35rem 0; }

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

.md-home-1 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: .07rem; }

.md-home-1 .list .row-1 .num { vertical-align: text-bottom; }

.md-home-1 .list .icon { width: .3rem; min-width: 20px; height: .3rem; min-height: 20px; -o-object-fit: contain; object-fit: contain; margin-right: .2rem; margin-top: .15rem; }

.md-home-1 .list .tit { margin-top: .08rem; max-width: 12em; }

@media (max-width: 900px) { .md-home-1 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-1 .list .li { width: 50%; margin-bottom: 5%; } }

/* --------------------------------------------------------------------- */
/* 智能化工程分类 */
/* --------------------------------------------------------------------- */
.md-home-2 { padding-top: .73rem; padding-bottom: .97rem; }

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

.md-home-2 .list .li { position: relative; width: calc(460 / 1440 * 100%); margin-right: calc(30 / 1440 * 100%); margin-top: .3rem; }

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

.md-home-2 .list .li.on .c-pic:after, .md-home-2 .list .li:hover .c-pic:after { height: 100%; background: rgba(0, 0, 0, 0.5); }

.md-home-2 .list .li.on .img, .md-home-2 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-2 .list .li.on .text, .md-home-2 .list .li:hover .text { top: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-2 .list .li.on .text:before, .md-home-2 .list .li:hover .text:before { opacity: 1; left: .2rem; right: 0.2rem; top: .2rem; bottom: .2rem; }

.md-home-2 .list .li.on .tit, .md-home-2 .list .li:hover .tit { margin-bottom: .23rem; }

.md-home-2 .list .li.on .icon, .md-home-2 .list .li:hover .icon { display: none; }

.md-home-2 .list .li.on .intro, .md-home-2 .list .li:hover .intro { display: block; }

.md-home-2 .list .li.on .arrow, .md-home-2 .list .li:hover .arrow { display: block; }

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

.md-home-2 .list .c-pic { position: relative; }

.md-home-2 .list .c-pic:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); }

.md-home-2 .list .img { padding-top: calc(340 / 460 * 100%); }

.md-home-2 .list .text { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; }

.md-home-2 .list .text:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: 1px solid #d4c193; opacity: 0; }

.md-home-2 .list .text-cnt { width: 100%; position: relative; z-index: 3; }

.md-home-2 .list .tit { margin-bottom: .28rem; font-weight: normal; }

.md-home-2 .list .icon { height: .34rem; margin-right: .05rem; }

.md-home-2 .list .intro { line-height: calc(24 / 16 * 1em); display: none; padding: 0 .8rem; }

.md-home-2 .list .arrow { width: .46rem; height: .46rem; background: #c30d23 url(?static/home/images/i-right3.png) no-repeat center/0.09rem; margin: .35rem auto 0; display: none; }

@media (max-width: 900px) { .md-home-2 .list { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-home-2 .list .li { width: 100%; margin-right: 0; }
  .md-home-2 .list .li .c-pic:after { height: 100%; background: rgba(0, 0, 0, 0.5); }
  .md-home-2 .list .li .text { top: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-home-2 .list .li .text:before { opacity: 1; left: .2rem; right: 0.2rem; top: .2rem; bottom: .2rem; }
  .md-home-2 .list .li .tit { margin-bottom: .23rem; }
  .md-home-2 .list .li .icon { display: block !important; min-height: 22px !important; }
  .md-home-2 .list .li .intro { display: block; }
  .md-home-2 .list .li .arrow { display: block; } }

/* --------------------------------------------------------------------- */
/* 解决方案列表 */
/* --------------------------------------------------------------------- */
.md-home-3 { padding: .75rem .4rem .39rem; }

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

.md-home-3 .list .li { margin-right: calc(10 / 1840 * 100%); position: relative; margin-bottom: .1rem; }

.md-home-3 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-3 .list .li:hover .tit, .md-home-3 .list .li.on .tit { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); bottom: .27rem; }

.md-home-3 .list .li:hover:after, .md-home-3 .list .li.on:after { height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); }

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

.md-home-3 .list .tit { position: absolute; left: 0; bottom: 50%; z-index: 2; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); font-weight: normal; font-size: inherit; }

@media (min-width: 1099px) { .md-home-3 .list .li { width: calc(360 / 1840 * 100%); }
  .md-home-3 .list .li:nth-of-type(5n) { margin-right: 0; } }

@media (max-width: 1100px) { .md-home-3 .list .li { width: calc(606 / 1840 * 100%); }
  .md-home-3 .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 700px) { .md-home-3 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-home-3 .list .li { width: 49%; margin-right: 0; margin-bottom: 2%; }
  .md-home-3 .list .li:after { background: rgba(0, 0, 0, 0.3); } }

/* --------------------------------------------------------------------- */
/* 流程 */
/* --------------------------------------------------------------------- */
.md-home-4 { padding-top: .73rem; padding-bottom: .6rem; }

.md-home-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-top: .53rem; }

.md-home-4 .list:before { content: ''; position: absolute; top: .45rem; left: .1rem; right: .1rem; margin: auto; border-top: 1px dashed #cbcbcb; }

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

.md-home-4 .list .li:hover .icon:before { background-color: #c30d23; }

.md-home-4 .list .icon { width: 0.9rem; height: 0.9rem; margin-left: auto; margin-right: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-4 .list .icon:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-radius: .28rem; width: 83%; height: 83%; background: #d4c193; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-4 .list .icon img { position: relative; z-index: 2; width: 44.44%; height: 44.44%; -o-object-fit: contain; object-fit: contain; }

.md-home-4 .list .tit { margin-top: .29rem; }

@media (max-width: 900px) { .md-home-4 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .md-home-4 .list:before { display: none; }
  .md-home-4 .list .li { width: 33%; }
  .md-home-4 .list .li:nth-of-type(3n+1) .pic:before { display: none; }
  .md-home-4 .list .li:nth-of-type(3n+3) .pic:after { display: none; }
  .md-home-4 .list .li:last-of-type .pic:after { display: none; }
  .md-home-4 .list .pic { position: relative; }
  .md-home-4 .list .pic:before, .md-home-4 .list .pic:after { content: ''; position: absolute; top: 50%; border-top: 1px dashed #cbcbcb; width: 50%; }
  .md-home-4 .list .pic:before { left: 0; }
  .md-home-4 .list .pic:after { right: 0; }
  .md-home-4 .list .icon { width: 50px; height: 50px; } }

/* --------------------------------------------------------------------- */
/* 关于我们 */
/* --------------------------------------------------------------------- */
.md-home-5 { padding-top: 1rem; padding-bottom: 1rem; }

.md-home-5 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-5 .row-1 .text { width: calc(670 / 1440 * 100%); padding-right: .95rem; }

.md-home-5 .row-1 .intro { margin-top: .29rem; line-height: calc(30 / 16 * 1em); }

.md-home-5 .row-1 .m-more { margin-top: .53rem; }

.md-home-5 .row-1 .img { width: calc(770 / 1440 * 100%); }

.md-home-5 .row-1 .img img { display: block; width: 100%; }

.md-home-5 .row-2 { margin-top: .4rem; position: relative; }

.md-home-5 .row-2 .img { padding-top: calc(240 / 345 * 100%); }

.md-home-5 .row-2 .btn { position: absolute; top: 50%; width: .46rem; height: .46rem; background-color: #c30d23; background-repeat: no-repeat; background-position: center; background-size: .09rem; background-image: url(?static/home/images/i-right3.png); cursor: pointer; }

.md-home-5 .row-2 .btn-prev { -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg); left: -.86rem; }

.md-home-5 .row-2 .btn-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -.86rem; }

.md-home-5 .row-2 .btn.swiper-button-disabled { opacity: .5; cursor: auto; }

@media (max-width: 1600px) { .md-home-5 .row-2 .btn-prev { left: -.5rem; }
  .md-home-5 .row-2 .btn-next { right: -.5rem; } }

@media (max-width: 900px) { .md-home-5 .row-1 { display: block; }
  .md-home-5 .row-1 .text { width: 100%; padding: 0; }
  .md-home-5 .row-1 .img { width: 100%; margin-top: 5%; }
  .md-home-5 .row-2 .swiper-container { margin-left: 30px; margin-right: 30px; }
  .md-home-5 .row-2 .btn { width: 26px; height: 26px; }
  .md-home-5 .row-2 .btn-prev { left: -10px; }
  .md-home-5 .row-2 .btn-next { right: -10px; } }

/* --------------------------------------------------------------------- */
/* 优势 */
/* --------------------------------------------------------------------- */
.md-home-6 { background-color: #f8f9fa; padding-top: .73rem; padding-bottom: .68rem; }

.md-home-6 .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .56rem; }

.md-home-6 .list .text { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: .36rem .4rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-6 .list .icon { height: .4rem; }

.md-home-6 .list .tit { margin-top: .23rem; }

.md-home-6 .list .desc { line-height: calc(24 / 16 * 1em); display: none; margin-top: .33rem; }

.md-home-6 .list .li { position: relative; }

.md-home-6 .list .li:after { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-6 .list .li:hover { text-align: center; }

.md-home-6 .list .li:hover:after { opacity: 1; }

.md-home-6 .list .li:hover .text { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-home-6 .list .li:hover .desc { display: -webkit-box; }

.md-home-6 .list .li:hover .tit { margin-top: .11rem; }

.md-home-6 .list .col-1 { width: calc(420 / 1440 * 100%); }

.md-home-6 .list .col-1 .img { padding-top: calc(500 / 420 * 100%); }

.md-home-6 .list .col-1 .li:hover .text { padding: 0 .5rem .55rem; }

.md-home-6 .list .col-2 { width: calc(540 / 1440 * 100%); margin: 0 calc(30 / 1440 * 100%); }

.md-home-6 .list .col-2 .li { margin-bottom: .3rem; }

.md-home-6 .list .col-2 .li:hover .icon { height: .3rem; }

.md-home-6 .list .col-2 .desc { margin-top: .5em; font-size: 14px; line-height: 1.2; }

.md-home-6 .list .col-2 .img { padding-top: calc(235 / 540 * 100%); }

@media (max-width: 900px) { .md-home-6 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
  .md-home-6 .list .text { padding: 10px; }
  .md-home-6 .list .col:nth-of-type(3n+3) { position: absolute; right: 0; top: 0; }
  .md-home-6 .list .col-1 { width: 49%; }
  .md-home-6 .list .col-2 { width: 490%; margin-left: 0; margin-right: 0; margin-top: 2%; }
  .md-home-6 .list .col-2 .li { margin-bottom: 2%; } }

/* --------------------------------------------------------------------- */
/* 荣誉 */
/* --------------------------------------------------------------------- */
.md-home-7 { padding-top: 0.73rem; padding-bottom: .96rem; overflow: hidden; }

.md-home-7 .list { margin-top: .56rem; }

.md-home-7 .list .swiper-container { overflow: visible; }

.md-home-7 .list .swiper-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-home-7 .list .swiper-slide { width: 3rem; margin-right: .56rem; opacity: .3; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.md-home-7 .list .swiper-slide:last-of-type { margin-right: 0; }

.md-home-7 .list .swiper-slide.active { width: 3.7rem; }

.md-home-7 .list .swiper-slide-visible { opacity: 1; }

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

.md-home-7 .list .tit { margin-top: .25rem; }

.md-home-7 .list .controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .55rem; }

.md-home-7 .list .progress { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; margin-right: .27rem; position: relative; background-color: #f7f7f7; }

.md-home-7 .list .progress .bar { position: absolute; left: 0; top: 0; height: 100%; background: #c30d23; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-7 .list .progress .cur { position: absolute; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .28rem; height: .14rem; border-radius: .14rem; background-color: #c30d23; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-7 .list .swiper-pagination { position: static; width: auto; }

/* --------------------------------------------------------------------- */
/* 合作 */
/* --------------------------------------------------------------------- */
.md-home-8 { padding-top: .73rem; padding-bottom: .71rem; background-color: #f8f9fa; overflow: hidden; }

.md-home-8 .c-title { padding: 0 20px; }

.md-home-8 .row { margin-top: .55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-8 .item { width: calc(426 / 1920 * 100vw); margin: 0 calc(32 / 1920 * 100vw); position: relative; }

.md-home-8 .item-bg { padding-top: 100%; background: url(?static/home/images/16.png) no-repeat center/100% 100%; -webkit-animation: turn 10s infinite linear; animation: turn 10s infinite linear; }

.md-home-8 .item-cnt { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: calc(43 / 426 * 100%); right: calc(43 / 426 * 100%); top: calc(43 / 426 * 100%); bottom: calc(43 / 426 * 100%); margin: auto; }

.md-home-8 .item-cnt:after { content: ''; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(36, 9, 12, 0.56); }

.md-home-8 .item-cnt .text { color: #fff; position: relative; z-index: 4; width: 100%; padding-bottom: .04rem; }

.md-home-8 .item-cnt .t2 { margin-top: .1rem; line-height: calc(30 / 20 * 1em); }

.md-home-8 .col { width: calc(180 / 1920 * 100vw); margin: 0 calc(15 / 1920 * 100vw); }

.md-home-8 .icon { display: block; background: #fff; margin-bottom: calc(30 / 1920 * 100vw); }

.md-home-8 .icon:last-of-type { margin-bottom: 0; }

.md-home-8 .icon .img { padding-top: calc(100 / 180 * 100%); }

.md-home-8 .icon:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-8 .col-first .icon { position: relative; }

.md-home-8 .col-first .icon:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0.5)), to(transparent)); background-image: -o-linear-gradient(left, rgba(247, 247, 247, 0.5), transparent); background-image: linear-gradient(to right, rgba(247, 247, 247, 0.5), transparent); }

.md-home-8 .col-last .icon { position: relative; }

.md-home-8 .col-last .icon:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(247, 247, 247, 0.5))); background-image: -o-linear-gradient(left, transparent, rgba(247, 247, 247, 0.5)); background-image: linear-gradient(to right, transparent, rgba(247, 247, 247, 0.5)); }

.md-home-8 .row-wap { display: none; margin-top: 5%; }

.md-home-8 .row-wap .item { width: 70%; max-width: 400px; margin: auto; }

.md-home-8 .row-wap .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5%; margin-top: 5%; }

.md-home-8 .row-wap .icon { width: 32%; margin-right: 2%; margin-bottom: 2%; }

.md-home-8 .row-wap .icon:nth-of-type(3n) { margin-right: 0; }

@media (max-width: 900px) { .md-home-8 .row-pc { display: none; }
  .md-home-8 .row-wap { display: block; } }

/* --------------------------------------------------------------------- */
/* 新闻 */
/* --------------------------------------------------------------------- */
.md-home-news { padding-top: .73rem; padding-bottom: 1rem; }

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

.md-home-news .list .li { width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); }

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

.md-home-news .list .li:nth-of-type(3n) { margin-right: 0; -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-home-news .list .cat { position: relative; display: block; }

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

.md-home-news .list .cat .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.md-home-news .list .cat .text-cnt { width: 100%; }

.md-home-news .list .cat .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .13rem; }

.md-home-news .list .cat .more img { width: .09rem; margin-left: .09rem; }

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

.md-home-news .list .cat:hover .text { background: rgba(0, 0, 0, 0.1); }

.md-home-news .list .articles { background: #f8f9fa; padding: .2rem .3rem .1rem .2rem; }

.md-home-news .list .articles .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .11rem; padding: .1rem 0; }

.md-home-news .list .articles .item:before { content: ''; width: 6px; height: 6px; background: #bbbbbb; border-radius: 50%; margin-right: .1rem; }

.md-home-news .list .articles .item:hover::before { background: #c30d23; }

.md-home-news .list .articles .item:hover .tit, .md-home-news .list .articles .item:hover .date { color: #c30d23; }

.md-home-news .list .articles .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 900px) { .md-home-news .list { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-home-news .list .li { width: 100%; margin-right: 0; margin-bottom: 5%; } }

/* --------------------------------------------------------------------- */
/* 热门新闻 */
/* --------------------------------------------------------------------- */
.md-home-hot { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.md-home-hot .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-home-hot .list .item { max-width: 50%; padding: 1em 0; }

.md-home-hot .list .item:hover { color: #c30d23; }

.md-home-hot .list .item:nth-of-type(2n) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-home-hot .list .icon { width: .24rem; min-width: 16px; margin-right: .1rem; }

.md-home-hot .list .t1 { -ms-flex-negative: 0; flex-shrink: 0; }

@media (max-width: 900px) { .md-home-hot .list { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .5em 0; }
  .md-home-hot .list .item { width: 100%; max-width: 100%; padding: .5em 0; }
  .md-home-hot .list .item:nth-of-type(2n) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

/* --------------------------------------------------------------------- */
/* 分类面板 */
/* --------------------------------------------------------------------- */
.md-cat-1 { padding-top: .5rem; padding-bottom: .6rem; }

.md-cat-1 .row { min-height: .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2px; }

.md-cat-1 .row:last-of-type { margin-bottom: 0; }

.md-cat-1 .cat-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(250 / 1440 * 100%); padding-right: .1rem; }

.md-cat-1 .cat-1 img { width: .34rem; margin-right: .19rem; }

.md-cat-1 .cat-2-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #f6f6f6; padding-left: .4rem; padding-top: .2rem; padding-bottom: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-cat-1 .cat-2 { margin-right: .6rem; margin-top: .11rem; margin-bottom: .1rem; }

.md-cat-1 .cat-2:hover { color: #c30d23; }

@media (min-width: 901px) { .md-cat-1 .row-solution .cat-2-list { padding-right: 1rem; padding-top: .13rem; padding-bottom: .16rem; }
  .md-cat-1 .row-solution .cat-2 { min-width: 11.5em; margin-right: 0; } }

@media (max-width: 900px) { .md-cat-1 .row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-cat-1 .cat-1 { width: 100%; padding: 2%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .md-cat-1 .cat-2 { margin-right: 1em; } }

/* --------------------------------------------------------------------- */
/* 新闻列表、详情 */
/* --------------------------------------------------------------------- */
.md-news-1 { background: #f8f9fa; padding-top: .6rem; padding-bottom: .8rem; }

.md-news-1 .w1440 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-news-1 .lf { width: calc(1020 / 1440 * 100%); padding: 0 .4rem .77rem; }

.md-news-1 .rg { width: calc(380 / 1440 * 100%); }

.md-news-1 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; padding: .4rem 0; }

.md-news-1 .list .li:first-child .c-pic { width: calc(483 / 940 * 100%); }

.md-news-1 .list .li:first-child .img { padding-top: calc(279 / 483 * 100%); }

.md-news-1 .list .li:first-child .text { padding-top: .34rem; }

.md-news-1 .list .li:first-child .data { margin-top: .35rem; }

.md-news-1 .list .li:first-child .desc { -webkit-line-clamp: 3; }

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

.md-news-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-1 .list .c-pic { width: calc(320 / 940 * 100%); margin-right: calc(50 / 940 * 100%); }

.md-news-1 .list .img { padding-top: calc(185 / 320 * 100%); }

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

.md-news-1 .list .tit { line-height: calc(30 / 20 * 1em); }

.md-news-1 .list .desc { line-height: calc(26 / 16 * 1em); margin-top: .28rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

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

.md-news-1 .list .data-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .list .data-item img { height: .16rem; min-height: 14px; margin-right: .09rem; }

.md-news-1 .list .date { margin-right: .28rem; }

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

.md-news-1 .m-details { padding-bottom: .1rem; }

.md-news-1 .m-details .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .25rem; }

.md-news-1 .m-details .data-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .m-details .data-item img { height: .16rem; min-height: 14px; margin-right: .09rem; }

.md-news-1 .m-details .date { margin-right: .28rem; }

.md-news-1 .m-details .editor { line-height: 1.875; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: .38rem; padding-top: .26rem; padding-bottom: .54rem; }

.md-news-1 .m-details .editor h2, .md-news-1 .m-details .editor h3, .md-news-1 .m-details .editor h4, .md-news-1 .m-details .editor h5 { color: #c30d23; font-size: calc(12px + 0.08rem); margin: .5em 0; }

.md-news-1 .m-details .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .39rem; }

.md-news-1 .m-details .nav-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-news-1 .m-details .nav-left a { display: block; margin: .11rem 0; }

.md-news-1 .m-details .nav-left a:hover { color: #c30d23; }

.md-news-1 .m-details .nav .m-more { margin-left: auto; }

.md-news-1 .ie-details { padding-top: .48rem; padding-bottom: .5rem; }

.md-news-1 .ie-details .editor { border-top: none; margin-top: 0; padding-top: .18rem; }

@media (max-width: 1000px) { .md-news-1 .w1440 { display: block; }
  .md-news-1 .lf { width: 100%; }
  .md-news-1 .m-details { padding: 0; }
  .md-news-1 .ie-details { padding: 5%; }
  .md-news-1 .rg { width: 100%; margin-top: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md-news-1 .side-cnt { position: static !important; max-height: none !important; }
  .md-news-1 .md-news-card { width: 49%; margin-right: 2%; }
  .md-news-1 .md-news-card:nth-of-type(2n) { margin-right: 0; } }

@media (max-width: 600px) { .md-news-1 .list .li { display: block; }
  .md-news-1 .list .li:first-child .c-pic { width: 100%; }
  .md-news-1 .list .c-pic { width: 100%; }
  .md-news-1 .list .text { padding-top: 5%; }
  .md-news-1 .list .desc { margin-top: 2%; }
  .md-news-1 .rg { display: block; }
  .md-news-1 .md-news-card { width: 100%; margin-right: 0; }
  .md-news-1 .m-details .nav { display: block; }
  .md-news-1 .m-details .nav-left a { margin: 1em 0; } }

/* --------------------------------------------------------------------- */
/* 新闻卡片 */
/* --------------------------------------------------------------------- */
.md-news-card { background: #fff; margin-bottom: .4rem; }

.md-news-card .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: .3rem; padding-top: .27rem; padding-bottom: .25rem; }

.md-news-card .cat-name { position: relative; padding-left: .3rem; }

.md-news-card .cat-name:before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 1em; background: #c30d23; }

.md-news-card .more { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-news-card .more .icon { margin-left: .09rem; width: .07rem; height: .12rem; min-width: 5px; min-height: 10px; background-image: url(?static/home/images/i-right.png); background-repeat: no-repeat; background-position: center; background-size: contain; }

.md-news-card .more:hover { color: #c30d23; }

.md-news-card .more:hover .icon { background-image: url(?static/home/images/i-right2.png); }

.md-news-card .bd { padding: 0 .3rem; }

.md-news-card .bd .img { padding-top: calc(185 / 320 * 100%); }

.md-news-card .bd .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-card .articles { padding: .25rem 0 .31rem; }

.md-news-card .articles .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .106rem; }

.md-news-card .articles .item:last-of-type { margin-bottom: 0; }

.md-news-card .articles .item:before { content: ''; display: inline-block; width: 6px; height: 6px; background: #bbbbbb; border-radius: 50%; margin-right: .1rem; }

.md-news-card .articles .item:hover { color: #c30d23; }

.md-news-card .articles .item:hover::before { background: #c30d23; }

@media (max-width: 600px) { .md-news-card .articles .item { margin-bottom: .7em; } }

/* --------------------------------------------------------------------- */
/* 相关案例 */
/* --------------------------------------------------------------------- */
.md-news-2 { background-color: #f1f2f3; padding-top: .54rem; padding-bottom: .66rem; }

.md-news-2 .hd { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-2 .arrows { margin-left: auto; }

.md-news-2 .arrows .btn { width: 0.46rem; height: .46rem; min-width: 30px; min-height: 30px; background-color: #c30d23; background-position: center; background-repeat: no-repeat; background-size: .09rem; margin-left: .2rem; cursor: pointer; }

.md-news-2 .arrows .btn-prev { background-image: url(?static/home/images/i-left-3.png); }

.md-news-2 .arrows .btn-next { background-image: url(?static/home/images/i-right-6.png); }

.md-news-2 .arrows .btn.swiper-button-disabled { background-color: #bbbbbb; cursor: auto; }

.md-news-2 .list { margin-top: .42rem; }

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

.md-news-2 .list .tit { margin-top: .18rem; text-align: center; }

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

.md-news-2 .list .li:hover .tit { color: #c30d23; }

/* --------------------------------------------------------------------- */
/* 新闻 */
/* --------------------------------------------------------------------- */
.md-news-list { background: #f8f9fa; padding-top: .4rem; padding-bottom: 1.07rem; }

.md-news-list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-list .list .li { width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); }

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

.md-news-list .list .li:nth-of-type(3n) { margin-right: 0; -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-news-list .list .md-news-card .hd { padding-left: .3rem; }

.md-news-list .list .md-news-card .cat-name { padding-left: .25rem; }

.md-news-list .list .md-news-card .more { margin-right: .19rem; }

.md-news-list .list .md-news-card .articles { padding: .2rem 0 .21rem; }

.md-news-list .list .md-news-card .articles .item { padding: .5em 0; margin-bottom: .048rem; }

.md-news-list .list .md-news-card .articles .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 900px) { .md-news-list .list { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-news-list .list .li { width: 100%; margin-right: 0; } }

.md-news-list-2 { background-color: #f1f2f3; padding-top: .8rem; padding-bottom: .8rem; }

.md-news-list-2 .md-news-card .hd { padding-bottom: .28rem; }

/* --------------------------------------------------------------------- */
/* 案例详情图片 */
/* --------------------------------------------------------------------- */
.md-case-2 { background-color: #f8f9fa; padding-top: 0.55rem; }

.md-case-2 .list { margin-top: .45rem; }

.md-case-2 .list .li { float: left; width: calc(330 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); position: relative; margin-bottom: calc(40 / 1440 * 100%); overflow: hidden; }

.md-case-2 .list .li:nth-of-type(9n+1) { width: calc(700 / 1440 * 100%); }

.md-case-2 .list .li:nth-of-type(9n+1) .tit { padding: .2rem .1rem; }

.md-case-2 .list .li:nth-of-type(9n+2), .md-case-2 .list .li:nth-of-type(9n+3) { margin-bottom: calc(30 / 1440 * 100%); }

.md-case-2 .list .li:nth-of-type(9n+3), .md-case-2 .list .li:nth-of-type(9n+5), .md-case-2 .list .li:nth-of-type(9n+9) { margin-right: 0; }

.md-case-2 .list .li:hover .tit { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-case-2 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-case-2 .list .img { background-color: #000; padding-top: calc(220 / 330 * 100%); }

.md-case-2 .list .tit { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; padding: .1rem .1rem; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media (max-width: 900px) { .md-case-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-case-2 .list:after { display: none; }
  .md-case-2 .list .li { width: 49%; margin-right: 0; margin-bottom: 2% !important; }
  .md-case-2 .list .li:nth-of-type(9n+1) { width: 100%; }
  .md-case-2 .list .img { padding-top: calc(220 / 330 * 100%) !important; }
  .md-case-2 .list .tit { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 0.1rem !important; } }

/* --------------------------------------------------------------------- */
/* 案例详情 */
/* --------------------------------------------------------------------- */
.md-case-details { padding: 0 !important; }

.md-case-details .tab { -webkit-box-shadow: 0px 1px 0px 0px #ececec; box-shadow: 0px 1px 0px 0px #ececec; padding: 0 .4rem; background: #fff; max-width: 100%; }

.md-case-details .tab-item { width: auto; margin-right: .4rem; position: relative; line-height: 1.5; padding: 1em 0; cursor: pointer; }

.md-case-details .tab-item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .04rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #c30d23; }

.md-case-details .tab-item:last-of-type { margin-right: 0; }

.md-case-details .tab-item.on { color: #c30d23; }

.md-case-details .tab-item.on:after { width: 100%; }

@media (any-hover: hover) { .md-case-details .tab-item:hover { color: #c30d23; }
  .md-case-details .tab-item:hover:after { width: 100%; } }

.md-case-details .tab.fixed { position: fixed; z-index: 3; }

.md-case-details .cnt-wrap { padding: .22rem .4rem .57rem; padding-right: .5rem; }

.md-case-details .cnt-item { margin-bottom: .14rem; }

.md-case-details .cnt-item:last-of-type { margin-bottom: 0; }

.md-case-details .cnt-tit { padding-top: .2rem; }

.md-case-details .cnt-content { line-height: 1.5; margin-top: .13rem; }

@media (max-width: 900px) { .md-case-details .cnt-wrap { padding: .4rem; } }

/* --------------------------------------------------------------------- */
/* 标签列表 */
/* --------------------------------------------------------------------- */
.md-label-list { margin-top: -.2rem; }

.md-label-list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-label-list .list .li { background: #f6f6f6; line-height: 1.5; padding: .8125em .5em; margin-bottom: .2rem; }

.md-label-list .list .li.on { background: #c30d23; color: #fff; }

.md-label-list .list .li:hover { color: #c30d23; }

@media (min-width: 1201px) { .md-label-list .list .li { width: calc(222 / 1440 * 100%); margin-right: calc(21 / 1440 * 100%); }
  .md-label-list .list .li:nth-of-type(6n) { margin-right: 0; } }

@media (max-width: 1200px) { .md-label-list .list .li { width: 32%; margin-right: 2%; }
  .md-label-list .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 600px) { .md-label-list .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-label-list .list .li { width: 49%; margin-right: 0; } }

/* --------------------------------------------------------------------- */
/* 案例-list */
/* --------------------------------------------------------------------- */
.md-case-list { padding-top: .2rem; padding-bottom: .79rem; }

.md-case-list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-case-list .list .li { width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); margin-bottom: .59rem; }

.md-case-list .list .li:nth-of-type(3n) { margin-right: 0; }

.md-case-list .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-case-list .list .li:hover .tit { color: #c30d23; text-align: center; font-family: 'AlibabaPuHuiTi-Medium', sans-serif; }

.md-case-list .list .img { padding-top: calc(304 / 450 * 100%); }

.md-case-list .list .tit { margin-top: .27rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; }

.md-case-list .c-pagination { margin-top: .1rem; }

@media (max-width: 900px) { .md-case-list .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-case-list .list .li { width: 49%; margin-right: 0; } }

/* --------------------------------------------------------------------- */
/* 方案列表 */
/* --------------------------------------------------------------------- */
.md-solution-list { background: #f8f9fa; padding-top: .52rem; }

.md-solution-list .c-title .desc { margin-top: .26rem; }

.md-solution-list .list { margin-top: .56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-solution-list .list .li { width: calc(330 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); margin-bottom: .38rem; }

.md-solution-list .list .li:nth-of-type(4n) { margin-right: 0; }

.md-solution-list .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-solution-list .list .li:hover .tit { color: #c30d23; }

.md-solution-list .list .img { padding-top: calc(200 / 330 * 100%); }

.md-solution-list .list .tit { margin-top: .19rem; }

@media (max-width: 900px) { .md-solution-list .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-solution-list .list .li { width: 49%; margin-right: 0; } }

/* --------------------------------------------------------------------- */
/* 发展历程 */
/* --------------------------------------------------------------------- */
.md-about-develop { padding-top: .73rem; padding-bottom: 1.2rem; }

.md-about-develop .list { margin-top: .74rem; position: relative; overflow: hidden; margin-left: .28rem; margin-right: .28rem; }

.md-about-develop .list .w1440 { max-width: calc(100% - 1.57rem * 2); }

.md-about-develop .list:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; margin: auto; height: 1px; background: #d4c193; }

.md-about-develop .list .swiper-container { overflow: visible; }

.md-about-develop .list .li { width: 1.57rem; height: 4.5rem; }

.md-about-develop .list .li:nth-of-type(2n) { padding-top: 2.25rem; }

.md-about-develop .list .li:nth-of-type(2n) .text { bottom: auto; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: .09rem; }

.md-about-develop .list .li:nth-of-type(4n+1) .text, .md-about-develop .list .li:nth-of-type(4n+2) .text { height: 1.44rem; }

.md-about-develop .list .li:hover .dot, .md-about-develop .list .li.on .dot { background: #f0e1e3; }

.md-about-develop .list .li:hover .dot:after, .md-about-develop .list .li.on .dot:after { background-color: #c30d23; }

.md-about-develop .list .li:hover .year, .md-about-develop .list .li.on .year { color: #c30d23; }

.md-about-develop .list .li:hover .text:before, .md-about-develop .list .li.on .text:before { background: #c30d23; }

.md-about-develop .list .text { width: 200%; height: 50%; position: absolute; left: 0; bottom: 50%; z-index: 2; padding-left: .44rem; padding-top: .04rem; }

.md-about-develop .list .text:before { content: ''; position: absolute; left: .14rem; bottom: 0; width: 1px; height: 100%; background: #d4c193; }

.md-about-develop .list .dot { position: absolute; left: 0; bottom: 0; top: 50%; z-index: 3; width: .29rem; height: .29rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #f0ede7; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-develop .list .dot:after { content: ''; width: .13rem; height: .13rem; border-radius: 50%; background: #d4c193; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-develop .list .desc { margin-top: .11rem; }

@media (max-width: 900px) { .md-about-develop .list .li { height: 300px; }
  .md-about-develop .list .li:nth-of-type(2n) { padding-top: 150px; }
  .md-about-develop .list .li:nth-of-type(4n+1) .text, .md-about-develop .list .li:nth-of-type(4n+2) .text { height: 110px; } }

.md-about-develop .arrow { margin-top: .59rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-about-develop .arrow .btn { width: 0.46rem; height: .46rem; min-width: 30px; min-height: 30px; background-color: #c30d23; background-position: center; background-repeat: no-repeat; background-size: .09rem; margin-left: .2rem; cursor: pointer; }

.md-about-develop .arrow .btn-prev { background-image: url(?static/home/images/i-left-3.png); }

.md-about-develop .arrow .btn-next { background-image: url(?static/home/images/i-right-6.png); margin-left: .2rem; }

.md-about-develop .arrow .btn.swiper-button-disabled { background-color: #bbbbbb; cursor: auto; }

/* --------------------------------------------------------------------- */
/* 简介 */
/* --------------------------------------------------------------------- */
.md-intro-1 { padding-top: .76rem; padding-bottom: .97rem; }

.md-intro-1 .tit-2 { margin-top: .16rem; }

.md-intro-1 .image { margin-top: .45rem; }

.md-intro-1 .image img { display: block; width: 100%; }

.md-intro-1 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .69rem; }

.md-intro-1 .row-2 .lf { width: calc(490 / 1440 * 100%); }

.md-intro-1 .row-2 .desc { width: calc(860 / 1440 * 100%); line-height: 2; max-height: 28em; overflow: auto; }

.md-intro-1 .tit-3 { line-height: 1.6; }

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

.md-intro-1 .list .li { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .57rem; }

.md-intro-1 .list .row-1 .num { vertical-align: text-bottom; }

.md-intro-1 .list .icon { width: .3rem; min-width: 20px; height: .3rem; min-height: 20px; -o-object-fit: contain; object-fit: contain; margin-right: .2rem; margin-top: .15rem; }

.md-intro-1 .list .tit { margin-top: .08rem; max-width: 12em; }

.md-intro-1 .row-3 { margin-top: 1.12rem; }

.md-intro-1 .row-3 .li { float: left; width: calc(440 / 1440 * 100%); margin-right: calc(19 / 1440 * 100%); margin-bottom: calc(20 / 1440 * 100%); }

.md-intro-1 .row-3 .li:nth-of-type(5n+1) { width: calc(520 / 1440 * 100%); }

.md-intro-1 .row-3 .li:nth-of-type(5n+1) .img { padding-top: 100%; }

.md-intro-1 .row-3 .li:nth-of-type(5n+3), .md-intro-1 .row-3 .li:nth-of-type(5n+5) { margin-right: 0; }

.md-intro-1 .row-3 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-intro-1 .row-3 .img { padding-top: calc(250 / 440 * 100%); }

@media (max-width: 900px) { .md-intro-1 .row-2 { display: block; }
  .md-intro-1 .row-2 .lf { width: 100%; }
  .md-intro-1 .row-2 .desc { width: 100%; margin-top: 5%; max-height: none; }
  .md-intro-1 .list { margin-top: 0; }
  .md-intro-1 .row-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-intro-1 .row-3:after { display: none; }
  .md-intro-1 .row-3 .li { width: 49%; margin-bottom: 2%; margin-right: 0; }
  .md-intro-1 .row-3 .li:nth-of-type(5n+1) { width: 100%; margin-right: 0; } }

.md-intro-2 { padding-top: .73rem; padding-bottom: .95rem; }

.md-intro-2 .c-title .desc { line-height: 1.66667; margin-top: .29rem; }

.md-intro-2 .list { margin-top: .53rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-intro-2 .list .li { width: calc(690 / 1440 * 100%); }

.md-intro-2 .list .img { padding-top: calc(420 / 690 * 100%); }

.md-intro-2 .list .desc { line-height: 1.625; margin-top: .34rem; }

@media (max-width: 500px) { .md-intro-2 .list .li { width: 100%; margin-bottom: 5%; } }

.md-intro-3 { padding-top: .93rem; padding-bottom: 1rem; }

.md-intro-3 .row { margin-top: 0; }

.md-intro-3 .item { width: calc(363 / 1920 * 100%); margin: 0 calc(20 / 1920 * 100vw); }

.md-intro-3 .item-cnt { left: calc(36 / 363 * 100%); right: calc(36 / 363 * 100%); top: calc(36 / 363 * 100%); bottom: calc(36 / 363 * 100%); }

.md-intro-3 .item-cnt .t2 { margin-top: .05rem; }

.md-intro-3 .item-cnt .t3 { margin-top: 1px; }

.md-intro-3 .col { margin: 0 calc(20 / 1920 * 100vw); }

/* --------------------------------------------------------------------- */
/* 证书 */
/* --------------------------------------------------------------------- */
.md-honor-1 { background: #f8f9fa; padding-bottom: .2rem; }

.md-honor-1 .row { padding-top: .74rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; }

.md-honor-1 .row:last-of-type { border-bottom: none; }

.md-honor-1 .c-title .desc { margin-top: .26rem; }

.md-honor-1 .hd .m-arrow { margin-left: auto; }

.md-honor-1 .bd { margin-top: .55rem; }

.md-honor-1 .bd .swiper-slide { background: #fff; }

.md-honor-1 .bd .swiper-slide:hover .tit { background-color: #c30d23; color: #fff; }

.md-honor-1 .bd .img { font-size: 0; height: 4.2rem; padding: .48rem .2rem .47rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-honor-1 .bd .img img { padding: .16rem; -o-border-image: url(?static/home/images/honor-bg.png) 16/0.16rem stretch; border-image: url(?static/home/images/honor-bg.png) 16/0.16rem stretch; max-width: 100%; max-height: 3.25rem; -o-object-fit: contain; object-fit: contain; }

.md-honor-1 .bd .tit { border-top: 1px solid #f8f9fa; line-height: 1.5; padding: 1.1em .5em; }

/* --------------------------------------------------------------------- */
/* 企业文化 */
/* --------------------------------------------------------------------- */
.md-culture-1 { padding-top: .73rem; padding-bottom: 1.4rem; background: #f8f9fa; }

.md-culture-1 .c-title .desc { margin-top: .29rem; }

.md-culture-1 .list { margin-top: .77rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.md-culture-1 .list:before { content: ''; position: absolute; left: 1rem; right: 1rem; top: 0.7rem; margin: auto; border-top: 2px dotted #bbb; }

.md-culture-1 .list .li { margin-bottom: .2rem; }

.md-culture-1 .list .li:hover .icon:before { border-color: #c30d23; }

.md-culture-1 .list .li:hover .icon .c-pic { background-color: #c30d23; }

.md-culture-1 .list .icon { width: 1.4rem; height: 1.4rem; padding: .2rem; margin-left: auto; margin-right: auto; position: relative; border-radius: 50%; background: #f8f9fa; }

.md-culture-1 .list .icon:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: dotted 2px #bbbbbb; }

.md-culture-1 .list .icon .c-pic { background: #d4c193; border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-culture-1 .list .icon .img { padding-top: 100%; }

.md-culture-1 .list .tit { margin-top: .46rem; }

.md-culture-1 .list .desc { line-height: 1.625; margin-top: .11rem; }

.md-culture-1 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.95rem; }

.md-culture-1 .row .lf { width: calc(720 / 1440 * 100%); margin-right: calc(130 / 1440 * 100%); }

.md-culture-1 .row .lf .img { padding-top: calc(500 / 720 * 100%); }

.md-culture-1 .row .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-culture-1 .row .rg .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .6rem; }

.md-culture-1 .row .rg .item:last-of-type { margin-bottom: 0; }

.md-culture-1 .row .rg .item:hover .icon { background-image: url(?static/home/images/bg-9.png); }

.md-culture-1 .row .rg .icon { width: .9rem; height: .9rem; background: url(?static/home/images/bg-8.png) no-repeat center/100% 100%; margin-right: .6rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-culture-1 .row .rg .icon .img { padding-top: 100%; }

.md-culture-1 .row .rg .desc { margin-top: .1rem; line-height: 1.625; }

@media (max-width: 900px) { .md-culture-1 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-culture-1 .list:before { display: none; }
  .md-culture-1 .list .icon { z-index: 2; }
  .md-culture-1 .list .li { width: 50%; position: relative; }
  .md-culture-1 .list .li:before { content: ''; position: absolute; left: 0; top: 0.7rem; width: 50%; border-top: 1px dotted #bbb; }
  .md-culture-1 .list .li:after { content: ''; position: absolute; right: 0; top: 0.7rem; width: 50%; border-top: 1px dotted #bbb; }
  .md-culture-1 .row { display: block; }
  .md-culture-1 .row .lf { width: 100%; margin-right: 0; }
  .md-culture-1 .row .rg { margin-top: 5%; } }

/* --------------------------------------------------------------------- */
/* 联系我们 */
/* --------------------------------------------------------------------- */
.md-contact-1 { padding-top: .72rem; padding-bottom: 1.18rem; }

.md-contact-1 .c-title .desc { line-height: 1.66667; margin-top: .28rem; }

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

.md-contact-1 .list .li { width: calc(330 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); position: relative; background-color: #f8f9fa; padding: .4rem; padding-bottom: .46rem; }

.md-contact-1 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .05rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #c30d23; }

.md-contact-1 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-contact-1 .list .li:hover:after { width: 100%; }

.md-contact-1 .list .li:hover .icon { background-image: url(?static/home/images/bg-9.png); }

.md-contact-1 .list .icon { width: .9rem; height: .9rem; margin-left: auto; margin-right: auto; background: url(?static/home/images/bg-8.png) no-repeat center/100% 100%; }

.md-contact-1 .list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-contact-1 .list .tit { margin-top: .39rem; }

.md-contact-1 .list .desc { margin-top: .16rem; }

.md-contact-1 .map { margin-top: .8rem; }

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

@media (max-width: 900px) { .md-contact-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-contact-1 .list .li { width: 49%; margin-right: 0; margin-bottom: 2%; } }

/* --------------------------------------------------------------------- */
/* 在线留言 */
/* --------------------------------------------------------------------- */
.md-contact-2 { background: #f8f9fa; padding-top: .74rem; padding-bottom: 1.2rem; }

.md-contact-2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .73rem; }

.md-contact-2 .row .img { width: calc(700 / 1440 * 100%); }

.md-contact-2 .row .img img { display: block; width: 100%; }

.md-contact-2 .form { width: calc(680 / 1440 * 100%); }

.md-contact-2 .form .tit { margin-bottom: .27rem; }

.md-contact-2 .form .form-item { background-color: #fff; margin-bottom: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-2 .form .form-item .icon { width: .2rem; min-width: 14px; margin-left: .19rem; margin-right: .28rem; }

@media (max-width: 1920px) { .md-contact-2 .form .form-item { margin-bottom: 19px; } }

.md-contact-2 .form .ipt, .md-contact-2 .form .select { height: .6rem; min-height: 40px; line-height: .6rem; border: none; background: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; font-family: inherit; font-size: inherit; outline: none; }

.md-contact-2 .form .ipt::-webkit-input-placeholder, .md-contact-2 .form .select::-webkit-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt:-ms-input-placeholder, .md-contact-2 .form .select:-ms-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt::-ms-input-placeholder, .md-contact-2 .form .select::-ms-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt::placeholder, .md-contact-2 .form .select::placeholder { color: #bbb; }

.md-contact-2 .form .ipt { padding-right: .2rem; }

.md-contact-2 .form .c-select { display: block; }

.md-contact-2 .form .c-select__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(?static/home/images/i-5.png) no-repeat right 0.2rem center/0.12rem; }

@media (max-width: 1400px) { .md-contact-2 .form .c-select__hd { background-size: 10px; } }

.md-contact-2 .form .c-select__hd span { color: #bbb; }

.md-contact-2 .form .c-select__hd span.has-value { color: #333; }

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

.md-contact-2 .form .btn .m-more { min-width: 1.8rem; height: .6rem; cursor: pointer; }

@media (max-width: 1600px) { .md-contact-2 .form .ipt { height: 40px; line-height: 40px; } }

@media (max-width: 900px) { .md-contact-2 .row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-contact-2 .row .img { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-contact-2 .form { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 5%; }
  .md-contact-2 .form .m-more { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-contact-2 .form .m-more img { margin-left: 1em; } }

.c-title-2 { padding-top: .54rem; }

.c-title-2 .desc { margin-top: .19rem; }

/* --------------------------------------------------------------------- */
/* 弱电工程 */
/* --------------------------------------------------------------------- */
.md-ie-1 { padding-bottom: .91rem; }

.md-ie-1 .row { margin-top: .57rem; }

.md-ie-1 .wrap { width: 5.34rem; position: relative; margin-left: auto; margin-right: auto; }

.md-ie-1 .box { width: 5.34rem; height: 5.34rem; border-radius: 50%; position: relative; margin-left: auto; margin-right: auto; }

.md-ie-1 .box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(?static/home/images/ie-bg-4.png) no-repeat center/100% 100%; -webkit-animation: turn 10s infinite linear; animation: turn 10s infinite linear; }

.md-ie-1 .box .text { position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; margin-top: .07rem; }

.md-ie-1 .box .text img { width: .6rem; }

.md-ie-1 .box .text .tit { margin-top: .12rem; }

.md-ie-1 .box.stop:before { -webkit-animation-play-state: paused; animation-play-state: paused; }

.md-ie-1 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; }

.md-ie-1 .item:nth-child(1) { right: 3.99rem; top: .28rem; }

.md-ie-1 .item:nth-child(1) .label { right: 1.56rem; }

.md-ie-1 .item:nth-child(2) { left: 3.99rem; top: .28rem; }

.md-ie-1 .item:nth-child(2) .label { left: 1.56rem; }

.md-ie-1 .item:nth-child(3) { right: 4.95rem; top: 1.39rem; }

.md-ie-1 .item:nth-child(3) .label { right: 1.09rem; }

.md-ie-1 .item:nth-child(4) { left: 4.95rem; top: 1.39rem; }

.md-ie-1 .item:nth-child(4) .label { left: 1.09rem; }

.md-ie-1 .item:nth-child(5) { right: 5.19rem; top: 2.49rem; }

.md-ie-1 .item:nth-child(5) .label { right: 1.32rem; }

.md-ie-1 .item:nth-child(6) { left: 5.19rem; top: 2.49rem; }

.md-ie-1 .item:nth-child(6) .label { left: 1.32rem; }

.md-ie-1 .item:nth-child(7) { right: 4.95rem; top: 3.6rem; }

.md-ie-1 .item:nth-child(7) .label { right: 1.09rem; }

.md-ie-1 .item:nth-child(8) { left: 4.95rem; top: 3.6rem; }

.md-ie-1 .item:nth-child(8) .label { left: 1.09rem; }

.md-ie-1 .item:nth-child(9) { right: 3.99rem; top: 4.7rem; }

.md-ie-1 .item:nth-child(9) .label { right: 1.56rem; }

.md-ie-1 .item:nth-child(10) { left: 3.99rem; top: 4.7rem; }

.md-ie-1 .item:nth-child(10) .label { left: 1.56rem; }

.md-ie-1 .item:nth-child(10) ~ .item { display: none; }

.md-ie-1 .item.on .label { background-color: #c30d23; color: #fff; }

.md-ie-1 .dot { width: .29rem; height: .29rem; border-radius: 50%; background: rgba(195, 13, 35, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-ie-1 .dot:after { content: ''; width: .16rem; height: .16rem; border-radius: 50%; background: #c30d23; }

.md-ie-1 .label { min-width: 3.32rem; min-height: .71rem; background-color: rgba(255, 255, 255, 0.5); border: solid 1px #d1d6dc; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .2em .5em; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-ie-1 .label:hover { background-color: #c30d23; color: #fff; }

@media (max-width: 900px) { .md-ie-1 .wrap { width: 100%; }
  .md-ie-1 .labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5%; }
  .md-ie-1 .item { position: static; width: 49%; margin-bottom: 2%; }
  .md-ie-1 .label { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; }
  .md-ie-1 .dot { display: none; } }

/* --------------------------------------------------------------------- */
/* 机房工程 */
/* --------------------------------------------------------------------- */
.md-ie-2 { padding-bottom: 1.02rem; }

.md-ie-2 .w1440 { width: 14.4rem; }

.md-ie-2 .row { background: rgba(255, 255, 255, 0.62); margin-top: .75rem; padding: .54rem .38rem .09rem; min-height: 5.03rem; position: relative; }

.md-ie-2 .text { width: 3.59rem; height: 3.59rem; position: absolute; left: 50%; top: .16rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; text-align: center; }

.md-ie-2 .text:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; margin: auto; background: url(?static/home/images/ie-bg-5.png) no-repeat center/100%; -webkit-animation: turn 10s infinite linear; animation: turn 10s infinite linear; }

.md-ie-2 .text:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; margin: .3rem; border-radius: 50%; background: rgba(195, 13, 35, 0.21); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-ie-2 .text .dot { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; margin: .54rem; border-radius: 50%; background: #c30d23; }

.md-ie-2 .text-cnt { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; width: 100%; }

.md-ie-2 .text.stop:before { -webkit-animation-play-state: paused; animation-play-state: paused; }

.md-ie-2 .text img { width: .6rem; }

.md-ie-2 .text .tit { margin-top: .1rem; }

.md-ie-2 .label { min-height: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.2); border: solid 1px #d1d6dc; padding: 0 .5em; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: calc(405 / 1364 * 100%); margin: 0 calc(24 / 1364 * 100%) 0.4rem; }

.md-ie-2 .label.on, .md-ie-2 .label:hover { background-color: #c30d23; color: #fff; }

.md-ie-2 .label:nth-child(1), .md-ie-2 .label:nth-child(3), .md-ie-2 .label:nth-child(5) { margin-right: 1rem; }

.md-ie-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-ie-2 .lf { width: 4.05rem; }

.md-ie-2 .rg { width: 4.05rem; position: absolute; right: .62rem; top: .54rem; }

.md-ie-2 .ct { width: 4.05rem; position: absolute; left: 5.18rem; top: 3.84rem; }

@media (max-width: 900px) { .md-ie-2 .text { position: relative; left: 0; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin: auto; }
  .md-ie-2 .row { padding: .4rem .2rem; }
  .md-ie-2 .list { position: relative; margin-top: 5%; }
  .md-ie-2 .label { width: 49%; margin-left: 0; margin-right: 0 !important; }
  .md-ie-2 .label:last-of-type { margin-bottom: 0; }
  .md-ie-2 .ct { position: static; width: 49%; } }

/* --------------------------------------------------------------------- */
/* 安防工程 */
/* --------------------------------------------------------------------- */
.md-ie-3 { min-height: 8.4rem; padding-bottom: 1rem; }

.md-ie-3 .row { margin-top: .9rem; position: relative; }

.md-ie-3 .text { position: absolute; left: 50%; top: -1.03rem; z-index: 2; width: 3.09rem; height: 3.09rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; background: rgba(195, 13, 35, 0.21); text-align: center; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-ie-3 .text:before { content: ''; position: absolute; z-index: 1; left: .24rem; top: .24rem; right: 0.24rem; bottom: .24rem; border-radius: 50%; background: #c30d23; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-ie-3 .text-cnt { margin-top: .1rem; position: relative; z-index: 2; width: 100%; }

.md-ie-3 .text img { width: .6rem; }

.md-ie-3 .text .tit { margin-top: .09rem; }

.md-ie-3 .wrap { width: 12.16rem; height: 2.89rem; border: 2px dashed  #a6afb9; border-radius: 50%; margin-left: auto; margin-right: auto; position: relative; margin-top: 1.92rem; }

.md-ie-3 .label { width: 1.6rem; height: 1.6rem; padding: .5em; text-align: center; margin-left: -0.8rem; margin-top: -0.8rem; border-radius: 50%; background-color: #ffffff; border: solid 1px #d1d6dc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 50%; -webkit-animation: ball 20s infinite linear; animation: ball 20s infinite linear; }

.md-ie-3 .label:nth-child(2) { -webkit-animation-delay: -4s; animation-delay: -4s; }

.md-ie-3 .label:nth-child(3) { -webkit-animation-delay: -8s; animation-delay: -8s; }

.md-ie-3 .label:nth-child(4) { -webkit-animation-delay: -12s; animation-delay: -12s; }

.md-ie-3 .label:nth-child(5) { -webkit-animation-delay: -16s; animation-delay: -16s; }

@media (max-width: 900px) { .md-ie-3 .wrap { width: 80vw; height: 19vw; } }

.md-ie-33 { min-height: 8.4rem; padding-bottom: 1rem; }

.md-ie-33 .row { position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin-top: .9rem; padding-top: 1.8rem; }

.md-ie-33 .text { position: absolute; left: 50%; top: 0; z-index: 2; width: 3.09rem; height: 3.09rem; -webkit-transform: translateX(-50%) translateZ(-10px); transform: translateX(-50%) translateZ(-10px); border-radius: 50%; background: rgba(195, 13, 35, 0.21); text-align: center; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-ie-33 .text:before { content: ''; position: absolute; z-index: 1; left: .24rem; top: .24rem; right: 0.24rem; bottom: .24rem; border-radius: 50%; background: #c30d23; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-ie-33 .text-cnt { margin-top: .1rem; position: relative; z-index: 2; width: 100%; }

.md-ie-33 .text img { width: .6rem; }

.md-ie-33 .text .tit { margin-top: .09rem; }

.md-ie-33 .wrap { width: 11rem; margin-left: auto; margin-right: auto; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); -webkit-animation: turn_1 30s infinite linear; animation: turn_1 30s infinite linear; }

.md-ie-33 .wrap::before { content: ''; position: absolute; left: 50%; top: 50%; width: 11rem; height: 11rem; border: 4px dashed  #a6afb9; border-radius: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotateX(90deg); transform: translate(-50%, -50%) rotateX(90deg); }

.md-ie-33 .label { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(10deg); transform: rotateX(10deg); width: 1.6rem; height: 1.6rem; position: absolute; left: 50%; top: 50%; margin-top: -.8rem; margin-left: -.8rem; }

.md-ie-33 .label-cnt { padding: .5em; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #ffffff; border: solid 1px #d1d6dc; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; -webkit-backface-visibility: visible; backface-visibility: visible; z-index: 2; }

.md-ie-33 .label-cnt.back { -webkit-transform: rotateY(180deg) translateZ(1px); transform: rotateY(180deg) translateZ(1px); z-index: 1; }

.md-ie-33 .label:nth-child(1) { -webkit-transform: rotateY(0deg) translateZ(5.5rem) rotateX(4deg); transform: rotateY(0deg) translateZ(5.5rem) rotateX(4deg); }

.md-ie-33 .label:nth-child(2) { -webkit-transform: rotateY(72deg) translateZ(5.5rem) rotateX(4deg); transform: rotateY(72deg) translateZ(5.5rem) rotateX(4deg); }

.md-ie-33 .label:nth-child(3) { -webkit-transform: rotateY(144deg) translateZ(5.5rem) rotateX(4deg); transform: rotateY(144deg) translateZ(5.5rem) rotateX(4deg); }

.md-ie-33 .label:nth-child(4) { -webkit-transform: rotateY(216deg) translateZ(5.5rem) rotateX(4deg); transform: rotateY(216deg) translateZ(5.5rem) rotateX(4deg); }

.md-ie-33 .label:nth-child(5) { -webkit-transform: rotateY(288deg) translateZ(5.5rem) rotateX(4deg); transform: rotateY(288deg) translateZ(5.5rem) rotateX(4deg); }

@media (max-width: 900px) { .md-ie-33 .wrap { width: 80vw; -webkit-animation-duration: 20s; animation-duration: 20s; }
  .md-ie-33 .wrap:before { width: 80vw; height: 80vw; }
  .md-ie-33 .label { font-size: 12px; }
  .md-ie-33 .label-cnt { padding: 0; }
  .md-ie-33 .label:nth-child(1) { -webkit-transform: rotateY(0deg) translateZ(40vw) rotateX(4deg); transform: rotateY(0deg) translateZ(40vw) rotateX(4deg); }
  .md-ie-33 .label:nth-child(2) { -webkit-transform: rotateY(72deg) translateZ(40vw) rotateX(4deg); transform: rotateY(72deg) translateZ(40vw) rotateX(4deg); }
  .md-ie-33 .label:nth-child(3) { -webkit-transform: rotateY(144deg) translateZ(40vw) rotateX(4deg); transform: rotateY(144deg) translateZ(40vw) rotateX(4deg); }
  .md-ie-33 .label:nth-child(4) { -webkit-transform: rotateY(216deg) translateZ(40vw) rotateX(4deg); transform: rotateY(216deg) translateZ(40vw) rotateX(4deg); }
  .md-ie-33 .label:nth-child(5) { -webkit-transform: rotateY(288deg) translateZ(40vw) rotateX(4deg); transform: rotateY(288deg) translateZ(40vw) rotateX(4deg); } }

.md-search-1 { background-color: #f6f6f6; padding-top: .75rem; padding-bottom: .7rem; }

.md-search-1 .form { width: 11.6rem; max-width: 100%; height: .7rem; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; margin-left: auto; margin-right: auto; margin-top: .35rem; border-radius: .1rem; padding-right: .05rem; }

.md-search-1 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 50px; border: none; background: transparent; padding: 0 .3rem; }

.md-search-1 .form .btn { width: .7rem; min-width: 40px; border: none; background: none; background-image: url(?static/home/images/i-search.png); background-repeat: no-repeat; background-position: center; background-size: calc(20 / 70 * 100%); cursor: pointer; }

.md-search-1 .count { margin-top: .38rem; }

.md-search-2 { padding-top: .09rem; padding-bottom: 1.4rem; }

.md-search-2 .module { border-bottom: 1px solid #e3e3e3; }

.md-search-2 .module-tit { margin: .45rem 0 .27rem; }

.md-search-2 .list-1 { padding-bottom: .51rem; }

.md-search-2 .list-1 .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .28rem; }

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

.md-search-2 .list-1 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-search-2 .list-1 .c-pic { width: calc(220 / 1440 * 100%); margin-right: calc(50 / 1440 * 100%); min-width: 100px; }

.md-search-2 .list-1 .img { padding-top: calc(140 / 220 * 100%); }

.md-search-2 .list-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: .1rem; }

.md-search-2 .list-1 .tit { line-height: 1.5; }

.md-search-2 .list-1 .desc { line-height: 1.57143; margin-top: .11rem; }

@media (max-width: 900px) { .md-search-2 .list-1 .desc { margin-top: 0; } }

.md-search-2 .list-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: .32rem; }

.md-search-2 .list-2 .li { width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); margin-bottom: .4rem; }

.md-search-2 .list-2 .li:nth-of-type(3n) { margin-right: 0; }

.md-search-2 .list-2 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-search-2 .list-2 .img { padding-top: calc(304 / 450 * 100%); }

.md-search-2 .list-2 .tit { line-height: 1.5; margin-top: .24rem; }

@media (max-width: 600px) { .md-search-2 .list-2 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-search-2 .list-2 .li { width: 49%; margin-right: 0; } }

.md-search-2 .list-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .38rem; padding-bottom: .22rem; }

.md-search-2 .list-3 .li { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(680 / 1440 * 100%); margin-bottom: .4rem; }

.md-search-2 .list-3 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-search-2 .list-3 .c-pic { width: calc(220 / 680 * 100%); margin-left: calc(26 / 680 * 100%); }

.md-search-2 .list-3 .img { padding-top: calc(140 / 220 * 100%); }

.md-search-2 .list-3 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-top: .12rem; }

.md-search-2 .list-3 .tit { line-height: 1.5; }

.md-search-2 .list-3 .desc { line-height: calc(22 / 14 * 1em); margin-top: .12rem; }

.md-search-2 .list-3 .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .11rem; }

.md-search-2 .list-3 .date img { height: .16rem; min-height: 12px; margin-right: .09rem; }

@media (max-width: 900px) { .md-search-2 .list-3 .li { width: 100%; } }
<!--0.00033402442932129-->