@charset "UTF-8";
@font-face { font-family: 'Montserrat-Bold'; src: url(../fonts/montserrat/Montserrat-Bold.otf); }

@font-face { font-family: 'Montserrat-Light'; src: url(../fonts/montserrat/Montserrat-Light.otf); }

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

@font-face { font-family: 'Montserrat-Regular'; src: url(../fonts/montserrat/Montserrat-Regular.otf); }

@font-face { font-family: 'Montserrat-SemiBold'; src: url(../fonts/montserrat/Montserrat-SemiBold.otf); }

.f-Bold { font-family: 'Montserrat-Bold', sans-serif; }

.f-Light { font-family: 'Montserrat-Light', sans-serif; }

.f-Medium { font-family: 'Montserrat-Medium', sans-serif; }

.f-Regular { font-family: 'Montserrat-Regular', sans-serif; }

.f-SemiBold { font-family: 'Montserrat-SemiBold', sans-serif; }

html { font-family: 'Montserrat-Regular', sans-serif; }

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

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

html { overflow-x: auto; }

body { color: #333; font-size: 14px; line-height: 1.2; padding-top: 1rem; min-width: 1200px; background-color: #f0f0f2; }

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

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

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

.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: #8fdad6; }

.bg-theme { background-color: #8fdad6; }

.color-active { color: #8fdad6; }

.bg-active { background-color: #8fdad6; }

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

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

.v12 { font-size: 0.625vw; }

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

.v13 { font-size: 0.67708vw; }

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

.v14 { font-size: 0.72917vw; }

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

.v15 { font-size: 0.78125vw; }

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

.v16 { font-size: 0.83333vw; }

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

.v17 { font-size: 0.88542vw; }

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

.v18 { font-size: 0.9375vw; }

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

.v19 { font-size: 0.98958vw; }

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

.v20 { font-size: 1.04167vw; }

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

.v21 { font-size: 1.09375vw; }

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

.v22 { font-size: 1.14583vw; }

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

.v23 { font-size: 1.19792vw; }

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

.v24 { font-size: 1.25vw; }

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

.v25 { font-size: 1.30208vw; }

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

.v26 { font-size: 1.35417vw; }

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

.v27 { font-size: 1.40625vw; }

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

.v28 { font-size: 1.45833vw; }

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

.v29 { font-size: 1.51042vw; }

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

.v30 { font-size: 1.5625vw; }

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

.v31 { font-size: 1.61458vw; }

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

.v32 { font-size: 1.66667vw; }

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

.v33 { font-size: 1.71875vw; }

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

.v34 { font-size: 1.77083vw; }

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

.v35 { font-size: 1.82292vw; }

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

.v36 { font-size: 1.875vw; }

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

.v37 { font-size: 1.92708vw; }

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

.v38 { font-size: 1.97917vw; }

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

.v39 { font-size: 2.03125vw; }

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

.v40 { font-size: 2.08333vw; }

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

.v41 { font-size: 2.13542vw; }

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

.v42 { font-size: 2.1875vw; }

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

.v43 { font-size: 2.23958vw; }

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

.v44 { font-size: 2.29167vw; }

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

.v45 { font-size: 2.34375vw; }

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

.v46 { font-size: 2.39583vw; }

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

.v47 { font-size: 2.44792vw; }

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

.v48 { font-size: 2.5vw; }

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

.v49 { font-size: 2.55208vw; }

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

.v50 { font-size: 2.60417vw; }

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

.v51 { font-size: 2.65625vw; }

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

.v52 { font-size: 2.70833vw; }

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

.v53 { font-size: 2.76042vw; }

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

.v54 { font-size: 2.8125vw; }

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

.v55 { font-size: 2.86458vw; }

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

.v56 { font-size: 2.91667vw; }

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

.v57 { font-size: 2.96875vw; }

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

.v58 { font-size: 3.02083vw; }

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

.v59 { font-size: 3.07292vw; }

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

.v60 { font-size: 3.125vw; }

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

.v61 { font-size: 3.17708vw; }

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

.v62 { font-size: 3.22917vw; }

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

.v63 { font-size: 3.28125vw; }

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

.v64 { font-size: 3.33333vw; }

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

.v65 { font-size: 3.38542vw; }

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

.v66 { font-size: 3.4375vw; }

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

.v67 { font-size: 3.48958vw; }

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

.v68 { font-size: 3.54167vw; }

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

.v69 { font-size: 3.59375vw; }

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

.v70 { font-size: 3.64583vw; }

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

.v71 { font-size: 3.69792vw; }

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

.v72 { font-size: 3.75vw; }

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

.v73 { font-size: 3.80208vw; }

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

.v74 { font-size: 3.85417vw; }

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

.v75 { font-size: 3.90625vw; }

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

.v76 { font-size: 3.95833vw; }

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

.v77 { font-size: 4.01042vw; }

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

.v78 { font-size: 4.0625vw; }

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

.v79 { font-size: 4.11458vw; }

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

.v80 { font-size: 4.16667vw; }

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

.v81 { font-size: 4.21875vw; }

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

.v82 { font-size: 4.27083vw; }

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

.v83 { font-size: 4.32292vw; }

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

.v84 { font-size: 4.375vw; }

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

.v85 { font-size: 4.42708vw; }

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

.v86 { font-size: 4.47917vw; }

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

.v87 { font-size: 4.53125vw; }

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

.v88 { font-size: 4.58333vw; }

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

.v89 { font-size: 4.63542vw; }

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

.v90 { font-size: 4.6875vw; }

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

.v91 { font-size: 4.73958vw; }

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

.v92 { font-size: 4.79167vw; }

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

.v93 { font-size: 4.84375vw; }

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

.v94 { font-size: 4.89583vw; }

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

.v95 { font-size: 4.94792vw; }

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

.v96 { font-size: 5vw; }

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

.v97 { font-size: 5.05208vw; }

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

.v98 { font-size: 5.10417vw; }

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

.v99 { font-size: 5.15625vw; }

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

.v100 { font-size: 5.20833vw; }

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

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

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

.layout { margin-left: auto; margin-right: auto; width: 14rem; max-width: 90%; }

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

.noscroll { overflow: hidden; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.round { border-radius: .12rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-select__option:hover { background-color: rgba(143, 218, 214, 0.7); color: #fff; }

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

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

.m-prod-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m-prod-list .li { background-color: #fff; border-radius: .12rem; width: calc((100% - .2rem * 4) / 5); margin-bottom: .2rem; margin-right: .19rem; position: relative; }

.m-prod-list .li:nth-of-type(5n) { margin-right: 0; }

.m-prod-list .li:after { content: ''; position: absolute; inset: -.05rem; margin: auto; border-radius: .12rem; border: solid 1px #8fdad6; display: none; }

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

.m-prod-list .li:hover .tit { color: #8fdad6; }

.m-prod-list .li:hover .icon-cnt { background-color: #8fdad6; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.m-prod-list .li:hover .icon-cnt img { mix-blend-mode: color-dodge; }

.m-prod-list .li:hover:after { display: block; }

.m-prod-list .c-pic { border-radius: .12rem .12rem 0 0; }

.m-prod-list .img { padding-top: 100%; background-color: #f7f7f7; }

.m-prod-list .icon { padding-top: 100%; position: relative; background-color: #f7f7f7; border-radius: .12rem; }

.m-prod-list .icon-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: calc(150 / 264 * 100%); height: calc(150 / 264 * 100%); background: #fff; border-radius: 50%; margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-prod-list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.m-prod-list .text { padding: .12rem .15rem .13rem; }

.m-prod-list .tit { line-height: 1.22222; height: 2.44444em; }

.m-prod-list .desc { line-height: 1.28571; height: 2.57143em; margin-top: .05rem; }

.m-prod-list--mini .text { padding: .12rem .15rem .11rem; }

.m-prod-list--mini .tit { line-height: 1.1875; }

.m-prod-list--mini .desc { margin-top: .08rem; }

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

.m-links.absolute { position: absolute; left: 0; bottom: .35rem; z-index: 2; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-links .link { margin-right: .4rem; }

.m-links .link:last-of-type { margin-right: 0; }

.m-links .link img { width: .34rem; height: .34rem; -o-object-fit: contain; object-fit: contain; background-color: #8fdad6; border-radius: 50%; }

.m-links .link span { margin-left: .14rem; }

.m-links .link.on { background-color: #8fdad6; border-radius: .34rem; padding-right: .16rem; padding-left: .08rem; }

.m-links .link.on span { margin-left: 0; }

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

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

.md-pop-1 .main { position: relative; z-index: 101; width: 5.8rem; min-width: 400px; background-color: #fff; max-height: 100vh; overflow-y: auto; border-radius: .12rem; padding: .34rem .4rem .4rem; }

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

.md-pop-1 .close:hover { opacity: 1; }

.md-pop-1 .tit { line-height: 1.5; }

.md-pop-1 .tit:after { content: ''; display: block; width: .2rem; height: .03rem; background: #8fdad6; margin: .12rem 0 .23rem; }

.md-pop-1 .desc { line-height: 1.71429; }

.md-pop-1 .form { margin-top: .23rem; }

.md-pop-1 .form .ipt { display: block; width: 100%; height: .44rem; min-height: 30px; background-color: #f7f7f7; margin-bottom: .2rem; padding: 0 .2rem; border-radius: .12rem; border: none; }

.md-pop-1 .form .ipt::-webkit-input-placeholder { color: #999; }

.md-pop-1 .form .ipt:-ms-input-placeholder { color: #999; }

.md-pop-1 .form .ipt::-ms-input-placeholder { color: #999; }

.md-pop-1 .form .ipt::placeholder { color: #999; }

.md-pop-1 .form .btn { border: none; padding: 0 .1rem; min-width: 1.6rem; height: .44rem; border-radius: .12rem; cursor: pointer; }

.md-pop-1.show { 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-pop-1.show .main { -webkit-animation: zoom-in .3s forwards; animation: zoom-in .3s forwards; }

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

.m-more:after { content: ''; width: 0.07rem; height: .14rem; min-width: 5px; min-height: 12px; background: url(../images/i-more.png) no-repeat center/contain; margin-left: .1rem; }

.m-more:hover { color: #8fdad6; }

.m-more:hover:after { background-image: url(../images/i-more-theme.png); }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; background-color: #8fdad6; color: #fff; width: 100%; overflow: hidden; }

.md-header .cnt { min-width: 1200px; }

.md-header .layout { min-height: 1rem; }

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

.md-header .nav { padding: 0 .4rem; position: relative; }

.md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-header .nav .li1 { position: relative; width: auto; margin-right: .3rem; max-width: 100%; }

.md-header .nav .li1:last-child { margin-right: 0; }

.md-header .nav .li1:last-child .a1:before { display: none; }

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

.md-header .nav .a1 { padding: .2rem 0; min-height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; line-height: 1.375; position: relative; }

.md-header .nav .a1:after { content: ''; position: absolute; left: 0; bottom: .15rem; background: #fff; width: 0; height: 2px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.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 #8fdad6; padding-top: .1rem; padding-bottom: .07rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; 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(143, 218, 214, 0.1); }

.md-header .nav .swiper-button-prev { background: url(../images/i-more-f.png); background-repeat: no-repeat; background-position: center; background-size: 9px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.md-header .nav .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.2); }

.md-header .nav .swiper-button-next { background: url(../images/i-more-f.png); background-repeat: no-repeat; background-position: center; background-size: 9px; }

.md-header .nav .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.2); }

.md-header .consult { height: .44rem; border-radius: .12rem; padding: 0 .2rem; }

.md-header .consult img { width: .2rem; margin-right: .1rem; }

.md-footer { border-bottom: 0.05rem solid #8fdad6; }

.md-footer .layout { min-height: .76rem; padding: .2rem 0; }

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

.md-side { position: fixed; right: .2rem; bottom: 20%; z-index: 100; }

.md-side .hd { width: 1rem; height: 1rem; border-radius: 50%; background-color: rgba(143, 218, 214, 0.4); padding: .1rem; }

.md-side .hd2 { width: 100%; height: 100%; border-radius: 50%; background-color: #8fdad6; }

.md-side .hd img { width: calc(48 / 102 * 100%); height: calc(48 / 102 * 100%); max-width: 100%; max-height: 100%; }

.md-home-banner { padding-top: .4rem; }

.md-home-banner .list { width: calc(690 / 1400 * 100%); border-radius: .12rem; overflow: hidden; }

.md-home-banner .li { border-radius: .12rem; overflow: hidden; position: relative; }

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

.md-home-banner .media { padding-top: calc(360 / 690 * 100%); position: relative; }

.md-home-banner .media img { display: none; }

.md-home-banner .media video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.md-home-banner .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: .33rem .4rem; }

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

.md-home-banner .t1:after { content: ''; display: block; width: .2rem; height: .03rem; background-color: #8fdad6; margin: .09rem 0 .26rem; }

.md-home-banner .t2 { line-height: 1.28571; }

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

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

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

.md-home-prod .hd { padding: .36rem 0 .24rem; }

.md-home-prod ~ .md-home-prod .hd { padding-top: .16rem; }

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

.md-home-2 .list .li { border-radius: .12rem; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .3rem; }

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

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

.md-home-2 .list .li:nth-of-type(even) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

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

.md-home-2 .list .li:hover .tit { color: #8fdad6; }

.md-home-2 .list .c-pic { border-radius: .12rem; width: 50%; }

.md-home-2 .list .img { background-color: #f7f7f7; padding-top: calc(438 / 700 * 100%); }

.md-home-2 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .6rem; }

.md-home-2 .list .tit:after { content: ''; display: block; width: 0.2rem; height: .03rem; background-color: #8fdad6; margin: 0.14rem 0 0.23rem; }

.md-home-2 .list .desc { line-height: 1.71429; }

/* --------------------------------------------------------------------- */
/* 新闻 */
/* --------------------------------------------------------------------- */
.md-news-1 { margin-top: .4rem; }

.md-news-1 .cnt { border-radius: .12rem; position: relative; margin-bottom: .3rem; }

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

.md-news-1 .cnt:nth-of-type(even) .c-pic { margin-left: auto; }

.md-news-1 .cnt:nth-of-type(even) .text { left: 0; right: auto; }

.md-news-1 .c-pic { width: calc(690 / 1400 * 100%); border-radius: .12rem; position: relative; }

.md-news-1 .img { padding-top: calc(360 / 690 * 100%); }

.md-news-1 .text { padding: .4rem .1rem .4rem .6rem; position: absolute; right: 0; top: 0; width: calc(710 / 1400 * 100%); height: 100%; }

.md-news-1 .text-cnt { height: 100%; overflow-y: auto; padding-right: .6rem; padding-top: .17rem; }

.md-news-1 .tit { line-height: 1.22727; }

.md-news-1 .tit:after { content: ''; display: block; background: #8fdad6; width: .2rem; height: .03rem; margin: .15rem 0 .23rem; }

.md-news-1 .desc { line-height: 1.71429; }

.md-news-2 { padding: .2rem 0; }

.md-news-2 .form .c-select { width: calc(680 / 1400 * 100%); position: relative; }

.md-news-2 .form .c-select__hd { line-height: .44rem; border-radius: .12rem; padding-left: .47rem; padding-right: .32rem; border: none; background: url(../images/i-search.png) no-repeat left 0.2rem center/0.2rem, url(../images/i-down.png) no-repeat right 0.2rem center/0.12rem; background-color: #fff; }

.md-news-3 { margin-bottom: .8rem; }

.md-news-3 .cnt-lf { width: 2rem; margin-right: .2rem; border-radius: .12rem; max-height: calc(100vh - 2rem); overflow-y: auto; z-index: 4; }

.md-news-3 .cnt-lf::-webkit-scrollbar { width: 3px; height: 3px; background-color: #f0f0f2; }

.md-news-3 .cnt-lf::-webkit-scrollbar-thumb { background-color: #8fdad6; }

.md-news-3 .cnt-rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-news-3 .cnt.fixed .cnt-lf { position: fixed; top: 1.1rem; -webkit-box-shadow: 0 0 .1rem 0 #eee; box-shadow: 0 0 .1rem 0 #eee; }

.md-news-3 .cnt.fixed .cnt-rg { margin-left: 2.2rem; }

.md-news-3 .cat { line-height: 1.21429; padding: .2rem 0 .25rem; }

.md-news-3 .cat-item { margin-bottom: .23rem; padding: .015rem .2rem; position: relative; display: block; }

.md-news-3 .cat-item:last-of-type { margin-bottom: 0; }

.md-news-3 .cat-item.on { color: #8fdad6; font-family: 'Montserrat-SemiBold', sans-serif; }

.md-news-3 .cat-item.on:before { content: ''; position: absolute; left: 0; top: 50%; background-color: #8fdad6; width: .03rem; height: .2rem; margin-top: -.1rem; }

.md-news-3 .cat-item:hover { color: #8fdad6; }

.md-news-3 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .17rem; border-radius: .34rem; line-height: 2.42857; }

.md-news-3 .btn img { width: .16rem; margin-right: .09rem; }

.md-news-3 .btn-more { min-width: 1.6rem; line-height: .44rem; border-radius: .12rem; display: inline-block; }

.md-news-3 .title { line-height: 1.5; margin: 0.32rem 0 .21rem; }

.md-news-4 .hd { margin-top: .32rem; margin-bottom: .23rem; }

.md-news-4 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .17rem; border-radius: .34rem; line-height: 2.42857; line-height: .34rem; }

.md-news-4 .btn img { width: .16rem; margin-right: .09rem; }

.md-news-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: .6rem; border-radius: .12rem; }

.md-news-4 .list .li { width: 20%; margin-bottom: .55rem; }

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

.md-news-4 .list .li:hover .tit { color: #8fdad6; }

.md-news-4 .list .c-pic { width: 1.5rem; margin: auto; border-radius: 50%; }

.md-news-4 .list .c-pic .img { padding-top: 100%; }

.md-news-4 .list .text { margin-top: .18rem; padding: 0 .2rem; }

.md-news-4 .list .tit { line-height: 1.22222; }

.md-news-5 { margin: .4rem 0 .8rem; }

.md-news-5 .cnt { padding: .46rem .3rem .53rem; }

.md-news-5 .tit:after { content: ''; display: block; width: .2rem; height: .03rem; background: #8fdad6; margin: .14rem auto .25rem; }

.md-news-5 .desc { line-height: 1.71429; }

.md-news-6 { margin-top: .4rem; }

.md-news-6 .cnt { padding: 0 .6rem; }

.md-news-6 .m-links { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: .3rem 0; }

.md-news-6 .text { padding-top: .44rem; padding-bottom: .54rem; }

.md-news-6 .title { line-height: 1.5; }

.md-news-6 .title:after { content: ''; display: block; margin: .1rem auto .25rem; width: .2rem; height: .03rem; background: #8fdad6; }

.md-news-6 .desc { line-height: 1.71429; }

.md-news-7 .title { line-height: 1.5; margin: 0.32rem 0 .01rem; }

.md-news-7 .m-prod-list { padding-bottom: .1rem; display: block; }

.md-news-7 .m-prod-list .li { margin-top: .2rem; margin-bottom: 0; }

.md-news-7 .m-prod-list .text { padding: .12rem .15rem .11rem; }

.md-news-7 .m-prod-list .tit { height: auto; }

.md-news-7 .m-prod-list .t3 { line-height: 1.33333; margin-top: .18rem; }

.md-news-8 .title { line-height: 1.5; margin: .22rem 0 .01rem; }

.md-news-8 .m-prod-list { padding-bottom: .1rem; display: block; }

.md-news-8 .m-prod-list .li { margin-bottom: 0; margin-top: .2rem; }

.md-news-9 { margin-top: .4rem; }

.md-news-9 .cnt { padding: .6rem; padding-bottom: 0; }

.md-news-9 .list .text { padding-top: .23rem; padding-bottom: .54rem; }

.md-news-9 .list .tit { line-height: 1.5; }

.md-news-9 .list .tit:after { content: ''; display: block; margin: .12rem auto .22rem; width: .2rem; height: .03rem; background: #8fdad6; }

.md-news-9 .list .desc { line-height: 1.71429; }

.md-news-9 .foot { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: .35rem 0 .4rem; }

.md-news-9 .title { line-height: 1.22727; }

.md-news-9 .m-links { position: static; width: auto; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }