.md37189.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; color: #fff; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.md37189.md-header .main { height: var(--header-height); padding: 0 .9rem; }

.md37189.md-header .logo { height: var(--header-height); }

.md37189.md-header .logo img { height: .3rem; max-height: calc(var(--header-height) * 0.9); -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center; }

/* .md37189.md-header .rg { margin-left: auto; } */

.md37189.md-header .nav .mask { display: none; }

.md37189.md-header .nav-btn { position: relative; z-index: 12; margin-left: .2rem; display: none; }

.md37189.md-header .nav-btn span { display: block; width: .5rem; height: 2px; 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: .14rem; }

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

.md37189.md-header .search { width: 1.18rem; min-width: 100px; height: 0.34rem; min-height: 24px; border-radius: .34rem; background: rgba(var(--theme-rgb), 0.6); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md37189.md-header .search .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 50px; background: transparent; border: none; padding: 0 .1rem; }

.md37189.md-header .search .btn { background: transparent; border: none; cursor: pointer; padding-right: .17rem; }

.md37189.md-header .search .btn svg { width: 1em; }

.md37189.md-header .search:focus-within { width: 2rem; background-color: var(--theme); }

.md37189.md-header .lang { position: relative; margin-left: .15rem; }

.md37189.md-header .lang:hover .lang-bd { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }

.md37189.md-header .lang-hd { cursor: pointer; gap: .07rem; height: var(--header-height); }

.md37189.md-header .lang-hd .icon-2 { width: 0.1rem; min-width: 8px; }

.md37189.md-header .lang-bd { position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0.2rem); -ms-transform: translate(-50%, 0.2rem); transform: translate(-50%, 0.2rem); padding: .05rem 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 6em; max-width: 20em; background: #fff; color: #333; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; }

.md37189.md-header .lang-item { display: block; text-align: center; line-height: 1.2; padding: .5em; }

.md37189.md-header .lang-item:hover { color: var(--theme); }

.md37189.md-header.fixed, .md37189.md-header.over { background-color: #060605; }

@media (min-width: 1101px) { 
  .md37189.md-header .nav { margin-left: .78rem; }
  .md37189.md-header .nav .nav-list-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md37189.md-header .nav .nav-item-1 { position: relative; margin-right: .72rem; }
  .md37189.md-header .nav .nav-item-1:last-of-type { margin-right: 0; }
  .md37189.md-header .nav .nav-item-1.active .nav-a-1 { color: var(--theme); }
  .md37189.md-header .nav .nav-item-1:hover .nav-a-1 { color: var(--theme); }
  .md37189.md-header .nav .nav-item-1:hover .nav-a-1::after { left: 0; width: 100%; background-color: var(--theme); }
  .md37189.md-header .nav .nav-item-1:hover .nav-list-2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md37189.md-header .nav .nav-item-1:hover .h-prod { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .md37189.md-header .nav .nav-a-1 { display: block; line-height: var(--header-height); }
  .md37189.md-header .nav .nav-list-2 { position: absolute; left: 50%; top: 100%; padding-top: .1rem; padding-bottom: .1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 2rem; max-width: 20em; -webkit-transform: translate(-50%, 0.2rem); -ms-transform: translate(-50%, 0.2rem); transform: translate(-50%, 0.2rem); text-align: center; background-color: rgba(204, 204, 204, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); color: #333; line-height: 1.5; -webkit-box-shadow: 0rem 0.03rem 0.05rem 0rem rgba(0, 0, 0, 0.15); box-shadow: 0rem 0.03rem 0.05rem 0rem rgba(0, 0, 0, 0.15); visibility: hidden; opacity: 0; }
  .md37189.md-header .nav .nav-item-2 { position: relative; }
  .md37189.md-header .nav .nav-item-2:hover .nav-a-2 { color: var(--theme); }
  .md37189.md-header .nav .nav-a-2 { display: block; line-height: 1.2; padding: .08rem .05rem; }
  .md37189.md-header .h-prod { background-color: rgba(204, 204, 204, 0.9); position: absolute; left: -1.2rem; top: 100%; z-index: 10; width: 9rem; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); visibility: hidden; -webkit-transform: translateY(-0.2rem); -ms-transform: translateY(-0.2rem); transform: translateY(-0.2rem); opacity: 0; }
  .md37189.md-header .h-prod::before { content: ''; position: absolute; left: 1.45rem; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); border: .1rem solid transparent; border-bottom-color: #b7b9b8; }
  .md37189.md-header .h-prod-wrap { max-height: calc(100vh - 1rem); overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .27rem .3rem .27rem .3rem; }
  .md37189.md-header .h-prod_lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md37189.md-header .h-prod_rg { padding-left: .21rem; border-left: 1px solid #888888; }
  .md37189.md-header .h-prod_rg .link { position: relative; display: block; width: 1.8rem; }
  .md37189.md-header .h-prod_rg .link .img { padding-top: calc(155 / 180 * 100%); }
  .md37189.md-header .h-prod_rg .link:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  .md37189.md-header .h-prod .cate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md37189.md-header .h-prod .cate-item { width: 25%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .06rem; }
  .md37189.md-header .h-prod .cate-item:after { -ms-flex-negative: 0; flex-shrink: 0; content: ''; width: 0.07rem; min-width: 5px; height: .07rem; min-height: 7px; background: url(/static/home/images/i-right.png) no-repeat center/contain; margin-left: .1rem; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md37189.md-header .h-prod .cate-item.on, .md37189.md-header .h-prod .cate-item:hover { color: var(--theme); }
  .md37189.md-header .h-prod .cate-item.on:after, .md37189.md-header .h-prod .cate-item:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
  .md37189.md-header.over .nav .nav-item-1.active .nav-a-1 { color: var(--theme); }
  .md37189.md-header.over .nav .nav-item-1.active .nav-a-1::after { background: var(--theme); } }

@media (max-width: 1400px) and (min-width: 1101px) { .md37189.md-header .nav { margin-left: 1rem; } }

@media (max-width: 1100px) { .md37189.md-header .main { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4%; }
  .md37189.md-header .logo { margin-right: auto; }
  .md37189.md-header .logo img { height: 45%; }
  .md37189.md-header .nav-btn { display: block; }
  .md37189.md-header .nav-list-1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100vh; padding-top: 50px; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .md37189.md-header .nav-item.open > .nav-link .mbtn::before { content: '-'; }
  .md37189.md-header .nav-link-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; border-bottom: 1px solid #eee; }
  .md37189.md-header .nav-a-1 { display: block; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md37189.md-header .nav-list-2 { display: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .md37189.md-header .nav-link-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; padding: .1rem; padding-left: .2rem; padding: 0; }
  .md37189.md-header .nav-a-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem; padding-left: .3rem; }
  .md37189.md-header .nav-a-2 .nav-icon { width: .4rem; margin-right: .1rem; }
  .md37189.md-header .nav-list-3 { display: none; }
  .md37189.md-header .nav-link-3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .md37189.md-header .nav-a-3 { display: block; padding: .5em; padding-left: 35px; }
  .md37189.md-header .nav .mbtn { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; line-height: 30px; font-size: 26px; text-align: center; font-weight: normal; background-color: #f7f7f7; margin-left: 10px; cursor: pointer; }
  .md37189.md-header .nav .mbtn::before { content: '+'; }
  .md37189.md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .md37189.md-header .search { min-width: auto; width: 2rem; }
  .md37189.md-header .search:focus-within { width: 3rem; }
  .md37189.md-header .lang { margin-left: .2rem; }
  .md37189.md-header .rg { margin-left: 0; }
  .md37189.md-header .h-prod { display: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .md37189.md-header .h-prod_rg { display: none; }
  .md37189.md-header .h-prod .cate { padding: .2rem 0; }
  .md37189.md-header .h-prod .cate-item { display: block; padding: .1rem .3rem; }
  .md37189.md-header.open .nav-btn span { background: #000; }
  .md37189.md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md37189.md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md37189.md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md37189.md-header.open .nav-list-1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md37189.md-header.open .nav .mask { display: block; } }

@media (max-width: 500px) { .md37189.md-header .lang .current-text { display: none; }
  .md37189.md-header .search { height: .6rem; } }

.md37189.mask { position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.md37190.md-footer { padding-top: .8rem; padding-bottom: 1rem; }
.md37190.md-footer .container{ margin-left: auto; margin-right: auto; width: 19.2rem; max-width: 100%; }
.md37190.md-footer .layout { margin-left: 2.73rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md37190.md-footer .intro { color: #ccc; line-height: 1.55556; }

.md37190.md-footer .logo { display: block; margin-top: .78rem; }

.md37190.md-footer .logo img { width: 5.02rem; max-width: 100%; }

.md37190.md-footer .f-share { margin-top: .57rem; gap: .11rem; }

.md37190.md-footer .f-share .share-item { position: relative; border: 1px solid rgba(255, 255, 255, 0.2); }

.md37190.md-footer .f-share .share-item:hover { border-color: #fff; }

.md37190.md-footer .f-share .share-item:hover .pop { opacity: 1; visibility: visible; }

.md37190.md-footer .f-share .icon { font-size: 0; width: .4rem; height: .4rem; 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; }

.md37190.md-footer .f-share .icon img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.md37190.md-footer .f-share .pop { position: absolute; left: 50%; bottom: 100%; z-index: 2; -webkit-transform: translate(-50%, -0.1rem); -ms-transform: translate(-50%, -0.1rem); transform: translate(-50%, -0.1rem); width: 1rem; min-width: 100px; background: #fff; padding: 0.1rem; border-radius: 0.1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; }

.md37190.md-footer .f-share .pop img { display: block; width: 100%; aspect-ratio: 1; -o-object-fit: contain; object-fit: contain; }

.md37190.md-footer .col-2 { max-width: 10em; margin-left: 2.9rem; }

.md37190.md-footer .col-3 { width: 2.8rem; min-width: 14.5em; margin-left: 1.9rem; }

.md37190.md-footer .nav-tit::after { content: ''; display: block; width: 0.47rem; height: 1px; background: var(--theme); margin-top: .12rem; }

.md37190.md-footer .nav { color: #ccc; margin-top: .26rem; }

.md37190.md-footer .nav-item { margin-bottom: .29rem; }

.md37190.md-footer .nav-item:last-child { margin-bottom: 0; }

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

.md37190.md-footer .ct-list { margin-top: .29rem; }

.md37190.md-footer .ct-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .54rem; }

.md37190.md-footer .ct-item:last-of-type { margin-bottom: 0; }

.md37190.md-footer .ct-item:hover .ct-desc { color: #fff; }

.md37190.md-footer .ct-icon { width: .46rem; margin-top: .03rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md37190.md-footer .ct-icon img { width: 100%; }

.md37190.md-footer .ct-tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .2rem; }

.md37190.md-footer .ct-tit { line-height: 1; }

.md37190.md-footer .ct-desc { color: #ccc; line-height: 1.33333; margin-top: .08rem; }

@media (max-width: 1200px) { .md37190.md-footer .layout { margin-left: 2.45rem; }
  .md37190.md-footer .col-2 { margin-left: 2rem; } }

@media (max-width: 900px) { .md37190.md-footer .layout { margin-left: 5%; margin-right: 5%; display: block; }
  .md37190.md-footer .col-2 { width: 100%; max-width: none; margin-left: 0; margin-top: 5%; }
  .md37190.md-footer .col-3 { width: 100%; margin-left: 0; margin-top: 5%; }
  .md37190.md-footer .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md37190.md-footer .nav-item { width: 50%; margin-bottom: .5em; }
  .md37190.md-footer .f-share .icon { width: .7rem; height: .7rem; } }

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

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

.md37191.md-ban .media-ratio { height: 5.24rem; }

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

.md37191.md-ban .title { line-height: 1; }

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

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

.md37260.md-ban .media-ratio { height: 5.24rem; }

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

.md37260.md-ban .title { line-height: 1; }

.md37491.md-nav .layout { padding: .43rem .85rem; }

.md37491.md-nav .bread .split { margin-left: .22rem; margin-right: .12rem; }

.md37491.md-nav .bread .item:hover { color: var(--theme); }

@media (max-width: 1000px) { .md37491.md-nav .layout { padding: 5%; } }