.md-ban { position: relative; }

.md-ban .media-ratio { padding-top: calc(850 / 1920 * 100%); }

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

@media (max-width: 750px) { .md-ban .img { min-height: 300px; }
  .md-ban .media-ratio { padding-top: 0; height: 300px; } }
@media (max-width: 500px) {
  .md-ban::before{ content: ''; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }
  .md-ban .text{ top: 2rem; text-align: center; transform: none; z-index: 3; }
}

.md_bread { min-height: .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5; padding: .2rem 0; }

.md_bread img { width: .18rem; min-width: 12px; margin-right: .14rem; }

.md_bread-split { margin: 0 .1em; }

.md_bread-item:hover { text-decoration: underline; }

.md_subnav-item { width: auto; max-width: 100vw; position: relative; line-height: .9rem; margin-right: .68rem; }

.md_subnav-item:last-of-type { margin-right: 0; }

.md_subnav-item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .03rem; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md_subnav-item.on:after, .md_subnav-item:hover:after { width: 100%; }

@media (max-width: 900px) { .md_subnav-item { margin-right: 1em; } }

.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-adv-1 { overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; }

.md-adv-1 .section { margin-bottom: 1rem; }

.md-adv-1 .section:last-of-type { margin-bottom: 0; }

.md-adv-1 .img { padding-top: calc(800 / 1160 * 100%); }

.md-adv-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-top: .33rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 8rem; }

.md-adv-1 .tx { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: .41rem; margin-bottom: .51rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-adv-1 .tx .tit { line-height: 1.27083; }

.md-adv-1 .tx .desc { margin-top: .1rem; line-height: 1.88889; }

.md-adv-1 .switch { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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; }

@-webkit-keyframes item-ele { from { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem);
    opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes item-ele { from { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem);
    opacity: 0; }
  to { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

.md-adv-1 .switch-bd .item { visibility: hidden; }

.md-adv-1 .switch-bd .item.active { visibility: visible; }

.md-adv-1 .switch-bd .item.active .ele { opacity: 0; -webkit-animation-name: item-ele; animation-name: item-ele; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.md-adv-1 .switch-bd .icon { margin-bottom: .3rem; }

.md-adv-1 .switch-bd .icon img { max-height: .56rem; }

.md-adv-1 .switch-bd .tit { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-adv-1 .switch-bd .intro { line-height: 1.88889; margin-top: .1rem; -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-adv-1 .switch-hd { margin-top: 2em; border-left: 1px solid #dfe1ea; }

.md-adv-1 .switch-hd .item { cursor: pointer; line-height: calc(30 / 16 * 100%); position: relative; padding-left: .19rem; margin-bottom: .1rem; }

.md-adv-1 .switch-hd .item:last-of-type { margin-bottom: 0; }

.md-adv-1 .switch-hd .item::before { content: ''; position: absolute; left: -1px; top: 50%; width: 2px; height: 0; background: #c7000c; -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-adv-1 .switch-hd .item span { display: block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }

.md-adv-1 .switch-hd .item.active::before { height: 100%; }

.md-adv-1 .switch-hd .item.active span { color: #c7000c; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }

@media (min-width: 901px) { .md-adv-1 .section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-adv-1 .section:nth-of-type(odd) .c-pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-adv-1 .section:nth-of-type(odd) .text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 1rem; padding-right: 1.6rem; }
  .md-adv-1 .section:nth-of-type(even) .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .md-adv-1 .section:nth-of-type(even) .text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 1rem; padding-left: 1.6rem; }
  .md-adv-1 .tx .desc { max-height: calc(34 / 18 * 3em); overflow-y: auto; }
  .md-adv-1 .c-pic { width: calc(1160 / 1920 * 100%); }
  .md-adv-1 .switch-bd .intro { max-height: calc(34 / 18 * 5em); overflow-y: auto; } }

@media (max-width: 900px) { .md-adv-1 .section { margin-bottom: 0; }
  .md-adv-1 .text { padding: 5%; }
  .md-adv-1 .switch-hd .item { cursor: auto; } }