
.md34989.md-prod-2 { --top: 0.9rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#f7f7f7)); background-image: -o-linear-gradient(top, #000 var(--top), #f7f7f7 var(--top)); background-image: linear-gradient(to bottom, #000 var(--top), #f7f7f7 var(--top)); padding-top: .9rem; }

.md34989.md-prod-2 .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md34989.md-prod-2 .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: 2rem; min-height: .55rem; padding: .1rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: none; border-radius: 0; cursor: pointer; background-color: #333; color: #fff; }

.md34989.md-prod-2 .m-more:hover { background-color: var(--theme); }

.md34989.md-prod-2 .c-scroll { overflow: auto; }

.md34989.md-prod-2 .c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e0e0e0; border-radius: 2px; }

.md34989.md-prod-2 .c-scroll::-webkit-scrollbar-thumb { background-color: #d0a271; border-radius: 2px; }

.md34989.md-prod-2 .bread { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md34989.md-prod-2 .bread .icon-home { width: .16rem; min-width: 1em; margin-right: .09rem; }

.md34989.md-prod-2 .bread .split { margin: 0 .5em; }

.md34989.md-prod-2 .layout { padding-top: .16rem; padding-bottom: 1.3rem; }

.md34989.md-prod-2 .row-1 { margin-top: .6rem; }

.md34989.md-prod-2 .row-1 .photos { width: calc(700 / 1440 * 100%); position: relative; }

.md34989.md-prod-2 .row-1 .photos .img { padding-top: 100%; position: relative; background-color: #ffffff; }

.md34989.md-prod-2 .row-1 .photos .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; -o-object-fit: contain; object-fit: contain; }

.md34989.md-prod-2 .row-1 .photos .img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px #dddddd; pointer-events: none; }

.md34989.md-prod-2 .row-1 .img-small { position: absolute; left: 0; top: 0; width: calc(120 / 700 * 100%); height: 100%; }

.md34989.md-prod-2 .row-1 .img-small .swiper-container { height: 100%; }

.md34989.md-prod-2 .row-1 .img-small .active .img::after { border-color: var(--theme); }

.md34989.md-prod-2 .row-1 .img-big { width: calc(540 / 700 * 100%); margin-left: auto; }

.md34989.md-prod-2 .row-1 .text { width: calc(643 / 1440 * 100%); padding-top: .23rem; }

.md34989.md-prod-2 .row-1 .text .t1 { color: var(--theme); }

.md34989.md-prod-2 .row-1 .text .title { margin-top: .1rem; }

.md34989.md-prod-2 .row-1 .text .intro { line-height: 1.875; margin-top: .31rem; max-height: 3rem; }

.md34989.md-prod-2 .row-1 .text .btns { margin-top: .59rem; }

.md34989.md-prod-2 .row-1 .text .btns .m-more { min-width: 2.46rem; margin-right: .2rem; margin-top: .2rem; }

.md34989.md-prod-2 .row-1 .text .btns .icon { width: .2rem; min-width: 1em; margin-right: .09rem; }

@media (max-width: 900px) { .md34989.md-prod-2 .row-1 { display: block; }
  .md34989.md-prod-2 .row-1 .photos { width: 100%; }
  .md34989.md-prod-2 .row-1 .text { width: 100%; padding-top: .4rem; }
  .md34989.md-prod-2 .row-1 .text .intro { max-height: 50vh; } }

.md34989.md-prod-3 .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md34989.md-prod-3 .row-1 { padding-top: .71rem; padding-bottom: .8rem; }

.md34989.md-prod-3 .row-1 .desc { margin-top: .21rem; }

.md34989.md-prod-3 .row-2 { border-top: 1px solid #eee; padding-top: 0.7rem; padding-bottom: 1rem; }

.md34989.md-prod-3 .row-2 .desc { margin-top: .36rem; }

.md34989.md-prod-3 .desc { line-height: 2; }

.md34989.md-prod-3 .desc table { width: 100%; border: none; text-align: center; line-height: 1.25; }

.md34989.md-prod-3 .desc thead { background: var(--theme); color: #fff; }

.md34989.md-prod-3 .desc th { border: none; height: .55rem; font-family: 'Poppins-Medium', sans-serif; font-weight: normal; padding: .15rem; min-width: 6em; }

.md34989.md-prod-3 .desc td { border: 1px solid #fff; background: #f5f5f5; height: .56rem; padding: .1rem; }

.md34989.md-prod-3 .table { overflow-x: auto; }

.md34989.md-prod-4 { padding-top: .71rem; padding-bottom: 1.21rem; background: #f7f7f7; }

.md34989.md-prod-4 .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md34989.md-prod-4 .list { margin-top: .36rem; }

.md34989.md-prod-4 .list .li { display: block; width: 3.3rem; background: #fff; margin-right: .4rem; }

.md34989.md-prod-4 .list .li:last-of-type { margin-right: 0; }

.md34989.md-prod-4 .list .li:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md34989.md-prod-4 .list .li:hover .tit { color: var(--theme); }

.md34989.md-prod-4 .list .li:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md34989.md-prod-4 .list .li:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md34989.md-prod-4 .list .li:nth-child(4) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.md34989.md-prod-4 .list .img { aspect-ratio: 1; overflow: hidden; 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; }

.md34989.md-prod-4 .list .img img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md34989.md-prod-4 .list .text { padding: .21rem .3rem .3rem; }

.md34989.md-prod-4 .list .tit { line-height: 1.66667; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md34989.md-prod-4 .list .desc { line-height: 1.5; margin-top: .07rem; }
