.md37500.md-about-1 { position: relative; }

.md37500.md-about-1 .layout { margin-left: auto; margin-right: auto; max-width: 90%; width: 14rem; }

.md37500.md-about-1 .media-ratio { height: 9.86rem; }

.md37500.md-about-1 .text { position: absolute; left: 0; top: 48.9%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.md37500.md-about-1 .tit { line-height: 1; }

.md37500.md-about-1 .desc { line-height: 1.45455; margin-top: .4rem; color: #bfbfbf; }

@media (max-width: 900px) { .md37500.md-about-1 .media-ratio { height: 7rem; }
  .md37500.md-about-1 .text { top: 47%; }
  .md37500.md-about-1 .desc br { display: none; } }

.md37501.md-about-2 { padding-top: 1.3rem; padding-bottom: 1.24rem; }

.md37501.md-about-2 .layout { margin-left: auto; margin-right: auto; max-width: 90%; width: 14rem; }

.md37501.md-about-2 .text { padding-right: .9rem; margin-top: .22rem; }

.md37501.md-about-2 .tit { line-height: 1.06667; }

.md37501.md-about-2 .desc { line-height: 1.5625; margin-top: .56rem; color: #808080; }

.md37501.md-about-2 .media { width: calc(680 / 1400 * 100%); }

@media (max-width: 900px) { .md37501.md-about-2 .layout { display: block; }
  .md37501.md-about-2 .text { padding-right: 0; margin-top: 0; }
  .md37501.md-about-2 .media { width: 100%; margin-top: 5%; } }

.md37502.md-about-3 { padding-top: 1.02rem; padding-bottom: 1.86rem; }

.md37502.md-about-3 .layout { margin-left: auto; margin-right: auto; max-width: 90%; width: 14rem; }

.md37502.md-about-3 .lf { width: calc(540 / 1400 * 100%); margin-top: .1rem; }

.md37502.md-about-3 .rg { width: calc(702 / 1400 * 100%); }

.md37502.md-about-3 .tit { letter-spacing: -0.015rem; line-height: 1.2; }

.md37502.md-about-3 .desc { line-height: 1.5625; margin-top: .19rem; color: #b3b3b3; }

.md37502.md-about-3 .list-1 { margin-top: 1.42rem; gap: .3rem; }

.md37502.md-about-3 .list-1 .li { max-width: 1.82rem; }

.md37502.md-about-3 .list-1 .img { height: .91rem; }

.md37502.md-about-3 .list-1 .img img { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }

.md37502.md-about-3 .list-1 .t1 { color: #808080; line-height: 1.5; margin-top: .17rem; }

.md37502.md-about-3 .list-2 { gap: .2rem 0; }

.md37502.md-about-3 .list-2 .li { width: calc(313 / 702 * 100%); }

.md37502.md-about-3 .list-2 .li img { width: 100%; }

@media (max-width: 900px) { .md37502.md-about-3 .layout { display: block; }
  .md37502.md-about-3 .lf { width: 100%; }
  .md37502.md-about-3 .rg { width: 100%; margin-top: 10%; }
  .md37502.md-about-3 .list-1 { margin-top: 10%; gap: .1rem; }
  .md37502.md-about-3 .list-1 .li { max-width: none; } }

.md37503.md-about-4 { padding-top: 1.01rem; padding-bottom: .65rem; }

.md37503.md-about-4 .layout { margin-left: auto; margin-right: auto; max-width: 90%; width: 14rem; }

.md37503.md-about-4 .row-1 .desc { line-height: 1.5625; margin-top: .1rem; }

@media (max-width: 900px) { .md37503.md-about-4 .row-1 .desc br { display: none; } }

.md37503.md-about-4 .row-2 { margin-top: .69rem; position: relative; }

.md37503.md-about-4 .row-2:before { content: ''; position: absolute; left: 0; top: .05rem; width: 100%; border-top: solid 1px #b2b2b2; }

.md37503.md-about-4 .list { padding-bottom: .6rem; }

.md37503.md-about-4 .list .li { position: relative; padding-top: .28rem; width: 1.8rem; min-width: 12em; max-width: 100%; margin-right: .8rem; }

.md37503.md-about-4 .list .li:last-of-type { margin-right: 0; }

.md37503.md-about-4 .list .li::before { content: ''; position: absolute; left: 0; top: 0; width: .1rem; height: .1rem; border-radius: 50%; background-color: var(--theme); }

.md37503.md-about-4 .list .year { line-height: 1; }

.md37503.md-about-4 .list .tit { margin-top: .01rem; }

.md37503.md-about-4 .list .desc { line-height: 1.14286; margin-top: .27rem; }

.md37503.md-about-4 .swiper-pagination { bottom: 0; font-size: 0; }

.md37503.md-about-4 .swiper-pagination-bullet { background-color: var(--theme); }

.md37504.md-about-5 { padding-top: .88rem; padding-bottom: 0.92rem; }

.md37504.md-about-5 .container { width: 19.2rem; max-width: 100%; margin-left: auto; margin-right: auto; }

.md37504.md-about-5 .layout { margin-left: 2.45rem; }

.md37504.md-about-5 .text { width: 4.58rem; }

.md37504.md-about-5 .text .tit { letter-spacing: -0.015rem; line-height: 1.06667; }

.md37504.md-about-5 .text .desc { color: #b3b3b3; line-height: 1.5625; margin-top: .23rem; }

.md37504.md-about-5 .map { width: 10.82rem; position: relative; }

.md37504.md-about-5 .map .bg { display: block; width: 100%; }

@-webkit-keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(3); transform: scale(3);
    opacity: 0; } }

@keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(3); transform: scale(3);
    opacity: 0; } }

.md37504.md-about-5 .list .li { position: absolute; width: 0.14rem; height: 0.14rem; border-radius: 50%; background: var(--theme); }

.md37504.md-about-5 .list .li:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: var(--theme); -webkit-animation: zoom 1s ease-in-out infinite; animation: zoom 1s ease-in-out infinite; }

@media (max-width: 900px) { .md37504.md-about-5 .layout { display: block; margin: 0 5%; }
  .md37504.md-about-5 .text { width: 100%; }
  .md37504.md-about-5 .map { width: 100%; margin-top: 5%; } }

.md37505.md-about-6 { padding-top: .9rem; padding-bottom: 1.69rem; }

.md37505.md-about-6 .layout { margin-left: auto; margin-right: auto; max-width: 90%; width: 14rem; }

.md37505.md-about-6 .list { width: 4rem; }

.md37505.md-about-6 .list .li { margin-bottom: 1.07rem; }

.md37505.md-about-6 .list .li:last-of-type { margin-bottom: 0; }

.md37505.md-about-6 .list .tit { line-height: 1.06667; }

.md37505.md-about-6 .list .desc { letter-spacing: -0.005rem; color: #808080; line-height: 1.25; margin-top: .25rem; }

.md37505.md-about-6 .media { width: 6.8rem; }

@media (max-width: 900px) { .md37505.md-about-6 .layout { display: block; }
  .md37505.md-about-6 .list { width: 100%; }
  .md37505.md-about-6 .media { width: 100%; margin-top: 1rem; } }