@charset "UTF-8";
.f-Bold, .f-Medium { font-weight: bold; }

html { font-family: Arial, sans-serif; }

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

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

body { color: #000; font-size: 14px; line-height: 1.5; overflow-x: hidden; padding-top: 1rem; }

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

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

*: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: #00453c; }

.color-active { color: #f3c78f; }

.bg-theme { background-color: #00453c; }

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

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

.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: 13px; }
  .s14 { font-size: 14px; }
  .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) { .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); } }

.v12 { font-size: 0.625vw; }

@media (max-width: 1920px) { .v12 { font-size: 12px; } }

.v13 { font-size: 0.67708vw; }

@media (max-width: 1801.84615px) { .v13 { font-size: 12.2px; } }

.v14 { font-size: 0.72917vw; }

@media (max-width: 1700.57143px) { .v14 { font-size: 12.4px; } }

.v15 { font-size: 0.78125vw; }

@media (max-width: 1612.8px) { .v15 { font-size: 12.6px; } }

.v16 { font-size: 0.83333vw; }

@media (max-width: 1536px) { .v16 { font-size: 12.8px; } }

.v17 { font-size: 0.88542vw; }

@media (max-width: 1468.23529px) { .v17 { font-size: 13px; } }

.v18 { font-size: 0.9375vw; }

@media (max-width: 1408px) { .v18 { font-size: 13.2px; } }

.v19 { font-size: 0.98958vw; }

@media (max-width: 1354.10526px) { .v19 { font-size: 13.4px; } }

.v20 { font-size: 1.04167vw; }

@media (max-width: 1305.6px) { .v20 { font-size: 13.6px; } }

.v21 { font-size: 1.09375vw; }

@media (max-width: 1261.71429px) { .v21 { font-size: 13.8px; } }

.v22 { font-size: 1.14583vw; }

@media (max-width: 1221.81818px) { .v22 { font-size: 14px; } }

.v23 { font-size: 1.19792vw; }

@media (max-width: 1185.3913px) { .v23 { font-size: 14.2px; } }

.v24 { font-size: 1.25vw; }

@media (max-width: 1152px) { .v24 { font-size: 14.4px; } }

.v25 { font-size: 1.30208vw; }

@media (max-width: 1121.28px) { .v25 { font-size: 14.6px; } }

.v26 { font-size: 1.35417vw; }

@media (max-width: 1092.92308px) { .v26 { font-size: 14.8px; } }

.v27 { font-size: 1.40625vw; }

@media (max-width: 1066.66667px) { .v27 { font-size: 15px; } }

.v28 { font-size: 1.45833vw; }

@media (max-width: 1042.28571px) { .v28 { font-size: 15.2px; } }

.v29 { font-size: 1.51042vw; }

@media (max-width: 1019.58621px) { .v29 { font-size: 15.4px; } }

.v30 { font-size: 1.5625vw; }

@media (max-width: 998.4px) { .v30 { font-size: 15.6px; } }

.v31 { font-size: 1.61458vw; }

@media (max-width: 978.58065px) { .v31 { font-size: 15.8px; } }

.v32 { font-size: 1.66667vw; }

@media (max-width: 960px) { .v32 { font-size: 16px; } }

.v33 { font-size: 1.71875vw; }

@media (max-width: 942.54545px) { .v33 { font-size: 16.2px; } }

.v34 { font-size: 1.77083vw; }

@media (max-width: 926.11765px) { .v34 { font-size: 16.4px; } }

.v35 { font-size: 1.82292vw; }

@media (max-width: 910.62857px) { .v35 { font-size: 16.6px; } }

.v36 { font-size: 1.875vw; }

@media (max-width: 896px) { .v36 { font-size: 16.8px; } }

.v37 { font-size: 1.92708vw; }

@media (max-width: 882.16216px) { .v37 { font-size: 17px; } }

.v38 { font-size: 1.97917vw; }

@media (max-width: 869.05263px) { .v38 { font-size: 17.2px; } }

.v39 { font-size: 2.03125vw; }

@media (max-width: 856.61538px) { .v39 { font-size: 17.4px; } }

.v40 { font-size: 2.08333vw; }

@media (max-width: 844.8px) { .v40 { font-size: 17.6px; } }

.v41 { font-size: 2.13542vw; }

@media (max-width: 833.56098px) { .v41 { font-size: 17.8px; } }

.v42 { font-size: 2.1875vw; }

@media (max-width: 822.85714px) { .v42 { font-size: 18px; } }

.v43 { font-size: 2.23958vw; }

@media (max-width: 812.65116px) { .v43 { font-size: 18.2px; } }

.v44 { font-size: 2.29167vw; }

@media (max-width: 802.90909px) { .v44 { font-size: 18.4px; } }

.v45 { font-size: 2.34375vw; }

@media (max-width: 793.6px) { .v45 { font-size: 18.6px; } }

.v46 { font-size: 2.39583vw; }

@media (max-width: 784.69565px) { .v46 { font-size: 18.8px; } }

.v47 { font-size: 2.44792vw; }

@media (max-width: 776.17021px) { .v47 { font-size: 19px; } }

.v48 { font-size: 2.5vw; }

@media (max-width: 768px) { .v48 { font-size: 19.2px; } }

.v49 { font-size: 2.55208vw; }

@media (max-width: 760.16327px) { .v49 { font-size: 19.4px; } }

.v50 { font-size: 2.60417vw; }

@media (max-width: 752.64px) { .v50 { font-size: 19.6px; } }

.v51 { font-size: 2.65625vw; }

@media (max-width: 745.41176px) { .v51 { font-size: 19.8px; } }

.v52 { font-size: 2.70833vw; }

@media (max-width: 738.46154px) { .v52 { font-size: 20px; } }

.v53 { font-size: 2.76042vw; }

@media (max-width: 731.77358px) { .v53 { font-size: 20.2px; } }

.v54 { font-size: 2.8125vw; }

@media (max-width: 725.33333px) { .v54 { font-size: 20.4px; } }

.v55 { font-size: 2.86458vw; }

@media (max-width: 719.12727px) { .v55 { font-size: 20.6px; } }

.v56 { font-size: 2.91667vw; }

@media (max-width: 713.14286px) { .v56 { font-size: 20.8px; } }

.v57 { font-size: 2.96875vw; }

@media (max-width: 707.36842px) { .v57 { font-size: 21px; } }

.v58 { font-size: 3.02083vw; }

@media (max-width: 701.7931px) { .v58 { font-size: 21.2px; } }

.v59 { font-size: 3.07292vw; }

@media (max-width: 696.40678px) { .v59 { font-size: 21.4px; } }

.v60 { font-size: 3.125vw; }

@media (max-width: 691.2px) { .v60 { font-size: 21.6px; } }

.v61 { font-size: 3.17708vw; }

@media (max-width: 686.16393px) { .v61 { font-size: 21.8px; } }

.v62 { font-size: 3.22917vw; }

@media (max-width: 681.29032px) { .v62 { font-size: 22px; } }

.v63 { font-size: 3.28125vw; }

@media (max-width: 676.57143px) { .v63 { font-size: 22.2px; } }

.v64 { font-size: 3.33333vw; }

@media (max-width: 672px) { .v64 { font-size: 22.4px; } }

.v65 { font-size: 3.38542vw; }

@media (max-width: 667.56923px) { .v65 { font-size: 22.6px; } }

.v66 { font-size: 3.4375vw; }

@media (max-width: 663.27273px) { .v66 { font-size: 22.8px; } }

.v67 { font-size: 3.48958vw; }

@media (max-width: 659.10448px) { .v67 { font-size: 23px; } }

.v68 { font-size: 3.54167vw; }

@media (max-width: 655.05882px) { .v68 { font-size: 23.2px; } }

.v69 { font-size: 3.59375vw; }

@media (max-width: 651.13043px) { .v69 { font-size: 23.4px; } }

.v70 { font-size: 3.64583vw; }

@media (max-width: 647.31429px) { .v70 { font-size: 23.6px; } }

.v71 { font-size: 3.69792vw; }

@media (max-width: 643.60563px) { .v71 { font-size: 23.8px; } }

.v72 { font-size: 3.75vw; }

@media (max-width: 640px) { .v72 { font-size: 24px; } }

.v73 { font-size: 3.80208vw; }

@media (max-width: 636.49315px) { .v73 { font-size: 24.2px; } }

.v74 { font-size: 3.85417vw; }

@media (max-width: 633.08108px) { .v74 { font-size: 24.4px; } }

.v75 { font-size: 3.90625vw; }

@media (max-width: 629.76px) { .v75 { font-size: 24.6px; } }

.v76 { font-size: 3.95833vw; }

@media (max-width: 626.52632px) { .v76 { font-size: 24.8px; } }

.v77 { font-size: 4.01042vw; }

@media (max-width: 623.37662px) { .v77 { font-size: 25px; } }

.v78 { font-size: 4.0625vw; }

@media (max-width: 620.30769px) { .v78 { font-size: 25.2px; } }

.v79 { font-size: 4.11458vw; }

@media (max-width: 617.31646px) { .v79 { font-size: 25.4px; } }

.v80 { font-size: 4.16667vw; }

@media (max-width: 614.4px) { .v80 { font-size: 25.6px; } }

.v81 { font-size: 4.21875vw; }

@media (max-width: 611.55556px) { .v81 { font-size: 25.8px; } }

.v82 { font-size: 4.27083vw; }

@media (max-width: 608.78049px) { .v82 { font-size: 26px; } }

.v83 { font-size: 4.32292vw; }

@media (max-width: 606.07229px) { .v83 { font-size: 26.2px; } }

.v84 { font-size: 4.375vw; }

@media (max-width: 603.42857px) { .v84 { font-size: 26.4px; } }

.v85 { font-size: 4.42708vw; }

@media (max-width: 600.84706px) { .v85 { font-size: 26.6px; } }

.v86 { font-size: 4.47917vw; }

@media (max-width: 598.32558px) { .v86 { font-size: 26.8px; } }

.v87 { font-size: 4.53125vw; }

@media (max-width: 595.86207px) { .v87 { font-size: 27px; } }

.v88 { font-size: 4.58333vw; }

@media (max-width: 593.45455px) { .v88 { font-size: 27.2px; } }

.v89 { font-size: 4.63542vw; }

@media (max-width: 591.10112px) { .v89 { font-size: 27.4px; } }

.v90 { font-size: 4.6875vw; }

@media (max-width: 588.8px) { .v90 { font-size: 27.6px; } }

.v91 { font-size: 4.73958vw; }

@media (max-width: 586.54945px) { .v91 { font-size: 27.8px; } }

.v92 { font-size: 4.79167vw; }

@media (max-width: 584.34783px) { .v92 { font-size: 28px; } }

.v93 { font-size: 4.84375vw; }

@media (max-width: 582.19355px) { .v93 { font-size: 28.2px; } }

.v94 { font-size: 4.89583vw; }

@media (max-width: 580.08511px) { .v94 { font-size: 28.4px; } }

.v95 { font-size: 4.94792vw; }

@media (max-width: 578.02105px) { .v95 { font-size: 28.6px; } }

.v96 { font-size: 5vw; }

@media (max-width: 576px) { .v96 { font-size: 28.8px; } }

.v97 { font-size: 5.05208vw; }

@media (max-width: 574.02062px) { .v97 { font-size: 29px; } }

.v98 { font-size: 5.10417vw; }

@media (max-width: 572.08163px) { .v98 { font-size: 29.2px; } }

.v99 { font-size: 5.15625vw; }

@media (max-width: 570.18182px) { .v99 { font-size: 29.4px; } }

.v100 { font-size: 5.20833vw; }

@media (max-width: 568.32px) { .v100 { font-size: 29.6px; } }

.v101 { font-size: 5.26042vw; }

@media (max-width: 566.49505px) { .v101 { font-size: 29.8px; } }

.v102 { font-size: 5.3125vw; }

@media (max-width: 564.70588px) { .v102 { font-size: 30px; } }

.v103 { font-size: 5.36458vw; }

@media (max-width: 562.95146px) { .v103 { font-size: 30.2px; } }

.v104 { font-size: 5.41667vw; }

@media (max-width: 561.23077px) { .v104 { font-size: 30.4px; } }

.v105 { font-size: 5.46875vw; }

@media (max-width: 559.54286px) { .v105 { font-size: 30.6px; } }

.v106 { font-size: 5.52083vw; }

@media (max-width: 557.88679px) { .v106 { font-size: 30.8px; } }

.v107 { font-size: 5.57292vw; }

@media (max-width: 556.26168px) { .v107 { font-size: 31px; } }

.v108 { font-size: 5.625vw; }

@media (max-width: 554.66667px) { .v108 { font-size: 31.2px; } }

.v109 { font-size: 5.67708vw; }

@media (max-width: 553.10092px) { .v109 { font-size: 31.4px; } }

.v110 { font-size: 5.72917vw; }

@media (max-width: 551.56364px) { .v110 { font-size: 31.6px; } }

.v111 { font-size: 5.78125vw; }

@media (max-width: 550.05405px) { .v111 { font-size: 31.8px; } }

.v112 { font-size: 5.83333vw; }

@media (max-width: 548.57143px) { .v112 { font-size: 32px; } }

.v113 { font-size: 5.88542vw; }

@media (max-width: 547.11504px) { .v113 { font-size: 32.2px; } }

.v114 { font-size: 5.9375vw; }

@media (max-width: 545.68421px) { .v114 { font-size: 32.4px; } }

.v115 { font-size: 5.98958vw; }

@media (max-width: 544.27826px) { .v115 { font-size: 32.6px; } }

.v116 { font-size: 6.04167vw; }

@media (max-width: 542.89655px) { .v116 { font-size: 32.8px; } }

.v117 { font-size: 6.09375vw; }

@media (max-width: 541.53846px) { .v117 { font-size: 33px; } }

.v118 { font-size: 6.14583vw; }

@media (max-width: 540.20339px) { .v118 { font-size: 33.2px; } }

.v119 { font-size: 6.19792vw; }

@media (max-width: 538.89076px) { .v119 { font-size: 33.4px; } }

.v120 { font-size: 6.25vw; }

@media (max-width: 537.6px) { .v120 { font-size: 33.6px; } }

.noscroll { overflow: hidden; }

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

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

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

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

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

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

.rich-text table { word-break: break-all; }

.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-pic { overflow: hidden; position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: 1s; animation-duration: 1s; -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); } }

@-webkit-keyframes svg-circle { 0% { stroke-dashoffset: 182.12; }
  100% { stroke-dashoffset: 0; } }

@keyframes svg-circle { 0% { stroke-dashoffset: 182.12; }
  100% { stroke-dashoffset: 0; } }

@-webkit-keyframes svg-circle-2 { 0% { stroke-dashoffset: 69.08; }
  100% { stroke-dashoffset: 0; } }

@keyframes svg-circle-2 { 0% { stroke-dashoffset: 69.08; }
  100% { stroke-dashoffset: 0; } }

@-webkit-keyframes clip { 0% { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
  100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }

@keyframes clip { 0% { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
  100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }

.layout { margin-left: auto; margin-right: auto; max-width: 100%; width: 16.4rem; }

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

.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: 100%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { height: 100vh; 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: #f3c78f; position: absolute; right: -40px; top: 0; z-index: 1000; right: 0; }

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

.m-more { min-width: 1.6rem; 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; height: .56rem; min-height: 30px; border-radius: .56rem; background-color: #00453c; color: #fff; padding: 0 .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-more:after { content: ''; width: .1rem; height: .17rem; background: url(../images/i-next-2.png) no-repeat center/contain; margin-left: .19rem; }

.m-more:hover { background-color: #003730; }

.media { background-color: #eee; }

.media img, .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.media-ratio { position: relative; }

.media-ratio img, .media-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.m-btn { min-width: 2.53rem; height: .37rem; min-height: 30px; padding: 0 .2rem; border-radius: .06rem; 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; background-color: #00453c; color: #fff; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; cursor: pointer; }

.m-btn:hover { background-color: #f3c78f; }

.m-pop { 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; }

.m-pop .mask { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.m-pop .main { position: relative; z-index: 2; background-color: #fff; border-radius: .13rem; max-width: 96%; max-height: 96%; overflow-y: auto; }

.m-pop .close { position: absolute; right: .33rem; top: .31rem; width: 0.33rem; height: .33rem; min-width: 24px; min-height: 24px; cursor: pointer; background: url(../images/i-close.png) no-repeat center/contain; border: none; }

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

@media (max-width: 900px) { .m-pop .main { max-height: 80%; } }

.m-pop--1 .main { width: 12.96rem; padding: .3rem .94rem .5rem .92rem; }

.m-pop--1 .form { margin-top: .36rem; }

.m-pop--1 .form .form-item { margin-bottom: .2rem; }

.m-pop--1 .form .ipt-wrap { margin-top: .12rem; }

.m-pop--1 .form .ipt { display: block; width: 100%; height: .51rem; min-height: 35px; border: solid 1px #c8c8c8; padding: 0 .1rem; border-radius: .03rem; }

.m-pop--1 .form .valid-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-pop--1 .form .valid-code .ipt { width: 2.55rem; }

.m-pop--1 .form .valid-code img { height: .58rem; min-height: 35px; margin-left: .19rem; }

.m-pop--1 .form .valid-code-btn { margin-left: .05rem; color: #00479d; }

.m-pop--1 .form textarea.ipt { height: 1.2rem; padding: .1rem; }

.m-pop--1 .form .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-pop--1 .form .row-1 .form-item { width: calc(518 / 1108 * 100%); }

.m-pop--1 .form .row-2 { 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; }

.m-pop--1 .form .row-2 .form-item { width: 48%; }

.m-pop--1 .form .foot { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-pop--1 .form .tips { color: #7d7d7d; line-height: 1.71429; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .94rem; }

.m-pop--1 .form .btn { width: 2.82rem; height: .48rem; min-height: 35px; border-radius: .05rem; border: none; cursor: pointer; }

.m-pop--1 .form .btn:hover { background-color: #336a63; }

@media (max-width: 900px) { .m-pop--1 .main { padding: 5%; padding-top: 40px; }
  .m-pop--1 .form .row-1 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .m-pop--1 .form .row-1 .form-item { width: 49%; margin-right: 0; }
  .m-pop--1 .form .row-2 .form-item { width: 49%; }
  .m-pop--1 .form .foot { display: block; margin-top: 0; }
  .m-pop--1 .form .tips { margin-right: 0; margin-bottom: .2rem; }
  .m-pop--1 .form .btn { width: 100%; } }

.m-pop--2 .main { width: 12.96rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .9rem .45rem .8rem; }

.m-pop--2 .cnt { padding: 0 .45rem; overflow-y: auto; }

.m-pop--2 .title { line-height: 1.6; }

.m-pop--2 .detail { border-radius: .13rem; background-color: #f5f5f7; padding: .46rem .7rem .66rem; margin-top: .6rem; line-height: 1.66667; }

@media (max-width: 900px) { .m-pop--2 .main { padding: 40px 2% 5%; }
  .m-pop--2 .cnt { padding: 0 2%; }
  .m-pop--2 .detail { padding: 5%; } }

.m-pop--3 .main { width: 12.96rem; padding: .88rem .94rem .5rem .92rem; min-height: 6.71rem; }

.m-pop--3 .form { margin-top: .71rem; }

.m-pop--3 .form .form-item { margin-bottom: .4rem; }

.m-pop--3 .form .ipt-wrap { margin-top: .12rem; }

.m-pop--3 .form .ipt { display: block; width: 100%; height: .51rem; min-height: 35px; border: solid 1px #c8c8c8; padding: 0 .15rem; border-radius: .03rem; }

.m-pop--3 .form .ipt::-webkit-input-placeholder { color: #bfbfbf; }

.m-pop--3 .form .ipt:-ms-input-placeholder { color: #bfbfbf; }

.m-pop--3 .form .ipt::-ms-input-placeholder { color: #bfbfbf; }

.m-pop--3 .form .ipt::placeholder { color: #bfbfbf; }

.m-pop--3 .form textarea.ipt { height: 1.2rem; padding: .15rem; }

.m-pop--3 .form .valid-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-pop--3 .form .valid-code .ipt { width: 2.55rem; }

.m-pop--3 .form .valid-code img { height: .58rem; min-height: 35px; margin-left: .19rem; }

.m-pop--3 .form .valid-code-btn { margin-left: .05rem; color: #00479d; }

.m-pop--3 .form .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-pop--3 .form .row-1 .form-item { width: calc(518 / 1108 * 100%); }

.m-pop--3 .form .foot { margin-top: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.m-pop--3 .form .tips { color: #7d7d7d; line-height: 1.71429; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .94rem; }

.m-pop--3 .form .btn { min-width: 2.82rem; height: .48rem; }

@media (max-width: 900px) { .m-pop--3 .main { padding: 5%; padding-top: 40px; }
  .m-pop--3 .form { margin-top: .3rem; }
  .m-pop--3 .form .row-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .m-pop--3 .form .row-1 .form-item { width: 100%; }
  .m-pop--3 .form .form-item { margin-bottom: 10px; }
  .m-pop--3 .form .foot { display: block; margin-top: 0; }
  .m-pop--3 .form .tips { margin-right: 0; margin-bottom: .2rem; }
  .m-pop--3 .form .btn { width: 100%; margin-top: .3rem; } }

.m-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-radio input { width: .22rem; height: .22rem; min-width: 20px; min-height: 20px; border-radius: 50%; border: 1px solid #000; margin-right: .13rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; 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; }

.m-radio input:checked:after { content: ''; width: calc(15 / 22 * 100%); height: calc(15 / 22 * 100%); background: #00453c; border-radius: 50%; }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; background-color: #fff; color: #333; height: 0.56rem; padding-left: .45rem; padding-right: .34rem; border-bottom: 1px solid #eee; }

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

.md-header .btn-kefu { min-width: auto; padding: 0 .07rem 0 .09rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: .03rem; height: .32rem; }

.md-header .btn-kefu img { height: .2rem; min-height: 1em; margin-right: .06rem; }

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

.md-header .nav-btn span { display: block; height: 2px; background: #222; 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: 901px) { .md-header .nav { margin: 0 auto; }
  .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 { margin-right: .86rem; }
  .md-header .nav .li1:last-child { margin-right: 0; }
  .md-header .nav .li1:last-child .a1:before { display: none; }
  .md-header .nav .li1.on { font-weight: bold; }
  .md-header .nav .li1:hover { font-weight: bold; }
  .md-header .nav .li1:hover .ul2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md-header .nav .li1:hover .panel-prod { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .md-header .nav .a1 { display: block; line-height: 0.56rem; }
  .md-header .nav .ul2 { position: absolute; left: 50%; top: 100%; width: 2.3rem; min-width: 12em; line-height: 1.5; background: #fff; color: #333; text-align: center; -webkit-box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); border-top: 0.03rem solid #00453c; padding-top: .1rem; padding-bottom: .07rem; visibility: hidden; -webkit-transform: translate(-50%, -0.2rem); -ms-transform: translate(-50%, -0.2rem); transform: translate(-50%, -0.2rem); opacity: 0; }
  .md-header .nav .a2 { display: block; padding: .721em .5em; }
  .md-header .nav .a2:hover { background-color: rgba(0, 69, 60, 0.1); }
  .md-header .panel-prod { position: absolute; left: 0; top: 100%; width: 100%; background-color: rgba(44, 56, 61, 0.6); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); }
  .md-header [data-nav=article_59-Array] .panel-prod{ padding-left: 4.6rem; }
  .md-header [data-nav=article_60-Array] .panel-prod{ padding-left: 4.2rem; }
  .md-header .panel-prod .item { padding-top: .38rem; padding-bottom: .26rem; margin-right: .8rem; opacity: .8; }
  .md-header .panel-prod .item:last-of-type { margin-right: 0; }
  .md-header .panel-prod .item-img { height: .7rem; }
  .md-header .panel-prod .item-tit { font-size: 14px; margin-top: .05rem; padding-bottom: .08rem; border-bottom: 1px solid transparent; }
  .md-header .panel-prod .item.on, .md-header .panel-prod .item:hover { opacity: 1; }
  .md-header .panel-prod .item.on .item-tit, .md-header .panel-prod .item:hover .item-tit { border-bottom-color: #fff; font-weight: bold; } }

@media (max-width: 1920px) { .md-header { height: 56px; }
  .md-header .logo img { max-height: 56px; }
  .md-header .nav .a1 { line-height: 56px; } }

@media (max-width: 900px) { .md-header .logo { margin-right: auto; }
  .md-header .nav-btn { display: block; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 100%; height: 100%; padding-top: 56px; 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 .panel-prod { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .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 .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; line-height: 1.5; }
  .md-header .nav .mbtn { width: 30px; height: 30px; background: url(../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 .panel-prod { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; display: none; background-color: rgba(44, 56, 61, 0.6); color: #fff; }
  .md-header .panel-prod .item { width: 50%; padding-top: .38rem; padding-bottom: .26rem; }
  .md-header .panel-prod .item-img { height: .7rem; }
  .md-header .panel-prod .item-tit { font-size: 12px; margin-top: .05rem; padding-bottom: .08rem; }
  .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; } }

.md-footer { background: #000; color: #b5b5b6; }

.md-footer .main { width: 16.4rem; max-width: 95%; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: .6rem; padding-bottom: .3rem; }

.md-footer .lf { padding-top: .03rem; }

.md-footer .lf .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-footer .lf .logo { margin-right: .47rem; }

.md-footer .lf .nav { 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-footer .lf .nav-item { margin: .1rem 0; margin-right: .36rem; }

.md-footer .lf .nav-item:last-of-type { margin-right: 0; }

.md-footer .lf .nav-item:hover { color: #fff; }

.md-footer .lf .row-2 { line-height: 1.85714; margin-top: .2rem; }

.md-footer .social-media { width: calc(580 / 1640 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; margin-top: .1rem; }

.md-footer .social-media .item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .36rem; padding-left: .2rem; width: 30%; }

.md-footer .social-media .item:nth-of-type(3n) { width: 40%; }

.md-footer .social-media .item:hover { color: #fff; }

.md-footer .social-media .item:hover .pop { display: block; }

.md-footer .social-media .icon { width: .3rem; min-width: 1.5em; height: .3rem; min-height: 1.5em; margin-right: .15rem; font-size: 0; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; }

.md-footer .social-media .icon img { height: 100%; }

.md-footer .social-media .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-footer .social-media .pop { position: absolute; right: 0; bottom: 100%; padding-bottom: .15rem; display: none; }

.md-footer .social-media .pop-cnt { width: 1.55rem; min-width: 120px; background-color: #25272b; padding: .24rem .28rem; border-radius: .13rem; border: solid 1px #888a8c; position: relative; }

.md-footer .social-media .pop-cnt:after { content: ''; position: absolute; left: 50%; bottom: -.08rem; width: .14rem; height: .08rem; background: url(../images/i-cor.png) no-repeat center/contain; margin-left: -.07rem; }

.md-footer .social-media .pop img { display: block; width: 100%; }

@media (max-width: 1200px) { .md-footer .main { display: block; }
  .md-footer .social-media { width: 100%; margin-top: .3rem; }
  .md-footer .social-media .item { padding-left: 0; margin-right: .4rem; width: auto; }
  .md-footer .social-media .item:nth-of-type(3n) { width: auto; } }

@media (max-width: 500px) { .md-footer .lf .row-1 { display: block; text-align: center; }
  .md-footer .lf .nav { margin-top: .2rem; }
  .md-footer .social-media .item { min-width: 80px; } }

.md-side { position: fixed; right: .99rem; bottom: 20%; z-index: 5; right: .4rem; }

.md-side .item { display: block; margin-bottom: .1rem; position: relative; text-align: right; }

.md-side .item-cnt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: .05rem; background-color: #6a6c6d; text-align: left; }

.md-side .item.show .hd { padding-left: .05rem; }

.md-side .hd { width: 0.6rem; height: .6rem; }

.md-side .hd img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-side .bd { display: none; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-side .bd-cnt { color: #fff; padding: .1rem; padding-right: .17rem; padding-left: 0; border-radius: .05rem; min-height: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-side .bd .code img { width: 1rem; min-width: 100px; }

@media (max-width: 900px) { .md-side { right: 0; } }

/* banner */
.md-home-banner .swiper-slide { position: relative; }

.md-home-banner .swiper-slide-active .tit, .md-home-banner .swiper-slide-active .desc, .md-home-banner .swiper-slide-active .btns { -webkit-animation: fade-up 1s forwards; animation: fade-up 1s forwards; }

.md-home-banner .media { background-color: #000; }

.md-home-banner .media picture { display: block; width: 100%; }

.md-home-banner .media img, .md-home-banner .media video { display: block; width: 100%; height: calc(100vh - .56rem); -o-object-fit: cover; object-fit: cover; }

@media (max-width: 1920px) { .md-home-banner .media img, .md-home-banner .media video { height: calc(100vh - 56px); } }

.md-home-banner .media video { pointer-events: none; }

.md-home-banner .text { position: absolute; left: 0; top: 38.2%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

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

.md-home-banner .desc { margin-top: .07rem; }

.md-home-banner .btns { position: absolute; left: 0; bottom: .76rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-banner .btn { min-width: 2.52rem; margin-right: .31rem; }

.md-home-banner .btn:last-of-type { margin-right: 0; }

.md-home-banner .btn-2 { background-color: #fff; color: #00453c; }

.md-home-banner .btn-2:hover { background-color: #00453c; color: #fff; }

.md-home-banner .swiper-pagination { bottom: .2rem; font-size: 0; }

.md-home-banner .swiper-pagination-bullet { background: #fff; opacity: .4; width: .1rem; height: .1rem; margin: 0 0.05rem !important; }

.md-home-banner .swiper-pagination-bullet-active { opacity: 1; }

@media (max-width: 900px) { .md-home-banner .text { max-width: 90%; right: 0; margin-left: auto; margin-right: auto; } }

/* 媒体 */
.md-home-2 { position: relative; }

.md-home-2 .media { background-color: #000; }

.md-home-2 .media picture { display: block; width: 100%; }

.md-home-2 .media img, .md-home-2 .media video { display: block; width: 100%; height: calc(100vh - .56rem); -o-object-fit: cover; object-fit: cover; }

@media (max-width: 1920px) { .md-home-2 .media img, .md-home-2 .media video { height: calc(100vh - 56px); } }

.md-home-2 .media video { pointer-events: none; }

.md-home-2 .text { position: absolute; left: 0; top: 43.9%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-home-2 .tit { line-height: 1.2; }

.md-home-2 .desc { margin-top: .07rem; }

.md-home-2 .btns { position: absolute; left: 0; bottom: .7rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-2 .btn { min-width: 2.52rem; margin-right: .31rem; }

.md-home-2 .btn:last-of-type { margin-right: 0; }

.md-home-2 .btn-2 { background-color: #fff; color: #00453c; }

.md-home-2 .btn-2:hover { background-color: #00453c; color: #fff; }

.md-home-3 { padding-top: .47rem; }

.md-home-3 .title { line-height: 1.5; }

.md-home-3 .main { width: 17.44rem; }

.md-home-3 .hd a:hover { color: #00453c; }

.md-home-3 .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; margin-top: .31rem; }

.md-home-3 .list .li { width: calc(857 / 1744 * 100%); margin-bottom: .3rem; }

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

.md-home-3 .list .li:hover .text { color: #00453c; font-weight: bold; }

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

.md-home-3 .list .text { padding-top: .36rem; padding-bottom: .34rem; }

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

@media (max-width: 750px) { .md-home-3 .list .li { width: 100%; } }

.md-home-4 { padding-top: .84rem; padding-bottom: .97rem; background-color: #f5f5f7; overflow: hidden; }

.md-home-4 .main { width: 16.4rem; }

.md-home-4 .desc { line-height: 1.88889; margin-top: .12rem; }

.md-home-4 .list { overflow: visible; margin-top: .77rem; }

.md-home-4 .list .li { width: 4rem; min-width: 260px; margin-right: .47rem; border-radius: .17rem; overflow: hidden; background-color: #fff; }

.md-home-4 .list .li:last-of-type { margin-right: 0; }

.md-home-4 .list .li:nth-of-type(even) { background-color: #f4e7d7; }

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

.md-home-4 .list .img { padding-top: calc(476 / 401 * 100%); }

.md-home-4 .list .icon { position: absolute; top: .3rem; right: .39rem; width: .32rem; }

.md-home-4 .list .tx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: .4rem; padding-top: 0.55rem; padding-right: .75rem; line-height: 1.42857; }

.md-home-5 { padding-top: .7rem; padding-bottom: .73rem; }

.md-home-5 .main { width: 17.45rem; }

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

.md-home-5 .list .li { width: calc(580 / 1745 * 100%); padding: 0 .53rem; border-right: 1px solid #dfdfdf; margin-bottom: .79rem; }

.md-home-5 .list .li:nth-of-type(3n) { border-right: 0; }

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

.md-home-5 .list .li:hover .tit { color: #00453c; }

.md-home-5 .list .img { padding-top: calc(273 / 475 * 100%); }

.md-home-5 .list .date { color: #7d7d7d; }

.md-home-5 .list .date .d-1 { line-height: 1.1; margin-bottom: .02rem; }

.md-home-5 .list .tit { line-height: 1.41667; height: calc(34 / 24 * 2em); margin: .45rem 0 .33rem; }

.md-home-5 .list .more { border-top: 1px solid #dfdfdf; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #626262; padding: .26rem 0 .3rem; }

.md-home-5 .btn-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: center; -ms-flex-pack: center; justify-content: center; min-width: 1.6rem; height: .39rem; min-height: 30px; border-radius: .03rem; border: solid 1px #c8c8c8; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0 .2rem; }

.md-home-5 .btn-more:hover { background-color: #00453c; border-color: #00453c; color: #fff; font-weight: bold; }

@media (max-width: 750px) { .md-home-5 .list { display: block; }
  .md-home-5 .list .li { display: block; width: 100%; border-right: none; padding: 0; } }

.md-home-6 { background-color: #f5f5f7; padding-top: .6rem; padding-bottom: .58rem; }

.md-home-6 .main { width: 16.4rem; }

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

.md-home-6 .list .li { width: calc(240 / 1640 * 100%); margin-bottom: .3rem; margin-right: calc(40 / 1680 * 100%); border-radius: .1rem; overflow: hidden; }

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

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

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

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

.md-home-7 { padding-top: .71rem; padding-bottom: .78rem; }

.md-home-7 .main { width: 16.35rem; }

.md-home-7 .form { margin-top: .58rem; }

.md-home-7 .form .form-item { margin-bottom: .14rem; }

.md-home-7 .form .ipt-wrap { margin-top: .12rem; }

.md-home-7 .form .ipt-wrap .ipt { display: block; width: 100%; height: .51rem; min-height: 35px; border: solid 1px #c8c8c8; padding: 0 .15rem; border-radius: .03rem; }

.md-home-7 .form .ipt-wrap .ipt::-webkit-input-placeholder { color: #bfbfbf; }

.md-home-7 .form .ipt-wrap .ipt:-ms-input-placeholder { color: #bfbfbf; }

.md-home-7 .form .ipt-wrap .ipt::-ms-input-placeholder { color: #bfbfbf; }

.md-home-7 .form .ipt-wrap .ipt::placeholder { color: #bfbfbf; }

.md-home-7 .form .ipt-wrap textarea.ipt { height: 2.31rem; padding: .15rem; }

.md-home-7 .form .valid-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-7 .form .valid-code .ipt { width: 2.55rem; }

.md-home-7 .form .valid-code img { height: .58rem; min-height: 35px; margin-left: .19rem; }

.md-home-7 .form .valid-code-btn { margin-left: .05rem; color: #00479d; }

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

.md-home-7 .form .row-1 .form-item { width: calc(483 / 1635 * 100%); }

.md-home-7 .form .tips { color: #7d7d7d; margin-top: .2rem; }

.md-home-7 .form .foot { 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: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-home-7 .form .btn { min-width: 2.8rem; height: .48rem; }

@media (max-width: 900px) { .md-home-7 .form .row-1 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-7 .form .row-1 .form-item { width: 100%; }
  .md-home-7 .form .foot { display: block; }
  .md-home-7 .form .foot .btn { margin-top: .6rem; width: 100%; } }

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

.md-prod-1 .media img { display: block; width: 100%; }

.md-prod-1 .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.md-prod-1 .text { position: absolute; left: 0; top: 1.8rem; top: 20.4%; width: 100%; }

.md-prod-1 .desc { margin-top: .08rem; margin-bottom: .28rem; }

.md-prod-1 .btns { 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; bottom: .56rem; width: 100%; }

.md-prod-1 .btn { min-width: 2.53rem; }

@media (max-width: 750px) { .md-prod-1 .media img { min-height: 40vh; -o-object-fit: cover; object-fit: cover; }
  .md-prod-1 .media video { height: 40vh; }
  .md-prod-1 .text { top: 10%; } }

.md-prod-2 { padding: .47rem 0 0.3rem; }

.md-prod-2 .layout { width: 16.4rem; }

.md-prod-2 .desc { line-height: 1.875; color: #231815; }

.md-prod-3 { padding-top: .4rem; padding-bottom: .66rem; }

.md-prod-3 .layout { width: 16.5rem; }

.md-prod-3 .tab { color: #231815; 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; line-height: 2.52778; margin-top: .38rem; }

.md-prod-3 .tab-item { min-width: 1.86rem; padding-right: .43rem; padding-left: .42rem; margin-right: .6rem; 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; cursor: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-3 .tab-item:last-of-type { margin-right: 0; }

.md-prod-3 .tab-item.on { background-color: #00453c; color: #f5f5f7; }

.md-prod-3 .tab-item.on .icon .i-1 { display: none; }

.md-prod-3 .tab-item.on .icon .i-2 { display: block; }

.md-prod-3 .tab .icon { font-size: 0; margin-right: .27rem; }

.md-prod-3 .tab .icon img { height: .52rem; }

.md-prod-3 .tab .icon .i-1 { display: block; }

.md-prod-3 .tab .icon .i-2 { display: none; }

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

.md-prod-3 .list .li { width: 33.33%; border: solid 1px #eeeeee; min-height: 7.5rem; padding-top: .21rem; }

.md-prod-3 .list .li:hover { color: #00453c; }

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

.md-prod-3 .list .img { padding-top: calc(440 / 550 * 100%); }

.md-prod-3 .list .text { padding: 0 .5rem .2rem; }

.md-prod-3 .list .tit { line-height: 1.2; margin-top: .06rem; margin-bottom: .02rem; }

.md-prod-3 .list .desc { line-height: 1.66667; }

.md-prod-3 .foot { text-align: center; margin-top: .59rem; }

.md-prod-3 .btn { display: inline-block; background-color: #00453c; color: #fff; min-width: 1.76rem; line-height: 2.05556; padding: 0 .2rem; border-radius: .06rem; }

.md-prod-3 .bd-item { display: none; }

.md-prod-3 .bd-item.on { display: block; }

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

@media (max-width: 700px) { .md-prod-3 .tab { font-size: 14px; }
  .md-prod-3 .tab-item { min-width: auto; padding: 0 .2rem; margin-right: 0; }
  .md-prod-3 .tab .icon { margin-right: .1rem; }
  .md-prod-3 .tab .icon img { height: 16px; }
  .md-prod-3 .list .li { width: 100%; } }

.md-prod-5 .dt { display: none; }

.md-prod-5 .dt.on { display: block; }

.md-prod-5 .list .li { padding: 1.8rem 0; }

.md-prod-5 .list .li:nth-of-type(odd) { background-color: #f5f5f7; }

.md-prod-5 .list .li:nth-of-type(odd) .text { padding-right: 1.5rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-prod-5 .list .li:nth-of-type(odd) .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-prod-5 .list .li:nth-of-type(even) { background-color: #fff; }

.md-prod-5 .list .li:nth-of-type(even) .text { padding-left: 1.88rem; }

.md-prod-5 .list .layout { width: 16.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-5 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-5 .list .c-pic { width: calc(898 / 1640 * 100%); }

.md-prod-5 .list .video { position: relative; }

.md-prod-5 .list .video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.md-prod-5 .list .video, .md-prod-5 .list .img { padding-top: calc(505 / 898 * 100%); }

.md-prod-5 .list .desc { line-height: 2; margin-top: .32rem; }

@media (max-width: 750px) { .md-prod-5 .list .li { padding: 10% 0; }
  .md-prod-5 .list .layout { display: block; }
  .md-prod-5 .list .c-pic { width: 100%; }
  .md-prod-5 .list .text { padding: 0 !important; margin-top: 6%; } }

.md-prod-4 { text-align: center; background-color: #f5f5f7; padding-top: .76rem; padding-bottom: 1.15rem; }

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

.md-prod-4 .desc { margin-top: .21rem; }

.md-prod-4 .list { margin-top: .34rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-4 .list .li { min-width: none; width: 1.1rem; min-width: 6em; margin: 0 .2rem; margin-bottom: .2rem; background-color: #fff; padding: .1rem .5em; padding-top: .12rem; color: #7d7d7d; min-height: 1.1rem; border-radius: .03rem; }

.md-prod-4 .list .li:hover { color: #000; font-weight: bold; }

.md-prod-4 .list .li:hover .img { opacity: 1; -webkit-filter: none; filter: none; }

.md-prod-4 .list .img { font-size: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }

.md-prod-4 .list .img img { height: .7rem; min-height: 50px; }

.md-prod-4 .list .tit { margin-top: .01rem; line-height: 1.2; }

@media (max-width: 1200px) { .md-prod-4 .list .li { width: 18%; margin: 0 1% 2%; } }

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

.md-prod-6 .text { text-align: center; padding: .65rem .2rem .67rem; padding: .34rem .2rem .58rem; }

.md-prod-6 .desc { line-height: 1.57692; margin-top: .26rem; line-height: 1.45833; margin-top: .31rem; }

.md-prod-6 .media { position: relative; }

.md-prod-6 .m-btn { position: absolute; left: 50%; bottom: .79rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md-prod-7 .text { text-align: center; padding: .7rem .2rem .62rem; }

.md-prod-7 .desc { line-height: 2; margin-top: .1rem; }

.md-prod-9 .text { text-align: center; padding: .52rem .2rem .49rem; }

.md-prod-9 .desc { line-height: 1.5; margin-top: .27rem; }

.md-prod-8 { margin-bottom: .83rem; }

.md-prod-8 .layout { width: 16.43rem; }

.md-prod-8 .text { padding: .6rem 0 .51rem; padding: .69rem 0 .53rem; }

.md-prod-8 .row { 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; align-items: flex-start; }

.md-prod-8 .media { position: relative; }

.md-prod-8 .media img, .md-prod-8 .media video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.md-prod-8 .col-1 { width: calc(797 / 1643 * 100%); position: relative; }

.md-prod-8 .col-1 .media { padding-top: calc(715 / 797 * 100%); }

.md-prod-8 .col-1 .tx { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: .3rem; line-height: 1.66667; }

.md-prod-8 .col-2 { width: calc(820 / 1643 * 100%); }

.md-prod-8 .col-2 .media { padding-top: calc(494 / 820 * 100%); }

.md-prod-8 .col-2 .tx { line-height: 2.35; padding-bottom: .3rem; padding-top: .88rem; padding-left: 1.5rem; padding-top: .91rem; padding-left: 1.44rem; }

@media (max-width: 900px) { .md-prod-8 .row { display: block; }
  .md-prod-8 .col-1 { width: 100%; }
  .md-prod-8 .col-2 { width: 100%; margin-top: 5%; }
  .md-prod-8 .col-2 .tx { padding: 5% 10%; } }

.md-prod-10 { padding-bottom: .19rem; }

.md-prod-10 .title { line-height: 1.5; padding: 0.75rem 0 .25rem; }

.md-prod-10 .layout { width: 16.49rem; }

.md-prod-10 .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-prod-10 .list .li { position: relative; margin-bottom: .31rem; }

.md-prod-10 .list .li:nth-of-type(3n + 1) { width: 100%; }

.md-prod-10 .list .li:nth-of-type(3n + 1) .media { padding-top: calc(469 / 1649 * 100%); }

.md-prod-10 .list .li:nth-of-type(3n + 1) .media img, .md-prod-10 .list .li:nth-of-type(3n + 1) .media video { -o-object-fit: contain; object-fit: contain; }

.md-prod-10 .list .li:nth-of-type(3n + 1) .tx { bottom: .33rem; }

.md-prod-10 .list .li:nth-of-type(3n + 2), .md-prod-10 .list .li:nth-of-type(3n + 3) { width: calc(802 / 1649 * 100%); }

.md-prod-10 .list .li:nth-of-type(3n + 2) .media, .md-prod-10 .list .li:nth-of-type(3n + 3) .media { padding-top: calc(469 / 802 * 100%); }

.md-prod-10 .list .li:nth-of-type(3n + 2) .tx, .md-prod-10 .list .li:nth-of-type(3n + 3) .tx { bottom: .28rem; }

.md-prod-10 .list .tx { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 .36rem; line-height: 1.25; }

.md-prod-10 .tips { color: #7d7d7d; text-align: center; padding: 0 .2rem; }

@media (max-width: 900px) { .md-prod-10 .list .li:nth-of-type(3n + 1) .media { padding-top: 60%; }
  .md-prod-10 .list .li:nth-of-type(3n + 2), .md-prod-10 .list .li:nth-of-type(3n + 3) { width: 100%; } }

.md-prod-11 { padding-top: .46rem; padding-bottom: .46rem; position: relative; }

.md-prod-11 .container { position: relative; }

.md-prod-11 .list .li { opacity: .3; }

.md-prod-11 .list .swiper-slide-active { opacity: 1; }

.md-prod-11 .list .media { padding-top: calc(729 / 1295 * 100%); }

.md-prod-11 .page { text-align: center; position: absolute; left: 0; bottom: .68rem; z-index: 2; width: 100%; padding: 0 .2rem; color: #7d7d7d; }

.md-prod-11 .page .swiper-container { display: inline-block; vertical-align: bottom; position: relative; max-width: 12.95rem; }

.md-prod-11 .page .swiper-container:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }

.md-prod-11 .page .swiper-slide { width: auto; margin-right: .3rem; padding: 0 .3rem .2rem; cursor: pointer; }

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

.md-prod-11 .page .swiper-slide.on { color: #000; position: relative; }

.md-prod-11 .page .swiper-slide.on:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #00453c; }

@media (max-width: 900px) { .md-prod-11 .page { bottom: .2rem; }
  .md-prod-11 .page .swiper-slide { max-width: 100%; padding-left: .1rem; padding-right: .1rem; margin-right: .1rem; } }

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

.md-prod-12 .text { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.md-prod-12 .desc { line-height: 1.5; margin-top: .37rem; }

.md-prod-12 .foot { margin-top: .64rem; }

@media (max-width: 900px) { .md-prod-12 .media img, .md-prod-12 .media video { min-height: 40vh; }
  .md-prod-12 .foot { margin-top: .2rem; } }

.md-prod-13 { background-color: #f5f5f7; padding-top: 1rem; padding-bottom: .32rem; }

.md-prod-13 .layout { width: 15.5rem; }

.md-prod-13 .text .desc { line-height: 1.5; margin-top: .36rem; }

.md-prod-13 .list { margin-top: .46rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-13 .list .li { width: 25%; margin-bottom: .4rem; }

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

.md-prod-13 .list .img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-13 .list .img img { height: 4rem; max-width: 100%; -o-object-fit: contain; object-fit: contain; }

.md-prod-13 .list .tit { margin-top: .08rem; }

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

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

.md-prod-14 .text { position: absolute; left: 0; top: 17.8%; width: 100%; }

.md-prod-14 .desc { margin-top: .06rem; }

.md-prod-14 .btns { 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: .28rem; }

.md-prod-14 .btn { padding: 0 .2rem; min-width: 1.76rem; line-height: 2.05556; border-radius: .06rem; margin-right: .37rem; }

.md-prod-14 .btn:last-of-type { margin-right: 0; }

@media (max-width: 750px) { .md-prod-14 .media img { min-height: 40vh; -o-object-fit: cover; object-fit: cover; }
  .md-prod-14 .media video { height: 40vh; }
  .md-prod-14 .text { top: 10%; } }

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

.md-prod-15 .text { position: absolute; left: 3.27rem; top: 49.9%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-prod-15 .desc { line-height: 1.84615; margin-top: .15rem; }

@media (max-width: 900px) { .md-prod-15 .text { left: 5%; } }

@media (max-width: 500px) { .md-prod-15 .desc { font-size: 12px; } }

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

.md-prod-16 .text { position: absolute; left: 0; top: 16.4%; top: 6%; width: 100%; }

.md-prod-16 .desc { line-height: 1.84615; margin-top: .13rem; }

@media (max-width: 500px) { .md-prod-16 .text { top: 8%; }
  .md-prod-16 .desc { font-size: 12px; margin-top: 0; } }

.md-prod-17 { background-color: #f5f5f7; padding-top: .8rem; padding-bottom: 1.05rem; }

.md-prod-17 .desc { margin-top: .08rem; }

.md-prod-17 .imgs { margin-top: .46rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-17 .imgs .img { width: calc(659 / 1640 * 100%); margin-right: calc(110 / 1640 * 100%); }

.md-prod-17 .imgs .img:nth-of-type(2n) { margin-right: 0; }

.md-prod-17 .imgs .img img { width: 100%; }

@media (max-width: 600px) { .md-prod-17 .imgs { display: block; }
  .md-prod-17 .imgs .img { width: 90%; margin: 1rem auto 0 !important; } }

.md-prod-18 { padding-top: .85rem; padding-bottom: .54rem; }

.md-prod-18 .list { margin-top: .7rem; 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; text-align: center; }

.md-prod-18 .list .li { width: calc(368 / 1640 * 100%); background-color: #f5f5f7; border-radius: .1rem; min-height: 5.64rem; padding: 1.01rem .48rem .4rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: .4rem; }

.md-prod-18 .list .li:hover { background-color: #00453c; color: #fff; }

.md-prod-18 .list .li:hover .icon .i-1 { display: none; }

.md-prod-18 .list .li:hover .icon .i-2 { display: inline; }

.md-prod-18 .list .icon { font-size: 0; text-align: center; }

.md-prod-18 .list .icon img { height: 1.1rem; }

.md-prod-18 .list .icon .i-2 { display: none; }

.md-prod-18 .list .t1 { margin-top: .57rem; }

.md-prod-18 .list .t2 { line-height: 2.22222; margin-top: .42rem; }

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

.md-prod-19 { background-color: #f5f5f7; padding-top: .66rem; padding-bottom: .56rem; }

.md-prod-19 .desc { 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: .07rem; }

.md-prod-19 .desc .link { 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; height: .32rem; min-height: 26px; padding-left: .1rem; padding-right: .12rem; margin-left: .12rem; }

.md-prod-19 .desc .link img { width: 0.22rem; min-width: 14px; margin-right: .09rem; }

.md-prod-19 .desc .link:hover { background-color: #f3c78f; }

.md-prod-19 .media { margin-top: .74rem; }

@media (max-width: 900px) { .md-prod-19 .desc { display: block; }
  .md-prod-19 .desc .link { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: .2rem auto 0; } }

.md-solution-1 { position: relative; }

.md-solution-1 .media img { display: block; width: 100%; }

.md-solution-1 .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.md-solution-1 .text { position: absolute; left: 0; top: 45.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.md-solution-1 .btns { position: absolute; left: 0; bottom: .75rem; width: 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; }

.md-solution-1 .btn { padding: 0 .2rem; min-width: 2.53rem; line-height: 2.71429; border-radius: .06rem; margin-right: .37rem; }

.md-solution-1 .btn:last-of-type { margin-right: 0; }

@media (max-width: 750px) { .md-solution-1 .media img { min-height: 40vh; -o-object-fit: cover; object-fit: cover; }
  .md-solution-1 .media video { height: 40vh; } }

.md-solution-2 { padding-top: .73rem; padding-bottom: .47rem; min-height: 8.16rem; background: url(../images/ban-4.jpg) no-repeat center bottom/100%; }

.md-solution-2 .desc { line-height: 2.22222; margin-top: .31rem; }

.md-solution-2 .img { font-size: 0; margin-top: .46rem; }

.md-solution-2 .img img { max-width: 100%; }

.md-solution-3 { padding-bottom: .59rem; }

.md-solution-3 .layout { width: 13.16rem; }

.md-solution-3 .list .li { padding-top: .56rem; margin-bottom: .11rem; }

.md-solution-3 .list .li:last-of-type { margin-bottom: 0; }

.md-solution-3 .list .btns { margin-top: 0.22rem; }

.md-solution-3 .list .btns .btn { display: inline-block; vertical-align: top; background: #00453c; color: #fff; border-radius: .52rem; padding: .08rem .3rem; 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; }

.md-solution-3 .list .img { margin-top: 0.47rem; font-size: 0; background-color: #f5f5f7; border-radius: .1rem; overflow: hidden; }

.md-solution-3 .list .img img { width: 100%; }

.md-solution-3 .foot { text-align: center; padding: .45rem 0; }

.md-solution-3 .foot .m-btn { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-solution-3 .foot .m-btn:hover { background-color: #f3c78f; }

.md-solution-4 { padding-top: .67rem; padding-bottom: 1.46rem; background-color: #f5f5f7; }

.md-solution-4 .layout { width: 16.4rem; }

.md-solution-4 .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .64rem; }

.md-solution-4 .rg { width: calc(821 / 1640 * 100%); position: relative; }

.md-solution-4 .media { padding-top: calc(462 / 821 * 100%); }

.md-solution-4 .media .m-btn { width: 2.53rem; position: absolute; left: 0; right: 0; margin: auto; bottom: .64rem; }

.md-solution-4 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1.6rem; }

.md-solution-4 .desc { line-height: 1.66667; margin-top: .2rem; }

.md-solution-4 .list { margin-top: 1rem; background-color: #fff; 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-top: .18rem; text-align: center; }

.md-solution-4 .list .li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .2rem .1rem .16rem; }

.md-solution-4 .list .icon { height: .52rem; line-height: .52rem; font-size: 0; }

.md-solution-4 .list .icon img { max-height: 100%; vertical-align: bottom; }

.md-solution-4 .list .t1 { margin-top: .23rem; }

.md-solution-4 .list .t2 { line-height: 1.85714; margin-top: .03rem; }

@media (max-width: 900px) { .md-solution-4 { padding: 5% 0; }
  .md-solution-4 .row { display: block; margin-top: 5%; }
  .md-solution-4 .rg { width: 100%; margin-top: 5%; }
  .md-solution-4 .text { padding-right: 0; }
  .md-solution-4 .list .li { width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } }

.md-solution-5 { padding-top: .23rem; padding-bottom: .27rem; }

.md-solution-5 .layout { width: 16.4rem; }

.md-solution-5 .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-solution-5 .list .li { width: calc(815 / 1640 * 100%); margin-bottom: .15rem; overflow: hidden; }

.md-solution-5 .list .li:hover .media { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.md-solution-5 .list .media { padding-top: calc(404 / 815 * 100%); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

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

.md-solution-6 { position: relative; }

.md-solution-6 .media { background-color: #000; }

.md-solution-6 .text { position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-solution-6 .btns { position: absolute; left: 0; bottom: .71rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-solution-6 .btn { width: 2.52rem; margin: 0 .15rem; line-height: 2.64286; border-radius: .06rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; }

.md-solution-6 .btn-1 { background-color: #00453c; color: #fff; }

.md-solution-6 .btn-1:hover { background-color: #003730; }

.md-solution-6 .btn-2 { background-color: #fff; color: #00453c; }

.md-solution-6 .btn-2:hover { background-color: #00453c; color: #fff; }

@media (max-width: 500px) { .md-solution-6 .text { top: 20%; -webkit-transform: none; -ms-transform: none; transform: none; }
  .md-solution-6 .tit { font-size: 14px; }
  .md-solution-6 .btns { bottom: .3rem; }
  .md-solution-6 .btn { line-height: 2.2; } }

.md-solution-7 { position: relative; }

.md-solution-7 .text { position: absolute; left: 0; top: 25%; width: 100%; line-height: 1.66667; }

.md-solution-8 .layout { width: 16.4rem; }

.md-solution-8 .text { padding: .36rem 0 .3rem; }

.md-solution-8 .text .title { line-height: 1.66667; }

.md-solution-8 .text .description { line-height: 1.25; margin-top: .21rem; }

.md-solution-8 .list { margin-top: 0.3rem; 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-solution-8 .list .li { width: calc(778 / 1640 * 100%); min-height: 6.51rem; border-radius: .1rem; overflow: hidden; position: relative; margin-bottom: .8rem; }

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

.md-solution-8 .list .img { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-solution-8 .list .img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.md-solution-8 .list .img:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f7f8f8), to(transparent)); background: -o-linear-gradient(top, #f7f8f8 20%, transparent); background: linear-gradient(to bottom, #f7f8f8 20%, transparent); }

.md-solution-8 .list .tx { position: relative; z-index: 2; padding: .6rem .4rem .39rem; }

.md-solution-8 .list .tx .tit { line-height: 1.2; }

.md-solution-8 .list .tx .desc { line-height: 1.71429; margin-top: .17rem; height: 1.54rem; overflow-y: auto; padding-bottom: .2rem; }

.md-solution-8 .list .row { margin-bottom: .1rem; }

.md-solution-8 .list .row:last-of-type { margin-bottom: 0; }

.md-solution-8 .list .row-list { margin-top: .09rem; text-align: center; }

.md-solution-8 .list .row-list .swiper-slide { width: 1.88rem; margin-right: 0.3rem; overflow: hidden; }

.md-solution-8 .list .row-list .swiper-slide:last-of-type { margin-right: 0; }

.md-solution-8 .list .row-list .swiper-slide:hover .pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.md-solution-8 .list .row-list .pic { background-color: #fff; border-radius: .1rem; overflow: hidden; font-size: 0; }

.md-solution-8 .list .row-list .pic img { width: 100%; height: .84rem; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-solution-8 .list .row-list .t { margin-top: .08rem; line-height: 1.2; }

.md-solution-8 .list .row-2 { margin-top: .32rem; display: flex; flex-wrap: wrap; }

.md-solution-8 .list .row-2 .m-btn { min-width: 1.88rem; line-height: 1.5; padding: .135rem .2rem; border-radius: .05rem; margin-right: .3rem; }
.md-solution-8 .list .row-2 .m-btn:last-of-type{ margin-right: 0; }
.md-solution-8 .list .row-2 .m-btn:hover { background-color: #f3c78f; }

@media (max-width: 900px) { .md-solution-8 .list .li { width: 100%; margin-bottom: 5%; }
  .md-solution-8 .list .tx .desc { height: auto; } }

.md-solution-9 { position: relative; }

.md-solution-9 .title { position: absolute; left: 0; top: .39rem; width: 100%; }

.md-solution-10 { padding-bottom: .88rem; }

.md-solution-10 .title { padding: 0.57rem 0 0.4rem; }

.md-solution-10 .list { width: 10.85rem; max-width: 100%; margin-left: auto; margin-right: auto; }

.md-solution-10 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.25rem; background-color: #f5f5f7; border-radius: .1rem; min-height: 4.09rem; padding: .2rem 0; }

.md-solution-10 .list .li:last-of-type { margin-bottom: 0; }

.md-solution-10 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .57rem; padding-right: .9rem; }

.md-solution-10 .list .desc { line-height: 2.22222; margin-top: .25rem; }

.md-solution-10 .list .c-pic { width: 3rem; margin-right: .84rem; }

.md-solution-10 .list .img { padding-top: 100%; }

@media (max-width: 600px) { .md-solution-10 .list .li { display: block; padding: 5%; }
  .md-solution-10 .list .text { padding: 0; }
  .md-solution-10 .list .c-pic { width: 100%; max-width: 200px; margin: auto; } }

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

.md-case-1 .layout { width: 16.4rem; }

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

.md-case-1 .list .li { width: calc(522 / 1640 * 100%); border-radius: .09rem; overflow: hidden; position: relative; margin-right: calc(37 / 1640 * 100%); margin-bottom: .64rem; }

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

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

.md-case-1 .list .img { padding-top: calc(352 / 522 * 100%); }

.md-case-1 .list .tit { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 .2rem; line-height: 2.95833; }

.md-case-1 .foot { text-align: center; }

.md-case-1 .foot .more { display: inline-block; vertical-align: top; min-width: 1.62rem; border: solid 1px #c8c8c8; border-radius: .03rem; padding: .08rem .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-case-1 .foot .more:hover { background-color: #f3c78f; border-color: #f3c78f; color: #fff; }

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

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

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

.md-news-1 .layout { width: 16.4rem; }

.md-news-1 .title { margin-bottom: .65rem; }

.md-news-1 .top-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-news-1 .top-list .li { border-radius: .09rem; overflow: hidden; background-color: #fff; width: calc(804 / 1640 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-1 .top-list .li:hover { -webkit-box-shadow: 0 0 .15rem #e4e4e4; box-shadow: 0 0 .15rem #e4e4e4; }

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

.md-news-1 .top-list .img { padding-top: calc(600 / 804 * 100%); background-color: #eee; }

.md-news-1 .top-list .text { padding: .19rem .27rem .35rem; }

.md-news-1 .top-list .tit { line-height: 1.75; height: 3.5em; }

.md-news-1 .top-list .date { margin-top: .26rem; color: #7d7d7d; }

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

.md-news-1 .list .li { width: calc(523 / 1640 * 100%); margin-right: calc(35 / 1640 * 100%); margin-bottom: .44rem; border-radius: .09rem; overflow: hidden; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.md-news-1 .list .li:hover { -webkit-box-shadow: 0 0 .15rem #e4e4e4; box-shadow: 0 0 .15rem #e4e4e4; }

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

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

.md-news-1 .list .text { padding: .15rem; }

.md-news-1 .list .tit { line-height: 1.5; height: 3em; }

.md-news-1 .list .date { margin-top: .3rem; color: #7d7d7d; }

.md-news-1 .foot { text-align: center; margin-top: .1rem; }

.md-news-1 .foot .more { display: inline-block; vertical-align: top; min-width: 1.62rem; border: solid 1px #c8c8c8; border-radius: .03rem; padding: .08rem .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-1 .foot .more:hover { background-color: #f3c78f; border-color: #f3c78f; color: #fff; }

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

@media (max-width: 900px) { .md-news-1 .top-list .li { width: 100%; margin-bottom: 5%; }
  .md-news-1 .list { margin-top: 0; }
  .md-news-1 .list .li { width: 100%; margin-bottom: 5%; } }

.md-news-2 { padding-top: 1.09rem; padding-bottom: .43rem; }

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

.md-news-2 .main { width: calc(1206 / 1640 * 100%); }

.md-news-2 .main .title { line-height: 1.6; }

.md-news-2 .main .date { margin-top: .11rem; }

.md-news-2 .main .date span { margin-right: 1em; }

.md-news-2 .main .date .d-1 { color: #7d7d7d; }

.md-news-2 .main .detail { line-height: 2; color: #1b1b1b; border-top: 1px solid #a4a4a4; padding-top: .29rem; margin-top: .17rem; }

.md-news-2 .main .nav { margin-top: .56rem; }

.md-news-2 .main .nav .item { margin-right: 1.2rem; }

.md-news-2 .main .nav .item:last-of-type { margin-right: 0; }

.md-news-2 .main .nav .item:hover { color: #00453c; font-weight: bold; }

.md-news-2 .side { width: calc(354 / 1640 * 100%); }

.md-news-2 .side-tit { margin: .02rem 0 0.48rem; }

.md-news-2 .side .list .li { display: block; margin-bottom: .5rem; }

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

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

.md-news-2 .side .list .li:hover .tit { color: #00453c; }

.md-news-2 .side .list .c-pic { border-radius: .09rem .09rem 0 0; }

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

.md-news-2 .side .list .tit { line-height: 1.75; margin-top: .11rem; }

.md-news-2 .side .list .date { color: #7d7d7d; margin-top: .1rem; }

@media (max-width: 900px) { .md-news-2 { padding-top: 10%; }
  .md-news-2 .layout { display: block; }
  .md-news-2 .main { width: 100%; }
  .md-news-2 .side { width: 100%; max-width: 500px; margin: 5% auto 0; padding-top: 5%; border-top: 1px solid #dfdfdf; } }

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

.md-about-1 .text { position: absolute; left: 0; top: 45.5%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-about-2 .layout { width: 16.4rem; }

.md-about-2 .row-1 { padding-top: .85rem; }

.md-about-2 .intro { margin-top: .09rem; }

.md-about-2 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .61rem; padding-bottom: .51rem; }

.md-about-2 .desc { width: calc(730 / 1640 * 100%); line-height: 2; margin-right: 1rem; text-align: justify; }

.md-about-2 .data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .08rem; }

@media (max-width: 900px) { .md-about-2 .row-2 { display: block; }
  .md-about-2 .desc { width: 100%; }
  .md-about-2 .data { margin-top: 5%; } }

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

.md-about-3 .foot { position: absolute; left: 0; bottom: .85rem; width: 100%; }

.md-about-3 .foot .m-btn { min-width: 2.52rem; }

.md-about-4 .layout { width: 16.4rem; }

.md-about-4 .row-1 { padding-top: .45rem; padding-bottom: .49rem; }

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

.md-about-4 .row-2 { position: relative; }

.md-about-4 .row-2 .img { min-height: 8.68rem; position: relative; }

.md-about-4 .row-2 .img svg { position: absolute; left: 0; top: 0; width: 100%; }

.md-about-4 .row-2 #car { opacity: 0; }

.md-about-4 .row-2 .list { color: #fff; }

.md-about-4 .row-2 .list .li { position: absolute; padding-left: .2rem; max-width: 3rem; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }

.md-about-4 .row-2 .list .li.show { -webkit-animation: clip 1s forwards; animation: clip 1s forwards; }

.md-about-4 .row-2 .list .li:before { content: ''; position: absolute; left: 0; top: .06rem; width: 1px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent)); background: -o-linear-gradient(top, #fff, transparent); background: linear-gradient(to bottom, #fff, transparent); }

.md-about-4 .row-2 .list .li:nth-child(1) { left: 1.9rem; top: .8rem; }

.md-about-4 .row-2 .list .li:nth-child(2) { left: 1.9rem; top: 4.87rem; }

.md-about-4 .row-2 .list .li:nth-child(3) { left: 4.78rem; top: 2.34rem; }

.md-about-4 .row-2 .list .li:nth-child(4) { left: 5.23rem; top: 5.98rem; }

.md-about-4 .row-2 .list .li:nth-child(6) { left: 8.71rem; top: .98rem; }

.md-about-4 .row-2 .list .li:nth-child(5) { left: 8.53rem; top: 5.15rem; }

.md-about-4 .row-2 .list .li:nth-child(7) { left: 12.95rem; top: 1.4rem; }

.md-about-4 .row-2 .list .li:nth-child(8) { left: 12.07rem; top: 4.99rem; }

.md-about-4 .row-2 .list .li:nth-child(9) { left: 15.86rem; top: 3.79rem; }

.md-about-4 .row-2 .list .li:nth-child(10) { left: 14.72rem; top: 6.98rem; }

.md-about-4 .row-2 .list .t1 { line-height: 1.2; }

.md-about-4 .row-2 .list .t3 { line-height: 1.5; }

@media (max-width: 900px) { .md-about-4 .row-2 .img { min-height: auto; }
  .md-about-4 .row-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; color: #000000; padding: 5%; }
  .md-about-4 .row-2 .list .li { position: relative; left: 0 !important; top: 0 !important; width: 49%; max-width: none; margin-bottom: 5%; }
  .md-about-4 .row-2 .list .li:before { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: -o-linear-gradient(top, #000, transparent); background: linear-gradient(to bottom, #000, transparent); } }

.md-about-5 .layout { width: 16.4rem; }

.md-about-5 .row-1 { padding-top: .49rem; padding-bottom: .49rem; }

.md-about-5 .row-1 .intro { margin-top: .09rem; }

.md-about-5 .row-2 { min-height: 8.68rem; }

.md-about-5 .row-2 .text { padding-top: 1.27rem; padding-bottom: 1rem; }

.md-about-5 .row-2 .desc { line-height: 2; margin-top: .1rem; }

.md-about-5 .row-2 .tx-2 { margin-top: .89rem; }

.md-about-6 .layout { width: 16.4rem; }

.md-about-6 .row-1 { padding-top: .45rem; }

.md-about-6 .row-1 .intro { margin-top: .13rem; }

.md-about-6 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .58rem; }

.md-about-6 .row-2 .col { width: calc(393 / 1640 * 100%); margin-right: calc(22 / 1640 * 100%); margin-bottom: .2rem; }

.md-about-6 .row-2 .col:nth-of-type(4n) { margin-right: 0; }

.md-about-6 .row-2 .col-tit { background-color: #00453c; color: #fff; padding-bottom: .09rem; }

.md-about-6 .row-2 .col .dt { padding: .19rem 0; }

.md-about-6 .row-2 .col .dd { background-color: #f6f6f6; margin-bottom: .13rem; padding: .08rem; }

.md-about-6 .row-2 .col .dd:last-of-type { margin-bottom: 0; }

.md-about-6 .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; padding-top: .5rem; padding-bottom: .46rem; }

.md-about-6 .row-3 .li { width: calc(789 / 1640 * 100%); border-radius: .1rem; overflow: hidden; position: relative; margin-bottom: .45rem; }

.md-about-6 .row-3 .li:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }

.md-about-6 .row-3 .li:hover .img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.md-about-6 .row-3 .img { padding-top: calc(358 / 789 * 100%); }

.md-about-6 .row-3 .tit { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 0 .22rem .23rem; }

@media (max-width: 900px) { .md-about-6 .row-2 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-about-6 .row-2 .col { width: 49%; margin-right: 0; }
  .md-about-6 .row-3 .li { width: 100%; } }

@media (max-width: 500px) { .md-about-6 .row-2 .col { width: 100%; } }

.md-contact-1 { position: relative; }

.md-contact-1 .text { position: absolute; left: 0; top: 33%; z-index: 2; width: 100%; }

.md-contact-1 .tit { line-height: 1.35; }

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

.md-contact-2 { padding-top: 1.8rem; padding-bottom: 1.72rem; }

.md-contact-2 .layout { width: 16.4rem; }

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

.md-contact-2 .list .li { position: relative; background-color: #f5f5f7; border-radius: .1rem; width: calc(496 / 1640 * 100%); margin-right: calc(76 / 1640 * 100%); min-height: 5.16rem; padding-top: .1rem; padding-bottom: .4rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

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

.md-contact-2 .list .li:hover { background-color: #00453c; }

.md-contact-2 .list .li:hover .icon .i-1 { display: none; }

.md-contact-2 .list .li:hover .icon .i-2 { display: inline; }

.md-contact-2 .list .li:hover .tx { color: #fff; }

.md-contact-2 .list .li:hover .t4 { color: #f3c78f; }

.md-contact-2 .list .icon { font-size: 0; margin-top: .52rem; display: block; }

.md-contact-2 .list .icon img { height: 1rem; }

.md-contact-2 .list .icon .i-2 { display: none; }

.md-contact-2 .list .code { font-size: 0; margin-top: .22rem; }

.md-contact-2 .list .code img { height: 2.19rem; }

.md-contact-2 .list .tx { color: #1b1b1b; margin-top: .35rem; }

.md-contact-2 .list .t2 { margin-top: .09rem; }

.md-contact-2 .list .t3 { margin-top: .09rem; }

.md-contact-2 .list .t4 { color: #00453c; position: absolute; bottom: .56rem; left: 0; width: 100%; }

@media (max-width: 750px) { .md-contact-2 { padding: 5% 0; }
  .md-contact-2 .list .li { width: 100%; margin-right: 0; margin-bottom: 5%; } }

.md-contact-3 { background-color: #f5f5f7; padding-top: .54rem; padding-bottom: .83rem; }

.md-contact-3 .desc { line-height: 2.22222; margin: .13rem 0 .1rem; }

.md-contact-3 .form { margin-top: .54rem; }

.md-contact-3 .form .form-item { margin-bottom: .42rem; }

.md-contact-3 .form .ipt-wrap textarea.ipt { height: 2.12rem; }

.md-contact-3 .form .foot { margin-top: 0.59rem; }

.md-contact-4 { padding-top: .75rem; padding-bottom: .5rem; }

.md-contact-4 .title { margin-bottom: .7rem; }

.md-contact-4 .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f7; }

.md-contact-4 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; }

.md-contact-4 .list { margin-top: .4rem; }

.md-contact-4 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .31rem; }

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

.md-contact-4 .list img { width: .26rem; min-width: 18px; margin-right: .15rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-contact-4 .list a:hover { color: #00453c; }

.md-contact-4 .map { width: calc(977 / 1640 * 100%); font-size: 0; }

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

@media (max-width: 900px) { .md-contact-4 .main { display: block; }
  .md-contact-4 .text { padding: 5%; }
  .md-contact-4 .map { width: 100%; } }

.md-contact-5 { padding-top: .17rem; padding-bottom: .53rem; }

.md-contact-5 .img { font-size: 0; text-align: center; margin-top: .33rem; }

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

.md-contact-6 { padding-top: .97rem; padding-bottom: .89rem; }

.md-contact-6 .layout { width: 15.86rem; }

.md-contact-6 .text { line-height: 1.66667; padding-bottom: .63rem; }

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

.md-contact-7 { background-color: #f5f5f7; padding-top: 1.05rem; padding-bottom: .35rem; }

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

.md-contact-7 .list .li { background-color: #fff; border-radius: .1rem; padding: .54rem .2rem .55rem; width: calc(496 / 1640 * 100%); margin-right: calc(76 / 1640 * 100%); margin-bottom: .65rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

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

.md-contact-7 .list .li:hover { background-color: #00453c; color: #fff; }

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

.md-contact-7 .list .li:hover .icon .i-1 { display: none; }

.md-contact-7 .list .li:hover .icon .i-2 { display: inline; }

.md-contact-7 .list .icon { height: .9rem; font-size: 0; 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-contact-7 .list .icon img { max-height: 100%; }

.md-contact-7 .list .icon .i-2 { display: none; }

.md-contact-7 .list .tit { line-height: 1.2; margin-top: .1rem; }

.md-contact-7 .list .desc { margin-top: .05rem; }

@media (max-width: 900px) { .md-contact-7 { padding-top: 5%; padding-bottom: 1%; }
  .md-contact-7 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-contact-7 .list .li { width: 48%; margin-right: 0; margin-bottom: 4%; }
  .md-contact-7 .list .tit { margin-top: .3rem; } }

.md-contact-8 { padding-top: .6rem; padding-bottom: .91rem; }

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

.md-contact-8 .list .li { margin-bottom: .11rem; width: 50%; padding-left: 1.13rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-8 .list .li:before { content: ''; width: .24rem; height: .24rem; min-width: 16px; min-height: 16px; background: url(../images/i-check.png) no-repeat center/contain; margin-right: .16rem; }

.md-contact-8 .list + .title { margin-top: .89rem; }

@media (max-width: 900px) { .md-contact-8 .list .li { padding-left: 0; width: 100%; } }

.md-contact-9 { padding-top: 1.49rem; padding-bottom: .3rem; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; }

.md-contact-9 .quote { padding-left: 1.08rem; padding-right: 1.22rem; position: relative; line-height: 1.66667; }

.md-contact-9 .quote:before { content: ''; position: absolute; left: 0; top: .16rem; width: .55rem; height: .52rem; background: url(../images/quote-1.png) no-repeat center/contain; }

.md-contact-9 .quote:after { content: ''; position: absolute; right: 0; bottom: .05rem; width: .55rem; height: .52rem; background: url(../images/quote-2.png) no-repeat center/contain; }

.md-contact-9 .text { margin-top: 1.84rem; }

.md-contact-9 .text .t2 { margin-top: .18rem; }

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

.md-contact-9 .list .li { padding: .64rem .45rem; border-radius: .1rem; background-color: #f5f5f7; width: calc(496 / 1640 * 100%); margin-right: calc(76 / 1640 * 100%); min-height: 4.96rem; aspect-ratio: 1; margin-bottom: .39rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; position: relative; overflow: hidden; }

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

.md-contact-9 .list .li:hover { background-color: #00453c; color: #fff; }

.md-contact-9 .list .li:hover .bg { opacity: .4; }

.md-contact-9 .list .bg { position: absolute; left: 0; bottom: 0; width: 100%; }

.md-contact-9 .list .tx { position: relative; z-index: 2; }

.md-contact-9 .list .desc { line-height: 1.66667; margin-top: .07rem; }

@media (max-width: 600px) { .md-contact-9 .list { margin-top: 5%; margin-left: auto; margin-right: auto; max-width: 300px; }
  .md-contact-9 .list .li { width: 100%; margin-right: 0; } }

.md-contact-10 { padding-top: 1.02rem; padding-bottom: .59rem; }

.md-contact-10 .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .58rem; }

.md-contact-10 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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-bottom: -.55rem; }

.md-contact-10 .list .li { margin-bottom: .55rem; }

.md-contact-10 .list .li:nth-of-type(3n + 1), .md-contact-10 .list .li:nth-of-type(3n + 2) { width: calc(686 / 1415 * 100%); }

.md-contact-10 .list .li:nth-of-type(3n + 3) { width: 100%; }

.md-contact-10 .list .li:hover .bd { background-color: #00453c; color: #fff; }

.md-contact-10 .list .hd { background-color: #00453c; width: 2.12rem; height: .58rem; line-height: .62rem; border-radius: .1rem; text-align: center; -webkit-box-sizing: content-box; box-sizing: content-box; padding-bottom: .2rem; margin-bottom: -.19rem; }

.md-contact-10 .list .hd img { height: 100%; }

.md-contact-10 .list .bd { border-radius: .1rem; border: solid 2px #e5e5e5; padding: .1rem .4rem 0.44rem .6rem; background-color: #fff; min-height: 2.64rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

.md-contact-10 .list .num { color: #e5e5e5; margin-right: .25rem; line-height: 1; font-size: 1.35rem; }

.md-contact-10 .list .tit { line-height: 1.5; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-contact-10 .side { width: calc(184 / 1640 * 100%); margin-left: calc(40 / 1640 * 100%); min-height: 3rem; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, #00453c), to(#00453c)); background: -o-linear-gradient(top, transparent, #00453c 60%, #00453c); background: linear-gradient(to bottom, transparent, #00453c 60%, #00453c); color: rgba(255, 255, 255, 0.4); -webkit-writing-mode: tb; -ms-writing-mode: tb; writing-mode: tb; line-height: 1.11; text-align: right; -webkit-padding-end: .1rem; padding-inline-end: .1rem; border-radius: .1rem; }

@media (max-width: 900px) { .md-contact-10 .list .li { width: 100% !important; }
  .md-contact-10 .list .num { font-size: 40px; } }

.md-contact-11 { padding-top: .3rem; padding-bottom: .94rem; }

.md-contact-11 .desc { line-height: 2; }

.md-contact-11 .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .49rem; }

.md-contact-11 .side { padding-top: .1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-contact-11 .side .form { margin-top: .44rem; }

.md-contact-11 .side .form-item { display: block; margin-bottom: .12rem; }

.md-contact-11 .side .form-item:last-of-type { margin-bottom: 0; }

.md-contact-11 .list { width: calc(1381 / 1640 * 100%); }

.md-contact-11 .list .li { background-color: #fff; -webkit-box-shadow: 0 0 .1rem 0 #e6e6e6; box-shadow: 0 0 .1rem 0 #e6e6e6; padding-left: .55rem; padding-right: .4rem; padding-top: .45rem; padding-bottom: .44rem; margin-bottom: .5rem; }

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

.md-contact-11 .list .li.show .tx { height: auto; }

.md-contact-11 .list .li.show .more { display: none; }

.md-contact-11 .list .tx { color: #7d7d7d; line-height: 2; margin-top: .38rem; height: 4em; overflow: hidden; }

.md-contact-11 .list .t4 { margin-bottom: 1em; }

.md-contact-11 .list .more { text-align: center; margin-top: .14rem; cursor: pointer; }

.md-contact-11 .list .apply { margin-top: .13rem; }

.md-contact-11 .list .apply .m-btn { padding: .1rem; min-width: 1.88rem; min-height: .48rem; }

@media (max-width: 900px) { .md-contact-11 .row { display: block; }
  .md-contact-11 .side .form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-contact-11 .side .form-item { width: 50%; }
  .md-contact-11 .list { width: 100%; margin-top: .4rem; }
  .md-contact-11 .list .tx { line-height: 1.5; height: 3em; } }

.md-join-1 { position: relative; }

.md-join-1 .text { position: absolute; left: 0; top: 24.8%; z-index: 2; width: 100%; }

.md-join-1 .tit { line-height: 1.35; }

.md-join-1 .desc { margin-top: .18rem; }

.md-join-2 { padding-bottom: .36rem; }

.md-join-2 .title { padding: 0.77rem 0 0.68rem; }

.md-join-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-join-2 .list .li { width: calc(765 / 1640 * 100%); margin-bottom: .5rem; border: solid 1px #d2d2d2; border-radius: .77rem; min-height: .77rem; padding: .15rem .4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-join-2 .list .li:hover { background-color: #00453c; color: #fff; border-color: #00453c; }

@media (max-width: 900px) { .md-join-2 .list .li { width: 100%; } }

.md-join-3 { background-color: #f5f5f7; padding-bottom: .51rem; }

.md-join-3 .title { padding: 0.77rem 0 0.68rem; }

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

.md-join-3 .list .li { min-height: 5.33rem; padding: .89rem .5rem .5rem; margin-bottom: .3rem; border-radius: .1rem; background-color: #fff; width: calc(496 / 1640 * 100%); margin-right: calc(76 / 1640 * 100%); -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

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

.md-join-3 .list .li:hover { background-color: #00453c; color: #fff; }

.md-join-3 .list .li:hover .icon .i-1 { display: none; }

.md-join-3 .list .li:hover .icon .i-2 { display: inline; }

.md-join-3 .list .icon { font-size: 0; text-align: center; }

.md-join-3 .list .icon img { height: 1rem; }

.md-join-3 .list .icon .i-2 { display: none; }

.md-join-3 .list .tit { text-align: center; margin-top: .69rem; }

.md-join-3 .list .t2 { line-height: 2; margin-top: .22rem; }

.md-join-3 .foot { margin-top: .25rem; }

@media (max-width: 900px) { .md-join-3 .list .li { width: 100%; margin-right: 0; } }

.md-join-4 { padding-top: .83rem; }

.md-join-4 .layout { width: 10.85rem; }

.md-join-4 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-join-4 .row-1 img { width: .96rem; margin-right: .25rem; }

.md-join-4 .row-1 .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: .11rem; }

.md-join-4 .row-1 .t2 { margin-top: .2rem; }

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

.md-join-4 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .25rem; background-color: #f5f5f7; border-radius: .1rem; min-height: 4.09rem; padding-right: .96rem; }

.md-join-4 .list .text { line-height: 2; padding: 0.77rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-join-4 .list .img { width: 3.5rem; text-align: center; }

.md-join-4 .list .img img { max-width: 100%; }

@media (max-width: 600px) { .md-join-4 .list .li { display: block; padding: 5%; }
  .md-join-4 .list .text { padding: 0; }
  .md-join-4 .list .img { margin-left: auto; margin-right: auto; } }

.md-join-5 { padding-top: .51rem; padding-bottom: .57rem; }

.md-join-5 .list { margin-top: .45rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.md-join-5 .list .li { border-radius: .1rem; -webkit-box-shadow: 0 0 .2rem 0 #ddd; box-shadow: 0 0 .2rem 0 #ddd; padding: .3rem; padding-bottom: .52rem; width: calc(306 / 1640 * 100%); margin-right: calc(130 / 1640 * 100%); margin-bottom: .52rem; position: relative; }

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

.md-join-5 .list .li:nth-of-type(4n):after { display: none; }

.md-join-5 .list .li:after { content: ''; position: absolute; right: -.9rem; top: 50%; width: .49rem; height: .58rem; background: url(../images/arrow.png) no-repeat center/contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-join-5 .list .num { border-bottom: 1px solid #dcdddd; line-height: 1.1; padding-bottom: .09rem; }

.md-join-5 .list .tit { margin-top: .21rem; }

.md-join-5 .foot { margin-top: .25rem; }

@media (max-width: 900px) { .md-join-5 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-join-5 .list .li { width: 40%; margin-right: 0; }
  .md-join-5 .list .li:nth-of-type(2n) { margin-right: 0; }
  .md-join-5 .list .li:nth-of-type(2n):after { display: none; } }


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}