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

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

.md37506.md-home-banner .m-more { min-width: 2.05rem; min-height: .5rem; padding: .1rem .3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; cursor: pointer; }

.md37506.md-home-banner .m-more:hover { opacity: .9; }

.md37506.md-home-banner .m-more .icon { width: 1em; margin-left: .23rem; }

.md37506.md-home-banner .item { display: block; overflow: hidden; }

.md37506.md-home-banner .swiper-slide-active .tit { -webkit-animation: fade-up 1s 1s forwards ease-out; animation: fade-up 1s 1s forwards ease-out; }

.md37506.md-home-banner .swiper-slide-active .intro { -webkit-animation: fade-up 1s 1.1s forwards ease-out; animation: fade-up 1s 1.1s forwards ease-out; }

.md37506.md-home-banner .swiper-slide-active .more { -webkit-animation: fade-up 1s 1.2s forwards ease-out; animation: fade-up 1s 1.2s forwards ease-out; }

.md37506.md-home-banner .media-ratio { height: 100vh; }

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

.md37506.md-home-banner .text .tx { width: 6rem; max-width: 100%; }

.md37506.md-home-banner .text .tit { line-height: 1; opacity: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); }

.md37506.md-home-banner .text .intro { line-height: 1.27273; margin-top: .11rem; opacity: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); }

.md37506.md-home-banner .text .more { margin-top: .45rem; opacity: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); }

.md37506.md-home-banner .btn { position: absolute; top: 46.2%; z-index: 2; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #1e1e1c; border: solid 0.01rem #4c4c4c; cursor: pointer; 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; }

.md37506.md-home-banner .btn svg { width: calc(1 / 5 * 100%); }

.md37506.md-home-banner .btn.prev { left: .92rem; }

.md37506.md-home-banner .btn.next { right: .92rem; }

.md37506.md-home-banner .btn:hover { background-color: var(--theme); border-color: var(--theme); }

@media (max-width: 900px) { .md37506.md-home-banner .layout { width: calc(100% - 1rem); }
  .md37506.md-home-banner .media-ratio { height: 7rem; }
  .md37506.md-home-banner .text .tx { width: 100%; }
  .md37506.md-home-banner .btn.prev { left: 0; }
  .md37506.md-home-banner .btn.next { right: 0; } }

.md37507.md-home-prod { padding-top: .58rem; padding-bottom: .42rem; 
    /* width: 19.2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

.md37507.md-home-prod .row-1 { margin-left: 2.4rem; margin-right: 1.9rem; padding-bottom: .2rem; border-bottom: 1px solid #999; }

.md37507.md-home-prod .row-1 .title { line-height: 1.06667; }

.md37507.md-home-prod .row-1 .cate { margin-top: .33rem; }

.md37507.md-home-prod .row-1 .cate-item { margin-bottom: .1rem; width: calc(1 / 7 * 100%); }

.md37507.md-home-prod .row-1 .cate-item:hover, .md37507.md-home-prod .row-1 .cate-item.on { color: var(--theme); }

@media (max-width: 1300px) { .md37507.md-home-prod .row-1 .cate-item { width: calc(1 / 5 * 100%); } }

@media (max-width: 1000px) { .md37507.md-home-prod .row-1 .cate-item { width: calc(1 / 4 * 100%); } }

@media (max-width: 800px) { .md37507.md-home-prod .row-1 .cate-item { width: calc(1 / 3 * 100%); } }

@media (max-width: 600px) { .md37507.md-home-prod .row-1 .cate-item { width: calc(1 / 2 * 100%); } }

.md37507.md-home-prod .row-2 { margin-top: .33rem; }

.md37507.md-home-prod .list .li { width: 10rem; border-radius: .06rem; overflow: hidden; position: relative; }

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

.md37507.md-home-prod .list .li.swiper-slide-active .text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md37507.md-home-prod .list .img { padding-top: calc(590 / 1000 * 100%); }

.md37507.md-home-prod .list .text { position: absolute; left: 0; bottom: 0; z-index: 2; width: 47%; padding: .35rem .5rem; opacity: 0; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md37507.md-home-prod .list .num { line-height: 1; }

.md37507.md-home-prod .list .tit { line-height: 1; letter-spacing: .03rem; }

.md37507.md-home-prod .list .desc { line-height: 1.2; margin-top: .07rem; opacity: .4; }

.md37507.md-home-prod .controls { margin-left: 2.6rem; margin-right: 2.85rem; margin-top: .37rem; }

.md37507.md-home-prod .controls .link { font-size: clamp(10px, 0.1rem, none); }

.md37507.md-home-prod .controls .link .icon { width: .11rem; min-width: 8px; margin-left: .19rem; }

.md37507.md-home-prod .controls .link:hover { color: var(--theme); }

.md37507.md-home-prod .swiper-pagination { z-index: 1; position: static; width: 5.77rem; height: 0.03rem; min-height: 3px; background-color: #eeeeee; margin: 0 .1rem; }

.md37507.md-home-prod .swiper-pagination-progressbar-fill { background-color: var(--theme); }

.md37507.md-home-prod .btn { position: absolute; top: 46.2%; z-index: 2; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #1e1e1c; color: #fff; border: solid 0.01rem #4c4c4c; cursor: pointer; 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; }

.md37507.md-home-prod .btn svg { width: calc(1 / 5 * 100%); }

.md37507.md-home-prod .btn.prev { left: .92rem; }

.md37507.md-home-prod .btn.next { right: .92rem; }

.md37507.md-home-prod .btn:hover { background-color: var(--theme); border-color: var(--theme); }

@media (max-width: 900px) { .md37507.md-home-prod .row-1 { margin-left: 5%; margin-right: 5%; }
  .md37507.md-home-prod .controls { margin-left: 5%; margin-right: 5%; }
  .md37507.md-home-prod .list .text { width: 100%; }
  .md37507.md-home-prod .btn.prev { left: .3rem; }
  .md37507.md-home-prod .btn.next { right: .3rem; } }

.md37508.md-home-prod2 { padding-top: .85rem; padding-bottom: .8rem; 
    /* width: 19.2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

.md37508.md-home-prod2 .layout { margin-left: 2.47rem; margin-right: 3.02rem; }

.md37508.md-home-prod2 .row-1 .tit { line-height: 1; }

.md37508.md-home-prod2 .row-2 { margin-top: .27rem; }

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

.md37508.md-home-prod2 .list .li:hover .more { background: var(--theme); color: #fff; border-color: var(--theme); }

.md37508.md-home-prod2 .list .c-pic { width: calc(812 / 1373 * 100%); }

.md37508.md-home-prod2 .list .img { padding-top: calc(457 / 812 * 100%); min-height: 100%; }

.md37508.md-home-prod2 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #bfc0c0; padding: .62rem .8rem; }

.md37508.md-home-prod2 .list .label { line-height: 1.58333; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 .19rem; margin-bottom: .21rem; }

.md37508.md-home-prod2 .list .desc { line-height: 1.33333; margin-top: .29rem; }

.md37508.md-home-prod2 .list .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: 2.54rem; max-width: 100%; min-height: 0.52rem; border: solid 0.002rem #999; padding: .1rem .2rem; margin-top: .5rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: clamp(10px, 0.1rem, none); }

.md37508.md-home-prod2 .list .more .icon { width: .07rem; min-width: 5px; margin-left: .3rem; }

.md37508.md-home-prod2 .row-3 { margin-top: .2rem; position: relative; }

.md37508.md-home-prod2 .thumb-list { position: relative; }

.md37508.md-home-prod2 .thumb-list .li { cursor: pointer; width: 3.31rem; margin-right: .16rem; position: relative; }

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

.md37508.md-home-prod2 .thumb-list .li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; }

.md37508.md-home-prod2 .thumb-list .li.on::after { opacity: 0; }

.md37508.md-home-prod2 .thumb-list .img { padding-top: calc(249 / 331 * 100%); }

.md37508.md-home-prod2 .thumb-list .tit{ position: absolute; left: 0; bottom: 0; padding: .1rem; }

.md37508.md-home-prod2 .swiper-pagination { position: static; font-size: 0; margin-top: .35rem; z-index: 1; }

.md37508.md-home-prod2 .swiper-pagination-bullet { margin: 0 .04rem; background: #61615f; border-radius: .08rem; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md37508.md-home-prod2 .swiper-pagination-bullet-active { width: .28rem; background: var(--theme); }

.md37508.md-home-prod2 .btn { position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #929292; color: #fff; cursor: pointer; 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; }

.md37508.md-home-prod2 .btn svg { width: calc(1 / 5 * 100%); }

.md37508.md-home-prod2 .btn.prev { left: -1.18rem; }

.md37508.md-home-prod2 .btn.next { right: -1.27rem; }

.md37508.md-home-prod2 .btn:hover { background-color: var(--theme); }

@media (max-width: 900px) { .md37508.md-home-prod2 .layout { margin-left: 5%; margin-right: 5%; }
  .md37508.md-home-prod2 .btn { top: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 0.2rem; }
  .md37508.md-home-prod2 .btn.prev { left: 0; }
  .md37508.md-home-prod2 .btn.next { right: 0; }
  .md37508.md-home-prod2 .list .li { display: block; }
  .md37508.md-home-prod2 .list .c-pic { width: 100%; }
  .md37508.md-home-prod2 .list .text { padding: 5%; }
  .md37508.md-home-prod2 .list .desc { margin-top: .2rem; }
  .md37508.md-home-prod2 .list .more { margin-top: .2rem; } }

.md37509.md-home-hot { padding-top: .65rem; padding-bottom: .85rem; 
    /* width: 19.2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

.md37509.md-home-hot .row-1 { margin-left: 2.45rem; margin-right: 2.69rem; }

.md37509.md-home-hot .row-1 .tit { line-height: 1; }

.md37509.md-home-hot .row-1 .btns { margin-left: auto; }

.md37509.md-home-hot .row-1 .btn { margin-left: .27rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #929292; color: #fff; cursor: pointer; 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; }

.md37509.md-home-hot .row-1 .btn svg { width: calc(1 / 5 * 100%); }

.md37509.md-home-hot .row-1 .btn:hover { background-color: var(--theme); }

.md37509.md-home-hot .row-2 { padding: 0 .5rem; margin-top: .48rem; }

.md37509.md-home-hot .list .li { display: block; width: 4.35rem;  margin-right: .25rem; background: #e6e6e6; height: auto; }

.md37509.md-home-hot .list .li:hover .tit { color: #b12a31; }

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

.md37509.md-home-hot .list .c-pic{ border: 1px solid #eee; }

.md37509.md-home-hot .list .img { padding-top: calc(326 / 435 * 100%); }

.md37509.md-home-hot .list .text { padding: .22rem .35rem .05rem; }

.md37509.md-home-hot .list .tit { line-height: 1.3; }

.md37509.md-home-hot .list .desc { font-size: clamp(10px, 0.1rem, none); margin-top: .01rem; }

.md37509.md-home-hot .list .params { border-top: 1px solid #999; margin-top: .13rem; }

.md37509.md-home-hot .list .params .p-item { border-bottom: 1px solid #999; padding: .1rem 0 .14rem; gap: .5em; text-wrap: balance; word-break: break-word; }

.md37509.md-home-hot .list .params .p-item:last-of-type { border-bottom: none; }

.md37509.md-home-hot .list .params .p-item-t1 { text-align: left; }

.md37509.md-home-hot .list .params .p-item-t2 { text-align: right; }

@media (max-width: 900px) { .md37509.md-home-hot .row-1 { margin-left: 5%; margin-right: 5%; } }

.md37510.md-home-about { padding-top: .68rem; 
/* width: 19.2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; */
}

.md37510.md-home-about .row-1 { margin-left: 2.45rem; margin-right: 2.45rem; }

.md37510.md-home-about .row-1 .title { line-height: 1.2; }

.md37510.md-home-about .row-2 { height: 6.47rem; padding-top: .42rem; padding-bottom: .4rem; position: relative; margin-top: .3rem; }

.md37510.md-home-about .row-2 .bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

.md37510.md-home-about .list { margin-left: 2.45rem; width: 5.56rem; line-height: 1.5; height: 100%; }

.md37510.md-home-about .list .li { height: auto; max-height: 100%; overflow-y: auto; border-top: 1px solid #fff; padding-top: .76rem; padding-bottom: .46rem; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md37510.md-home-about .list .li.on { opacity: 1; }

.md37510.md-home-about .list .li:first-child { border-top: none; }

.md37510.md-home-about .list .li:last-child { height: 80%; }

.md37510.md-home-about .row-3 { padding-left: 2.45rem; padding-right: 2.45rem; padding-top: .8rem; padding-bottom: 1rem; background: #e6e6e6; }

.md37510.md-home-about .thumb { padding-top: .05rem; position: relative; width: fit-content; max-width: 100%}

.md37510.md-home-about .thumb::before { content: ''; position: absolute; left: 0; top: .05rem; width: 100%; border-top: solid 1px #b2b2b2; }

.md37510.md-home-about .thumb .item { width: auto; max-width: 1.1rem; min-width: 8em; margin-right: 1.5rem; position: relative; padding-top: .06rem; cursor: pointer; }

.md37510.md-home-about .thumb .item::before { content: ''; width: 0.1rem; height: 0.1rem; border-radius: 50%; background-color: var(--theme); position: absolute; left: 50%; top: -.05rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md37510.md-home-about .thumb .item:last-of-type { margin-right: 0; }

.md37510.md-home-about .thumb .desc { color: #808080; line-height: 1.14286; margin-top: .03rem; }

@media (max-width: 900px) { .md37510.md-home-about .row-1 { margin-left: 5%; margin-right: 5%; }
  .md37510.md-home-about .row-2 { height: 60vh; }
  .md37510.md-home-about .list { margin-left: 0; width: 100%; padding: 0 5%; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  .md37510.md-home-about .row-3 { padding-left: 5%; padding-right: 5%; }
  .md37510.md-home-about .thumb .item { margin-right: 1em; } }