.md-home-0.md24944 {
  position: relative;
  z-index: 5;
}
.md-home-0.md24944 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-0.md24944 .swiper:hover .sbtn {
  opacity: 1;
}
.md-home-0.md24944 .ho_sw {
  overflow: hidden;
}
.md-home-0.md24944 .img {
  display: block;
  position: relative;
  padding-top: 39.0625%;
  overflow: hidden;
}
.md-home-0.md24944 .img img,
.md-home-0.md24944 .img video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.md-home-0.md24944 .text {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.md-home-0.md24944 .text.is-right {
  text-align: right;
}
.md-home-0.md24944 .txt {
  display: inline-block;
  width: 6.6rem;
  max-width: 100%;
  line-height: 1.25;
  text-align: left;
}
.md-home-0.md24944 .d1 {
  line-height: calc(60 / 48);
  position: relative;
}
.md-home-0.md24944 .d2 {
  margin-top: 0.3rem;
  line-height: 1.5;
}
.md-home-0.md24944 .btns {
  margin-top: 0.54rem;
}
.md-home-0.md24944 .btn {
  margin-right: 0.3rem;
  padding: 0.15rem 1em;
  text-align: center;
  min-width: 1.6rem;
  border-radius: 1rem;
  color: #fff;
}
.md-home-0.md24944 .btn1 {
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
}
.md-home-0.md24944 .btn2 {
  box-shadow: 0 0 0 1px inset #fff;
}
.md-home-0.md24944 .bots {
  width: 100%;
  position: absolute;
  bottom: 0.33rem;
  left: 0%;
  z-index: 30;
}
.md-home-0.md24944 .swiper-slide-active .text {
  opacity: 1;
  transition: opacity 1s 0.5s;
}
.md-home-0.md24944 .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 0.5rem;
  z-index: 30;
}
.md-home-0.md24944 .swiper-pagination-bullet {
  width: 0.5em;
  height: 0.5em;
  background-color: white;
  border-radius: 1rem;
  margin: 0 0.5em;
  opacity: 1;
  transition: 0.3s;
}
.md-home-0.md24944 .swiper-pagination-bullet-active {
  width: 2.5em;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
}
.md-home-0.md24944 .sbtn {
  position: absolute;
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0 0 1px inset #fff;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
  z-index: 30;
  opacity: 0;
}
.md-home-0.md24944 .sbtn:hover {
  box-shadow: none;
  background-color: #fff;
  color: #666;
}
.md-home-0.md24944 .sbtn svg {
  width: 32%;
  height: 32%;
}
.md-home-0.md24944 .prev {
  left: 5%;
}
.md-home-0.md24944 .next {
  right: 5%;
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
.md-home-0.md24944 .mouse {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
}
.md-home-0.md24944 .mouse .mbox {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  animation: jump 3s linear infinite;
}
.md-home-0.md24944 .mouse .mic {
  height: 1em;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 500px) {
  .md-home-0.md24944 .img {
    padding-top: 120%;
  }
  .md-home-0.md24944 .d2 {
    margin-top: 0.2rem;
  }
  .md-home-0.md24944 .d3 {
    margin-top: 0.2rem;
  }
  .md-home-0.md24944 .bots {
    bottom: 0.3rem;
  }
  .md-home-0.md24944 .swiper-pagination {
    bottom: 0.3rem;
  }
}

.md-home-1.md24945 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-1.md24945 .ho1-1 {
  background-color: #f6f6f6;
}
.md-home-1.md24945 .txt {
  padding: 0.1rem 0;
}
.md-home-1.md24945 .ho1-2 {
  background-image: linear-gradient(0deg, #f6f6f6 0%, #ffffff 100%), linear-gradient(#f6f6f6, #f6f6f6);
  padding: 0.24rem 0 0.2rem;
}
.md-home-1.md24945 .sw {
  text-align: center;
  position: relative;
}
.md-home-1.md24945 .sw::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 0.3rem);
  background-color: #cdcdcd;
}
.md-home-1.md24945 .sw:hover img:nth-child(1) {
  opacity: 0;
}
.md-home-1.md24945 .sw:hover img:nth-child(2) {
  opacity: 1;
}
.md-home-1.md24945 .sw:hover .ste {
  color: var(--active);
}
.md-home-1.md24945 .sw .icon {
  height: 1em;
  position: relative;
}
.md-home-1.md24945 .sw img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-home-1.md24945 .sw img:nth-child(2) {
  opacity: 0;
}
.md-home-1.md24945 .sw .ste {
  margin-top: 0.12rem;
  transition: 0.5s;
}

.md-home-2.md24946 {
  position: relative;
  padding-top: 0.84rem;
  padding-bottom: 0.97rem;
}
.md-home-2.md24946 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-2.md24946 .nav {
  margin-top: 0.38rem;
  box-shadow: 0 -1px 0 0 inset #d1d4d9;
}
.md-home-2.md24946 .nav .swiper-container {
  display: inline-block;
  max-width: 100%;
}
.md-home-2.md24946 .nsw {
  width: auto;
  margin-right: 1rem;
  cursor: pointer;
  padding-bottom: 0.3rem;
}
.md-home-2.md24946 .nsw::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0151cb, #0151cb);
  opacity: 0;
}
.md-home-2.md24946 .nsw:last-child {
  margin-right: 0;
}
.md-home-2.md24946 .nsw:hover {
  color: var(--active);
}
.md-home-2.md24946 .nsw.on {
  color: var(--active);
}
.md-home-2.md24946 .nsw.on::before {
  opacity: 1;
}
.md-home-2.md24946 .swipers {
  margin-top: 0.5rem;
  position: relative;
}
.md-home-2.md24946 .sitem {
  display: none;
}
.md-home-2.md24946 .sitem.show {
  display: block;
}
.md-home-2.md24946 .swiper {
  position: relative;
}
.md-home-2.md24946 .sw:hover .img {
  transform: scale(1.1);
}
.md-home-2.md24946 .sw:hover .title {
  color: var(--active);
}
.md-home-2.md24946 .sw .c-pic {
  background-color: #f6f6f6;
  padding: 0.3rem;
}
.md-home-2.md24946 .sw .img {
  padding-top: 100%;
}
.md-home-2.md24946 .sw .text {
  margin-top: 0.24rem;
}
.md-home-2.md24946 .sw .intro {
  margin-top: 0.1rem;
  line-height: calc(22 / 17);
}
.md-home-2.md24946 .sw .btns {
  margin-top: 0.56rem;
}
.md-home-2.md24946 .sw .btn {
  min-width: 1.3rem;
  margin-right: 0.2rem;
  text-align: center;
  line-height: 1;
  border-radius: 1rem;
  padding: 0.14rem 0.5em;
  transition: 0.5s;
}
.md-home-2.md24946 .sw .btn:hover {
  transform: translateY(-6px);
}
.md-home-2.md24946 .sw .btn1 {
  box-shadow: 0 0 0 1px inset #666;
}
.md-home-2.md24946 .sw .btn2 {
  color: #fff;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
}
.md-home-2.md24946 .sbtn {
  position: absolute;
  top: 1.44rem;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0 0 1px inset #999;
  color: #999;
  cursor: pointer;
  transform: 0.5s;
}
.md-home-2.md24946 .sbtn:hover {
  box-shadow: none;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
  color: #fff;
}
.md-home-2.md24946 .sbtn svg {
  width: 32%;
  height: 32%;
}
@media screen and (min-width: 901px) {
  .md-home-2.md24946 .prev {
    right: calc(100% + 0.4rem);
  }
  .md-home-2.md24946 .next {
    left: calc(100% + 0.4rem);
  }
}

.md-home-3.md24947 {
  position: relative;
  padding-top: 0.86rem;
  padding-bottom: 1rem;
}
.md-home-3.md24947 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-3.md24947 .nav {
  margin-top: 0.25rem;
  box-shadow: 0 -1px 0 0 inset #d1d4d9;
}
.md-home-3.md24947 .nav .swiper-container {
  display: inline-block;
  max-width: 100%;
}
.md-home-3.md24947 .nsw {
  width: auto;
  margin-right: 1rem;
  cursor: pointer;
  color: #fff;
  padding-bottom: 0.3rem;
}
.md-home-3.md24947 .nsw::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  opacity: 0;
}
.md-home-3.md24947 .nsw:last-child {
  margin-right: 0;
}
.md-home-3.md24947 .nsw.on::before {
  opacity: 1;
}
.md-home-3.md24947 .swipers {
  margin-top: 0.5rem;
  position: relative;
}
.md-home-3.md24947 .sitem {
  position: absolute;
  left: -200vw;
  top: 0%;
  width: 100%;
  opacity: 0;
}
.md-home-3.md24947 .sitem.show {
  position: relative;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.md-home-3.md24947 .swiper {
  position: relative;
}
.md-home-3.md24947 .sw {
  height: auto;
  background-color: #fff;
  border-radius: 0.16rem;
  overflow: hidden;
}
.md-home-3.md24947 .sw:hover .img {
  transform: scale(1.1);
}
.md-home-3.md24947 .sw:hover .title {
  color: var(--active);
}
.md-home-3.md24947 .sw:hover .btn {
  color: var(--active);
}
.md-home-3.md24947 .sw .img {
  padding-top: calc( 286 / 460 * 100%);
}
.md-home-3.md24947 .sw .text {
  padding: 0.33rem 0.3rem 0.3rem;
}
.md-home-3.md24947 .sw .title {
  transition: 0.5s;
}
.md-home-3.md24947 .sw .intro {
  height: 3em;
  margin-top: 0.16rem;
}
.md-home-3.md24947 .sw .btn {
  margin-top: 0.32rem;
  transition: 0.5s;
}
.md-home-3.md24947 .sbtn {
  position: absolute;
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0 0 1px inset #fff;
  color: #fff;
  cursor: pointer;
  transform: 0.5s;
}
.md-home-3.md24947 .sbtn:hover {
  box-shadow: none;
  background-color: #fff;
  color: #666;
}
.md-home-3.md24947 .sbtn svg {
  width: 32%;
  height: 32%;
}
@media screen and (min-width: 901px) {
  .md-home-3.md24947 .prev {
    right: calc(100% + 0.4rem);
  }
  .md-home-3.md24947 .next {
    left: calc(100% + 0.4rem);
  }
}

.md-home-4.md24948 {
  padding-top: 0.85rem;
  padding-bottom: 0.4rem;
  position: relative;
}
.md-home-4.md24948 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-4.md24948 .swiper {
  margin-top: 0.35rem;
}
.md-home-4.md24948 .sw {
  background-color: #f6f6f6;
  border-radius: 0.1rem;
  padding: 0.36rem 0.14rem 0.3rem;
}
.md-home-4.md24948 .sw:hover .img {
  transform: scale(1.1);
}
.md-home-4.md24948 .sw:hover .title {
  color: var(--active);
}
.md-home-4.md24948 .title {
  line-height: calc(20 / 18);
  height: calc( 20em / 18 * 2);
  transition: 0.5s;
}
.md-home-4.md24948 .line {
  width: 1em;
  height: 0.1em;
  margin: 0.16rem auto 0.2rem;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0072e3, #0072e3);
}
.md-home-4.md24948 .c-pic {
  padding: 0.2rem;
}
.md-home-4.md24948 .img {
  padding-top: 80%;
}
.md-home-4.md24948 .list {
  margin-top: 0.1rem;
}
.md-home-4.md24948 .li {
  padding: 0.1rem;
  border-radius: 0.08rem;
  box-shadow: 0 0 0 1px inset #d5d8e3;
  margin-bottom: 0.1rem;
}
.md-home-4.md24948 .li:last-child {
  margin-bottom: 0;
}
.md-home-4.md24948 .li img {
  width: 1em;
  height: 1.25em;
  flex-shrink: 0;
  margin-right: 0.12rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.md-home-4.md24948 .li .ite {
  line-height: calc(16 / 14);
}

.md-home-5.md24949 {
  padding-top: 0.3rem;
  padding-bottom: 1rem;
  position: relative;
}
.md-home-5.md24949 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-5.md24949 .box {
  padding: 0.14rem 0;
  margin-top: 0.48rem;
  background-color: #f6f6f6;
}
.md-home-5.md24949 .li {
  width: 25%;
  padding: 0 0.2rem;
  box-shadow: -1px 0 0 0 inset #d5d8e3;
}
.md-home-5.md24949 .li:last-child {
  box-shadow: none;
}
.md-home-5.md24949 .title {
  padding: 0 0.16rem;
}
.md-home-5.md24949 .i-list {
  margin-top: 0.3rem;
}
.md-home-5.md24949 .i-li {
  margin: 0 0.16rem;
  margin-bottom: 0.2rem;
}
.md-home-5.md24949 .i-li:hover .ii {
  transform: scale(1.1);
}
.md-home-5.md24949 .i-li .ii {
  max-height: 1.35em;
  display: block;
  transition: 0.5s;
}
@media screen and (max-width: 900px) {
  .md-home-5.md24949 .li {
    width: 100%;
    margin: 0.3rem 0;
  }
}

.md-home-6.md24950 {
  padding-top: 0.88rem;
  padding-bottom: 1rem;
  position: relative;
}
.md-home-6.md24950 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-6.md24950 .desc {
  margin-top: 0.06rem;
}
.md-home-6.md24950 .swiper {
  margin-top: 0.58rem;
  position: relative;
}
.md-home-6.md24950 .sw {
  height: auto;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem;
}
.md-home-6.md24950 .img {
  height: 1rem;
  text-align: center;
}
.md-home-6.md24950 .img img {
  max-height: 100%;
}
.md-home-6.md24950 .title {
  margin-top: 0.25rem;
  height: 3em;
}
.md-home-6.md24950 .time {
  margin-top: 0.16rem;
}
.md-home-6.md24950 .tt {
  min-width: 1rem;
  text-align: center;
  color: var(--active);
  background-color: #d9eaff;
  border-radius: 0.08rem;
  padding: 0.05rem 0;
}
.md-home-6.md24950 .list {
  margin-top: 0.34rem;
}
.md-home-6.md24950 .li {
  margin-bottom: 0.14rem;
}
.md-home-6.md24950 .li .ii {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.7em;
  flex-shrink: 0;
}
.md-home-6.md24950 .li .te {
  line-height: calc(20 / 18);
}
.md-home-6.md24950 .sbtn {
  position: absolute;
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 0 0 1px inset #fff;
  color: #fff;
  cursor: pointer;
  transform: 0.5s;
}
.md-home-6.md24950 .sbtn:hover {
  box-shadow: none;
  background-image: linear-gradient(-90deg, #00aaff 0%, #0071e3 100%), linear-gradient(#0075ff, #0075ff);
  color: #fff;
}
.md-home-6.md24950 .sbtn svg {
  width: 32%;
  height: 32%;
}
@media screen and (min-width: 901px) {
  .md-home-6.md24950 .prev {
    right: calc(100% + 0.4rem);
  }
  .md-home-6.md24950 .next {
    left: calc(100% + 0.4rem);
  }
}

.md-home-7.md24951 {
  padding-top: 1rem;
  padding-bottom: 0.9rem;
  position: relative;
}
.md-home-7.md24951 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-7.md24951 .box-1 {
  position: relative;
}
.md-home-7.md24951 .box-1::before {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 0;
  width: 100%;
  height: 4.2rem;
  background-image: url(/static/home/images/ho7-b1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.2rem;
}
.md-home-7.md24951 .box1-left {
  width: calc( 700 / 1440 * 100%);
  position: relative;
  padding: 0 0.5rem;
  padding-bottom: 0.5rem;
}
.md-home-7.md24951 .box1-right {
  width: calc( 674 / 1440 * 100%);
  position: relative;
}
.md-home-7.md24951 .box1-right img {
  width: 100%;
  display: block;
}
.md-home-7.md24951 .desc {
  margin-top: 0.04rem;
}
.md-home-7.md24951 .line {
  width: 1em;
  height: 0.2em;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
  border-radius: 1rem;
  margin-top: 0.36rem;
}
.md-home-7.md24951 .content {
  line-height: calc(30 / 18);
  margin-top: 0.94rem;
}
.md-home-7.md24951 .btns {
  margin-top: 0.56rem;
}
.md-home-7.md24951 .more {
  display: inline-flex;
  align-items: center;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
  padding: 0.18rem 0.3rem;
  border-radius: 1rem;
  transition: 0.5s;
}
.md-home-7.md24951 .more:hover {
  transform: translateY(-5px);
}
.md-home-7.md24951 .more svg {
  width: 0.5em;
  height: 1em;
  margin-left: 0.4rem;
}
.md-home-7.md24951 .box-2 {
  margin-top: 0.6rem;
}
.md-home-7.md24951 .nlist .n11 img {
  height: 1em;
}
.md-home-7.md24951 .nlist .n12 {
  line-height: 1;
  font-weight: bold;
  margin-top: 0.22rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(135deg, #00aaff 0%, #306fdc 100%);
}
.md-home-7.md24951 .nlist .n12 .num {
  font-size: calc( 56em / 24 );
}
.md-home-7.md24951 .nlist .n13 {
  margin-top: 0.14rem;
}
.md-home-7.md24951 .nline {
  position: relative;
}
.md-home-7.md24951 .nline::after {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 0;
  width: 1px;
  height: 0.8rem;
  background-color: #e7e7e7;
}
@media screen and (max-width: 900px) {
  .md-home-7.md24951 .box1-left {
    width: 100%;
    padding: 0.3rem;
  }
  .md-home-7.md24951 .box1-right {
    width: 100%;
  }
  .md-home-7.md24951 .nlist {
    flex-wrap: wrap;
  }
  .md-home-7.md24951 .nitem {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .md-home-7.md24951 .box-2 {
    margin-top: 0.2rem;
  }
  .md-home-7.md24951 .nitem {
    width: 100%;
    text-align: center;
    padding: 0.25rem 0;
  }
  .md-home-7.md24951 .nitem .n11 {
    justify-content: center;
  }
}

.md-home-8.md24952 {
  padding-top: 0.85rem;
  padding-bottom: 0.7rem;
  position: relative;
  background-attachment: fixed;
}
.md-home-8.md24952 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-8.md24952 .desc {
  margin-top: 0.1rem;
}
.md-home-8.md24952 .ul {
  margin-top: 0.48rem;
}
.md-home-8.md24952 .ul .li {
  width: calc( 705 / 1440 * 100%);
  margin-bottom: 0.3rem;
}
.md-home-8.md24952 .ul .dd {
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem 0.4rem 0.3rem;
}
.md-home-8.md24952 .ul .title {
  padding-bottom: 0.24rem;
  border-bottom: 1px solid #d9d9d9;
}
.md-home-8.md24952 .ul .title img {
  width: calc( 40em / 24);
  height: 1.5em;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.16rem;
}
.md-home-8.md24952 .ul .intro {
  margin-top: 0.25rem;
  height: 4.5em;
}
.md-home-8.md24952 .ul .tags {
  margin-top: 0.3rem;
}
.md-home-8.md24952 .ul .ti {
  margin-right: 0.12rem;
  margin-bottom: 0.1rem;
  box-shadow: 0 0 0 1px inset #666;
  padding: 0.06rem 0.2rem;
  border-radius: 1rem;
  transition: 0.5s;
}
.md-home-8.md24952 .ul .ti:hover {
  color: #fff;
  background-color: var(--active);
  box-shadow: none;
}
@media screen and (max-width: 900px) {
  .md-home-8.md24952 .ul .li {
    width: 100%;
  }
}

.md-home-9.md24953 {
  padding-top: 0.74rem;
  padding-bottom: 1rem;
  position: relative;
}
.md-home-9.md24953 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-9.md24953 .box {
  margin-top: 0.44rem;
}
.md-home-9.md24953 .item {
  width: calc(460 / 1440 * 100%);
  margin-right: calc(30 / 1440 * 100%);
}
.md-home-9.md24953 .item:nth-child(3n) {
  margin-right: 0;
}
.md-home-9.md24953 .big {
  display: block;
  height: 100%;
  background-color: #f6f6f6;
  position: relative;
  border-radius: 0.16rem;
  overflow: hidden;
  transition: 0.5s;
}
.md-home-9.md24953 .big:hover .img {
  transform: scale(1.1);
}
.md-home-9.md24953 .big:hover .title {
  color: var(--active);
}
.md-home-9.md24953 .big .img {
  padding-top: calc( 286 / 460 * 100%);
}
.md-home-9.md24953 .big .text {
  padding: 0.28rem 0.4rem;
  transition: 0.5s;
}
.md-home-9.md24953 .big .title {
  line-height: 1.2;
  height: 2.4em;
  transition: 0.5s;
}
.md-home-9.md24953 .big .intro {
  margin-top: 0.22rem;
}
.md-home-9.md24953 .big .time {
  margin-top: 0.3rem;
}
.md-home-9.md24953 .big .time i {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url(/static/home/images/a2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.md-home-9.md24953 .ul {
  padding: 0.36rem 0.3rem;
  background-color: #f6f6f6;
  border-radius: 0.16rem;
  height: 100%;
}
.md-home-9.md24953 .ul .li {
  margin-bottom: 0.38rem;
}
.md-home-9.md24953 .ul .li:last-child {
  margin-bottom: 0;
}
.md-home-9.md24953 .ul .dd {
  display: block;
}
.md-home-9.md24953 .ul .dd:hover .title {
  color: var(--active);
}
.md-home-9.md24953 .ul .title {
  line-height: 1.2;
  height: 2.4em;
  transition: 0.5s;
}
.md-home-9.md24953 .ul .time {
  margin-top: 0.12rem;
}
@media screen and (max-width: 900px) {
  .md-home-9.md24953 .item {
    width: 100%;
    margin-bottom: 4%;
  }
}

.md-home-10.md24954 {
  padding: 0.52rem 0;
  background-image: linear-gradient(-90deg, #00aaff 0%, #306fdc 100%), linear-gradient(#0075ff, #0075ff);
  position: relative;
}
.md-home-10.md24954 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-home-10.md24954 .desc {
  margin-top: 0.08rem;
}
.md-home-10.md24954 .btn {
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.18rem 0.35rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.2rem;
  transition: 0.5s;
}
.md-home-10.md24954 .btn:hover {
  transform: translateY(-6px);
}
.md-home-10.md24954 .btn em {
  color: var(--active);
}
.md-home-10.md24954 .btn i {
  width: 0.75em;
  height: 0.75em;
  background-image: url(/static/home/images/a4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.45rem;
}
.md-home-10.md24954 .btn1 {
  min-width: 4rem;
}
.md-home-10.md24954 .form .ip {
  width: 4rem;
  height: calc( 60em / 16);
  background-color: #fff;
  border-radius: 1rem;
  padding: 0 0.35rem;
  border: none;
  margin-right: 0.2rem;
  transition: 0.5s;
}
.md-home-10.md24954 .form .submit {
  background-color: #fff;
  border: none;
  display: flex;
  align-items: center;
  padding: 0 0.35rem;
  border-radius: 1rem;
  cursor: pointer;
}
.md-home-10.md24954 .form i {
  width: 0.75em;
  height: 0.75em;
  background-image: url(/static/home/images/a4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.45rem;
}
@media screen and (max-width: 900px) {
  .md-home-10.md24954 .box {
    flex-wrap: wrap;
  }
  .md-home-10.md24954 .box-left {
    width: 100%;
    text-align: center;
  }
  .md-home-10.md24954 .box-right {
    width: 100%;
    margin-top: 0.2rem;
  }
  .md-home-10.md24954 .btns {
    flex-wrap: wrap;
    justify-content: center;
  }
  .md-home-10.md24954 .btn {
    margin: 0 0.1rem;
    margin-top: 0.2rem;
  }
}