/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; color: #fff; }

.md-header::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-header-cnt { position: relative; z-index: 2; }

.md-header .layout-home { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .logo { width: 1.69rem; height: 1.05rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .logo img { width: 100%; max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.md-header .rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; }

.md-header .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.74rem; height: .32rem; min-width: 170px; min-height: 28px; border-radius: 32px; background-color: #fff; padding-right: .15rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-header .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; height: 100%; background-color: transparent; border: none; padding: 0 .1rem; }

.md-header .form .btn { width: 0.18rem; height: .18rem; min-width: 18px; min-height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; background-image: url(/static/home/images/i-search.png); cursor: pointer; border: none; }

.md-header .form:focus-within { -webkit-box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2); }

.md-header .h-search { width: .19rem; height: .19rem; min-width: 18px; min-height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/static/home/images/i-search-2.png); background-size: .18rem; cursor: pointer; margin-left: auto; }

.md-header .h-lang { position: relative; margin-left: .3rem; }

.md-header .h-lang__hd { height: 1.05rem; 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; cursor: pointer; }

.md-header .h-lang__hd .i-1 { width: 7px; height: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/static/home/images/i-lang.png); margin-left: 1px; }

.md-header .h-lang__bd { position: absolute; left: 50%; top: 100%; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; background-color: #fff; color: #000; width: 100%; min-width: 100px; -webkit-box-shadow: 0 .05rem .1rem 0 #999; box-shadow: 0 .05rem .1rem 0 #999; display: none; border-radius: .05rem; overflow: hidden; }

.md-header .h-lang__opt { display: block; line-height: 1.8; padding: .25em .5em; }

.md-header .h-lang__opt:hover { background-color: #c7000c; color: #fff; }

.md-header .h-lang:hover .h-lang__bd { display: block; }

.md-header .nav-btn { position: relative; z-index: 12; margin-left: 15px; display: none; }

.md-header .nav-btn span { display: block; width: 23px; height: 2px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; margin-bottom: 6px; }

.md-header .nav-btn span:last-child { margin-bottom: 0; }

.md-header .nav .mask { display: none; }

.md-header .menu-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1.2rem; cursor: pointer; }

.md-header .menu-btn_icon { margin-left: .1rem; }

.md-header .menu-btn_icon span { display: block; }

.md-header .menu-btn_icon span:first-child { width: .35rem; height: 1px; background-color: #fff; }

.md-header .menu-btn_icon span:last-child { width: .19rem; height: 1px; background-color: #fff; margin-top: .07rem; }

@media (max-width: 1200px) { .md-header .layout-home { width: 92%; } }

@media (min-width: 1201px) { 
  .md-header .logo { margin-right: 1.2rem; }
  .md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-header .nav .li1 { margin-right: .66rem; }
  .md-header .nav .li1:last-of-type { margin-right: 0; }
  .md-header .nav .li1.on .a1-wrap::after { width: 100%; }
  .md-header .nav .li1.on .a1 { color: #fff; }
  .md-header .nav .li1:hover .a1-wrap::after { width: 100%; }
  .md-header .nav .li1:hover .a1 { color: #fff; }
  .md-header .nav .li1:hover .ul2 { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .md-header .nav .a1-wrap { position: relative; }
  .md-header .nav .a1-wrap:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0.03rem; min-height: 3px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .a1 { display: block; line-height: 1.05rem; }
  .md-header .nav .ul2 { position: absolute; left: 0; top: 100%; width: 100%; max-height: 80vh; overflow-y: auto; background-color: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .29rem 2rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; visibility: hidden; -webkit-transform: translateY(0.2rem); -ms-transform: translateY(0.2rem); transform: translateY(0.2rem); opacity: 0; }
  .md-header .nav .li2 { position: relative; }
  .md-header .nav .li2::after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: .16rem; min-height: 1em; background: #fff; opacity: .15; }
  .md-header .nav .li2:last-of-type::after { display: none; }
  .md-header .nav .a2 { display: block; min-width: 1.85rem; text-align: center; padding: 0 1em; line-height: 2; }
  .md-header .nav .a2:hover { text-decoration: underline; }
  .md-header.over::before, .md-header.active::before, .md-header:hover::before { opacity: 1; } }

@media (max-width: 1200px) { .md-header::before { opacity: 1; }
  .md-header .h-search { background-size: 16px; }
  .md-header .nav-btn { display: block; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 50px; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .md-header .nav .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1.show .a1 { color: #c7000c; }
  .md-header .nav .li1.show .ul2 { display: block; }
  .md-header .nav .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1.show .dropmenu { display: block; }
  .md-header .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; }
  .md-header .nav .a1 { display: block; padding: 10px 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .md-header .nav .ul2 { display: none; color: #666; padding: 0 0 10px !important; }
  .md-header .nav .a2 { display: block; padding: 10px; padding-left: 25px; }
  .md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
  .md-header .nav .mbtn { width: 24px; height: 24px; background: url(/static/home/images/i-cor.png) no-repeat center; background-size: 16px; margin-left: 10px; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; }
  .md-header .nav .dropmenu { display: none; padding-bottom: 10px; }
  .md-header .nav .dropmenu .list-link .list-item { display: block; padding: 6px 10px; padding-left: 25px; line-height: 1.25; }
  .md-header .nav .dropmenu .list-img { display: none; }
  .md-header .form { display: none; }
  .md-header .h-search { display: block; }
  .md-header.open .nav-btn span { background: #000; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .mask { display: block; } }

/* 搜索 */
.md-search .mask { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }

.md-search .main { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; padding: .5rem 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-search .form { width: 6rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #999; padding-bottom: .1rem; }

.md-search .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; font-size: inherit; }

.md-search .form .btn { border: none; background: #c7000c; height: .5rem; width: .5rem; min-width: 40px; min-height: 40px; border-radius: 50%; cursor: pointer; font-size: 0; }

.md-search .form .btn img { width: .23rem; min-width: 20px; }

.md-search.show .main { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-search.show .mask { display: block; }

@media (max-width: 1920px) { .md-search .form { width: 600px; max-width: 90%; } }

.md-footer { background-color: #111; color: #fff; }

.md-footer a:hover { color: #fff; }

.md-footer .foot-1 .container { 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; padding-top: .47rem; padding-bottom: .47rem; }

.md-footer .foot-2 .container { border-top: 1px solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: .58rem; padding-bottom: 1rem; }

.md-footer .foot-2 .lf { width: calc(400 / 1800 * 100%); min-width: 260px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.2rem; }

.md-footer .foot-3 { background-color: #060a0e; color: rgba(255, 255, 255, 0.5); line-height: 1.5; }

.md-footer .foot-3 .container { 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; padding: .26rem 0 .36rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.md-footer .foot-3 .lf { 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; }

.md-footer .foot-3 .beian { margin-left: 1em; }

.md-footer .logo { font-size: 0; }

.md-footer .logo img { width: 1.69rem; min-width: 130px; }

.md-footer .contact { margin-top: .22rem; opacity: 0.5; line-height: 1.875; }

.md-footer .contact a:hover { opacity: 1; }

.md-footer .share { margin-top: .43rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-footer .share .item { position: relative; margin-right: .2rem; }

.md-footer .share .item:last-child { margin-right: 0; }

.md-footer .share .item .icon { width: .5rem; height: .5rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-footer .share .item .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-footer .share .item .icon .i-2 { display: none; }

.md-footer .share .item .pop { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; padding-bottom: 0.1rem; }

.md-footer .share .item .pop-cnt { background-color: #fff; border-radius: .1rem; -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); padding: .1rem; position: relative; }

.md-footer .share .item .pop-cnt:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 80%); -ms-transform: translate(-50%, 80%); transform: translate(-50%, 80%); border: .1rem solid transparent; border-top-color: #fff; }

.md-footer .share .item .pop img { width: 1rem; min-width: 80px; display: block; }

.md-footer .share .item:hover .icon { background-color: #c7000c; }

.md-footer .share .item:hover .icon .i-1 { display: none; }

.md-footer .share .item:hover .icon .i-2 { display: block; }

.md-footer .share .item:hover .pop { display: block; }

.md-footer .nav { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .nav .li1 { margin-bottom: .3rem; margin-right: 1.09rem; }

.md-footer .nav .li1:last-of-type { margin-right: 0; }

.md-footer .nav .ul2 { color: rgba(255, 255, 255, 0.5); margin-top: .22rem; line-height: 1.5; }

.md-footer .nav .li2 { max-width: 20em; margin-bottom: .19rem; }

.md-footer .nav .li2:last-of-type { margin-bottom: 0; }

.md-footer .nav .a1-wrap { line-height: 1.20833; }

.md-footer .nav .btns { margin-top: .2rem; }

.md-footer .nav .a2:hover { color: #fff; }

.md-footer .subscribe .form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .66rem; overflow: hidden; margin-top: .26rem; padding: .03rem; padding-left: 0; background-color: #fff; }

.md-footer .subscribe .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: transparent; border: none; min-width: 100px; padding: 0 .2rem 0 .3rem; color: #000; }

.md-footer .subscribe .form .ipt::-webkit-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt:-ms-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt::-ms-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt::placeholder { color: #999; }

.md-footer .subscribe .form .btn { min-width: 1.3rem; height: .6rem; min-height: 35px; border-radius: .6rem; background: #000; border: none; padding: 0 .1rem; cursor: pointer; }

@media (max-width: 1200px) { .md-footer .nav .li1 { margin-right: .6rem; } }

@media (max-width: 900px) { .md-footer .foot-1 .container { display: block; text-align: center; }
  .md-footer .foot-2 .container { display: block; }
  .md-footer .foot-2 .lf { width: 100%; min-width: auto; }
  .md-footer .nav { margin-top: .4rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-footer .share { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-footer .foot-3 .container { padding: 5% 0; } }

@media (min-width: 751px) { .md-footer .nav .ul2 { display: block !important; } }

@media (max-width: 750px) { .md-footer .nav { display: block; }
  .md-footer .nav .li1 { margin-bottom: 0; float: none; margin-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .md-footer .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-footer .nav .a1-wrap::after { content: ''; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/static/home/images/i-b-2.png); background-size: 25%; background-position: right center; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }
  .md-footer .nav .a1-wrap .a1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-footer .nav .ul2 { display: none; line-height: 1.2; margin-top: 0; padding: .7em; background-color: #222; }
  .md-footer .nav .li2 { margin-bottom: .7em; padding-right: 1em; }
  .md-footer .foot-2 .container { padding-bottom: 0; }
  .md-footer .foot-3 .container { display: block; }
  .md-footer .foot-3 .lf { display: block; }
  .md-footer .foot-3 .beian { display: block; margin-left: 0; margin-top: .1em; }
  .md-footer .foot-3 .rg { margin-top: 1em; } }

.md-side { position: fixed; right: 0.6rem; bottom: 10%; z-index: 5; }

.md-side .item { display: block; margin-bottom: .1rem; }

.md-side .item:last-child { margin-bottom: 0; }

.md-side .item:hover .hd { background-color: #c7000c; }

.md-side .item:hover .hd .i-1 { display: none; }

.md-side .item:hover .hd .i-2 { display: block; }

.md-side .hd { width: .5rem; height: .5rem; border-radius: 50%; background-color: #f8f8ff; -webkit-box-shadow: 0.03rem 0.03rem 0.1rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0.03rem 0.03rem 0.1rem 0 rgba(0, 0, 0, 0.2); -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

.md-side .hd img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-side .hd .i-2 { display: none; }

@media (max-width: 900px) { .md-side { right: 0; } }
.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: rgba(0, 0, 0, 0.7); }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.c-video__close { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #c7000c; position: absolute; right: -40px; top: 0; z-index: 1000; }

.c-video__close .icon { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }
  .pswp__bg { background: rgba(0, 0, 0, 0.7); }

.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-ban {
  position: relative;
}

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

.md-ban .text {
  position: absolute;
  left: 0;
  top: 50%;
  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: 40%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  }

  .md-ban .text {
    top: 1.65rem;
    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_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_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; }