.md-download-1.md25156 {
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  position: relative;
  background-color: #f4f8fb;
}
.md-download-1.md25156 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md-download-1.md25156 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-download-1.md25156 .box-left {
  width: calc( 340 / 1600 * 100%);
}
.md-download-1.md25156 .box-right {
  width: calc( 1120 / 1600 * 100%);
  padding: 0.5rem 0.6rem;
}
.md-download-1.md25156 .item {
  margin-bottom: 0.3rem;
}
.md-download-1.md25156 .item:last-child {
  margin-bottom: 0;
}
.md-download-1.md25156 .list {
  margin-top: 0.24rem;
}
.md-download-1.md25156 .li {
  width: 48.5%;
  margin-bottom: 0.2rem;
}
.md-download-1.md25156 .dd {
  background-color: #f7f7f7;
  padding: 0.2rem 0.3rem;
}
.md-download-1.md25156 .dd:hover {
  background-color: var(--active);
}
.md-download-1.md25156 .dd:hover .name,
.md-download-1.md25156 .dd:hover .icon {
  color: #fff;
}
.md-download-1.md25156 .dd .name {
  width: 70%;
}
.md-download-1.md25156 .dd .icon {
  color: var(--active);
}
.md-download-1.md25156 .dd .icon svg {
  width: 1em;
  height: 1em;
}
@media screen and (max-width: 900px) {
  .md-download-1.md25156 .box-left {
    width: 100%;
  }
  .md-download-1.md25156 .box-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}


.pro-nav {
  position: sticky;
  top: 1.8rem;
}
.pro-nav .li1 {
  margin-bottom: 2px;
  background-color: #fff;
}
.pro-nav .li1.show .nt1 {
  background-color: var(--active);
}
.pro-nav .li1.show .a1 {
  color: #fff;
}
.pro-nav .li1.show .ic {
  filter: brightness(0) invert(1);
}
.pro-nav .li1.show .ic::after {
  opacity: 0;
}
.pro-nav .dt {
  position: relative;
  padding: 0.21rem 0.3rem;
  cursor: pointer;
}
.pro-nav .ic {
  width: 0.5em;
  height: 1em;
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0.3rem;
  transition: all 0.3s;
  background-image: url(../images/a1.png);
  background-repeat: no-repeat;
  background-position: center;
}
.pro-nav .a1 {
  display: inline-block;
}
.pro-nav .active .dt {
  color: #fff;
  background-color: var(--active);
}
.pro-nav .active .dt .ic {
  filter: brightness(0) invert(1);
}
.pro-nav .active .dt .ic::before {
  display: none;
}
.pro-nav .bd {
  display: none;
}
.pro-nav .ul2 {
  padding: 0.25rem 0.3rem;
}
.pro-nav .li2 {
  margin-bottom: 0.22rem;
}
.pro-nav .li2:last-child {
  margin-bottom: 0;
}
.pro-nav .a2 {
  display: block;
  color: #666;
  transition: all 0.3s;
  position: relative;
}
.pro-nav .a2:hover, .pro-nav .a2.on {
  color: var(--active);
}
@media screen and (max-width: 500px) {
  .pro-nav .ul1 .ul2 {
    display: flex;
    flex-wrap: wrap;
  }
  .pro-nav .ul1 .li2 {
    width: 50%;
  }
}