.md17059.md-home-banner .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17059.md-home-banner .my-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.8rem;
  min-height: .6rem;
  padding: .5em 1em;
  line-height: 1.5;
  background: var(--theme, #ffc817);
  color: #13151a;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.md17059.md-home-banner .my-btn:hover {
  background-color: #e6b415;
}

.md17059.md-home-banner .item {
  display: block;
  position: relative;
}

.md17059.md-home-banner .item.swiper-slide-active .text {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.md17059.md-home-banner .media-ratio {
  padding-top: calc(940 / 1920 * 100%);
}

.md17059.md-home-banner .text {
  position: absolute;
  left: 0;
  top: 53%;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.md17059.md-home-banner .tit {
  line-height: 1.2;
}

.md17059.md-home-banner .desc {
  margin-top: .04rem;
}

.md17059.md-home-banner .my-btn {
  margin-top: .5rem;
}

.md17059.md-home-banner .swiper-pagination {
  bottom: .3rem;
  font-size: 0;
}

.md17059.md-home-banner .swiper-pagination-bullet {
  width: 0.1rem;
  height: .1rem;
  border: .02rem solid #fff;
  opacity: .6;
  background: transparent;
  margin: 0 .1rem;
}

.md17059.md-home-banner .swiper-pagination-bullet-active {
  opacity: 1;
  border-color: var(--theme, #ffc817);
}

@media (max-width: 900px) {
  .md17059.md-home-banner .media-ratio {
    padding-top: 75%;
  }
}

.md17060.md-home-prod {
  background-color: #191d22;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.md17060.md-home-prod .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17060.md-home-prod .my-title-sub {
  opacity: .6;
  margin-top: .07rem;
}

.md17060.md-home-prod .swiper-btn {
  width: .6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--theme, #ffc817);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffc817;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.md17060.md-home-prod .swiper-btn.prev {
  left: -1rem;
}

.md17060.md-home-prod .swiper-btn.next {
  right: -1rem;
}

.md17060.md-home-prod .swiper-btn svg {
  width: .12rem;
}

.md17060.md-home-prod .swiper-btn.swiper-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  background-color: #13151a;
  cursor: auto;
}

@media (max-width: 900px) {
  .md17060.md-home-prod .swiper-btn.prev {
    left: -.7rem;
  }
  .md17060.md-home-prod .swiper-btn.next {
    right: -.7rem;
  }
}

.md17060.md-home-prod .list {
  margin-top: .52rem;
  position: relative;
}

.md17060.md-home-prod .list .li {
  width: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #13151a;
  padding: .36rem 0;
}

.md17060.md-home-prod .list .li:hover .more {
  color: #13151a;
  background-color: var(--theme, #ffc817);
}

.md17060.md-home-prod .list .li:hover .img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.md17060.md-home-prod .list .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: .4rem;
  padding-right: .1rem;
}

.md17060.md-home-prod .list .tit {
  line-height: 1.17857;
}

.md17060.md-home-prod .list .desc {
  line-height: 1.5;
  margin-top: .24rem;
  opacity: .6;
}

.md17060.md-home-prod .list .more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 7.5em;
  min-height: 2.5em;
  border: solid 1px var(--theme, #ffc817);
  padding: 0 .5em;
  color: var(--theme, #ffc817);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin-top: .38rem;
}

.md17060.md-home-prod .list .c-pic {
  /* width: calc(281 / 750 * 100%); */
  width: 46%;
  /* margin-right: .9rem; */
  margin-right: .4rem;
}

.md17060.md-home-prod .list .img {
  /* padding-top: calc(347 / 281 * 100%); */
  padding-top: 100%;
}

@media (max-width: 900px) {
  .md17060.md-home-prod .list {
    width: calc(108% - 1.6rem);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 500px) {
  .md17060.md-home-prod .list .c-pic {
    margin-right: .4rem;
  }
}

.md17061.md-home-about {
  background-color: #191d22;
  padding-top: .6rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
}

.md17061.md-home-about .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17061.md-home-about .my-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.8rem;
  min-height: .6rem;
  padding: .5em 1em;
  line-height: 1.5;
  background: var(--theme, #ffc817);
  color: #13151a;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.md17061.md-home-about .my-btn:hover {
  background-color: #e6b415;
}

.md17061.md-home-about .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1.2rem 0;
}

.md17061.md-home-about .layout::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 8.6rem;
  background: #13151a;
}

.md17061.md-home-about .c-pic {
  width: calc(760 / 1520 * 100%);
  position: relative;
  z-index: 2;
}

.md17061.md-home-about .img {
  padding-top: calc(456 / 760 * 100%);
}

.md17061.md-home-about .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: .8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: var(--theme, #ffc817);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}

.md17061.md-home-about .play-btn svg {
  margin: auto;
  width: .12rem;
}

.md17061.md-home-about .play-btn:hover {
  background-color: #e6b415;
}

.md17061.md-home-about .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 .7rem 0 .8rem;
  position: relative;
  z-index: 2;
}

.md17061.md-home-about .tit {
  line-height: 1.1875;
}

.md17061.md-home-about .desc {
  line-height: 1.875;
  opacity: .6;
  margin-top: .3rem;
}

.md17061.md-home-about .my-btn {
  margin-top: .76rem;
}

@media (max-width: 900px) {
  .md17061.md-home-about .layout {
    display: block;
    padding: 0;
  }
  .md17061.md-home-about .layout::after {
    display: none;
  }
  .md17061.md-home-about .c-pic {
    width: 100%;
  }
  .md17061.md-home-about .text {
    padding: 0;
    margin-top: 0.5rem;
  }
}

.md17062.md-home-a {
  position: relative;
}

.md17062.md-home-a .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17062.md-home-a .my-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.8rem;
  min-height: .6rem;
  padding: .5em 1em;
  line-height: 1.5;
  background: var(--theme, #ffc817);
  color: #13151a;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.md17062.md-home-a .my-btn:hover {
  background-color: #e6b415;
}

.md17062.md-home-a .media-ratio {
  height: 7.6rem;
}

.md17062.md-home-a .text {
  position: absolute;
  left: 0;
  top: 48.7%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.md17062.md-home-a .text .my-btn {
  margin-top: .5rem;
}

.md17063.md-home-case {
  background-color: #191d22;
  padding-top: .83rem;
  padding-bottom: .4rem;
  overflow: hidden;
}

.md17063.md-home-case .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17063.md-home-case .my-title-sub {
  opacity: .6;
  margin-top: .07rem;
}

.md17063.md-home-case .my-title-sub {
  margin-top: .03rem;
}

.md17063.md-home-case .list {
  margin-top: .88rem;
}

.md17063.md-home-case .list .swiper-container {
  overflow: visible;
  padding-bottom: .5rem;
}

.md17063.md-home-case .list .li {
  display: block;
  position: relative;
  min-width: 260px;
  width: 3.65rem;
  margin-right: .2rem;
}

.md17063.md-home-case .list .li:last-of-type {
  margin-right: 0;
}

@media (any-hover: hover) {
  .md17063.md-home-case .list .li:hover {
    z-index: 2;
  }
  .md17063.md-home-case .list .li:hover .text-1 {
    opacity: 0;
  }
  .md17063.md-home-case .list .li:hover .text-2 {
    opacity: 1;
    left: -.36rem;
    right: -.36rem;
    top: -.4rem;
    bottom: -.4rem;
  }
}

.md17063.md-home-case .list .img {
  padding-top: calc(400 / 365 * 100%);
}

.md17063.md-home-case .list .text-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: .27rem .3rem;
}

.md17063.md-home-case .list .text-2 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: .51rem .3rem .3rem;
  color: #13151a;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.md17063.md-home-case .list .text-2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 200, 23, 0.95);
}

.md17063.md-home-case .list .text-2 * {
  position: relative;
  z-index: 2;
}

.md17063.md-home-case .list .text-2 .tit {
  color: #13151a;
}

.md17063.md-home-case .list .text-2 .desc {
  line-height: 1.875;
  margin-top: .17rem;
}

.md17063.md-home-case .list .text-2 .more {
  position: absolute;
  left: .3rem;
  bottom: 0.6rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #13151a;
  border: 1px solid #13151a;
  min-width: 7.5em;
  min-height: 2.5em;
  padding: .3em .5em;
  margin-top: .2rem;
}

.md17063.md-home-case .list .swiper-pagination {
  bottom: 0;
  font-size: 0;
}

.md17063.md-home-case .list .swiper-pagination-bullet {
  background-color: #fff;
}

.md17063.md-home-case .list .swiper-pagination-bullet-active {
  background-color: var(--theme, #ffc817);
}

.md17065.md-home-news {
  background-color: #191d22;
  padding-top: .44rem;
  padding-bottom: .6rem;
}

.md17065.md-home-news .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.2rem;
  max-width: 92%;
}

.md17065.md-home-news .my-title-sub {
  opacity: .6;
  margin-top: .07rem;
}

.md17065.md-home-news .swiper-btn {
  width: .6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--theme, #ffc817);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #13151a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.md17065.md-home-news .swiper-btn.prev {
  left: -1rem;
}

.md17065.md-home-news .swiper-btn.next {
  right: -1rem;
}

.md17065.md-home-news .swiper-btn svg {
  width: .12rem;
}

.md17065.md-home-news .swiper-btn.swiper-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  background-color: #13151a;
  cursor: auto;
}

@media (max-width: 900px) {
  .md17065.md-home-news .swiper-btn.prev {
    left: -.7rem;
  }
  .md17065.md-home-news .swiper-btn.next {
    right: -.7rem;
  }
}

.md17065.md-home-news .my-title-sub {
  margin-top: .05rem;
}

.md17065.md-home-news .list {
  margin-top: .46rem;
  position: relative;
}

.md17065.md-home-news .list .li {
  display: block;
  position: relative;
  width: 4.8rem;
  margin-right: .4rem;
}

.md17065.md-home-news .list .li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}

.md17065.md-home-news .list .li:hover .tit {
  color: var(--theme, #ffc817);
}

.md17065.md-home-news .list .li:hover .img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.md17065.md-home-news .list .img {
  padding-top: calc(290 / 480 * 100%);
}

.md17065.md-home-news .list .text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  padding: .28rem .4rem;
}

.md17065.md-home-news .list .date {
  margin-bottom: .1rem;
}

.md17065.md-home-news .list .tit {
  line-height: 1.2;
}

@media (max-width: 900px) {
  .md17065.md-home-news .list {
    width: calc(108% - 1.6rem);
    margin-left: auto;
    margin-right: auto;
  }
}