.md_nav-wrap { height: 0; }

.md-ban ~ .md_nav-wrap .md_nav { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.md_nav { position: relative; z-index: 2; background-color: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.md_nav .layout { 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_nav .md_bread { -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; margin-left: 1em; }

.md_nav .md_subnav { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.md-prod-cate .item { width: auto; max-width: 100vw; position: relative; display: block; padding-top: .14rem; margin-right: 1.2rem; }

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

.md-prod-cate .item.on .tit:after { width: 100%; }

.md-prod-cate .item:hover .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-cate .item:hover .tit:after { width: 100%; }

.md-prod-cate .item .icon { max-width: 100vw; height: .3rem; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-prod-cate .item .tit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: .01rem; margin-left: auto; margin-right: auto; position: relative; padding-bottom: .15rem; line-height: 1.5; }

.md-prod-cate .item .tit:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: .03rem; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

@media (max-width: 600px) { .md-prod-cate .item { margin-right: .5rem; } }

.md-prod-list { padding: 1rem 20px; }

.md-prod-list .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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: .5rem; background-color: #ededf7; padding: .75rem .5rem .8rem; height: auto; min-height: 5.5rem; width: 260px; max-width: 100%; }

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

.md-prod-list .list .li:nth-of-type(2n) .img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.md-prod-list .list .li:hover .tit { color: #c7000c; }

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

.md-prod-list .list .tit { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-prod-list .list .desc { line-height: 1.9375; margin-top: .12rem; }

.md-prod-list .list .img { text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-prod-list .list .img img { max-width: 100%; }

.md-prod-list .controls { margin: .6rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 2.66rem; height: .66rem; border-radius: .66rem; padding: 0 .25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }

.md-prod-list .controls .btn { width: .3rem; height: 100%; background-position: center; background-repeat: no-repeat; background-size: .13rem; cursor: pointer; }

.md-prod-list .controls .btn.swiper-button-disabled { cursor: auto; opacity: .2; -webkit-filter: grayscale(1); filter: grayscale(1); }

.md-prod-list .controls .btn.prev { background-image: url(/static/home/images/i-d-3.png); }

.md-prod-list .controls .btn.next { background-image: url(/static/home/images/i-d-4.png); }

.md-prod-list .swiper-pagination { position: static; font-size: 0; margin: auto; }

.md-prod-list .swiper-pagination-bullet { width: .1rem; height: .1rem; min-width: 6px; min-height: 6px; border-radius: .1rem; background: #000; opacity: 0.1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin: 0 0.05rem !important; }

.md-prod-list .swiper-pagination-bullet-active { opacity: 1; }

@media (max-width: 1400px) { .md-prod-list { padding-left: 10px; padding-right: 10px; } }