
/* 关于我们 */
.md36035.md-about-1 { padding-top: 1.23rem; padding-bottom: 1.2rem; }

.md36035.md-about-1 .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md36035.md-about-1 .m-title { line-height: 1.40385; }

.md36035.md-about-1 .c-scroll { overflow: auto; }

.md36035.md-about-1 .c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e0e0e0; border-radius: 2px; }

.md36035.md-about-1 .c-scroll::-webkit-scrollbar-thumb { background-color: #d0a271; border-radius: 2px; }

.md36035.md-about-1 .desc { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.875; }

.md36035.md-about-1 .row-1 { padding-bottom: .7rem; }

.md36035.md-about-1 .row-1 .desc { width: calc(890 / 1440 * 100%); margin-left: auto; margin-top: 0.06rem; }

.md36035.md-about-1 .row-2 img { height: auto; }

.md36035.md-about-1 .row-3 { margin-top: 1rem; }

.md36035.md-about-1 .row-3 .media { width: calc(720 / 1440 * 100%); -ms-flex-negative: 0; flex-shrink: 0; }

.md36035.md-about-1 .row-3 .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .8rem; max-height: 8.6rem; }

@media (max-width: 768px) { .md36035.md-about-1 .row-1 { display: block; }
  .md36035.md-about-1 .row-1 .desc { width: 100%; margin-top: 1em; }
  .md36035.md-about-1 .row-3 { display: block; }
  .md36035.md-about-1 .row-3 .media { width: 100%; }
  .md36035.md-about-1 .row-3 .desc { margin-top: 1em; padding-left: 0; } }

.md36035.md-about-history { padding-top: .33rem; padding-bottom: .6rem; }

.md36035.md-about-history .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md36035.md-about-history .m-title { line-height: 1.40385; }

.md36035.md-about-history .c-scroll { overflow: auto; }

.md36035.md-about-history .c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e0e0e0; border-radius: 2px; }

.md36035.md-about-history .c-scroll::-webkit-scrollbar-thumb { background-color: #d0a271; border-radius: 2px; }

.md36035.md-about-history .m-title { margin-top: .5rem; }

.md36035.md-about-history .list { width: calc(1060 / 1440 * 100%); margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; height: 8.07rem; overflow: hidden; padding-top: 1.93rem; position: relative; }

.md36035.md-about-history .list .swiper-container { height: 2.28rem; overflow: visible; }

.md36035.md-about-history .list .li { height: 1.93rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-history .list .li:last-of-type { border-bottom: none; }

.md36035.md-about-history .list .swiper-slide-active { height: 2.28rem; }

.md36035.md-about-history .list .swiper-slide-active .year { color: #fff; font-size: 1.2rem; }

.md36035.md-about-history .list .swiper-slide-active .desc { opacity: 1; max-height: 100%; }

.md36035.md-about-history .list .swiper-slide-active .img { opacity: 1; }

.md36035.md-about-history .list .year { width: calc(316 / 1060 * 100%); font-size: .72rem; color: rgba(255, 255, 255, 0.4); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md36035.md-about-history .list .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.875; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md36035.md-about-history .list .img { width: calc(220 / 1060 * 100%); margin-left: calc(110 / 1060 * 100%); opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md36035.md-about-history .list .img img { display: block; width: 100%; aspect-ratio: 220 / 140; -o-object-fit: contain; object-fit: contain; }

.md36035.md-about-history .list .btns { position: absolute; right: 0; bottom: .72rem; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md36035.md-about-history .list .btns .btn { width: .55rem; height: .55rem; background: #333; margin-left: .2rem; 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; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-history .list .btns .btn svg { width: .09rem; min-width: 5px; }

.md36035.md-about-history .list .btns .btn:hover { background-color: var(--theme); }

@media (max-width: 900px) { .md36035.md-about-history .layout { display: block; }
  .md36035.md-about-history .list { width: 100%; padding-top: 0; margin-top: 0.2rem; height: auto; }
  .md36035.md-about-history .list .swiper-container { height: auto; }
  .md36035.md-about-history .list .li { display: block; text-align: center; height: auto; text-align: center; }
  .md36035.md-about-history .list .year { width: 100%; font-size: 1rem !important; }
  .md36035.md-about-history .list .img { width: 100%; max-width: 500px; margin-top: .2rem; margin-left: auto; margin-right: auto; }
  .md36035.md-about-history .list .btns { width: 100%; bottom: auto; top: .5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md36035.md-about-history .list .btns .btn { margin: 0; background-color: var(--theme); } }

.md36035.md-about-honor { padding-top: .82rem; padding-bottom: 1.22rem; background-color: #f7f7f7; }

.md36035.md-about-honor .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md36035.md-about-honor .m-title { line-height: 1.40385; }

.md36035.md-about-honor .row-2 { overflow: hidden; }

.md36035.md-about-honor .list { margin-top: .63rem; position: relative; }

.md36035.md-about-honor .list .li { width: 3.3rem; height: auto; background: #fff; cursor: -webkit-zoom-in; cursor: zoom-in; margin-right: .4rem; }

.md36035.md-about-honor .list .li:last-of-type { margin-right: 0; }

.md36035.md-about-honor .list .li:hover { background-color: var(--theme); }

.md36035.md-about-honor .list .li:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md36035.md-about-honor .list .li:hover .tit { color: #fff; }

.md36035.md-about-honor .list .li:hover .icon { color: #fff; }

.md36035.md-about-honor .list .img { aspect-ratio: 1; 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-color: #fff; }

.md36035.md-about-honor .list .img img { max-width: 90%; max-height: 90%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-honor .list .tit { border-top: 1px solid #f7f7f7; min-height: 1rem; padding: .2rem .36rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-honor .list .icon { width: 0.16rem; min-width: 16px; position: absolute; right: .2rem; bottom: .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-honor .list .btns .btn { width: .55rem; height: .55rem; background: #333; 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; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; top: 1.88rem; z-index: 2; }

.md36035.md-about-honor .list .btns .btn svg { width: .09rem; min-width: 5px; }

.md36035.md-about-honor .list .btns .btn:hover { background-color: var(--theme); }

.md36035.md-about-honor .list .btns .prev { left: -1.35rem; }

.md36035.md-about-honor .list .btns .next { right: -1.35rem; }

@media (max-width: 900px) { .md36035.md-about-honor .list { max-width: calc(100vw - 2rem); }
  .md36035.md-about-honor .list .btns .prev { left: -.8rem; }
  .md36035.md-about-honor .list .btns .next { right: -.8rem; } }

.md36035.md-about-factory { padding-top: .84rem; padding-bottom: 1.64rem; overflow: hidden; }

.md36035.md-about-factory .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md36035.md-about-factory .m-title { line-height: 1.40385; }

.md36035.md-about-factory .list { margin-top: .62rem; position: relative; }

.md36035.md-about-factory .list .swiper-container { overflow: visible; }

.md36035.md-about-factory .list .li { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }

.md36035.md-about-factory .list .swiper-slide-prev .media { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: rotateY(10deg); transform: rotateY(10deg); }

.md36035.md-about-factory .list .swiper-slide-next .media { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotateY(10deg); transform: rotateY(10deg); }

.md36035.md-about-factory .list .media { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md36035.md-about-factory .list .btns { 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: calc(1045 / 1920 * 100%); height: 0; position: absolute; left: 0; right: 0; top: 50%; z-index: 2; margin-left: auto; margin-right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md36035.md-about-factory .list .btns .btn { width: .55rem; height: .55rem; background: #333; 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; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36035.md-about-factory .list .btns .btn svg { width: .09rem; min-width: 5px; }

.md36035.md-about-factory .list .btns .btn:hover { background-color: var(--theme); }

@media (max-width: 600px) { .md36035.md-about-factory .list .btns { width: 80%; } }
