.md-brand-1.md19419 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  background-color: #f7f7f7;
}
.md-brand-1.md19419 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md-brand-1.md19419 .box-left {
  width: calc( 340 / 1600 * 100%);
}
.md-brand-1.md19419 .box-right {
  width: 75%;
}
.md-brand-1.md19419 .nav .n-title {
  padding: 0.22rem 0.3rem;
}
.md-brand-1.md19419 .nav .n-li {
  position: relative;
  margin-top: 2px;
}
.md-brand-1.md19419 .nav .na {
  display: block;
  padding: 0.22rem 0.3rem;
  position: relative;
  background-color: #fff;
}
.md-brand-1.md19419 .nav .na:hover {
  color: var(--active);
}
.md-brand-1.md19419 .nav .na.on {
  background-color: var(--active);
  color: #fff;
}
.md-brand-1.md19419 .nav .na.on::before {
  filter: brightness(0) invert(1);
}
.md-brand-1.md19419 .nav .na::before {
  content: "";
  width: 0.5em;
  height: 1em;
  background-image: url(/static/home/images/z4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0.3rem;
  top: calc(50% - 0.5em);
}
.md-brand-1.md19419 .list {
  margin-bottom: 0.3rem;
}
.md-brand-1.md19419 .li {
  width: calc(380 / 1200 * 100%);
  margin-right: calc(30 / 1200 * 100%);
  margin-bottom: 0.3rem;
}
.md-brand-1.md19419 .li:nth-child(3n) {
  margin-right: 0;
}
.md-brand-1.md19419 .dd {
  display: block;
  background-color: #fff;
  border-radius: 0.16rem;
  height: 100%;
  background-color: #fff;
  padding: 0.6rem 0 0.45rem;
  overflow: hidden;
  transition: 0.5s;
}
.md-brand-1.md19419 .dd:hover {
  box-shadow: 0 0 0 1px inset var(--active);
}
.md-brand-1.md19419 .dd:hover .c-pic {
  transform: scale(1.1);
}
.md-brand-1.md19419 .dd:hover .title {
  color: var(--active);
}
.md-brand-1.md19419 .dd .c-pic {
  transition: 0.5s;
}
.md-brand-1.md19419 .dd .img {
  padding-top: calc( 233 / 377 * 100%);
}
.md-brand-1.md19419 .dd .text {
  margin-top: 0.4rem;
  padding: 0 0.3rem;
}
.md-brand-1.md19419 .dd .title {
  line-height: calc(40 / 24);
  transition: 0.5s;
}
.md-brand-1.md19419 .dd .intro {
  margin-top: 0.1rem;
}
@media screen and (max-width: 900px) {
  .md-brand-1.md19419 .box-left {
    width: 100%;
  }
  .md-brand-1.md19419 .box-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 500px) {
  .md-brand-1.md19419 .list {
    justify-content: space-between;
  }
  .md-brand-1.md19419 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;line-height: .5rem;text-align: center;border-radius: .25rem;background-color: #ffffff;}
.paging-item:hover{background-color: #e00014 !important;color: #fff;}
.paging-item.active{background-color: #e00014 !important;color: #fff;}
.paging-up{transition: all .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;text-align: center;border-radius: .25rem;background-color: #ffffff;background-image: url(/static/home/images/a2.png);background-size: .56em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: #e00014 !important;background-image: url(/static/home/images/a2-b.png);}
.paging-next{transform: rotate(-180deg);transition: all .3s; display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: .5rem;height: .5rem;text-align: center;border-radius: .25rem;background-color: #ffffff;background-image: url(/static/home/images/a2.png);background-size: .56em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: #e00014 !important;background-image: url(/static/home/images/a2-b.png);}
.paging_grey .paging-item{background-color: #f4f4f6;}
.paging_grey .paging-up{background-color: #f4f4f6;}
.paging_grey .paging-next{background-color: #f4f4f6;}


@media (max-width: 1150px) {
    .paging-item{min-width: .6rem;height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .paging-up{min-width: .6rem;height: .6rem;border-radius: .3rem;}
    .paging-next{min-width: .6rem;height: .6rem;border-radius: .3rem;}
}