@charset "UTF-8";
html { font-family: Arial, sans-serif; font-weight: normal; }

.f-Medium, .f-Bold { font-weight: bold; }

/* 阿拉伯语，标题跟文本设置文字方向为 右向左 */
html[lang=ar], [dir=rtl] { /* 只处理部分文本，不想布局也跟着乱 */ }

html[lang=ar] h1, html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5, html[lang=ar] h6, html[lang=ar] p, [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6, [dir=rtl] p { direction: rtl; }

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

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

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

@media (max-width: 450px) { html { font-size: calc(100vw / 750 * 100); } }

body { direction: ltr; color: #000; font-size: 14px; line-height: 1.2; overflow-x: hidden; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

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

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

@media (max-width: 1024px) { .layout { width: 92%; } }

@media (max-width: 750px) { .layout { width: 92%; } }

.w1200 { width: 12rem; }

@media (min-width: 751px) and (max-width: 1920px) { .w1200 { width: 1200px; max-width: 80%; } }

.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: #002fa7; }

.color-active { color: #002fa7; }

.bg-theme { background-color: #002fa7; }

.bg-active { background-color: #002fa7; }

.bg-gradient { background: -webkit-gradient(linear, left top, right top, from(#002fa7), to(#3359b9)); background: -o-linear-gradient(left, #002fa7, #3359b9); background: linear-gradient(to right, #002fa7, #3359b9); }

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

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

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

@media (max-width: 750px) { .xs-color-0 { color: #000; }
  .xs-bg-0 { background-color: #000; }
  .xs-color-1 { color: #111; }
  .xs-bg-1 { background-color: #111; }
  .xs-color-2 { color: #222; }
  .xs-bg-2 { background-color: #222; }
  .xs-color-3 { color: #333; }
  .xs-bg-3 { background-color: #333; }
  .xs-color-4 { color: #444; }
  .xs-bg-4 { background-color: #444; }
  .xs-color-5 { color: #555; }
  .xs-bg-5 { background-color: #555; }
  .xs-color-6 { color: #666; }
  .xs-bg-6 { background-color: #666; }
  .xs-color-7 { color: #777; }
  .xs-bg-7 { background-color: #777; }
  .xs-color-8 { color: #888; }
  .xs-bg-8 { background-color: #888; }
  .xs-color-9 { color: #999; }
  .xs-bg-9 { background-color: #999; }
  .xs-color-a { color: #aaa; }
  .xs-bg-a { background-color: #aaa; }
  .xs-color-b { color: #bbb; }
  .xs-bg-b { background-color: #bbb; }
  .xs-color-c { color: #ccc; }
  .xs-bg-c { background-color: #ccc; }
  .xs-color-d { color: #ddd; }
  .xs-bg-d { background-color: #ddd; }
  .xs-color-e { color: #eee; }
  .xs-bg-e { background-color: #eee; }
  .xs-color-f { color: #fff; }
  .xs-bg-f { background-color: #fff; } }

.ep1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

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

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

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

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

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

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

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

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

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

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

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

.s0 { font-size: 0; }

.s12 { font-size: 0.12rem; }

@media (max-width: 1920px) and (min-width: 751px) { .s12 { font-size: 12px; } }

.s13 { font-size: 0.13rem; }

@media (max-width: 1787.07692px) and (min-width: 751px) { .s13 { font-size: 12.1px; } }

.s14 { font-size: 0.14rem; }

@media (max-width: 1673.14286px) and (min-width: 751px) { .s14 { font-size: 12.2px; } }

.s15 { font-size: 0.15rem; }

@media (max-width: 1574.4px) and (min-width: 751px) { .s15 { font-size: 12.3px; } }

.s16 { font-size: 0.16rem; }

@media (max-width: 1488px) and (min-width: 751px) { .s16 { font-size: 12.4px; } }

.s17 { font-size: 0.17rem; }

@media (max-width: 1411.76471px) and (min-width: 751px) { .s17 { font-size: 12.5px; } }

.s18 { font-size: 0.18rem; }

@media (max-width: 1344px) and (min-width: 751px) { .s18 { font-size: 12.6px; } }

.s19 { font-size: 0.19rem; }

@media (max-width: 1283.36842px) and (min-width: 751px) { .s19 { font-size: 12.7px; } }

.s20 { font-size: 0.2rem; }

@media (max-width: 1228.8px) and (min-width: 751px) { .s20 { font-size: 12.8px; } }

.s21 { font-size: 0.21rem; }

@media (max-width: 1179.42857px) and (min-width: 751px) { .s21 { font-size: 12.9px; } }

.s22 { font-size: 0.22rem; }

@media (max-width: 1134.54545px) and (min-width: 751px) { .s22 { font-size: 13px; } }

.s23 { font-size: 0.23rem; }

@media (max-width: 1093.56522px) and (min-width: 751px) { .s23 { font-size: 13.1px; } }

.s24 { font-size: 0.24rem; }

@media (max-width: 1056px) and (min-width: 751px) { .s24 { font-size: 13.2px; } }

.s25 { font-size: 0.25rem; }

@media (max-width: 1021.44px) and (min-width: 751px) { .s25 { font-size: 13.3px; } }

.s26 { font-size: 0.26rem; }

@media (max-width: 989.53846px) and (min-width: 751px) { .s26 { font-size: 13.4px; } }

.s27 { font-size: 0.27rem; }

@media (max-width: 960px) and (min-width: 751px) { .s27 { font-size: 13.5px; } }

.s28 { font-size: 0.28rem; }

@media (max-width: 932.57143px) and (min-width: 751px) { .s28 { font-size: 13.6px; } }

.s29 { font-size: 0.29rem; }

@media (max-width: 907.03448px) and (min-width: 751px) { .s29 { font-size: 13.7px; } }

.s30 { font-size: 0.3rem; }

@media (max-width: 883.2px) and (min-width: 751px) { .s30 { font-size: 13.8px; } }

.s31 { font-size: 0.31rem; }

@media (max-width: 860.90323px) and (min-width: 751px) { .s31 { font-size: 13.9px; } }

.s32 { font-size: 0.32rem; }

@media (max-width: 840px) and (min-width: 751px) { .s32 { font-size: 14px; } }

.s33 { font-size: 0.33rem; }

@media (max-width: 820.36364px) and (min-width: 751px) { .s33 { font-size: 14.1px; } }

.s34 { font-size: 0.34rem; }

@media (max-width: 801.88235px) and (min-width: 751px) { .s34 { font-size: 14.2px; } }

.s35 { font-size: 0.35rem; }

@media (max-width: 784.45714px) and (min-width: 751px) { .s35 { font-size: 14.3px; } }

.s36 { font-size: 0.36rem; }

@media (max-width: 768px) and (min-width: 751px) { .s36 { font-size: 14.4px; } }

.s37 { font-size: 0.37rem; }

@media (max-width: 752.43243px) and (min-width: 751px) { .s37 { font-size: 14.5px; } }

.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: 750px) { .xs12 { font-size: 0.12rem; }
  .xs13 { font-size: 0.13rem; }
  .xs14 { font-size: 0.14rem; }
  .xs15 { font-size: 0.15rem; }
  .xs16 { font-size: 0.16rem; }
  .xs17 { font-size: 0.17rem; }
  .xs18 { font-size: 0.18rem; }
  .xs19 { font-size: 0.19rem; }
  .xs20 { font-size: 0.2rem; }
  .xs21 { font-size: 0.21rem; }
  .xs22 { font-size: 0.22rem; }
  .xs23 { font-size: 0.23rem; }
  .xs24 { font-size: 0.24rem; }
  .xs25 { font-size: 0.25rem; }
  .xs26 { font-size: 0.26rem; }
  .xs27 { font-size: 0.27rem; }
  .xs28 { font-size: 0.28rem; }
  .xs29 { font-size: 0.29rem; }
  .xs30 { font-size: 0.3rem; }
  .xs31 { font-size: 0.31rem; }
  .xs32 { font-size: 0.32rem; }
  .xs33 { font-size: 0.33rem; }
  .xs34 { font-size: 0.34rem; }
  .xs35 { font-size: 0.35rem; }
  .xs36 { font-size: 0.36rem; }
  .xs37 { font-size: 0.37rem; }
  .xs38 { font-size: 0.38rem; }
  .xs39 { font-size: 0.39rem; }
  .xs40 { font-size: 0.4rem; }
  .xs41 { font-size: 0.41rem; }
  .xs42 { font-size: 0.42rem; }
  .xs43 { font-size: 0.43rem; }
  .xs44 { font-size: 0.44rem; }
  .xs45 { font-size: 0.45rem; }
  .xs46 { font-size: 0.46rem; }
  .xs47 { font-size: 0.47rem; }
  .xs48 { font-size: 0.48rem; }
  .xs49 { font-size: 0.49rem; }
  .xs50 { font-size: 0.5rem; }
  .xs51 { font-size: 0.51rem; }
  .xs52 { font-size: 0.52rem; }
  .xs53 { font-size: 0.53rem; }
  .xs54 { font-size: 0.54rem; }
  .xs55 { font-size: 0.55rem; }
  .xs56 { font-size: 0.56rem; }
  .xs57 { font-size: 0.57rem; }
  .xs58 { font-size: 0.58rem; }
  .xs59 { font-size: 0.59rem; }
  .xs60 { font-size: 0.6rem; }
  .xs61 { font-size: 0.61rem; }
  .xs62 { font-size: 0.62rem; }
  .xs63 { font-size: 0.63rem; }
  .xs64 { font-size: 0.64rem; }
  .xs65 { font-size: 0.65rem; }
  .xs66 { font-size: 0.66rem; }
  .xs67 { font-size: 0.67rem; }
  .xs68 { font-size: 0.68rem; }
  .xs69 { font-size: 0.69rem; }
  .xs70 { font-size: 0.7rem; }
  .xs71 { font-size: 0.71rem; }
  .xs72 { font-size: 0.72rem; }
  .xs73 { font-size: 0.73rem; }
  .xs74 { font-size: 0.74rem; }
  .xs75 { font-size: 0.75rem; }
  .xs76 { font-size: 0.76rem; }
  .xs77 { font-size: 0.77rem; }
  .xs78 { font-size: 0.78rem; }
  .xs79 { font-size: 0.79rem; }
  .xs80 { font-size: 0.8rem; }
  .xs81 { font-size: 0.81rem; }
  .xs82 { font-size: 0.82rem; }
  .xs83 { font-size: 0.83rem; }
  .xs84 { font-size: 0.84rem; }
  .xs85 { font-size: 0.85rem; }
  .xs86 { font-size: 0.86rem; }
  .xs87 { font-size: 0.87rem; }
  .xs88 { font-size: 0.88rem; }
  .xs89 { font-size: 0.89rem; }
  .xs90 { font-size: 0.9rem; }
  .xs91 { font-size: 0.91rem; }
  .xs92 { font-size: 0.92rem; }
  .xs93 { font-size: 0.93rem; }
  .xs94 { font-size: 0.94rem; }
  .xs95 { font-size: 0.95rem; }
  .xs96 { font-size: 0.96rem; }
  .xs97 { font-size: 0.97rem; }
  .xs98 { font-size: 0.98rem; }
  .xs99 { font-size: 0.99rem; }
  .xs100 { font-size: 1rem; } }

.noscroll { overflow: hidden; }

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

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

.c-video__main { width: 9.7rem; max-width: 92%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.c-video__cnt { padding-top: calc(546 / 970 * 100%); max-height: 100%; position: relative; background: #000; border-radius: 0.2rem; overflow: hidden; }

.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 { position: absolute; right: -.8rem; top: 0; z-index: 1000; width: .5rem; height: .5rem; background: rgba(0, 0, 0, 0.5) url(../images/i-close-2.png) no-repeat center/0.16rem; cursor: pointer; border-radius: 50%; }

@media (max-width: 750px) { .c-video { background: rgba(0, 0, 0, 0.7); }
  .c-video__cnt { width: 100%; min-height: 3.88rem; padding-top: 0; }
  .c-video__video { position: static; max-height: 70vh; }
  .c-video__close { position: static; margin: .7rem auto 0; width: 0.6rem; height: 0.6rem; background-size: .2rem; } }

.rich-text { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

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

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

.text-line { text-decoration: underline; }

.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 (max-width: 750px) { .hidden-wap { display: none !important; } }

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

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

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

.c-scroll { overflow: auto; }

.c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e5edf8; border-radius: 2px; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #002fa7; border-radius: 2px; }

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

/* 自定义图标，去掉插件默认的 */
.social-share .icon-wechat .wechat-qrcode { z-index: 100; }

.social-share .custom-icon:before { display: none; }

.social-share .custom-icon:hover { background: none; }

.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.show .c-select__bd { display: block; }

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

[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(1.4rem);
            transform: translateY(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1.4rem);
            transform: translateY(1.4rem); }
  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(-1.4rem);
            transform: translateY(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1.4rem);
            transform: translateY(-1.4rem); }
  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(1.4rem);
            transform: translateX(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1.4rem);
            transform: translateX(1.4rem); }
  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(-1.4rem);
            transform: translateX(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1.4rem);
            transform: translateX(-1.4rem); }
  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; }

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

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

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

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

.m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.6rem; min-height: .5rem; border-radius: .5rem; padding: .5em 1em; cursor: pointer; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.m-more:after { content: ''; width: .07rem; height: .12rem; background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: .09rem; }

.m-more-1 { background-color: #fff; color: #1e1e1e; border: none; }

.m-more-1::after { background-image: url(../images/a-2.png); }

@media (any-hover: hover) { .m-more-1:hover { background-color: #eee; } }

.m-more-2 { border: .01rem solid #fff; color: #fff; }

.m-more-2::after { background-image: url(../images/a-1.png); }

@media (any-hover: hover) { .m-more-2:hover { background-color: #fff; color: #1e1e1e; }
  .m-more-2:hover:after { background-image: url(../images/a-2.png); } }

.m-more-3 { border: none; background-color: #002fa7; color: #fff; }

.m-more-3::after { background-image: url(../images/a-1.png); }

@media (any-hover: hover) { .m-more-3:hover { background-color: #002686; } }

@media (min-width: 751px) { .m-more:after { min-width: 5px; min-height: 10px; } }

@media (max-width: 750px) { .m-more { min-width: 2.4rem; min-height: .7rem; }
  .m-more:after { width: 0.1rem; height: .16rem; margin-left: .16rem; }
  .m-more-2 { border-width: .02rem; } }

.m-more-btn { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .1rem 0; }

.m-more-btn .icon { width: .12rem; height: .12rem; margin-left: .11rem; background: url(../images/aa-5.png) no-repeat center/contain; }

@media (max-width: 750px) { .m-more-btn { padding: .08rem 0; }
  .m-more-btn .icon { width: .12rem; height: .19rem; margin-left: .09rem; background-image: url(../images/a-5.png); } }

.m-select-cate { position: relative; z-index: 2; }

.m-select-cate .hd { position: relative; z-index: 3; border-radius: .4rem; height: .8rem; line-height: .8rem; padding: 0 .3rem; padding-right: .5rem; background: #fff url(../images/aa-4.png) no-repeat right 0.3rem center; background-size: .18rem; }

.m-select-cate .bd { position: absolute; left: 0; top: 0; z-index: 2; padding-top: .8rem; width: 100%; max-height: 60vh; overflow-y: auto; background-color: #fff; border-radius: .4rem; line-height: 1.25; -webkit-box-shadow: 0rem 0rem 0.54rem 0rem rgba(153, 153, 153, 0.42); box-shadow: 0rem 0rem 0.54rem 0rem rgba(153, 153, 153, 0.42); display: none; }

.m-select-cate .bd .opt { padding: .2rem .44rem; }

.m-select-cate .bd .opt:hover { background-color: #f5f5f7; }

.m-select-cate.open .hd:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 0.02rem #002fa7; border-radius: .4rem; }

.m-select-cate.open .bd { display: block; }

.m_pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m_pages-item { min-width: 0.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: #eee; margin-right: .2rem; }

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

.m_pages-item:hover { color: #002fa7; }

.m_pages .on { background: #002fa7; color: #fff; }

.m_pages .disabled { pointer-events: none; }

.m_pages-prev, .m_pages-next { background-position: center; background-repeat: no-repeat; background-size: calc(9 / 50 * 100%); }

.m_pages-prev:hover, .m_pages-next:hover { background-color: #002fa7; }

.m_pages-prev { background-image: url(../images/aaa-1.png); }

.m_pages-prev:hover { background-image: url(../images/aaa-3.png); }

.m_pages-next { background-image: url(../images/aaa-2.png); }

.m_pages-next:hover { background-image: url(../images/aaa-4.png); }

@media (max-width: 1400px) { .m_pages-item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; } }

@media (max-width: 750px) { .m_pages-item { min-width: .6rem; height: .6rem; line-height: .6rem; border-radius: .6rem; } }

.m-shop { position: relative; }

.m-shop-btn { 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; min-width: 0.96rem; min-height: 0.38rem; border-radius: .38rem; padding: .5em 1em; }

.m-shop-pop { position: absolute; top: 100%; right: -.28rem; padding-top: .19rem; width: 2.6rem; min-width: 13em; display: none; -webkit-filter: drop-shadow(0 0 0.1rem #ccc); filter: drop-shadow(0 0 0.1rem #ccc); }

.m-shop-pop.show { display: block; }

.m-shop-hd { display: none; }

.m-shop-main { background-color: #fff; border-radius: .2rem; position: relative; padding: .1rem .3rem .09rem; }

.m-shop-main::before { content: ''; position: absolute; right: .66rem; top: 0; border: .1rem solid transparent; border-bottom-color: #fff; margin-top: -.17rem; }

.m-shop-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem 0; border-bottom: 1px solid #eee; }

.m-shop-item:last-of-type { border: none; }

.m-shop-item .i-1 { width: .4rem; height: .4rem; -o-object-fit: contain; object-fit: contain; }

.m-shop-item .i-2 { width: .09rem; }

.m-shop-item .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 .1rem; }

.m-shop-item:hover { color: #002fa7; }

@media (max-width: 750px) { .m-shop-btn { min-width: 0.86rem; min-height: 0.53rem; }
  .m-shop-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; background: rgba(0, 0, 0, 0.7); display: none; }
  .m-shop-pop.show { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .m-shop-pop.show .m-shop-main { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }
  .m-shop-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .26rem 0 .27rem; border-bottom: .01rem solid #eeeeee; }
  .m-shop-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .m-shop-close { padding: .2rem; margin-right: -.2rem; border: none; background: none; }
  .m-shop-close img { width: 0.2rem; }
  .m-shop-main { width: 6.9rem; min-width: auto; padding: 0 .4rem; }
  .m-shop-main::before { display: none; }
  .m-shop-list { padding: .26rem 0 .43rem; }
  .m-shop-item { padding: .25rem 0; border: none; }
  .m-shop-item .i-1 { width: .67rem; height: .67rem; }
  .m-shop-item .i-2 { width: .12rem; }
  .m-shop-item .tx { padding: 0 .3rem; } }

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

.md-header-cnt { height: 0.77rem; min-height: 40px; 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; }

.md-header .logo { /* width: 1.59rem; */ height: 0.77rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .logo-img { width: 100%; max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.md-header .rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .h-search { width: .5rem; height: .5rem; background: url(../images/i-search-1.png) no-repeat center; background-size: .26rem; cursor: pointer; border: none; }

.md-header .h-lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .32rem; cursor: pointer; }

.md-header .h-lang .i-1 { width: .28rem; margin-right: .12rem; }

.md-header .h-lang .i-2 { width: .12rem; margin-left: .05rem; }

.md-header .m-shop { margin-left: .4rem; z-index: 10; }

.md-header .nav-btn { display: none; width: .32rem; }

.md-header .nav-btn span { display: block; height: .04rem; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; margin-bottom: .08rem; border-radius: .01rem; }

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

.md-header .nav { margin-left: 1.1rem; }

.md-header .nav .ul1 { 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-header .nav .li1 { padding: 0 .415rem; }

.md-header .nav .li1:hover .a1-wrap::after { display: block; }

.md-header .nav .li1:hover .ul2 { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }

.md-header .nav .li1:hover .h-panel { display: block; }

.md-header .nav .a1-wrap { position: relative; }

.md-header .nav .a1-wrap:after { content: ''; position: absolute; left: 0; bottom: .02rem; width: 100%; height: 0.02rem; min-height: 2px; background-color: #fff; display: none; }

.md-header .nav .a1 { display: block; height: 0.77rem; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .nav .ul2 { position: absolute; left: 50%; top: 100%; max-height: 60vh; overflow-y: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 10em; max-width: 20em; line-height: 1.5; background: #fff; color: #333; -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); padding: .05rem 0; text-align: center; -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: .5em .7em; }

.md-header .nav .a2:hover { background-color: #002fa7; color: #fff; }

.md-header .h-panel { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; background-color: #fff; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: none; }

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

.md-header .h-prod-lf { width: 3.3rem; border-right: 1px solid #eeeeee; padding-top: .69rem; padding-bottom: .4rem; }

.md-header .h-prod-rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-header .h-prod-cate { display: block; margin-bottom: .265rem; text-align: right; padding-right: .55rem; }

.md-header .h-prod-cate:last-of-type { margin-bottom: 0; }

.md-header .h-prod-cate.on { color: #000; position: relative; }

.md-header .h-prod-cate.on::after { content: ''; position: absolute; right: -1px; top: 0; width: 0.02rem; min-width: 1px; height: 0.18rem; background-color: #002fa7; }

.md-header .h-prod-cnt { padding-left: .8rem; padding-top: .7rem; padding-right: 2.9rem; padding-bottom: .64rem; display: none; }

.md-header .h-prod-cnt.on { display: block; }

.md-header .h-prod-cnt .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-header .h-prod-cnt .list .li { display: block; width: calc(220 / 1220 * 100%); position: relative; background-color: #f4f4f4; margin-right: calc(30 / 1220 * 100%); margin-bottom: .3rem; }

.md-header .h-prod-cnt .list .li:nth-of-type(5n), .md-header .h-prod-cnt .list .li:last-of-type { margin-right: 0; }

.md-header .h-prod-cnt .list .li:nth-child(5) ~ .li { display: none; }

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

.md-header .h-prod-cnt .list .li:hover .tit { color: #002fa7; }

.md-header .h-prod-cnt .list .img { padding-top: 100%; }

.md-header .h-prod-cnt .list .tit { position: absolute; left: 0; bottom: .12rem; width: 100%; }

.md-header .h-prod-cnt .more { text-align: right; }

.md-header .h-prod-cnt .more a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .h-prod-cnt .more a .i { width: .09rem; min-width: 6px; height: .15rem; min-height: 10px; margin-left: .1rem; background: url(../images/a-2.png) no-repeat center/contain; }

.md-header .h-prod-cnt .more a:hover { color: #002fa7; }

.md-header .h-prod-cnt .more a:hover .i { background-image: url(../images/a-3.png); }

.md-header .h-article { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; background-color: #fff; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: none; }

.md-header .h-article-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.7rem; padding-bottom: .4rem; position: relative; }

.md-header .h-article-lf { width: calc(1200 / 1600 * 100%); }

.md-header .h-article-lf .list-ad { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .3rem; }

.md-header .h-article-lf .list-ad .li { display: block; width: calc(380 / 1200 * 100%); position: relative; }

.md-header .h-article-lf .list-ad .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-header .h-article-lf .list-ad .c-pic { border-radius: .2rem; overflow: hidden; position: relative; }

.md-header .h-article-lf .list-ad .c-pic::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7)); }

.md-header .h-article-lf .list-ad .img { padding-top: calc(144 / 243 * 100%); }

.md-header .h-article-lf .list-ad .tit { position: absolute; left: 0; bottom: .18rem; width: 100%; color: #fff; text-align: left; padding: 0 .2rem; background: url(../images/a-1.png) no-repeat right 0.2rem center/0.1rem; }

.md-header .h-article-rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: calc(40 / 1600 * 100%); border-left: 1px solid #eee; }

.md-header .h-article-cate { display: block; margin-bottom: .3rem; margin-left: .4rem; border-bottom: .02rem solid transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.md-header .h-article-cate:hover { color: #000; border-bottom-color: #000; }

.md-header .h-article-close { width: .2rem; min-width: 14px; height: .2rem; min-height: 14px; background: url(../images/i-close.png) no-repeat center/contain; opacity: .5; cursor: pointer; }

.md-header .h-article-close:hover { opacity: .8; }

@media (max-width: 1200px) { .md-header .logo { width: 120px; }
  .md-header .nav { margin-left: 0; } }

@media (max-width: 1000px) { .md-header-cnt { width: 96%; max-width: 100%; }
  .md-header .nav .li1 { padding: 0 .3rem; } }

@media (max-width: 750px) { .md-header-cnt { height: 1.1rem; position: relative; max-width: 92%; }
  .md-header .logo { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1.06rem; height: 100%; }
  .md-header .nav-btn { display: block; }
  .md-header .h-lang { display: none; }
  .md-header .m-shop { margin-left: .2rem; }
  .md-header .h-search { background-size: .32rem; }
  .md-header .nav { display: none; } }

/* 移动端导航 - start */
.md-wapnav { position: fixed; left: 0; top: 1.1rem; z-index: 10; width: 100%; margin: auto; overflow-y: auto; background-color: #fff; padding-top: 0.22rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; opacity: 0; bottom: 100%; }

.md-wapnav .nav { display: block; margin-left: 0; width: 100%; }

.md-wapnav .nav .li1 { width: 100%; margin-bottom: 0; }

.md-wapnav .nav .li1-lang { display: block; }

.md-wapnav .nav .li1-lang .icon { width: .36rem; margin-right: .12rem; }

.md-wapnav .nav .li1.open .a1-btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md-wapnav .nav .a1-wrap { height: 1.12rem; padding: 0 0 .02rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: .02rem solid #eee; }

.md-wapnav .nav .a1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-wapnav .nav .a1-btn { display: block; font-size: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-wapnav .nav .a1-btn img { width: .27rem; }

.md-wapnav .nav .ul2 { display: none; margin-top: 0; padding: .13rem 0 .08rem; }

.md-wapnav .nav .li2 { margin-bottom: 0; }

.md-wapnav .nav .a2 { display: block; padding: .32rem .3rem; }

.md-wapnav.show { opacity: 1; bottom: 0; visibility: visible; }

/* 移动端导航 - end */
/* 搜索 - start */
.md-search { display: none; }

.md-search .main { position: fixed; left: 0; top: 0.77rem; z-index: 21; width: 100%; background-color: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; visibility: hidden; opacity: 0; }

.md-search .layout { position: relative; }

.md-search .row-1 { padding: 0.72rem 0 .23rem; }

.md-search .row-2 { border-top: 1px solid #eee; }

.md-search .form { width: 6.5rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

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

.md-search .form .ipt::-webkit-input-placeholder { color: #888; }

.md-search .form .ipt:-ms-input-placeholder { color: #888; }

.md-search .form .ipt::-ms-input-placeholder { color: #888; }

.md-search .form .ipt::placeholder { color: #888; }

.md-search .form .btn { border: none; background: none; cursor: pointer; font-size: 0; padding-right: .21rem; }

.md-search .form .btn img { width: .21rem; min-width: 16px; }

.md-search .suggest { width: 6.5rem; margin-left: auto; margin-right: auto; padding-top: .38rem; padding-bottom: .72rem; }

.md-search .suggest-tit { margin-bottom: .31rem; }

.md-search .suggest-item { margin-bottom: .31rem; }

.md-search .suggest-item:last-of-type { margin-bottom: 0; }

.md-search .suggest-item a:hover { color: #002fa7; text-decoration: underline; }

.md-search .mask { position: fixed; left: 0; top: 0.77rem; bottom: 0; z-index: 20; width: 100%; margin: auto; background: rgba(0, 0, 0, 0.4); }

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

.md-search.show .main { visibility: visible; opacity: 1; }

@media (max-width: 750px) { .md-search .main { top: 1.1rem; bottom: 100%; -webkit-transform: none; -ms-transform: none; transform: none; background: #f5f5f7; }
  .md-search .row-1 { padding-top: .52rem; padding-bottom: .5rem; }
  .md-search .form { height: .8rem; background-color: #fff; border-radius: .8rem; padding: 0 .4rem; -webkit-box-shadow: 0rem 0.01rem 0.38rem 0rem #eeeeee; box-shadow: 0rem 0.01rem 0.38rem 0rem #eeeeee; }
  .md-search .form .btn img { width: .27rem; }
  .md-search.show .main { bottom: 0; } }

/* 搜索 - end */
/* 语言选择弹窗 - start */
.md-lang-1 { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; }

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

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

.md-lang-1 .main { background-color: #fff; width: 10rem; max-width: 100%; height: 8.4rem; max-height: 100%; border-radius: 0.2rem; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md-lang-1 .close { padding: .2rem; position: absolute; right: 0.09rem; top: .07rem; border: none; background: none; cursor: pointer; }

.md-lang-1 .close img { width: .17rem; }

.md-lang-1 .title { width: 100%; text-align: center; border-bottom: 1px solid #eee; padding: .194rem 0; -ms-flex-negative: 0; flex-shrink: 0; }

.md-lang-1 .cnt { width: 100%; height: 7.69rem; overflow-y: auto; padding: .36rem .4rem; }

.md-lang-1 .section { margin-bottom: .26rem; }

.md-lang-1 .section:last-of-type { margin-bottom: 0; }

.md-lang-1 .section-list { margin-top: .19rem; 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-lang-1 .section-list-item { width: calc(450 / 920 * 100%); 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; min-height: .5rem; background-color: #f7f8fa; border-radius: 0.04rem; margin-bottom: .1rem; padding: .5em .19rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-lang-1 .section-list-item:hover { background-color: #f0f1f2; }

@media (max-width: 750px) { .md-lang-1 .main { width: 100%; height: 100%; border-radius: 0; }
  .md-lang-1 .close { padding: .3rem; }
  .md-lang-1 .close img { width: .3rem; }
  .md-lang-1 .title { padding: .3rem; }
  .md-lang-1 .cnt { height: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-lang-1 .section { margin-bottom: .4rem; }
  .md-lang-1 .section-list { display: block; margin-top: .3rem; }
  .md-lang-1 .section-list-item { width: 100%; min-height: 1rem; padding: .32rem; margin-bottom: .2rem; } }

/* 语言选择弹窗 - end */
.md-footer { background-color: #000; color: #fff; }

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

.md-footer .foot-1 .container { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: .68rem; padding-bottom: .86rem; }

.md-footer .foot-1 .lf { margin-top: .01rem; }

.md-footer .foot-2 { line-height: 1.5; }

.md-footer .foot-2 .container { 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; border-top: 1px solid rgba(197, 197, 197, 0.4); padding: .4rem 0 .58rem; }

.md-footer .foot-2 .lf { 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 .foot-2 .beian { margin-left: 1em; }

.md-footer .logo { font-size: 0; }

.md-footer .logo img { width: 1.95rem; min-width: 140px; }

.md-footer .slogan { line-height: 1.5; color: rgba(255, 255, 255, 0.5); margin-top: .18rem; }

.md-footer .share { margin-top: .14rem; 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 .share .item { position: relative; margin-right: .17rem; margin-top: .1rem; }

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

.md-footer .share .item.hover .icon { opacity: 1; }

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

.md-footer .share .icon { height: .18rem; min-height: 14px; font-size: 0; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.md-footer .share .pop { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; padding-bottom: 0.1rem; }

.md-footer .share .pop-cnt { background-color: #fff; color: #000; border-radius: .1rem; -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); padding: .05rem; position: relative; }

.md-footer .share .pop-cnt:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 80%); -ms-transform: translate(-50%, 80%); transform: translate(-50%, 80%); border: .1rem solid transparent; border-top-color: #fff; }

.md-footer .share .pop-close { display: none; }

.md-footer .share .pop-img { font-size: 0; }

.md-footer .share .pop-img img { width: 1.2rem; min-width: 80px; display: block; aspect-ratio: 1; -o-object-fit: contain; object-fit: contain; }

.md-footer .share .pop-text { display: none; }

.md-footer .nav { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .nav .li1 { margin-bottom: .3rem; margin-right: 1.22rem; }

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

.md-footer .nav .li1-lang { display: none; }

.md-footer .nav .ul2 { color: #999; margin-top: .25rem; line-height: 1.5; }

.md-footer .nav .li2 { margin-bottom: .075rem; max-width: 20em; }

.md-footer .nav .a1-wrap { line-height: 1.20833; }

.md-footer .nav .a1-btn { display: none; }

.md-footer .nav .btns { margin-top: .2rem; }

@media (min-width: 751px) { .md-footer .nav .ul2 { display: block !important; } }

@media (max-width: 750px) { .md-footer .foot-1 .container { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1.5rem; padding-bottom: .2rem; }
  .md-footer .foot-1 .lf { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: .56rem; }
  .md-footer .foot-2 { color: #4d4d4d; }
  .md-footer .foot-2 .container { border-top: none; padding-top: .31rem; padding-bottom: .44rem; }
  .md-footer .logo { display: none; }
  .md-footer .slogan { display: none; }
  .md-footer .share .item { margin-right: .3rem; }
  .md-footer .share .icon { height: .3rem; }
  .md-footer .share .pop { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: none; -ms-transform: none; transform: none; display: none; }
  .md-footer .share .pop.show { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md-footer .share .pop.show .pop-cnt { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }
  .md-footer .share .pop-cnt { width: 80%; padding: .4rem; }
  .md-footer .share .pop-cnt::before { display: none; }
  .md-footer .share .pop-close { position: absolute; right: 0; top: 0; padding: .2rem; font-size: 0; display: block; border: none; background: none; }
  .md-footer .share .pop-close img { width: .34rem; }
  .md-footer .share .pop-img img { width: 100%; }
  .md-footer .share .pop-text { display: block; }
  .md-footer .share .pop-tit { margin-top: .1rem; }
  .md-footer .share .pop-intro { margin-top: .1rem; }
  .md-footer .nav { border-top: 0.02rem solid rgba(246, 246, 247, 0.2); display: block; margin-left: 0; width: 100%; }
  .md-footer .nav .li1 { width: 100%; margin-bottom: 0; }
  .md-footer .nav .li1-lang { display: block; }
  .md-footer .nav .li1-lang .icon { width: .36rem; margin-right: .12rem; }
  .md-footer .nav .li1.open .a1-btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-footer .nav .a1-wrap { height: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.02rem solid rgba(246, 246, 247, 0.2); }
  .md-footer .nav .a1-btn { display: block; font-size: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-footer .nav .a1-btn img { width: .27rem; }
  .md-footer .nav .ul2 { display: none; background-color: #121212; margin-top: 0; padding: .1rem 0; }
  .md-footer .nav .li2 { margin-bottom: 0; }
  .md-footer .nav .a2 { display: block; padding: .29rem .3rem; } }

.md-side { position: fixed; right: 0; bottom: 20%; z-index: 5; background-color: #fff; -webkit-box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); border-radius: 0.08rem 0rem 0rem 0.08rem; }

.md-side .item { display: block; margin-bottom: 1px; position: relative; border-bottom: 1px solid #f3f3f3; }

.md-side .item:last-of-type { border: none; }

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

.md-side .hd { width: .6rem; height: .6rem; min-width: 40px; min-height: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.md-side .bd { position: absolute; right: 100%; top: 0; background: #fff; -webkit-box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); border-radius: .08rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-height: 100%; padding: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; margin-right: .06rem; }

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

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

.md-home-banner .layout { width: 12rem; }

.md-home-banner .list { height: 100%; }

.md-home-banner .li { display: block; position: relative; }

.md-home-banner .swiper-slide-active .layout { -webkit-animation: fade-up 1.5s; animation: fade-up 1.5s; }

.md-home-banner .media-ratio { padding-top: calc(860 / 1920 * 100%); }

.md-home-banner .text { position: absolute; left: 0; top: 24%; z-index: 2; width: 100%; }

.md-home-banner .text .t1 { min-width: 0.8rem; border-radius: 0.36rem; border: solid 0.01rem #ffffff; padding: .08rem .2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; }

.md-home-banner .text .t2 { margin-top: .14rem; }

.md-home-banner .text .t3 { margin-top: .27rem; }

.md-home-banner .text .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .58rem; }

.md-home-banner .text .m-shop { margin-right: .2rem; }

.md-home-banner .text .m-more { margin-right: .2rem; margin-top: .2rem; }

.md-home-banner .text .m-more:last-of-type { margin-right: 0; }

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

.md-home-banner .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; border-radius: .1rem; background-color: #fff; opacity: .5; margin: 0 0.1rem 0 0 !important; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }

.md-home-banner .swiper-pagination-bullet:last-of-type { margin-right: 0 !important; }

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

.md-home-banner .arrow { position: absolute; top: 40%; z-index: 2; width: .5rem; height: .5rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-position: center; background-repeat: no-repeat; background-size: 20%; background-image: url(../images/a-6.png); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; opacity: 0; transition: all .3s; }

.md-home-banner .arrow.prev { left: .3rem; -webkit-transform: translateX(-100%) rotate(180deg); -ms-transform: translateX(-100%) rotate(180deg); transform: translateX(-100%) rotate(180deg); }

.md-home-banner .arrow.next { right: .3rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.md-home-banner .arrow:hover { background-color: rgba(0, 0, 0, 0.5); }

.md-home-banner:hover .arrow { opacity: 1; }

.md-home-banner:hover .arrow.prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md-home-banner:hover .arrow.next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

@media (max-width: 750px) { .md-home-banner .media-ratio { padding-top: calc(1125 / 750 * 100%); }
  .md-home-banner .text { top: 5%; text-align: center; }
  .md-home-banner .text .t1 { padding: .08rem .3rem; margin-left: auto; margin-right: auto; }
  .md-home-banner .text .t2 { margin-top: .09rem; }
  .md-home-banner .text .t3 { margin-top: .2rem; }
  .md-home-banner .text .btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .22rem; }
  .md-home-banner .swiper-pagination { bottom: .37rem; }
  .md-home-banner .swiper-pagination-bullet { width: .16rem; height: .16rem; }
  .md-home-banner .swiper-pagination-bullet-active { width: .6rem; } }

.md-home-cate { background-color: #f5f5f5; padding-top: .94rem; padding-bottom: .79rem; }

.md-home-cate .layout { width: 16.6rem; }

.md-home-cate .list { padding: .3rem; padding-bottom: .71rem; margin-top: .65rem; }

.md-home-cate .list .li { display: block; background-color: #ffffff; -webkit-box-shadow: 0rem 0.03rem 0.18rem 0.09rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 0.03rem 0.18rem 0.09rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; padding-top: .46rem; padding-bottom: .65rem; position: relative; }

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

.md-home-cate .list .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-cate .list .tit-en { margin-top: .01rem; }

.md-home-cate .list .c-pic { margin-top: .13rem; }

.md-home-cate .list .img { padding-top: calc(380 / 518 * 100%); }

.md-home-cate .list .m-more { margin-top: .11rem; min-width: 1.52rem; min-height: .56rem; position: relative; z-index: 2; }

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

.md-home-cate .list .swiper-pagination-bullet { width: .16rem; height: .16rem; border-radius: 50%; background-color: #bababa; opacity: 1; margin: 0 0.12rem !important; }

.md-home-cate .list .swiper-pagination-bullet-active { background-color: #000; }

@media (max-width: 750px) { .md-home-cate { padding-top: .65rem; padding-bottom: .96rem; }
  .md-home-cate .layout { width: 100%; max-width: 100%; }
  .md-home-cate .list { margin-top: .37rem; padding-left: .6rem; padding-right: .6rem; }
  .md-home-cate .list .li { -webkit-box-shadow: 0rem 0.01rem 0.38rem 0rem rgba(194, 194, 194, 0.47); box-shadow: 0rem 0.01rem 0.38rem 0rem rgba(194, 194, 194, 0.47); padding-top: .71rem; padding-bottom: .59rem; -webkit-transform: scaleY(0.86306); -ms-transform: scaleY(0.86306); transform: scaleY(0.86306); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 0.45rem; }
  .md-home-cate .list .tit-en { margin-top: .02rem; }
  .md-home-cate .list .c-pic { margin-top: .6rem; }
  .md-home-cate .list .swiper-slide-active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
  .md-home-cate .list .m-more { min-width: 2.1rem; min-height: 0.62rem; margin-top: 1.42rem; } }

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

.md-home-ad .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-ad .text { position: absolute; left: 0; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 3.6rem; }

.md-home-ad .t2 { margin-top: .14rem; }

.md-home-ad .m-more { margin-top: .2rem; border-width: .02rem; }

@media (min-width: 751px) { .md-home-ad .m-more { min-width: 1.5rem; min-height: .54rem; }
  .md-home-ad .m-more:after { display: none; } }

@media (max-width: 750px) { .md-home-ad .text { padding: 0 5%; text-align: center; top: 5.5%; -webkit-transform: none; -ms-transform: none; transform: none; }
  .md-home-ad .t2 { margin-top: .23rem; }
  .md-home-ad .m-more { margin-top: .34rem; } }

.md-home-ad2 { padding-top: .94rem; padding-bottom: 1.11rem; }

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

.md-home-ad2 .list .li { background-color: #fff; -webkit-box-shadow: 0rem 0.02rem 0.19rem 0.05rem rgba(0, 0, 0, 0.32); box-shadow: 0rem 0.02rem 0.19rem 0.05rem rgba(0, 0, 0, 0.32); border-radius: 0.15rem; overflow: hidden; width: calc(479 / 1600 * 100%); margin-right: calc(79 / 1600 * 100%); }

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

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

.md-home-ad2 .list .li:hover .tit { color: #002fa7; }

.md-home-ad2 .list .img { padding-top: calc(389 / 479 * 100%); }

.md-home-ad2 .list .text { padding: .23rem .18rem .21rem; }

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

.md-home-ad2 .list .more { color: #002fa7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .24rem; }

.md-home-ad2 .list .more img { width: .08rem; margin-left: .1rem; }

@media (max-width: 750px) { .md-home-ad2 { padding-top: .72rem; padding-bottom: 1.01rem; }
  .md-home-ad2 .list { display: block; margin-top: .74rem; }
  .md-home-ad2 .list .li { -webkit-box-shadow: 0rem 0.01rem 0.38rem 0rem #c2c2c2; box-shadow: 0rem 0.01rem 0.38rem 0rem #c2c2c2; border-radius: 0.2rem; display: block; width: 100%; margin-bottom: .32rem; }
  .md-home-ad2 .list .li:last-of-type { margin-bottom: 0; }
  .md-home-ad2 .list .img { padding-top: calc(350 / 690 * 100%); }
  .md-home-ad2 .list .text { min-height: 1.23rem; padding: .2rem; position: relative; }
  .md-home-ad2 .list .desc { margin-top: .09rem; }
  .md-home-ad2 .list .more { position: absolute; right: .3rem; bottom: .3rem; }
  .md-home-ad2 .list .more img { width: .09rem; height: .15rem; margin-left: .13rem; } }

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

.md-contact-1 .ban .img { border-radius: 0.2rem; padding-top: calc(480 / 1200 * 100%); }

.md-contact-1 .title { margin-top: .65rem; }

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

.md-contact-1 .list .li { width: 33.33%; margin-bottom: .54rem; position: relative; }

.md-contact-1 .list .icon { text-align: center; }

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

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

.md-contact-1 .list .desc a { color: #002fa7; }

.md-contact-1 .list .link-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-contact-1 .list .link-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-1 .list .link-btn img { width: .14rem; margin-left: .19rem; }

@media (max-width: 750px) { .md-contact-1 { padding-top: .74rem; padding-bottom: .8rem; }
  .md-contact-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-contact-1 .ban { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: .5rem; }
  .md-contact-1 .ban .img { padding-top: calc(420 / 690 * 100%); }
  .md-contact-1 .title { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; text-align: center; }
  .md-contact-1 .list { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block; margin-top: .5rem; }
  .md-contact-1 .list .li { width: 100%; background-color: #f7f7f7; border-radius: 0.2rem; margin-bottom: .37rem; padding: .2rem; padding-top: .6rem; min-height: 3.1rem; text-align: center; }
  .md-contact-1 .list .li:last-of-type { display: none; }
  .md-contact-1 .list .tit { margin-top: .36rem; }
  .md-contact-1 .list .desc { margin-top: .12rem; color: #333; }
  .md-contact-1 .list .link-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.md-contact-2 { padding-top: .54rem; padding-bottom: 1.55rem; }

.md-contact-2 .ban { min-height: 2.41rem; background-color: #002fa7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: .15rem .15rem 0 0; }

.md-contact-2 .ban img { width: 2.82rem; }

.md-contact-2 .form .form-wrap { background-color: #f5f5f5; padding: .3rem; padding-top: .42rem; padding-bottom: .85rem; }

.md-contact-2 .form .title { margin-bottom: .57rem; }

.md-contact-2 .form .form-item { margin-bottom: .35rem; }

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

.md-contact-2 .form .form-item-label span { color: red; }

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

.md-contact-2 .form .form-row .form-item { width: calc(550 / 1140 * 100%); }

.md-contact-2 .form .ta, .md-contact-2 .form .ipt { display: block; width: 100%; height: .6rem; min-height: 35px; background-color: #fff; border-radius: 0.1rem; border: solid 0.01rem #eeeeee; padding: 0 .16rem; }

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

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

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

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

.md-contact-2 .form .ta:focus, .md-contact-2 .form .ipt:focus { border-color: #002fa7; }

.md-contact-2 .form .ta { padding: .18rem .16rem; height: 1.1rem; }

.md-contact-2 .form .select { display: block; width: 100%; height: .6rem; min-height: 35px; border-radius: 0.1rem; border: solid 0.01rem #eeeeee; padding: 0 .16rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/aa-3.png) no-repeat right 0.3rem center/0.12rem; outline: none; }

.md-contact-2 .form .btns { text-align: center; margin-top: .52rem; }

.md-contact-2 .form .btns .m-more { min-width: 2.3rem; }

.md-contact-2 .form .upload-btn { 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; width: 100%; height: .6rem; min-height: 35px; background-color: #fff; border-radius: 0.1rem; border: solid 0.01rem #eeeeee; padding: 0 .16rem; cursor: pointer; }

.md-contact-2 .form .upload-btn img { width: .26rem; }

.md-contact-2 .form .upload-btn input { display: none; }

.md-contact-2 .form .upload-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .32rem; display: none; }

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

.md-contact-2 .form .upload-list .upload-item { margin-top: .3rem; width: 1.2rem; height: 1.2rem; background-color: #ffffff; border-radius: 0.1rem; border: solid 0.01rem #eeeeee; position: relative; 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; margin-right: .15rem; }

.md-contact-2 .form .upload-list .img { max-width: 90%; max-height: 90%; -webkit-filter: drop-shadow(1px 2px 3px #999); filter: drop-shadow(1px 2px 3px #999); }

.md-contact-2 .form .upload-list .close { position: absolute; right: -.11rem; top: -.11rem; width: .22rem; height: .22rem; line-height: .22rem; text-align: center; border-radius: 50%; background-color: #002fa7; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.md-contact-2 .form .upload-list .close img { width: .1rem; vertical-align: middle; }

@media (max-width: 750px) { .md-contact-2 { padding-top: 0; padding-bottom: .89rem; }
  .md-contact-2 .layout { width: 100%; max-width: 100%; }
  .md-contact-2 .ban { min-height: 2.5rem; border-radius: 0; }
  .md-contact-2 .form .title { margin-bottom: .54rem; }
  .md-contact-2 .form .form-wrap { background: none; padding: .45rem; padding-top: .55rem; padding-bottom: 0; }
  .md-contact-2 .form .form-item { margin-bottom: .37rem; }
  .md-contact-2 .form .form-item-label { margin-bottom: .25rem; }
  .md-contact-2 .form .form-row { display: block; }
  .md-contact-2 .form .form-row .form-item { width: 100%; }
  .md-contact-2 .form .ta { height: 2rem; padding: .24rem .3rem; }
  .md-contact-2 .form .ipt { height: .9rem; padding: 0 .3rem; }
  .md-contact-2 .form .select { background-image: url(../images/aa-4.png); background-repeat: right .5rem center; background-size: .18rem; height: .9rem; padding: 0 .3rem; }
  .md-contact-2 .form .btns { margin-top: .8rem; padding: 0 .45rem; }
  .md-contact-2 .form .btns .m-more { width: 100%; height: .9rem; }
  .md-contact-2 .form .btns .m-more::after { display: none; }
  .md-contact-2 .form .upload { padding-top: .17rem; }
  .md-contact-2 .form .upload-btn { width: 2rem; height: 2rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: .2rem; border-radius: .2rem; margin-right: .3rem; float: left; }
  .md-contact-2 .form .upload-btn img { width: .46rem; }
  .md-contact-2 .form .upload-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 0; }
  .md-contact-2 .form .upload-list.show { display: block; }
  .md-contact-2 .form .upload-list .upload-item { vertical-align: top; width: 2rem; height: 2rem; margin-right: .3rem; margin-top: 0; margin-bottom: .3rem; }
  .md-contact-2 .form .upload-list .upload-item:nth-of-type(3n+2) { margin-right: 0; }
  .md-contact-2 .form .upload-list .close { width: 0.32rem; height: .32rem; line-height: .32rem; }
  .md-contact-2 .form .upload-list .close img { width: .14rem; } }

/* 新闻列表 */
.md-news-1 { padding-top: 1.36rem; padding-bottom: 1.17rem; }

.md-news-1 .title { color: #282828; }

.md-news-1 .row { margin-top: .33rem; position: relative; }

.md-news-1 .carousel { width: calc(690 / 1200 * 100%); border-radius: .15rem; margin: 0; }

.md-news-1 .carousel .item { display: block; border-radius: .15rem; overflow: hidden; }

.md-news-1 .carousel .media-ratio { padding-top: calc(390 / 690 * 100%); }

.md-news-1 .carousel .swiper-pagination { font-size: 0; bottom: .3rem; padding-right: 0.3rem; text-align: right; }

.md-news-1 .carousel .swiper-pagination-bullet { width: .1rem; height: .1rem; border-radius: .1rem; background-color: #fff; opacity: .4; margin: 0 0.05rem 0 0 !important; }

.md-news-1 .carousel .swiper-pagination-bullet:last-of-type { margin-right: 0 !important; }

.md-news-1 .carousel .swiper-pagination-bullet-active { opacity: 1; width: .4rem; }

.md-news-1 .rg { position: absolute; right: 0; top: 0; width: calc(486 / 1200 * 100%); height: 100%; margin: 0; }

.md-news-1 .rg .item { display: block; height: auto; min-height: 1.19rem; margin-bottom: .17rem; border-radius: .15rem; background-color: #f5f5f5; padding: .19rem .2rem .14rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-news-1 .rg .item.on { background: #cee1fe; }

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

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

.md-news-1 .rg .tx-1 { 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; margin-top: .08rem; }

.md-news-1 .rg .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .rg .more img { width: .07rem; min-width: 4px; margin-left: .09rem; }

@media (max-width: 750px) { .md-news-1 { padding-top: .82rem; padding-bottom: 0; }
  .md-news-1 .layout { width: 100%; max-width: 100%; }
  .md-news-1 .title { padding: 0 .3rem; }
  .md-news-1 .row { margin-top: .62rem; }
  .md-news-1 .carousel { width: 100%; border-radius: 0; }
  .md-news-1 .carousel .item { border-radius: 0; position: relative; }
  .md-news-1 .carousel .media-ratio { padding-top: calc(900 / 750 * 100%); position: relative; }
  .md-news-1 .carousel .media-ratio::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); }
  .md-news-1 .carousel .swiper-pagination { text-align: center; padding-right: 0; bottom: .5rem; }
  .md-news-1 .carousel .swiper-pagination-bullet { width: .16rem; height: .16rem; margin: 0 0.1rem 0 0 !important; }
  .md-news-1 .carousel .swiper-pagination-bullet:last-of-type { margin-right: 0; }
  .md-news-1 .carousel .swiper-pagination-bullet-active { width: .6rem; }
  .md-news-1 .carousel .text { position: absolute; left: 0; bottom: 1.41rem; width: 100%; padding: 0 .3rem; }
  .md-news-1 .carousel .tit { line-height: 1.42105; }
  .md-news-1 .carousel .date { margin-top: .27rem; } }

.md-news-2 { padding-bottom: .5rem; }

.md-news-2 .title { color: #3a3a3a; }

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

.md-news-2 .list .li { margin-bottom: .37rem; width: calc(384 / 1200 * 100%); margin-right: calc(24 / 1200 * 100%); }

.md-news-2 .list .li:nth-child(6) ~ .li { display: none; }

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

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

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

.md-news-2 .list .c-pic { border-radius: .15rem; overflow: hidden; }

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

.md-news-2 .list .text { padding-top: .27rem; }

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

@media (max-width: 750px) { .md-news-2 { padding-top: .2rem; }
  .md-news-2 .list { margin-top: .55rem; }
  .md-news-2 .list .li { width: 100%; margin-bottom: .54rem; margin-right: 0; }
  .md-news-2 .list .li:nth-child(3) ~ .li { display: none; }
  .md-news-2 .list .img { padding-top: calc(390 / 690 * 100%); }
  .md-news-2 .list .date { margin-top: .2rem; } }

.md-nav-2 { position: -webkit-sticky; position: sticky; top: 1.1rem; z-index: 2; background-color: #fff; margin-top: .15rem; }

.md-nav-2 .list { 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-nav-2 .list .item { margin-right: .7rem; padding: .32rem 0; }

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

.md-nav-2 .list .item.on { color: #222; font-weight: bold; }

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

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

.md-news-detail .main { width: calc(800 / 1200 * 100%); padding-bottom: 1.2rem; }

.md-news-detail .main .msg { 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; margin-top: .26rem; }

.md-news-detail .main .cate { background-color: #f6f6f6; border-radius: 0.05rem; padding: .024rem .05rem; margin-right: .11rem; }

.md-news-detail .main .details { border-top: 1px solid #dadada; border-bottom: 1px solid #eee; line-height: 2; padding-top: .4rem; padding-bottom: 1.08rem; margin-top: .44rem; }

.md-news-detail .main .back { margin-top: .51rem; text-align: right; }

.md-news-detail .main .back-btn { color: #3c3c3c; min-width: 1.61rem; min-height: 0.49rem; border-radius: 0.5rem; border: solid 0.01rem #929292; text-align: center; padding: .1rem 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-detail .main .back-btn img { width: .07rem; margin-left: .1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-detail .main .back-btn:hover { background-color: #002fa7; border-color: #002fa7; color: #fff; }

.md-news-detail .main .back-btn:hover img { width: 0; }

.md-news-detail .side { width: calc(290 / 1200 * 100%); }

.md-news-detail .news-1 .list { margin-top: .13rem; }

.md-news-detail .news-1 .list .li { display: block; margin-bottom: .22rem; }

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

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

.md-news-detail .news-1 .list .li:hover .tit { color: #002fa7; }

.md-news-detail .news-1 .list .c-pic { border-radius: .2rem; }

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

.md-news-detail .news-1 .list .text { margin-top: .1rem; }

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

.md-news-detail .news-1 .list .cate { background-color: #f6f6f6; border-radius: 0.05rem; padding: .024rem .05rem; margin-right: .05rem; }

.md-news-detail .news-2 { margin-top: .75rem; }

.md-news-detail .news-2 .t2 { margin-top: .18rem; color: #929292; }

.md-news-detail .news-2 .form { margin-top: .19rem; }

.md-news-detail .news-2 .form .email { 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; height: .39rem; min-height: 30px; border-radius: 0.2rem; border: solid 1px rgba(146, 146, 146, 0.4); padding: 0 .09rem; }

.md-news-detail .news-2 .form .email img { width: 0.23rem; min-width: 16px; margin-right: .05rem; }

.md-news-detail .news-2 .form .email input { min-width: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border: none; padding-right: 0.05rem; background: transparent; }

.md-news-detail .news-2 .form .email input::-webkit-input-placeholder { color: #929292; }

.md-news-detail .news-2 .form .email input:-ms-input-placeholder { color: #929292; }

.md-news-detail .news-2 .form .email input::-ms-input-placeholder { color: #929292; }

.md-news-detail .news-2 .form .email input::placeholder { color: #929292; }

.md-news-detail .news-2 .form .btn { cursor: pointer; width: 100%; border: none; margin-top: .14rem; height: 0.46rem; min-height: 30px; border-radius: .46rem; }

.md-news-detail .news-3 { margin-top: .46rem; }

.md-news-detail .news-3 .share { margin-top: .14rem; 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-news-detail .news-3 .share .item { position: relative; margin-right: .17rem; margin-top: .1rem; }

.md-news-detail .news-3 .share .item:last-of-type { margin-right: 0; }

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

.md-news-detail .news-3 .share .item:hover .pop { display: block; }

.md-news-detail .news-3 .share .icon { height: .18rem; min-height: 14px; font-size: 0; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-detail .news-3 .share .icon img { height: 100%; }

.md-news-detail .news-3 .share .pop { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; padding-bottom: 0.1rem; }

.md-news-detail .news-3 .share .pop-cnt { background-color: #fff; color: #000; border-radius: .1rem; -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); padding: .05rem; position: relative; }

.md-news-detail .news-3 .share .pop-cnt:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 80%); -ms-transform: translate(-50%, 80%); transform: translate(-50%, 80%); border: .1rem solid transparent; border-top-color: #fff; }

.md-news-detail .news-3 .share .pop-close { display: none; }

.md-news-detail .news-3 .share .pop-img { font-size: 0; }

.md-news-detail .news-3 .share .pop-img img { width: 1.2rem; min-width: 80px; display: block; aspect-ratio: 1; -o-object-fit: contain; object-fit: contain; }

.md-news-detail .news-3 .share .pop-text { display: none; }

@media (max-width: 750px) { .md-news-detail { padding-top: .63rem; }
  .md-news-detail .main { width: 100%; padding-bottom: 0; }
  .md-news-detail .main .msg { color: #888; margin-top: .3rem; }
  .md-news-detail .main .cate { background-color: transparent; padding: 0; }
  .md-news-detail .main .cate:after { content: ''; display: inline-block; width: 0.02rem; height: 0.2rem; background-color: #cccccc; margin: 0 .2rem; }
  .md-news-detail .main .details { color: #333; margin-top: .48rem; padding-top: .34rem; border-bottom: none; } }

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

.m-news-list .li { margin-bottom: .37rem; width: calc(380 / 1600 * 100%); margin-right: calc(25 / 1600 * 100%); }

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

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

.m-news-list .li:hover .tit { color: #002fa7; }

.m-news-list .c-pic { border-radius: .2rem; overflow: hidden; }

.m-news-list .img { padding-top: calc(214 / 380 * 100%); }

.m-news-list .text { padding-top: .27rem; }

.m-news-list .tit { line-height: 1.20833; }

.m-news-list .date { margin-top: .14rem; }

@media (max-width: 750px) { .m-news-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m-news-list .li { margin-right: 0; width: calc(330 / 690 * 100%); } }

/* 服务支持 */
.md-service-ban { position: relative; }

.md-service-ban .cnt { position: absolute; left: 0; top: 0; width: 100%; padding-top: 1.06rem; }

.md-service-ban .title { 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-service-ban .title img { width: .3rem; margin-right: .2rem; margin-top: .04rem; }

.md-service-ban .search { width: 9rem; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: .31rem; position: relative; z-index: 3; }

.md-service-ban .search.focus .form { border-radius: .35rem .35rem 0 0; }

.md-service-ban .search.focus .suggest { display: block; }

.md-service-ban .form { position: relative; z-index: 4; width: 100%; height: .7rem; border-radius: .35rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; }

.md-service-ban .form .btn { padding: 0 .21rem 0 .28rem; cursor: pointer; border: none; background: transparent; }

.md-service-ban .form .btn img { width: .21rem; }

.md-service-ban .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.md-service-ban .suggest { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; line-height: 1.25; padding-top: .73rem; padding-bottom: .27rem; border-radius: .35rem; overflow: hidden; display: none; max-height: 100vh; overflow-y: auto; }

.md-service-ban .suggest-tit { padding: .15rem .2rem .15rem .69rem; }

.md-service-ban .suggest-item { display: block; padding: .15rem .2rem .15rem .69rem; }

.md-service-ban .suggest-item:hover { background-color: #f7f7f7; }

@media (max-width: 750px) { .md-service-ban .cnt { padding-top: .47rem; }
  .md-service-ban .title img { margin-top: .08rem; }
  .md-service-ban .search { margin-top: .27rem; }
  .md-service-ban .search.focus .form { border-radius: .4rem .4rem 0 0; }
  .md-service-ban .form { height: .8rem; border-radius: .4rem; }
  .md-service-ban .form .btn { padding-left: .4rem; padding-right: .18rem; }
  .md-service-ban .form .btn img { width: 0.27rem; }
  .md-service-ban .suggest { padding-top: .83rem; border-radius: .4rem; -webkit-box-shadow: 0rem 0rem 0.54rem 0rem rgba(153, 153, 153, 0.42); box-shadow: 0rem 0rem 0.54rem 0rem rgba(153, 153, 153, 0.42); }
  .md-service-ban .suggest-tit { padding-left: .86rem; }
  .md-service-ban .suggest-item { padding-left: .86rem; } }

.md-service-1 { background: #f7f7f7; padding-top: 1.13rem; padding-bottom: .7rem; }

.md-service-1 .cate-pc { margin-top: .34rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-service-1 .cate-pc .item { width: auto; min-width: 1.4rem; height: 0.5rem; min-height: 35px; background-color: #ffffff; border-radius: 0.5rem; 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; padding: 0 .1rem; margin-right: .2rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-service-1 .cate-pc .item:last-of-type { margin-right: 0; }

.md-service-1 .cate-pc .item:hover { background-color: #cee1fe; }

.md-service-1 .cate-pc .item.on { background-color: #002fa7; color: #fff; }

.md-service-1 .m-select-cate { margin-top: .36rem; }

.md-service-1 .row { margin-top: .5rem; }

.md-service-1 .row-item { display: none; }

.md-service-1 .row-item.on { display: block; }

.md-service-1 .row-item.open .list .li { display: block !important; }

.md-service-1 .list { 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-service-1 .list .li { padding-top: .23rem; padding-bottom: .2rem; background-color: #ffffff; border-radius: 0.2rem; overflow: hidden; }

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

.md-service-1 .list .li:hover .tit { color: #002fa7; }

.md-service-1 .list .img { padding-top: calc(380 / 518 * 100%); }

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

.md-service-1 .m-more-btn { margin-top: 0.08rem; }

@media (min-width: 751px) { .md-service-1 .row-item.open .m-more-btn .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-service-1 .list .li { min-height: 3.73rem; width: calc(373 / 1200 * 100%); margin-right: calc(40 / 1200 * 100%); margin-bottom: .4rem; }
  .md-service-1 .list .li:nth-of-type(3n) { margin-right: 0; }
  .md-service-1 .list .li:last-of-type { margin-right: 0; }
  .md-service-1 .list .li:nth-child(3) ~ .li { display: none; } }

@media (max-width: 750px) { .md-service-1 { padding-top: .54rem; padding-bottom: .41rem; background-color: #f5f5f7; }
  .md-service-1 .row-item { overflow: hidden; }
  .md-service-1 .list { margin-top: .49rem; gap: .3rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: block; }
  .md-service-1 .list .li { min-height: 3.3rem; width: 3.3rem; margin-right: 0; margin-bottom: 0; float: left; margin-right: .3rem; margin-bottom: .3rem; }
  .md-service-1 .list .li:nth-of-type(2n) { margin-right: 0; }
  .md-service-1 .list .li:nth-child(4) ~ .li { display: none; }
  .md-service-1 .list .tit { margin-top: .05rem; }
  .md-service-1 .m-more-btn { margin-top: .3rem; width: 3.3rem; height: 3.3rem; background-color: #fff; border-radius: 0.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-filter: grayscale(1); filter: grayscale(1); }
  .md-service-1 .m-more-btn .icon { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 1rem; height: 1rem; border: 1px solid #999; border-radius: 50%; background-size: .2rem; margin-left: 0; margin-bottom: .2rem; }
  .md-service-1 .m-more-btn span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.md-service-2 { padding-top: .75rem; padding-bottom: .24rem; }

.md-service-2 .list { margin-top: .45rem; 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-service-2 .list .li { width: calc(373 / 1200 * 100%); margin-right: calc(40 / 1200 * 100%); margin-bottom: .3rem; }

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

.md-service-2 .list .li:last-of-type { margin-right: 0; }

.md-service-2 .list .li:nth-child(3) ~ .li { display: none; }

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

.md-service-2 .list .li:hover .tit { color: #002fa7; }

.md-service-2 .list .c-pic { border-radius: .2rem; overflow: hidden; position: relative; }

.md-service-2 .list .img { padding-top: calc(210 / 373 * 100%); }

.md-service-2 .list .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url(../images/i-play.png) no-repeat center; background-size: calc(60 / 373 * 100%); }

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

.md-service-2 .m-more-btn { margin-top: 0.07rem; }

.md-service-2.open .list .li { display: block !important; }

@media (min-width: 751px) { .md-service-2.open .m-more-btn .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } }

@media (max-width: 750px) { .md-service-2 { background-color: #f5f5f7; padding-top: .41rem; }
  .md-service-2 .list { margin-top: .55rem; gap: .57rem; }
  .md-service-2 .list .li { width: 100%; margin-right: 0; margin-bottom: 0; }
  .md-service-2 .list .video { background-size: .8rem; }
  .md-service-2 .list .tit { margin-top: .24rem; }
  .md-service-2 .m-more-btn { margin-top: .53rem; } }

.md-service-3 { background-color: #f7f7f7; padding-top: .76rem; padding-bottom: 1.2rem; }

.md-service-3 .main { margin-top: .45rem; }

.md-service-3 .cate-pc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #eeeeee; }

.md-service-3 .cate-pc .item { position: relative; width: auto; padding: 0.27rem 0 .21rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-right: .75rem; }

.md-service-3 .cate-pc .item:last-of-type { margin-right: 0; }

.md-service-3 .cate-pc .item:after { content: ''; position: absolute; left: 0; bottom: 0; height: 0.03rem; background-color: #002fa7; border-radius: 0.02rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-service-3 .cate-pc .item:hover { color: #002fa7; }

.md-service-3 .cate-pc .item.on { color: #002fa7; font-weight: bold; }

.md-service-3 .cate-pc .item.on:after { width: 100%; }

.md-service-3 .row-item { display: none; }

.md-service-3 .row-item.on { display: block; }

.md-service-3 .list .li { padding: .28rem 0; }

.md-service-3 .list .tx { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-service-3 .list .icon { 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; width: 0.2rem; min-width: 16px; height: 0.2rem; min-height: 16px; border-radius: .2rem; border-bottom-right-radius: 0; margin-right: .19rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-service-3 .list .q { margin-bottom: .16rem; }

.md-service-3 .list .desc { line-height: 1.5; }

@media (min-width: 751px) { .md-service-3 .main { background-color: #fff; border-radius: .2rem; overflow: hidden; }
  .md-service-3 .row-item { padding-top: calc(472 / 1200 * 100%); position: relative; }
  .md-service-3 .row-item.on { -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
  .md-service-3 .list { padding: 0 .3rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; }
  .md-service-3 .list::-webkit-scrollbar { width: .1rem; height: .1rem; background-color: #ededed; border-radius: 2px; }
  .md-service-3 .list::-webkit-scrollbar-thumb { background-color: #cccccc; cursor: pointer; }
  .md-service-3 .list::-webkit-scrollbar-thumb:hover { background-color: #999; }
  .md-service-3 .list .li:not(:last-child) { border-bottom: 1px solid #eee; } }

@media (max-width: 750px) { .md-service-3 { background-color: #f5f5f7; padding-top: .48rem; padding-bottom: 1.15rem; }
  .md-service-3 .main { margin-top: .36rem; }
  .md-service-3 .list { margin-top: .4rem; }
  .md-service-3 .list .li { background-color: #fff; border-radius: .2rem; padding: .38rem .3rem .31rem; }
  .md-service-3 .list .li:not(:last-of-type) { margin-bottom: .3rem; }
  .md-service-3 .list .q { margin-bottom: .2rem; }
  .md-service-3 .list .icon { width: .28rem; height: .28rem; margin-right: .21rem; }
  .md-service-3 .list .desc { line-height: 1.61538; } }

.md-service-4 { padding-bottom: 1.15rem; }

.md-service-4 .prod .tit { line-height: 1.19048; }

.md-service-4 .tab { 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-service-4 .tab .item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.md-service-4 .list-qa .li { background-color: #f7f7f7; border-radius: 0.1rem; padding: 0 .3rem; }

.md-service-4 .list-qa .li:not(:last-child) { margin-bottom: .2rem; }

.md-service-4 .list-qa .li.on .arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md-service-4 .list-qa .tx { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-service-4 .list-qa .arrow { width: 0.15rem; height: 0.09rem; background-image: url(../images/aa-2.png); }

.md-service-4 .list-qa .tx-q { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .7rem; padding: .1rem 0; cursor: pointer; }

@media (max-width: 1400px) { .md-service-4 .list-qa .tx-q { min-height: 45px; } }

.md-service-4 .list-qa .tx-a { display: none; border-top: 1px solid #e9e9e9; padding: 0.27rem 0 .35rem; }

.md-service-4 .list-qa .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-service-4 .list-qa .desc { line-height: 1.5; }

.md-service-4 .list-file .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .7rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 1px solid #eee; padding: .14rem 0 .1rem; }

.md-service-4 .list-file .li:not(:last-child) { margin-bottom: .1rem; }

.md-service-4 .list-file .li:hover { color: #002fa7; border-bottom-color: #002fa7; }

.md-service-4 .list-file .li:hover .icon { background-image: url(../images/i-download-3.png); }

.md-service-4 .list-file .li:hover .date { color: #002fa7; }

.md-service-4 .list-file .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-service-4 .list-file .icon { background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: .1rem; margin-right: .1rem; width: .2rem; height: 0.2rem; min-width: 1.25em; min-height: 1.25em; background-image: url(../images/i-download.png); }

.md-service-4 .list-file .date { margin-top: .1rem; }

.md-service-4 .row-item { display: none; }

.md-service-4 .row-item.on { display: block; }

@media (min-width: 751px) { .md-service-4 { padding-top: .96rem; }
  .md-service-4 .prod { text-align: center; }
  .md-service-4 .prod .img { height: 1.28rem; }
  .md-service-4 .prod .tit { margin-top: .61rem; }
  .md-service-4 .prod .tit div { display: inline; }
  .md-service-4 .tab { margin-top: .35rem; }
  .md-service-4 .tab .item { color: #002fa7; position: relative; }
  .md-service-4 .tab .item:after { content: ''; position: absolute; left: 0; bottom: -.05rem; width: 0; height: .02rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #002fa7; }
  .md-service-4 .tab .item:not(:last-child) { margin-right: .75rem; }
  .md-service-4 .tab .item:hover:after, .md-service-4 .tab .item.on:after { width: 100%; }
  .md-service-4 .tab .icon { width: 0.07rem; min-width: 5px; height: 0.12rem; min-height: 8px; background: url(../images/a-3.png) no-repeat center/contain; margin-left: .14rem; }
  .md-service-4 .row { margin-top: .64rem; } }

@media (max-width: 750px) { .md-service-4 { background-color: #f5f5f7; padding-bottom: 1rem; }
  .md-service-4 .layout { width: 100%; min-width: 100%; }
  .md-service-4 .prod { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3.4rem; background-color: #eaeaee; padding: .4rem; padding-left: .49rem; padding-right: .43rem; gap: .4rem; }
  .md-service-4 .prod .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 3.02rem; }
  .md-service-4 .prod .tit { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-service-4 .tab { gap: .3rem; margin: .6rem .3rem; }
  .md-service-4 .tab .item { background-color: #fff; color: #222; min-height: .8rem; border-radius: .4rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-service-4 .tab .item.on { background: #002fa7; color: #fff; }
  .md-service-4 .list-file { padding: 0 .3rem; }
  .md-service-4 .list-qa { padding: 0 .3rem; }
  .md-service-4 .list-qa .li { background-color: #fff; border-radius: .2rem; padding: .28rem .3rem .31rem; }
  .md-service-4 .list-qa .li:not(:last-of-type) { margin-bottom: .3rem; }
  .md-service-4 .list-qa .tx-q { pointer-events: none; }
  .md-service-4 .list-qa .tx-a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; border: none; padding-top: .1rem; padding-bottom: 0; }
  .md-service-4 .list-qa .tx-a .icon { margin-top: .06rem; }
  .md-service-4 .list-qa .icon { 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; border-radius: .2rem; border-bottom-right-radius: 0; width: .28rem; height: .28rem; margin-right: .21rem; -ms-flex-negative: 0; flex-shrink: 0; }
  .md-service-4 .list-qa .desc { line-height: 1.61538; } }

/* 公司简介 */
.md-about-1 .text { padding-top: .94rem; padding-bottom: .93rem; }

.md-about-1 .t2 { font-size: 1.21rem; margin-top: .68rem; }

.md-about-1 .t3 { margin-top: .05rem; }

.md-about-1 .desc { margin-top: .71rem; line-height: 1.5; }

@media (max-width: 750px) { .md-about-1 .text { padding-top: .96rem; padding-bottom: .68rem; }
  .md-about-1 .t2 { font-size: .8rem; margin-top: .64rem; }
  .md-about-1 .t3 { margin-top: .18rem; }
  .md-about-1 .desc { margin-top: .6rem; line-height: 1.8; }
  .md-about-1 .media { margin: 0 .3rem; } }

.md-about-2 { padding-top: 2.43rem; }

.md-about-2 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-2 .list .li:not(:last-child) { margin-bottom: 2.05rem; }

.md-about-2 .list .li:nth-of-type(odd) .text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; padding-left: 1.1rem; }

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

.md-about-2 .list .c-pic { width: calc(795 / 1600 * 100%); }

.md-about-2 .list .img { padding-top: calc(900 / 795 * 100%); }

.md-about-2 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1.13rem; }

.md-about-2 .list .tit { margin-top: -0.05rem; }

.md-about-2 .list .desc { line-height: 1.5; margin-top: .46rem; }

@media (max-width: 750px) { .md-about-2 { padding-top: 1.47rem; }
  .md-about-2 .list .li { display: block; }
  .md-about-2 .list .li:not(:last-child) { margin-bottom: 1.57rem; }
  .md-about-2 .list .c-pic { width: 100%; margin-top: .68rem; }
  .md-about-2 .list .img { padding-top: calc(780 / 690 * 100%); }
  .md-about-2 .list .text { padding: 0 !important; }
  .md-about-2 .list .desc { margin-top: .37rem; line-height: 1.8; } }

.md-about-3 { padding-top: 1.65rem; }

.md-about-3 .tit { margin-top: -0.05rem; }

.md-about-3 .desc { line-height: 1.5; margin-top: .47rem; }

.md-about-3 .media { margin-top: .87rem; }

@media (max-width: 750px) { .md-about-3 { padding-top: 1.57rem; }
  .md-about-3 .text { text-align: left; }
  .md-about-3 .desc { margin-top: .4rem; line-height: 1.8; }
  .md-about-3 .media { margin-top: .7rem; } }

.md-about-4 { padding-top: 1.55rem; padding-bottom: 2.57rem; }

.md-about-4 .title { font-size: 1.36rem; line-height: 1.46rem; text-align: center; }

.md-about-4 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.82rem; }

.md-about-4 .row-1 .c-pic { width: calc(795 / 1600 * 100%); }

.md-about-4 .row-1 .img { padding-top: calc(900 / 795 * 100%); }

.md-about-4 .row-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .96rem; padding-top: .23rem; }

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

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

.md-about-4 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2.28rem; }

.md-about-4 .row-2 .c-pic { width: calc(795 / 1600 * 100%); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-about-4 .row-2 .img { padding-top: calc(900 / 795 * 100%); }

.md-about-4 .row-2 .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: .95rem; padding-top: .33rem; }

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

@media (max-width: 750px) { .md-about-4 { padding-top: 1.37rem; padding-bottom: .4rem; }
  .md-about-4 .title { font-size: .8rem; line-height: 1.2rem; }
  .md-about-4 .row-1 { display: block; margin-top: 1.39rem; }
  .md-about-4 .row-1 .c-pic { width: 100%; }
  .md-about-4 .row-1 .img { padding-top: calc(780 / 690 * 100%); }
  .md-about-4 .row-1 .text { padding: 0; }
  .md-about-4 .row-1 .tit { margin-top: 0.61rem; }
  .md-about-4 .row-1 .desc { margin-top: .19rem; }
  .md-about-4 .row-2 { display: block; margin-top: 1.38rem; }
  .md-about-4 .row-2 .c-pic { width: 100%; }
  .md-about-4 .row-2 .text { padding: .68rem 0; }
  .md-about-4 .row-2 .img { padding-top: calc(780 / 690 * 100%); }
  .md-about-4 .row-2 .desc { margin-top: .46rem; } }

/* 加入我们 */
.md-join-1 { padding-bottom: 1.21rem; }

.md-join-1 .form-1 { position: relative; z-index: 2; width: 9rem; max-width: 100%; height: 0.7rem; background-color: #ffffff; -webkit-box-shadow: 0 0 .38rem 0 #eeeeee; box-shadow: 0 0 .38rem 0 #eeeeee; border-radius: 0.35rem; overflow: hidden; margin: -.35rem auto 0; padding-left: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-join-1 .form-1 .icon { width: .21rem; margin-right: .2rem; }

.md-join-1 .form-1 .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; height: 100%; border: none; background: none; padding-right: .3rem; }

.md-join-1 .form-1 .ipt::-webkit-input-placeholder { color: #888; }

.md-join-1 .form-1 .ipt:-ms-input-placeholder { color: #888; }

.md-join-1 .form-1 .ipt::-ms-input-placeholder { color: #888; }

.md-join-1 .form-1 .ipt::placeholder { color: #888; }

.md-join-1 .form-1 .btn { width: 1.4rem; height: 100%; border: none; cursor: pointer; }

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

.md-join-1 .col-side { width: calc(230 / 1600 * 100%); }

.md-join-1 .col-main { width: calc(1340 / 1600 * 100%); }

.md-join-1 .form-2 .form-hd { 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; border-bottom: 1px solid rgba(185, 185, 185, 0.7); padding-bottom: .09rem; margin-bottom: .41rem; }

.md-join-1 .form-2 .form-hd .btn { border: none; background: none; cursor: pointer; }

.md-join-1 .form-2 .form-item:not(:last-child) { margin-bottom: .46rem; }

.md-join-1 .form-2 .form-item__name { padding-bottom: .18rem; border-bottom: 1px solid #eee; }

.md-join-1 .form-2 .form-item__cnt { margin-top: .19rem; }

.md-join-1 .radio-group .radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.md-join-1 .radio-group .radio:not(:last-child) { margin-bottom: .208rem; }

.md-join-1 .radio-group .radio input[type=radio] { width: 0.16rem; height: .16rem; background: url(../images/i-radio-1.png) no-repeat center/contain; margin-right: .09rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-join-1 .radio-group .radio input[type=radio]:checked { background-image: url(../images/i-radio-2.png); }

.md-join-1 .table .tr { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-join-1 .table .td { min-height: .7rem; 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-join-1 .table .td:nth-child(1) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: .58rem; width: calc(248 / 1340 * 100%); }

.md-join-1 .table .td:nth-child(2) { width: calc(263 / 1340 * 100%); }

.md-join-1 .table .td:nth-child(3) { width: calc(315 / 1340 * 100%); }

.md-join-1 .table .td:nth-child(4) { width: calc(262 / 1340 * 100%); }

.md-join-1 .table .td:nth-child(5) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-join-1 .table .thead { background-color: #f3f3f3; }

.md-join-1 .table .thead .td { min-height: .68rem; }

.md-join-1 .table .tbody .tr { cursor: pointer; border-bottom: 1px solid #eeeeee; }

@media (min-width: 751px) { .md-join-1 .table .tbody .tr.open { background-color: #f3f3f3; }
  .md-join-1 .table .tbody .tr.open .btn-toggle img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } }

.md-join-1 .table .btn-toggle { 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: pointer; }

.md-join-1 .table .btn-toggle img { width: .12rem; margin-left: .1rem; }

.md-join-1 .table .detail { display: none; background-color: #f8f8f8; border-bottom: 1px solid #eeeeee; line-height: 1.875; padding: .33rem .59rem .73rem; }

.md-join-1 .table .detail-item { margin-bottom: .27rem; }

.md-join-1 .table .detail .t2 { margin-top: .15rem; }

.md-join-1 .table .detail .btns { margin-top: .53rem; }

.md-join-1 .table .item { position: relative; }

.md-join-1 .table .item .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-join-1 .m_pages { margin-top: .8rem; }

@media (max-width: 750px) { .md-join-1 .layout { width: 100%; max-width: 100%; }
  .md-join-1 .form-1 { width: 6.9rem; height: .8rem; border-radius: .4rem; margin-top: -.4rem; padding-left: .4rem; }
  .md-join-1 .form-1 .icon { width: .27rem; margin-right: .19rem; }
  .md-join-1 .row { display: block; margin-top: .3rem; }
  .md-join-1 .col-side { width: 6.9rem; margin: auto; padding-bottom: .39rem; }
  .md-join-1 .col-main { width: 100%; border-top: .3rem solid #f5f5f7; }
  .md-join-1 .table .tr { padding: .37rem .3rem .31rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-join-1 .table .tbody .tr { border-bottom-color: #f5f5f7; }
  .md-join-1 .table .tbody .td { width: auto; min-height: auto; }
  .md-join-1 .table .tbody .td:after { content: ''; display: inline-block; vertical-align: middle; width: 0.02rem; height: 0.18rem; background-color: #cccccc; margin: 0 .23rem; }
  .md-join-1 .table .tbody .td:nth-child(1) { width: 100%; padding-left: 0; margin-bottom: .2rem; }
  .md-join-1 .table .tbody .td:nth-child(1):after { display: none; }
  .md-join-1 .table .tbody .td:last-child:after { display: none; }
  .md-join-1 .form-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-join-1 .form-3 .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 2.1rem; height: 0.65rem; border-radius: 0.33rem; padding: 0 .2rem; padding-right: .4rem; background: #f5f5f7 url(../images/aa-4.png) no-repeat right 0.2rem center/0.18rem; margin-right: .3rem; }
  .md-join-1 .form-3 .form-item:last-of-type { margin-right: 0; } }

.md-join-2 { padding-top: .53rem; padding-bottom: .6rem; }

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

.md-join-2 .data .td { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-join-2 .data .td::after { content: ''; display: inline-block; vertical-align: middle; width: 0.02rem; height: 0.2rem; background-color: #cccccc; margin: 0 .22rem; }

.md-join-2 .detail { border-top: 1px solid #ccc; padding-top: .44rem; margin-top: .48rem; line-height: 1.92857; }

.md-join-2 .detail-item { margin-bottom: .5rem; }

.md-join-2 .detail-item:last-of-type { margin-bottom: 0; }

.md-join-2 .detail .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-join-2 .detail .t1::before { content: ''; display: inline-block; vertical-align: middle; width: 0.04rem; height: 0.3rem; background: #002fa7; margin-right: .2rem; }

.md-join-2 .detail .t2 { margin-left: .24rem; margin-top: .12rem; }

.md-join-2 .btns { margin-top: .67rem; }

.md-join-2 .btns .m-more { width: 100%; height: .9rem; }

.md-join-2 .btns .m-more::after { display: none; }

.md-join-pop { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; }

.md-join-pop.show { display: block; }

.md-join-pop.show .main { -webkit-animation: fade-up .3s forwards; animation: fade-up .3s forwards; }

.md-join-pop .main { position: absolute; left: 0; bottom: 0; width: 100%; max-height: 100vh; overflow-y: auto; border-radius: .2rem .2rem 0 0; padding: .48rem .3rem 0; }

.md-join-pop .close { position: absolute; right: 0; top: .29rem; padding: .3rem; width: .18rem; height: .18rem; -webkit-box-sizing: content-box; box-sizing: content-box; background: url(../images/i-close.png) no-repeat center/0.18rem; opacity: .5; border: none; }

.md-join-pop .form { position: relative; z-index: 2; width: 100%; height: .8rem; border-radius: .4rem; overflow: hidden; background-color: #f5f5f7; padding-left: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .45rem; }

.md-join-pop .form .icon { width: .27rem; margin-right: .19rem; }

.md-join-pop .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; height: 100%; border: none; background: none; padding-right: .3rem; }

.md-join-pop .form .ipt::-webkit-input-placeholder { color: #888; }

.md-join-pop .form .ipt:-ms-input-placeholder { color: #888; }

.md-join-pop .form .ipt::-ms-input-placeholder { color: #888; }

.md-join-pop .form .ipt::placeholder { color: #888; }

.md-join-pop .form .btn-clear { display: none; width: .8rem; height: .8rem; border: none; background: url(../images/i-close.png) no-repeat center/0.18rem; }

.md-join-pop .form-2 .radio-group { margin-top: .2rem; max-height: 40vh; overflow-y: auto; }

.md-join-pop .form-2 .radio-group .radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: .36rem 0 .39rem; position: relative; outline: none; }

.md-join-pop .form-2 .radio-group .radio::after { content: ''; position: absolute; right: 0; left: .6rem; bottom: 0; margin: auto; height: 1px; background: #eeeeee; }

.md-join-pop .form-2 .radio-group .radio input[type=radio] { width: .32rem; height: .32rem; background: url(../images/i-radio-1.png) no-repeat center/contain; margin-right: .31rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-join-pop .form-2 .radio-group .radio input[type=radio]:checked { background-image: url(../images/i-radio-2.png); }

.md-join-pop .btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .3rem; background-color: #fff; padding-top: .53rem; padding-bottom: .6rem; }

.md-join-pop .btns .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.9rem; border-radius: .45rem; border: none; }

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

.m-prod-list .li { display: block; width: calc(385 / 1600 * 100%); margin-right: calc(20 / 1600 * 100%); margin-bottom: .53rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.m-prod-list .li:hover .c-pic { -webkit-box-shadow: 0rem 0.03rem 0.17rem 0.04rem rgba(0, 0, 0, 0.15); box-shadow: 0rem 0.03rem 0.17rem 0.04rem rgba(0, 0, 0, 0.15); }

.m-prod-list .c-pic { background-color: #fff; border-radius: .2rem; overflow: hidden; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.m-prod-list .color-list { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: .22rem; max-width: 100%; padding-left: 0.22rem; }

.m-prod-list .color-list span { width: .2rem; height: .2rem; border-radius: 50%; border: solid 0.02rem #c1c1c1; margin-right: .1rem; }

.m-prod-list .color-list span:last-of-type { margin-right: 0; }

.m-prod-list .label { position: absolute; left: .14rem; top: .13rem; border-radius: 0.1rem; border: solid 0.01rem #002fa7; padding: .0521rem 0.17rem; }

.m-prod-list .text { padding-top: .25rem; }

.m-prod-list .price { margin-top: .1rem; }

@media (min-width: 751px) { .m-prod-list.threeColumns .li { width: calc(385 / 1195 * 100%); margin-right: calc(20 / 1195 * 100%); }
  .m-prod-list.threeColumns .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 750px) { .m-prod-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m-prod-list .li { width: calc(330 / 690 * 100%); margin-right: 0; margin-bottom: .56rem; }
  .m-prod-list .label { border-radius: .35rem; padding: .04rem 0.15rem; left: .2rem; top: .2rem; }
  .m-prod-list .color-list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; bottom: .18rem; }
  .m-prod-list .text { padding-top: .37rem; } }

/* 产品 */
.md-prod-1 { background-color: #f5f5f5; min-height: 100vh; }

.md-prod-1 .row-1 { padding-top: .61rem; padding-bottom: .56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-1 .row-1 .col-1 { 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-prod-1 .row-1 .col-2 { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-1 .row-1 .col-2 .text { margin-right: auto; }

.md-prod-1 .row-1 .col-2 .text .t1 { margin-right: .37rem; }

.md-prod-1 .row-1 .btn-1 { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-1 .row-1 .btn-1 img { width: .16rem; min-width: 12px; margin-right: .11rem; }

.md-prod-1 .row-1 .btn-1 .t-2 { display: none; }

.md-prod-1 .row-1 .count { margin-left: .3rem; }

.md-prod-1 .row-1 .sort { position: relative; margin-left: .4rem; }

.md-prod-1 .row-1 .sort__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .13rem 0; cursor: pointer; }

.md-prod-1 .row-1 .sort__hd .icon { width: .14rem; margin-left: .09rem; }

.md-prod-1 .row-1 .sort__bd { position: absolute; left: 50%; top: 100%; z-index: 100; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; -webkit-box-shadow: 0rem 0.03rem 0.17rem 0.04rem rgba(0, 0, 0, 0.15); box-shadow: 0rem 0.03rem 0.17rem 0.04rem rgba(0, 0, 0, 0.15); border-radius: 0.1rem; width: 1.83rem; overflow: hidden; padding: .14rem 0 .13rem; display: none; }

.md-prod-1 .row-1 .sort .opt { cursor: pointer; text-align: center; line-height: 1.4; padding: .124rem; }

.md-prod-1 .row-1 .sort .opt:hover, .md-prod-1 .row-1 .sort .opt.active { background-color: #002fa7; color: #fff; }

.md-prod-1 .row-1 .sort.show .sort__bd { display: block; }

.md-prod-1 .row-1 .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3.25rem; height: .43rem; min-height: 30px; padding-left: .13rem; background-color: #e7e7e7; border-radius: 0.1rem; }

.md-prod-1 .row-1 .form .icon { width: .26rem; margin-right: .16rem; opacity: .5; }

.md-prod-1 .row-1 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: none; }

.md-prod-1 .row-1 .form .ipt::-webkit-input-placeholder { color: #888; }

.md-prod-1 .row-1 .form .ipt:-ms-input-placeholder { color: #888; }

.md-prod-1 .row-1 .form .ipt::-ms-input-placeholder { color: #888; }

.md-prod-1 .row-1 .form .ipt::placeholder { color: #888; }

.md-prod-1 .row-1 .filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-1 .row-1 .filter-btn .i-1 { width: .3rem; margin-right: .11rem; }

.md-prod-1 .row-1 .filter-btn .i-2 { width: .18rem; margin-left: .2rem; }

.md-prod-1 .row-2 { padding-bottom: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-prod-1 .row-2 .col-1 { display: none; width: calc(340 / 1600 * 100%); margin-right: calc(65 / 1600 * 100%); }

.md-prod-1 .row-2 .col-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-1 .row-2 .col-2 .m_pages { margin-top: .01rem; }

.md-prod-1 .form-filter .form-item { margin-bottom: .29rem; }

.md-prod-1 .form-filter .form-item__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: .13rem; }

.md-prod-1 .form-filter .form-item__name-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-1 .form-filter .form-item__name img { width: .15rem; margin-left: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (min-width: 751px) { .md-prod-1 .form-filter .form-item.close .form-item__name img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-prod-1 .form-filter .form-item.close .form-item__cnt { display: none; } }

.md-prod-1 .form-filter .radio-group { margin-top: .24rem; margin-bottom: .64rem; }

.md-prod-1 .form-filter .radio-group .radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.md-prod-1 .form-filter .radio-group .radio:not(:last-child) { margin-bottom: .18rem; }

.md-prod-1 .form-filter .radio-group .radio input[type=radio] { width: 0.16rem; height: .16rem; min-width: 10px; min-height: 10px; background: url(../images/i-radio-1.png) no-repeat center/contain; margin-right: .1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-prod-1 .form-filter .radio-group .radio input[type=radio]:checked { background-image: url(../images/i-radio-2.png); }

.md-prod-1 .form-filter .m-slider-input { 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-prod-1 .form-filter .m-slider-input input { width: 1.49rem; height: .43rem; min-height: 30px; background-color: #e7e7e7; border-radius: .1rem; text-align: center; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-prod-1 .form-filter .m-slider-input input::-webkit-inner-spin-button { display: none; }

.md-prod-1 .form-filter .m-slider-input .split { width: 0.11rem; height: 1px; background-color: #888888; }

.md-prod-1 .form-filter .m-slider-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .23rem; }

.md-prod-1 .form-filter .m-slider-unit { width: .4rem; text-align: right; }

.md-prod-1 .form-filter .m-slider-bg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .25rem; min-height: 16px; border-radius: 0.25rem; border: solid 0.01rem #b0b0b0; background-color: #e7e7e7; position: relative; }

.md-prod-1 .form-filter .m-slider-bar { position: absolute; top: 0; height: 100%; margin: auto; background: #065eff; border-radius: .25rem; }

.md-prod-1 .form-filter .m-slider-btn { position: absolute; left: 40%; top: 0; width: .23rem; height: .23rem; min-width: 14px; min-height: 14px; border-radius: 50%; background-color: #fff; cursor: pointer; border: 1px solid #065eff; outline: none; }

.md-prod-1 .form-filter .m-slider-btn:focus { -webkit-box-shadow: 0 0 0.05rem 0 #002fa7; box-shadow: 0 0 0.05rem 0 #002fa7; }

.md-prod-1 .form-filter .m-slider-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .05rem; position: relative; }

.md-prod-1 .form-filter .m-slider-range .min { position: relative; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md-prod-1 .form-filter .m-slider-range .max { position: absolute; top: 0; z-index: 2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 751px) { .md-prod-1.showFilter .row-1 .btn-1 .t-1 { display: none; }
  .md-prod-1.showFilter .row-1 .btn-1 .t-2 { display: block; }
  .md-prod-1.showFilter .row-2 .col-1 { display: block; } }

@media (max-width: 750px) { .md-prod-1 { background-color: #f5f5f7; }
  .md-prod-1 .row-1 { padding-top: .22rem; padding-bottom: .34rem; }
  .md-prod-1 .row-1 .col-2 { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-prod-1 .row-1 .form { width: 100%; height: .8rem; background-color: #fff; border-radius: .4rem; padding-left: .4rem; -webkit-box-shadow: 0rem 0.01rem 0.38rem 0rem #eeeeee; box-shadow: 0rem 0.01rem 0.38rem 0rem #eeeeee; margin-bottom: .22rem; }
  .md-prod-1 .row-1 .form .icon { opacity: 1; width: .27rem; margin-right: .19rem; }
  .md-prod-1 .row-1 .sort .icon { width: 0.18rem; margin-left: .21rem; }
  .md-prod-1 .row-1 .sort__bd { width: 2.3rem; }
  .md-prod-1 .row-1 .sort { margin-left: 0; margin-right: auto; }
  .md-prod-1 .row-2 { display: block; }
  .md-prod-1 .row-2 .col-1 { display: none; position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
  .md-prod-1 .row-2 .col-1-main { position: absolute; left: 0; bottom: 0; width: 100%; max-height: calc(100% - 1.1rem); border-radius: .2rem .2rem 0 0; overflow-y: auto; background-color: #fff; padding: .47rem .3rem .53rem; }
  .md-prod-1 .row-2 .col-1 .close { position: absolute; right: .14rem; top: .14rem; width: 0.5rem; height: .5rem; background-image: url(../images/i-close.png); background-position: center; background-repeat: no-repeat; background-size: .18rem; opacity: .5; }
  .md-prod-1 .row-2 .col-1.show { display: block; }
  .md-prod-1 .row-2 .col-1.show .col-1-main { -webkit-animation: fade-up .3s forwards; animation: fade-up .3s forwards; }
  .md-prod-1 .form-filter .form-item { margin-bottom: .52rem; }
  .md-prod-1 .form-filter .form-item__name { margin-bottom: .36rem; }
  .md-prod-1 .form-filter .form-item__name-text { text-decoration: none; }
  .md-prod-1 .form-filter .form-btns { margin-top: 1.24rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-prod-1 .form-filter .form-btns .btn { width: 3.3rem; height: .9rem; border-radius: .45rem; border: none; }
  .md-prod-1 .form-filter .radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .15rem; margin-bottom: .4rem; }
  .md-prod-1 .form-filter .radio-group .radio { width: 2.2rem; height: .7rem; border-radius: .35rem; background-color: #f5f5f7; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-prod-1 .form-filter .radio-group .radio input[type=radio] { position: absolute; opacity: 0; }
  .md-prod-1 .form-filter .radio-group .radio.choosed { background: #002fa7; color: #fff; }
  .md-prod-1 .form-filter .m-slider-input input { width: 3.2rem; height: .7rem; border-radius: .35rem; background-color: #f5f5f7; }
  .md-prod-1 .form-filter .m-slider-control { margin-top: .4rem; }
  .md-prod-1 .form-filter .m-slider-range { margin-top: .15rem; } }

.md-prod-2 { padding-top: .7rem; padding-bottom: .75rem; }

.md-prod-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-2 .thumb { width: calc(100 / 1600 * 100%); margin-right: calc(60 / 1600 * 100%); height: 6.5rem; }

.md-prod-2 .thumb .swiper-container { height: 100%; }

.md-prod-2 .thumb .swiper-slide { height: auto; margin-bottom: .1rem; background-color: #f7f7f7; border-radius: 0.2rem; overflow: hidden; cursor: pointer; }

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

.md-prod-2 .thumb .swiper-slide.on { position: relative; background-color: #f0f3fb; color: #002fa7; }

.md-prod-2 .thumb .swiper-slide.on:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.2rem; border: solid 0.02rem #002fa7; }

.md-prod-2 .thumb .swiper-slide.on .param { opacity: 1; -webkit-filter: none; filter: none; }

.md-prod-2 .thumb .img { display: block; width: 100%; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; }

.md-prod-2 .thumb .param { padding-top: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .3; }

.md-prod-2 .thumb .param-cnt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: .08rem; }

.md-prod-2 .thumb .param-img { width: .24rem; margin-bottom: .07rem; }

.md-prod-2 .view { width: calc(650 / 1600 * 100%); margin-right: calc(100 / 1600 * 100%); }

.md-prod-2 .view-main { position: relative; }

.md-prod-2 .view-btns { background-color: #f7f7f7; border-radius: 0.16rem; 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: .2rem; margin-left: auto; margin-right: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .08rem .1rem; }

.md-prod-2 .view-btns .btn { border-radius: 0.1rem; margin-right: .1rem; line-height: 1.25; padding: .125rem .14rem; cursor: pointer; }

.md-prod-2 .view-btns .btn:last-of-type { margin-right: 0; }

.md-prod-2 .view-btns .btn.on { background-color: #fff; }

.md-prod-2 .view .param { height: 6.5rem; padding: .48rem; padding-left: .98rem; }

.md-prod-2 .view .param-list { margin-top: .46rem; line-height: 1.25; max-height: 4rem; overflow: hidden; }

.md-prod-2 .view .param-list .li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .175rem; }

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

.md-prod-2 .view .param-list .t1 { width: 6em; margin-right: 1.2em; }

.md-prod-2 .view .param-list .t2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-2 .view .param-more { position: absolute; bottom: .5rem; left: 0; width: 100%; text-align: center; }

.md-prod-2 .album { background-color: #f7f7f7; border-radius: .2rem; overflow: hidden; }

.md-prod-2 .album .img { display: block; width: 100%; aspect-ratio: 650 / 650; -o-object-fit: contain; object-fit: contain; }

.md-prod-2 .album .arrows { position: absolute; right: 0.2rem; top: 50%; z-index: 2; width: .32rem; margin-top: -.32rem; border-radius: .32rem; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; }

.md-prod-2 .album .arrows .arrow { height: 0.32rem; background-color: #a0a0a0; background-position: center; background-repeat: no-repeat; background-size: 30%; background-image: url(../images/aa-7.png); cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-2 .album .arrows .arrow.next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md-prod-2 .album .arrows .arrow:hover { background-color: #6e6e6e; }

.md-prod-2 .album:hover .arrows { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

.md-prod-2 .color-img { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: #f7f7f7; border-radius: 0.2rem; display: none; }

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

.md-prod-2 .text .title { margin-top: .07rem; }

.md-prod-2 .text .intro { margin-top: .05rem; }

.md-prod-2 .text .price { margin-top: .39rem; }

.md-prod-2 .text .color { margin-top: .42rem; }

.md-prod-2 .text .color-tx-item { display: none; }

.md-prod-2 .text .color-tx-item.on { display: block; }

.md-prod-2 .text .color-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-2 .text .color-icon-item { width: 0.5rem; height: 0.5rem; border: solid 0.02rem #c1c1c1; border-radius: 50%; margin-right: .2rem; margin-top: .17rem; cursor: pointer; }

.md-prod-2 .text .color-icon-item:last-of-type { margin-right: 0; }

.md-prod-2 .text .color-icon-item.on { border-color: #002fa7; }

.md-prod-2 .text .color-icon-item .swiper-slide { display: none; }

.md-prod-2 .text .btns { margin-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-2 .text .btns .btn { 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: 2rem; min-height: .5rem; border-radius: .55rem; }

.md-prod-2 .text .btns .btn-1 { margin-right: .2rem; }

.md-prod-2 .text .list-1 { margin-top: .51rem; padding-top: .27rem; padding-bottom: .29rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.md-prod-2 .text .list-1 .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: .23rem; }

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

.md-prod-2 .text .list-1 .icon { width: .2rem; margin-right: .2rem; margin-top: .03rem; }

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

.md-prod-2 .text .list-1 .t2 { margin-top: .03rem; }

@media (max-width: 750px) { .md-prod-2 { padding-top: .43rem; padding-bottom: .54rem; }
  .md-prod-2 .layout { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-prod-2 .text-wap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-prod-2 .text-wap .intro { margin-top: .01rem; }
  .md-prod-2 .view { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: .33rem; }
  .md-prod-2 .view-btns { display: none; }
  .md-prod-2 .thumb { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; height: auto; margin-top: .2rem; }
  .md-prod-2 .text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; }
  .md-prod-2 .album .img { aspect-ratio: 690 / 900; }
  .md-prod-2 .album .arrows { width: .6rem; margin-top: -.6rem; border-radius: .6rem; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; display: none; }
  .md-prod-2 .album .arrows .arrow { height: 0.6rem; }
  .md-prod-2 .color-img { padding-top: calc(900 / 690 * 100%); }
  .md-prod-2 .text .price { margin-top: .58rem; }
  .md-prod-2 .text .color { margin-top: .71rem; }
  .md-prod-2 .text .color-icon-item { width: .8rem; height: .8rem; margin-top: .26rem; }
  .md-prod-2 .text .btns .btn { height: .9rem; border-radius: .9rem; }
  .md-prod-2 .text .btns .btn-1 { margin-right: .29rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-prod-2 .text .btns .btn-2 { display: none; min-width: auto; width: .9rem; }
  .md-prod-2 .text .btns .btn-2 img { width: .39rem; }
  .md-prod-2 .text .list-1 { margin-top: .62rem; padding-top: .35rem; padding-bottom: .35rem; }
  .md-prod-2 .text .list-1 .li { margin-bottom: .32rem; }
  .md-prod-2 .text .list-1 .icon { width: 0.38rem; margin-right: .24rem; }
  .md-prod-2 .text .list-1 .t2 { margin-top: .09rem; } }

.md-prod-3 { padding-bottom: .43rem; }

.md-prod-3 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1e1e1e; border-bottom: 1px solid #eeeeee; padding: .2rem 0 .28rem; cursor: pointer; }

.md-prod-3 .hd .icon { width: .26rem; height: .26rem; border-radius: 50%; margin-left: .1rem; background: #000 url(../images/aa-7.png) no-repeat center/0.13rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-3 .list { line-height: 1.54545; margin-top: .77rem; }

.md-prod-3 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .37rem; }

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

.md-prod-3 .list .t1 { width: calc(359 / 1600 * 100%); }

.md-prod-3 .list .t2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-3.close .hd .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md-prod-3.close .list { display: none; }

@media (max-width: 750px) { .md-prod-3 { padding-bottom: .42rem; }
  .md-prod-3 .hd { border: none; }
  .md-prod-3 .hd .icon { width: .46rem; height: .46rem; margin-left: .19rem; background-size: .18rem; }
  .md-prod-3 .list { margin-top: .14rem; line-height: 1.5; }
  .md-prod-3 .list .li { display: block; margin-bottom: .61rem; }
  .md-prod-3 .list .t1 { width: 100%; }
  .md-prod-3 .list .t2 { margin-top: .1rem; } }

.md-prod-bar { position: -webkit-sticky; position: sticky; left: 0; top: 0; z-index: 5; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #f6f6f6; }

.md-prod-bar.show { -webkit-box-shadow: 0 1px 0 0 #b7b7b7; box-shadow: 0 1px 0 0 #b7b7b7; }

.md-prod-bar .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-bar .title { margin-right: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-bar .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-bar .nav-item { cursor: pointer; margin-right: .45rem; color: #666666; position: relative; line-height: .51rem; }

.md-prod-bar .nav-item:before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #000; }

.md-prod-bar .nav-item:last-of-type { margin-right: 0; }

.md-prod-bar .nav-item.on, .md-prod-bar .nav-item:hover { color: #000; }

.md-prod-bar .nav-item.on:before, .md-prod-bar .nav-item:hover:before { width: 100%; }

@media (max-width: 1600px) { .md-prod-bar .nav-item { line-height: 40px; } }

.md-prod-bar .btn { margin-left: .65rem; 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; line-height: 1.25; padding: .0325rem .115rem; border-radius: .45rem; min-height: 24px; min-width: 51px; }

@media (max-width: 750px) { .md-prod-bar .layout { height: 1.1rem; }
  .md-prod-bar .nav { position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; display: none; padding: .2rem .3rem; -webkit-box-shadow: 0 1px 0 0 #b7b7b7; box-shadow: 0 1px 0 0 #b7b7b7; }
  .md-prod-bar .nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; line-height: 2.5; }
  .md-prod-bar .nav-item:before { position: static; width: .04rem; height: 1em; margin-right: 1em; background-color: transparent; }
  .md-prod-bar .nav-item.on:before, .md-prod-bar .nav-item:hover:before { width: .04rem; background: #002fa7; }
  .md-prod-bar .btn { margin-left: .1rem; }
  .md-prod-bar .arrow { padding: .2rem; }
  .md-prod-bar .arrow img { width: .3rem; }
  .md-prod-bar.open .nav { display: block; }
  .md-prod-bar.open .arrow img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-prod-bar__mask { position: fixed; left: 0; bottom: 0; top: 1.1rem; z-index: 4; width: 100%; margin: auto; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: none; } }

.md-prod-4 { padding-top: .5rem; padding-bottom: .57rem; }

.md-prod-4 .layout { width: 11.1rem; }

.md-prod-4 .view { background: #000; border-radius: .2rem; overflow: hidden; padding-top: calc(625 / 1110 * 100%); }

.md-prod-4 .view video { -o-object-fit: contain; object-fit: contain; }

.md-prod-4 .view .btn-play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/i-play.png) no-repeat center/0.63rem; cursor: pointer; }

.md-prod-4 .thumb { margin-top: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-4 .thumb .swiper-slide { display: block; width: 2.14rem; margin-right: .1rem; }

.md-prod-4 .thumb .c-pic { border-radius: .2rem; overflow: hidden; position: relative; }

.md-prod-4 .thumb .img { padding-top: calc(120 / 214 * 100%); }

.md-prod-4 .thumb .icon { width: .43rem; position: absolute; left: .19rem; bottom: .18rem; }

.md-prod-4 .thumb .tit { text-align: center; margin-top: .07rem; }

@media (min-width: 751px) { .md-prod-4 .thumb.hide { display: none; } }

@media (max-width: 750px) { .md-prod-4 .layout { width: 100%; max-width: 100%; }
  .md-prod-4 .view { display: none; }
  .md-prod-4 .thumb { display: block; }
  .md-prod-4 .thumb .img { padding-top: calc(660 / 600 * 100%); }
  .md-prod-4 .thumb .icon { width: .9rem; left: 50%; bottom: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
  .md-prod-4 .thumb .tit { margin-top: .2rem; }
  .md-prod-4 .thumb .swiper-container { padding-bottom: .6rem; }
  .md-prod-4 .thumb .swiper-slide { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleY(0.78333); -ms-transform: scaleY(0.78333); transform: scaleY(0.78333); }
  .md-prod-4 .thumb .swiper-slide-active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
  .md-prod-4 .thumb .swiper-pagination { bottom: 0; }
  .md-prod-4 .thumb .swiper-pagination-bullet { width: 0.2rem; height: .2rem; background: #cccccc; opacity: 1; margin: 0 0.1rem !important; }
  .md-prod-4 .thumb .swiper-pagination-bullet-active { background: #000; } }

.md-prod-5 { padding-top: .5rem; padding-bottom: .5rem; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -o-linear-gradient(top, #fff, #eee); background: linear-gradient(to bottom, #fff, #eee); }

.md-prod-5 .cnt { position: relative; }

.md-prod-5 .media-ratio { border-radius: .2rem; overflow: hidden; padding-top: calc(900 / 1600 * 100%); }

.md-prod-5 .text { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); padding-top: 2.62rem; border-radius: .2rem; overflow: hidden; }

.md-prod-5 .desc { margin-top: .39rem; }

.md-prod-5 .m-more { margin-top: .58rem; min-height: .54rem; }

@media (max-width: 750px) { .md-prod-5 { padding-top: .52rem; background: #fff; }
  .md-prod-5 .text { position: static; background: none; padding: 0; }
  .md-prod-5 .desc { margin-top: .28rem; }
  .md-prod-5 .m-more { background-color: #002fa7; min-height: 0.7rem; border: none; margin-top: .45rem; }
  .md-prod-5 .media-ratio { margin-top: .6rem; padding-top: calc(1100 / 690 * 100%); } }

.md-prod-6 { padding-top: .63rem; padding-bottom: .6rem; background: #eee; }

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

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

.md-prod-6 .list .img { border-radius: .2rem; padding-top: calc(600 / 1110 * 100%); }

.md-prod-6 .list .tit { position: absolute; left: 0; top: .56rem; width: 100%; padding: 0 .6rem; opacity: 0; }

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

.md-prod-6 .arrows { width: 11.1rem; margin: .6rem auto 0; }

.md-prod-6 .arrows .arrow { margin-left: .1rem; width: .4rem; height: .4rem; border-radius: 50%; background-color: #000; background-size: calc(7 / 40 * 100%); background-position: center; background-repeat: no-repeat; cursor: pointer; }

.md-prod-6 .arrows .arrow.prev { background-image: url(../images/aaa-3.png); }

.md-prod-6 .arrows .arrow.prev.swiper-button-disabled { background-image: url(../images/aaa-1.png); background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-6 .arrows .arrow.next { background-image: url(../images/aaa-4.png); }

.md-prod-6 .arrows .arrow.next.swiper-button-disabled { background-image: url(../images/aaa-2.png); background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-6 .swiper-pagination { display: none; }

@media (max-width: 750px) { .md-prod-6 { padding-top: .61rem; padding-bottom: 0; background-color: #fff; }
  .md-prod-6 .title { text-align: center; }
  .md-prod-6 .list { margin-top: .52rem; padding-bottom: .6rem; }
  .md-prod-6 .list .img { padding-top: calc(362 / 520 * 100%); }
  .md-prod-6 .list .tit { position: static; text-align: center; margin-top: .34rem; }
  .md-prod-6 .swiper-pagination { bottom: 0; display: block; }
  .md-prod-6 .swiper-pagination-bullet { width: 0.2rem; height: .2rem; background: #cccccc; opacity: 1; margin: 0 0.1rem !important; }
  .md-prod-6 .swiper-pagination-bullet-active { background: #000; } }

.md-prod-7 { padding-top: .6rem; padding-bottom: .5rem; background-color: #eee; }

.md-prod-7 .cnt { position: relative; }

.md-prod-7 .media-ratio { border-radius: .2rem; overflow: hidden; padding-top: calc(900 / 1600 * 100%); }

.md-prod-7 .text { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); padding: 1rem; padding-top: 3.07rem; border-radius: .2rem; overflow: hidden; }

.md-prod-7 .tit { line-height: 1.2; }

@media (max-width: 750px) { .md-prod-7 { padding-top: .56rem; background-color: #fff; }
  .md-prod-7 .media-ratio { padding-top: calc(1100 / 690 * 100%); }
  .md-prod-7 .text { background-color: rgba(0, 0, 0, 0.5); text-align: center; } }

.md-prod-8 { padding-top: .91rem; padding-bottom: 1.28rem; }

.md-prod-8 .list .li { margin-bottom: 1.12rem; }

.md-prod-8 .list .li:last-of-type { margin-bottom: 0; }

.md-prod-8 .list .text { text-align: center; }

.md-prod-8 .list .t1 { line-height: 1.2; }

.md-prod-8 .list .t2 { line-height: 1.2; }

.md-prod-8 .list .t3 { line-height: 1.25; width: 7rem; max-width: 100%; margin-top: .37rem; margin-left: auto; margin-right: auto; }

.md-prod-8 .list .c-pic { margin-top: .78rem; }

.md-prod-8 .list .img { padding-top: calc(660 / 1200 * 100%); border-radius: .2rem; }

@media (max-width: 750px) { .md-prod-8 { padding-top: .62rem; padding-bottom: .88rem; }
  .md-prod-8 .list .li { margin-bottom: .88rem; }
  .md-prod-8 .list .text { text-align: left; }
  .md-prod-8 .list .t3 { line-height: 1.5; margin-top: .26rem; }
  .md-prod-8 .list .c-pic { margin-top: .71rem; }
  .md-prod-8 .list .img { padding-top: calc(480 / 690 * 100%); } }

.md-prod-9 { padding-top: .85rem; padding-bottom: .5rem; }

.md-prod-9 .text-1 .tit { line-height: 1.2; }

.md-prod-9 .text-1 .desc { margin-top: .33rem; }

.md-prod-9 .list { margin-top: .79rem; }

.md-prod-9 .list .img { padding-top: calc(453 / 790 * 100%); border-radius: .2rem; }

.md-prod-9 .list .tit-big { margin-top: .2rem; }

.md-prod-9 .list .tit { margin-top: .1rem; }

.md-prod-9 .arrows { margin: .57rem auto 0; }

.md-prod-9 .arrows .arrow { margin-left: .1rem; width: .4rem; height: .4rem; border-radius: 50%; background-color: #fff; background-size: calc(7 / 40 * 100%); background-position: center; background-repeat: no-repeat; cursor: pointer; }

.md-prod-9 .arrows .arrow.prev { background-image: url(../images/aaa-1.png); }

.md-prod-9 .arrows .arrow.prev.swiper-button-disabled { background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-9 .arrows .arrow.next { background-image: url(../images/aaa-2.png); }

.md-prod-9 .arrows .arrow.next.swiper-button-disabled { background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-9 .swiper-pagination { display: none; }

@media (max-width: 750px) { .md-prod-9 { padding-top: .92rem; padding-bottom: 0; }
  .md-prod-9 .layout { width: 100%; max-width: 100%; }
  .md-prod-9 .text-1 { text-align: center; }
  .md-prod-9 .text-1 .desc { margin-top: .38rem; }
  .md-prod-9 .list { margin-top: 1.2rem; padding-bottom: .5rem; }
  .md-prod-9 .list .img { padding-top: calc(360 / 520 * 100%); }
  .md-prod-9 .list .tit-big { text-align: center; }
  .md-prod-9 .list .tit { text-align: center; width: 7.5rem; margin-left: -1.15rem; padding: 0 .2rem; opacity: 0; }
  .md-prod-9 .list .swiper-slide-active .tit { opacity: 1; }
  .md-prod-9 .swiper-pagination { bottom: 0; display: block; }
  .md-prod-9 .swiper-pagination-bullet { width: 0.2rem; height: .2rem; background: #fff; opacity: .5; margin: 0 0.1rem !important; }
  .md-prod-9 .swiper-pagination-bullet-active { opacity: 1; background: #fff; } }

.md-prod-10 { padding-top: .62rem; padding-bottom: 1.3rem; }

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

.md-prod-10 .list { text-align: center; }

.md-prod-10 .list .li { margin-bottom: 1.03rem; }

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

.md-prod-10 .list .tit { line-height: 1.2; }

.md-prod-10 .list .c-pic { margin-top: .72rem; }

.md-prod-10 .list .img { padding-top: calc(660 / 1200 * 100%); border-radius: .2rem; }

.md-prod-10 .list .desc { margin: .66rem auto 0; width: 7rem; line-height: 1.25; }

.md-prod-10 .list .intro { margin-top: .47rem; }

.md-prod-10 .list .intro span { margin: 0 .33rem; }

@media (max-width: 750px) { .md-prod-10 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-prod-10 .list .tit { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-prod-10 .list .c-pic { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: .62rem; }
  .md-prod-10 .list .img { padding-top: calc(450 / 690 * 100%); }
  .md-prod-10 .list .desc { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: .44rem; line-height: 1.5; }
  .md-prod-10 .list .intro { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: .41rem; } }

.md-prod-11 { padding-top: 1.13rem; padding-bottom: 1.23rem; }

.md-prod-11 .text-1 .tit { line-height: 1.2; }

.md-prod-11 .text-1 .desc { margin-top: .33rem; }

.md-prod-11 .list { margin-top: .73rem; }

.md-prod-11 .list .img { padding-top: calc(500 / 520 * 100%); border-radius: .2rem; }

.md-prod-11 .list .tit { margin-top: .28rem; }

.md-prod-11 .arrows { margin: .58rem auto 0; }

.md-prod-11 .arrows .arrow { margin-left: .1rem; width: .4rem; height: .4rem; border-radius: 50%; background-color: #000; background-size: calc(7 / 40 * 100%); background-position: center; background-repeat: no-repeat; cursor: pointer; }

.md-prod-11 .arrows .arrow.prev { background-image: url(../images/aaa-3.png); }

.md-prod-11 .arrows .arrow.prev.swiper-button-disabled { background-image: url(../images/aaa-1.png); background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-11 .arrows .arrow.next { background-image: url(../images/aaa-4.png); }

.md-prod-11 .arrows .arrow.next.swiper-button-disabled { background-image: url(../images/aaa-2.png); background-color: #bbbbbb; cursor: not-allowed; }

.md-prod-11 .swiper-pagination { display: none; }

@media (max-width: 750px) { .md-prod-11 { padding-top: .91rem; padding-bottom: .6rem; }
  .md-prod-11 .layout { width: 100%; max-width: 100%; }
  .md-prod-11 .text-1 { text-align: center; }
  .md-prod-11 .text-1 .desc { margin-top: .38rem; }
  .md-prod-11 .list { margin-top: .74rem; padding-bottom: .6rem; }
  .md-prod-11 .list .tit { margin-top: .37rem; text-align: center; width: 7.5rem; margin-left: -1.15rem; padding: 0 .2rem; opacity: 0; }
  .md-prod-11 .list .swiper-slide-active .tit { opacity: 1; }
  .md-prod-11 .swiper-pagination { bottom: 0; display: block; }
  .md-prod-11 .swiper-pagination-bullet { width: 0.2rem; height: .2rem; background: #ccc; opacity: 1; margin: 0 0.1rem !important; }
  .md-prod-11 .swiper-pagination-bullet-active { opacity: 1; background: #000; } }

.md-search-1 { background-color: #f5f5f5; padding-bottom: .62rem; }

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

.md-search-1 .form { height: .7rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-search-1 .form .ipt { width: 2rem; max-width: 100%; border: none; font-size: inherit; background: transparent; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-search-1 .form .ipt::-webkit-input-placeholder { color: #888; }

.md-search-1 .form .ipt:-ms-input-placeholder { color: #888; }

.md-search-1 .form .ipt::-ms-input-placeholder { color: #888; }

.md-search-1 .form .ipt::placeholder { color: #888; }

.md-search-1 .form .ipt:focus { width: 6rem; }

.md-search-1 .form .btn { border: none; background: none; cursor: pointer; font-size: 0; padding-right: .21rem; }

.md-search-1 .form .btn img { width: .21rem; min-width: 16px; }

.md-search-1 .keywords { margin-top: .23rem; }

.md-search-1 .cate { margin-top: .47rem; 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-search-1 .cate .item { margin-right: .6rem; padding: .11rem 0; cursor: pointer; }

.md-search-1 .cate .item:last-of-type { margin-right: 0; }

.md-search-1 .cate .item:hover, .md-search-1 .cate .item.on { color: #000; position: relative; }

.md-search-1 .cate .item:hover:after, .md-search-1 .cate .item.on:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .03rem; background: #000; }

.md-search-1 .result { margin-top: .5rem; }

.md-search-1 .result-item { display: none; min-height: 4.55rem; }

.md-search-1 .result-item.on { display: block; }

@media (max-width: 750px) { .md-search-1 .form .ipt { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-search-1 .cate .item { margin-right: .2rem; } }