.desc-6 {
  opacity: 0.6;
}

.layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}

section {
  line-height: 1.5;
}

.com-pag.bgfff .cp_a {
  background-color: #fff;
}
.com-pag.bgfff .cp_a:hover {
  background-color: #222;
}
.com-pag.bgfff .prev:hover {
  background-image: url(../images/icon-p11.png);
}
.com-pag.bgfff .next:hover {
  background-image: url(../images/icon-p21.png);
}
.com-pag .cp_a {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 0.05rem;
  line-height: 1;
  border-radius: 50%;
  background-color: #f8f8f9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.com-pag .cp_a:hover, .com-pag .cp_a.on {
  color: #fff;
  background-color: #0bfef1;
}
.com-pag .cp_num:hover, .com-pag .cp_num.on {
  background-color: #fff;
  color: var(--theme);
}
.com-pag .cp_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14% auto;
}
.com-pag .cp_btn span {
  display: block;
  text-align: center;
  width: 24.0740740741%;
  height: 24.0740740741%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
}
.com-pag .cp_btn svg {
  width: 16.6666666667%;
  height: 29.1666666667%;
}
.com-pag .cp_btn path {
  width: 100%;
  height: 100%;
}
.com-pag .cp_btn:hover {
  background-color: var(--theme);
}
.com-pag .cp_prev {
  background-image: url(../images/icon-p11.png);
}
.com-pag .cp_prev:hover {
  background-image: url(../images/icon-p12.png);
}
.com-pag .cp_next {
  background-image: url(../images/icon-p21.png);
}
.com-pag .cp_next:hover {
  background-image: url(../images/icon-p22.png);
}
.com-pag .cp_te {
  min-width: 6.25em;
}
.com-pag .ip {
  width: 0.44rem;
  height: 0.44rem;
  min-width: 30px;
  min-height: 30px;
  background-color: #fff;
  border: 1px solid #e9ecf2;
  text-align: center;
  margin: 0 0.5em;
  padding: 0 5px;
}
.com-pag svg {
  width: 0.75em;
  height: 0.75em;
}
.com-pag input::-webkit-outer-spin-button,
.com-pag input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.com-pag input[type=number] {
  -moz-appearance: textfield;
}
@media screen and (max-width: 900px) {
  .com-pag .cp_a {
    margin: 0.05rem;
  }
  .com-pag .cp_te {
    min-width: 4em;
  }
}

.md-com-banner {
  position: relative;
}
.md-com-banner .cb_ban {
  position: relative;
}
.md-com-banner .cb_bg {
  padding-top: calc(580 / 1920 * 100%);
}
.md-com-banner .cb_text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 48.5%;
  transform: translateY(-50%);
  z-index: 2;
}
.md-com-banner .h2 {
  letter-spacing: -1px;
}
.md-com-banner .d2 {
  margin-top: 0.25rem;
}
.md-com-breadnav {
  z-index: 30;
  background-color: #f8f8f9;
  box-shadow: 1px 2px 0.13rem 0px rgba(10, 72, 128, 0.15);
}
.md-com-breadnav.no-shadow {
  box-shadow: none;
}
@media screen and (max-width: 900px) {
  .md-com-breadnav .box {
    flex-wrap: wrap;
  }
 
}
.md-com-breadnav .bn-swiper {
  max-width: 80%;
}
.md-com-breadnav .bn-swiper .bsa {
  position: relative;
  width: auto;
  margin-right: 0.7rem;
  white-space: nowrap;
  transition: color 0.5s;
}
.md-com-breadnav .bn-swiper .bsa:hover .cta {
  color: #0bfef1;
}
.md-com-breadnav .bn-swiper .bsa.on {
  color: #0bfef1;
}
.md-com-breadnav .bn-swiper .bsa.on::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0bfef1;
  position: absolute;
  left: 0;
  bottom: 0;
}
.md-com-breadnav .bn-swiper .bsa:last-child {
  margin-right: 0;
}
.md-com-breadnav .bn-swiper .cta {
  display: block;
  line-height: 0.8rem;
  transition: 0.5s;
}
.md-com-breadnav .bn-swiper .sp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 900px) {
  .md-com-breadnav .bn-swiper {
    max-width: 100%;
  }
  .md-com-breadnav .bn-swiper .bsa {
    margin-right: 0.4rem;
  }
}
.md-com-breadnav .zone-nav {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  line-height: 0.6rem;
  padding: 0.1rem 0;
}
.md-com-breadnav .zone-nav .icon {
  margin-right: 0.08rem;
  display: inline-flex;
  align-items: center;
  color: #0bfef1;
}
.md-com-breadnav .zone-nav .icon svg {
  width: 1em;
  height: 1em;
}
.md-com-breadnav .zone-nav .sp1 {
  position: relative;
  margin: 0 0.1em;
}
.md-com-breadnav .zone-nav .z_a {
  position: relative;
  transition: all 0.3s;
}
.md-com-breadnav .zone-nav .z_a.on, .md-com-breadnav .zone-nav .z_a:hover {
  color: #0bfef1;
}
@media (max-width: 900px) {
  .md-com-breadnav .zone-nav {
    width: 100%;
  }
  .md-com-breadnav .zone-nav .sp1 {
    margin: 0 0.5em;
  }
}

.md-about-1 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
}
.md-about-1 .box {
  padding: 0.58rem 0.9rem 0.97rem;
  background-color: #f8f8f9;
  position: relative;
  overflow: hidden;
}
.md-about-1 .content {
  margin-top: 0.18rem;
}
.md-about-1 .btns {
  margin-top: 0.43rem;
}
.md-about-1 .href {
  display: inline-block;
  padding: 0.13rem 0.48rem;
  border-radius: 1rem;
  background-color: #0bfef1;
  color: #fff;
}
.md-about-1 .logo {
  width: calc( 1060 / 1440 * 100%);
  position: absolute;
  right: -0.7rem;
  bottom: -0.2rem;
}
.md-about-1 .logo img {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .md-about-1 {
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
  .md-about-1 .c-pic {
    width: 100%;
  }
  .md-about-1 .text {
    width: 100%;
    padding: 4%;
  }
  .md-about-1 .nlist {
    justify-content: space-between;
  }
  .md-about-1 .ni {
    width: 48%;
    margin-right: 0;
  }
}

.md-about-2 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
}
.md-about-2 .box {
  position: relative;
}
.md-about-2 .li {
  margin-bottom: 0.8rem;
}
.md-about-2 .li:last-child {
  margin-bottom: 0;
}
.md-about-2 .text {
  width: calc( 660 / 1440 * 100%);
}
.md-about-2 .title {
  font-weight: bold;
  line-height: calc(48 / 36);
}
.md-about-2 .intro {
  margin-top: 0.2rem;
}
.md-about-2 .c-pic {
  width: calc( 700 / 1440 * 100%);
}
.md-about-2 .img {
  padding-top: calc( 393 / 700 * 100%);
    padding-top: calc( 400 / 700 * 100%);
}
@media screen and (min-width: 901px) {
  .md-about-2 .li:nth-child(2n) .dd {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 900px) {
  .md-about-2 .c-pic {
    width: 100%;
    margin-top: 0.3rem;
  }
  .md-about-2 .text {
    width: 100%;
  }
}

.md-about-3 {
  padding-top: 0.6rem;
  padding-bottom: 1rem;
  position: relative;
  background-color: #f8f8f9;
}
.md-about-3 .box-1 {
  padding: 0.7rem 0.9rem;
}
.md-about-3 .box-1 .h2 {
  width: calc( 400 / 1440 * 100%);
}
.md-about-3 .box-1 .desc {
  width: calc( 640 / 1440 * 100%);
  padding-right: 0.6rem;
}
.md-about-3 .list {
  margin-top: 0.2rem;
}
.md-about-3 .li {
  width: calc(466 / 1440 * 100%);
  margin-right: calc(20 / 1440 * 100%);
}
.md-about-3 .li:nth-child(3n) {
  margin-right: 0;
}
.md-about-3 .li {
  margin-bottom: 0.2rem;
}
.md-about-3 .dd {
  height: 100%;
  padding: 0.54rem 0.3rem 0.5rem;
  background-color: #fff;
}
.md-about-3 .dd .intro {
  height: 9em;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.md-about-3 .dd .d2 {
  margin-top: 0.27rem;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.md-about-3 .dd .d3 {
  margin-top: 0.36rem;
  color: #0bfef1;
  line-height: 1;
}
.md-about-3 .dd .d4 {
  margin-top: 0.22rem;
}
@media screen and (max-width: 900px) {
  .md-about-3 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 500px) {
  .md-about-3 .box-1 .h2 {
    width: 100%;
  }
  .md-about-3 .box-1 .desc {
    width: 100%;
    margin-top: 0.3rem;
  }
  .md-about-3 .li {
    width: 100%;
  }
}

.md-about-4 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
  position: relative;
  overflow: hidden;
}
.md-about-4 .box {
  background-color: #f8f8f9;
}
.md-about-4 .box-left {
  width: 25%;
  position: relative;
}
.md-about-4 .logo {
  width: 44.4%;
  height: calc( 655 / 880 * 100%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.md-about-4 .box-right {
  width: 75%;
  padding: 0.7rem 0.6rem 0.2rem;
}
.md-about-4 .c-pic {
  height: 100%;
}
.md-about-4 .img {
  padding-top: calc( 880 / 360 * 100%);
  height: 100%;
}
.md-about-4 .list {
  margin-top: 0.37rem;
}
.md-about-4 .li {
  width: calc(300 / 960 * 100%);
  margin-right: calc(30 / 960 * 100%);
}
.md-about-4 .li:nth-child(3n) {
  margin-right: 0;
}
.md-about-4 .li {
  margin-bottom: 0.7rem;
}
.md-about-4 .intro {
  margin-top: 0.12rem;
}
@media screen and (max-width: 900px) {
  .md-about-4 .box-left {
    width: 100%;
  }
  .md-about-4 .img {
    padding-top: 100%;
  }
  .md-about-4 .box-right {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .md-about-4 .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
  }
}

.md-about-5 {
  padding-top: 0.6rem;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden;
}
.md-about-5.home {
  padding-top: 0.5rem;
  padding-bottom: 0.2rem;
}
.md-about-5 .img {
  margin-top: 0.32rem;
}
.md-about-5 .img img {
  width: 100%;
}
.md-about-5 .ul {
  margin-top: 0.4rem;
}
.md-about-5 .ul .li {
  width: calc(360 / 1440 * 100%);
  margin-right: calc(40 / 1440 * 100%);
}
.md-about-5 .ul .li:nth-child(4n) {
  margin-right: 0;
}
.md-about-5 .ul .li:nth-child(1) .dd {
  background-image: linear-gradient(0deg, rgba(251, 251, 251, 0) 0%, #d2fffd 100%);
}
.md-about-5 .ul .li:nth-child(2) .dd {
  background-image: linear-gradient(0deg, rgba(251, 251, 251, 0) 0%, #d2f2ff 100%);
}
.md-about-5 .ul .li:nth-child(3) .dd {
  background-image: linear-gradient(0deg, rgba(251, 251, 251, 0) 0%, #d2ffd9 100%);
}
.md-about-5 .ul .li:last-child {
  margin-right: 0;
}
.md-about-5 .ul .dd {
  padding: 0.88rem 0.4rem 0.8rem;
}
.md-about-5 .ul .icon {
  display: inline-flex;
}
.md-about-5 .ul .icon img {
  height: 1em;
}
.md-about-5 .ul .d11 {
  margin-top: 0.4rem;
  line-height: 1;
}
.md-about-5 .ul .d12 {
  margin-top: 0.08rem;
}
@media screen and (max-width: 500px) {
  .md-about-5 .ul .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-about-6 {
  padding-top: 0.6rem;
  padding-bottom: 0.2rem;
  position: relative;
  overflow: hidden;
  background-color: #f8f8f9;
}
.md-about-6 .box {
  position: relative;
  padding-bottom: 0.4rem;
}
.md-about-6 .swiper {
  width: calc( 680 / 1440 * 100%);
  width: calc( 700 / 1440 * 100%);
}
.md-about-6 .img {
  padding-top: calc( 425 / 680 * 100%);
    padding-top: calc( 400 / 700 * 100%);
}
.md-about-6 .text {
  width: calc( 700 / 1440 * 100%);
}
.md-about-6 .intro {
  margin-top: 0.18rem;
}
.md-about-6 .swiper-pagination {
  width: 100%;
  position: static;
  margin-top: 0.2rem;
}
.md-about-6 .swiper-pagination-bullet {
  width: 0.6rem;
  height: 2px;
  background-color: #d8d8d8;
  margin: 0 0.05rem;
  border-radius: 0;
  opacity: 1;
}
.md-about-6 .swiper-pagination-bullet-active {
  background-color: #0070b4;
}
@media screen and (max-width: 900px) {
  .md-about-6 .text {
    margin-top: 0.4rem;
    width: 100%;
  }
  .md-about-6 .swiper {
    width: 100%;
  }
}

.md-about-7 {
  padding-top: 0.82rem;
  padding-bottom: 0.6rem;
  position: relative;
  overflow: hidden;
  background-color: #f8f8f9;
}
.md-about-7 .text {
  width: calc( 680 / 1440 * 100%);
  padding-top: 0.8rem;
}
.md-about-7 .box-right {
  width: calc( 700 / 1440 * 100%);
}
.md-about-7 .intro {
  margin-top: 0.18rem;
}
.md-about-7 .swiper {
  width: 10.4rem;
}
.md-about-7 .sw {
  width: 3.03rem;
  margin-right: 0.6rem;
}
.md-about-7 .sw::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-image: url(../images/ab7-0.png);
  background-size: 100% 100%;
  z-index: 30;
  pointer-events: none;
}
.md-about-7 .sw .img {
  padding-top: calc( 430 / 303 * 100%);
}
.md-about-7 .btns {
  margin-top: 0.52rem;
}
.md-about-7 .sbtn {
  width: 1em;
  height: 1em;
  margin-right: 0.1rem;
  color: #666;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  z-index: 30;
  position: relative;
}
.md-about-7 .sbtn:hover {
  background-color: #0bfef1;
  color: #fff;
}
.md-about-7 .sbtn svg {
  width: 20%;
  height: 20%;
}

.md-about-7 .btns {
  margin-top: 0.43rem;
}
.md-about-7 .href {
  display: inline-block;
  padding: 0.13rem 0.48rem;
  border-radius: 1rem;
  background-color: #0bfef1;
  color: #fff;
}

@media screen and (max-width: 900px) {
  .md-about-7 .text {
    width: 100%;
  }
  .md-about-7 .box-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}

.md-about-8 {
  padding-top: 0.6rem;
  position: relative;
}
.md-about-8 .box-1 {
  background-color: #f8f8f9;
}
.md-about-8 .box-1 .c-pic {
  width: calc( 760 / 1440 * 100%);
    width: calc( 700 / 1440 * 100%);
}
.md-about-8 .box-1 .img {
  padding-top: calc( 480 / 760 * 100%);
    padding-top: calc( 400 / 700 * 100%);
}
.md-about-8 .box-1 .text {
  width: calc( 660 / 1440 * 100%);
    width: calc( 700 / 1440 * 100%);
}
.md-about-8 .box-1 .tbox {
  padding: 0.7rem 0.6rem 0.2rem;
    padding: 0.2rem 0.6rem 0.2rem;
}
.md-about-8 .box-1 .intro {
  margin-top: 0.18rem;
}
.md-about-8 .box-1 .intro2 {
  line-height: 1.8;
  color: #666;
  margin-top: 0.44rem;
}
.md-about-8 .ul {
  margin-top: 0.2rem;
}
.md-about-8 .li {
  width: calc(466 / 1440 * 100%);
  margin-right: calc(20 / 1440 * 100%);
}
.md-about-8 .li:nth-child(3n) {
  margin-right: 0;
}
.md-about-8 .li {
  margin-bottom: 0.3rem;
}
.md-about-8 .dd:hover .img {
  transform: scale(1.1);
}
.md-about-8 .dd:hover .title {
  color: #0bfef1;
}
.md-about-8 .dd .img {
  padding-top: calc( 268 / 466 * 100%);
}
.md-about-8 .dd .text {
  margin-top: 0.14rem;
}
.md-about-8 .dd .title {
  transition: 0.5s;
}
.md-about-8 .swiper {
  margin-top: 0.2rem;
}
.md-about-8 .swiper-wrapper {
  transition-timing-function: linear;
}
.md-about-8 .sw:hover .img {
  transform: scale(1.1);
}
.md-about-8 .sw .img {
  padding-top: calc( 268 / 466 * 100%);
}
@media screen and (max-width: 900px) {
  .md-about-8 .box-1 .c-pic {
    width: 100%;
  }
  .md-about-8 .box-1 .text {
    width: 100%;
  }
  .md-about-8 .box-1 .tbox {
    padding: 0.3rem;
  }
  .md-about-8 .ul {
    justify-content: space-between;
  }
  .md-about-8 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-video-1 {
  padding-top: 0.82rem;
  padding-bottom: 1rem;
  position: relative;
  background-color: #f4f4f6;
}
.md-video-1 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-video-1 .tags .ta {
  width: auto;
  height: auto;
  line-height: calc(18 / 16);
  padding: 0.16rem 0.4rem;
  margin-right: 0.1rem;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.md-video-1 .tags .ta.on {
  color: #fff;
}
.md-video-1 .tags .ta.on::before {
  background-color: #0bfef1;
  box-shadow: 0 0 0 1px inset #0bfef1;
}
.md-video-1 .tags .ta::before {
  content: "";
  width: 90%;
  height: 100%;
  border-radius: 0.08rem;
  position: absolute;
  left: 5%;
  top: 0;
  transform: skewX(-15deg);
  box-shadow: 0 0 0 1px inset #999;
}
.md-video-1 .tags .ta .nsp {
  position: relative;
}
.md-video-1 .list {
  margin-top: 0.4rem;
}
.md-video-1 .li {
  width: calc(506 / 1600 * 100%);
  margin-right: calc(40 / 1600 * 100%);
}
.md-video-1 .li:nth-child(3n) {
  margin-right: 0;
}
.md-video-1 .li {
  margin-bottom: 0.56rem;
}
.md-video-1 .dd {
  display: block;
  height: 100%;
}
.md-video-1 .dd:hover .img {
  transform: scale(1.05);
}
.md-video-1 .dd:hover .watch {
  opacity: 1;
}
.md-video-1 .dd:hover .title {
  color: #0bfef1;
}
.md-video-1 .img {
  padding-top: calc( 340 / 506 * 100%);
}
.md-video-1 .watch {
  width: 1em;
  height: 1em;
  background-color: #fff;
  color: #0bfef1;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.5s;
}
.md-video-1 .watch svg {
  width: 25%;
  height: 40%;
}
.md-video-1 .text {
  margin-top: 0.22rem;
}
.md-video-1 .title {
  transition: 0.5s;
}
@media screen and (max-width: 900px) {
  .md-video-1 .tags {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .md-video-1 .tags .ta {
    margin-bottom: 0.1rem;
  }
  .md-video-1 .list {
    justify-content: space-between;
  }
  .md-video-1 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 500px) {
  .md-video-1 .li {
    width: 100%;
    margin-bottom: 8%;
  }
}

.md-product-1 {
  padding-top: 1rem;
  padding-bottom: 0.6rem;
  position: relative;
}
.md-product-1 .item {
  margin-bottom: 1.6rem;
  margin-bottom: 0.8rem;
}
.md-product-1 .item:last-child {
  margin-bottom: 0;
}
.md-product-1 .box {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.md-product-1 .box .img {
  padding-top: calc( 560 / 1440 * 100%);
}
.md-product-1 .box .text {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #333;
  padding: 0 8.3333333333%;
}
.md-product-1 .box .color-f {
  color: #fff !important;
}
.md-product-1 .box .title {
  letter-spacing: -1px;
}
.md-product-1 .box .desc {
  margin-top: 0.08rem;
}
.md-product-1 .swiper .swiper-container {
  padding: 0.2rem 0;
}
.md-product-1 .swiper .sw {
  display: block;
  position: relative;
  padding-bottom: 0.2rem;
}
.md-product-1 .swiper .sw::before {
  content: "";
  width: calc(100% - 0.14rem);
  height: 100%;
  position: absolute;
  left: 0.07rem;
  top: 0;
  background-color: #fff;
  box-shadow: 0 0 0.16rem 0 rgba(10, 72, 128, 0.1);
}
.md-product-1 .swiper .sw:hover .img {
  transform: scale(1.1);
}
.md-product-1 .swiper .sw:hover .title {
  color: #0bfef1;
}
.md-product-1 .swiper .c-pic {
  padding: 0.3rem 0.48rem;
}
.md-product-1 .swiper .img {
  padding-top: calc( 320 / 380 * 100%);
}
.md-product-1 .swiper .text1 {
  padding: 0.1rem 0.48rem 0.33rem;
  position: relative;
}
.md-product-1 .swiper .title {
  line-height: 1.2;
  height: 2.4em;
  transition: 0.5s;
}
.md-product-1 .swiper .type {
  margin-top: 0.18rem;
}
.md-product-1 .swiper .text2 {
  position: relative;
  padding: 0.3rem 0.46rem;
  background-color: #0070b4;
}
.md-product-1 .swiper .text2::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  bottom: 100%;
  left: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-color: #003e63;
}
.md-product-1 .swiper .text2::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  bottom: 100%;
  right: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #003e63;
}
.md-product-1 .swiper .intro {
  line-height: 2;
  height: 6em;
}
.md-product-1 .swiper-pagination {
  width: 100%;
  position: static;
  margin-top: 0.2rem;
}
.md-product-1 .swiper-pagination-bullet {
  width: 0.6rem;
  height: 2px;
  background-color: #d8d8d8;
  margin: 0 0.05rem;
  border-radius: 0;
  opacity: 1;
}
.md-product-1 .swiper-pagination-bullet-active {
  background-color: #0070b4;
}
.md-product-1 .swiper ul{
  padding-left: 1.5em;
  list-style-type: disc;
}
@media screen and (max-width: 900px) {
  .md-product-1 .list {
    justify-content: space-between;
  }
  .md-product-1 .li:first-child {
    width: 100%;
  }
  .md-product-1 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
  .md-product-1 .text {
    padding: 0.3rem;
  }
}
@media screen and (max-width: 500px) {
  .md-product-1 .swiper .sw{
    height: auto;
  }
.md-product-1 .swiper .text2{
  display: none;
}
.md-product-1 .swiper .title {
display: block;
  height:auto;

}
}

.pro-list .li {
  width: calc(385 / 1200 * 100%);
  margin-right: calc(20 / 1200 * 100%);
}
.pro-list .li:nth-child(3n) {
  margin-right: 0;
}
.pro-list .li {
  margin-bottom: 0.2rem;
}
.pro-list .dd {
  display: block;
  height: 100%;
  background-color: #f4f4f6;
  position: relative;
  padding: 0.5rem 0.4rem;
  transition: 0.5s;
}
.pro-list .dd:hover .img {
  transform: scale(1.05);
}
.pro-list .dd:hover .title {
  color: var(--theme);
}
.pro-list .dd:hover .btn {
  background-color: #0bfef1;
  color: #fff;
  box-shadow: 0 0 0 1px inset #0bfef1;
}
.pro-list .img {
  padding-top: calc( 200 / 305 * 100%);
}
.pro-list .text {
  position: relative;
  margin-top: 0.24rem;
}
.pro-list .intro {
  line-height: calc(20 / 16);
  margin-top: 0.05rem;
}
.pro-list .btn {
  display: inline-flex;
  padding: 0.11rem 0.36rem;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px inset #999;
  margin-top: 0.32rem;
  transition: 0.5s;
}
@media screen and (max-width: 900px) {
  .pro-list {
    justify-content: space-between;
  }
  .pro-list .li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 0;
  }
  .pro-list .dd {
    padding: 0.2rem;
  }
}
@media screen and (max-width: 500px) {
  .pro-list .li {
    width: 100%;
  }
}

.md-contact-1 {
  padding-top: 0.92rem;
  padding-bottom: 1rem;
  position: relative;
}
.md-contact-1 .box {
  background-color: #f8f8f8;
  margin-top: 0.4rem;
}
.md-contact-1 .box-left {
  width: 30%;
  background-color: var(--theme);
  padding: 0.7rem 0.6rem 0.5rem;
}
.md-contact-1 .box-right {
  width: 70%;
}
.md-contact-1 .icon {
  display: flex;
}
.md-contact-1 .icon img {
  height: 1em;
}
.md-contact-1 .nlist {
  margin-top: 0.51rem;
}
.md-contact-1 .ni {
  margin-bottom: 0.43rem;
}
.md-contact-1 .ni:last-child {
  margin-bottom: 0;
}
.md-contact-1 .n12 {
  opacity: 0.6;
  line-height: 1.75;
  margin-top: 0.04rem;
}
.md-contact-1 .form {
  padding: 0.7rem 0.8rem;
}
.md-contact-1 .fitem {
  width: calc( 470 / 960 * 100%);
  margin-bottom: 0.25rem;
}
.md-contact-1 .fitem:last-child {
  margin-bottom: 0;
}
.md-contact-1 .ww100 {
  width: 100%;
}
.md-contact-1 .ft {
  color: #666;
  margin-bottom: 0.12rem;
}
.md-contact-1 .ip {
  width: 100%;
  height: calc( 50em / 16);
  background-color: #ffffff;
  border: solid 1px #dfdfdf;
  padding: 0 0.2rem;
}
.md-contact-1 .ta {
  display: block;
  width: 100%;
  height: 1rem;
  background-color: #ffffff;
  border: solid 1px #dfdfdf;
  padding: 0 0.2rem;
}
.md-contact-1 .btns {
  margin-top: 0.3rem;
}
.md-contact-1 .submit {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.3rem;
  border: none;
  background-image: linear-gradient(90deg, #0054a3 0%, #1476d3 100%);
  cursor: pointer;
}
.md-contact-1 .submit svg {
  width: 0.5em;
  height: 1em;
  margin-left: 0.7rem;
}
@media screen and (max-width: 900px) {
  .md-contact-1 .box-left {
    width: 100%;
  }
  .md-contact-1 .box-right {
    width: 100%;
  }
  .md-contact-1 .form {
    padding: 0.4rem;
  }
  .md-contact-1 .fitem {
    width: 100%;
  }
}

.md-contact-2 {
  padding-top: 1.26rem;
  padding-bottom: 2.05rem;
  min-height: 8.68rem;
  position: relative;
}
.md-contact-2 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-contact-2 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-contact-2 .box {
  padding: 0.44rem 0.8rem 0.7rem;
}
.md-contact-2 .h2 {
  color: var(--theme);
}
.md-contact-2 .list {
  margin-top: 0.62rem;
}
.md-contact-2 .li {
  width: 50%;
}
.md-contact-2 .li:nth-child(2n-1) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.md-contact-2 .dd {
  padding: 0.2rem 0.8rem 0.3rem;
}
.md-contact-2 .icon {
  width: 1em;
  height: 1em;
  display: inline-flex;
  flex-shrink: 0;
}
.md-contact-2 .ii {
  width: 100%;
}
.md-contact-2 .ite {
  line-height: calc(30 / 22);
  margin-left: 0.2rem;
}
.md-contact-2 .it1 {
  color: var(--theme);
}
@media screen and (max-width: 900px) {
  .md-contact-2 .dd {
    padding: 0.2rem;
  }
}
@media screen and (max-width: 500px) {
  .md-contact-2 .li {
    width: 100%;
    border-right: none !important;
  }
}

.md-faq-1 {
  padding-top: 0.84rem;
  padding-bottom: 1.1rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-faq-1 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-faq-1 .h2 {
  font-family: "texgyreadventor-Bold";
  position: relative;
  padding-bottom: 0.24rem;
  line-height: 1.375;
}
.md-faq-1 .h2.text-center::before {
  left: 50%;
  transform: translate(-50%);
}
.md-faq-1 .h2::before {
  content: "";
  width: 0.5rem;
  height: 0.05rem;
  background-color: var(--theme);
  position: absolute;
  left: 0;
  bottom: 0;
}
.md-faq-1 .list {
  margin-top: 0.6rem;
  margin-bottom: 0.64rem;
}
.md-faq-1 .li {
  margin-bottom: 0.2rem;
}
.md-faq-1 .li:last-child {
  margin-bottom: 0;
}
.md-faq-1 .dd {
  position: relative;
  background-color: #fff;
  cursor: pointer;
  transition: 0.5s;
}
.md-faq-1 .dd:hover .hd {
  color: #0bfef1;
}
.md-faq-1 .on .hd {
  background-color: #0bfef1;
  color: #fff !important;
}
.md-faq-1 .on .hic {
  background-color: #fff;
  color: #0bfef1;
}
.md-faq-1 .on .arr {
  filter: brightness(0) invert(1);
}
.md-faq-1 .on .arr::after {
  display: none;
}
.md-faq-1 .hd {
  padding: 0.3rem 0.4rem;
  position: relative;
  transition: 0.5s;
}
.md-faq-1 .hic {
  width: calc( 40em / 24 );
  height: calc( 40em / 24 );
  border-radius: 50%;
  background-color: #0093d6;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "texgyreadventor-Bold";
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.md-faq-1 .hte {
  transition: 0.5s;
}
.md-faq-1 .arr {
  position: absolute;
  right: 0.4rem;
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
}
.md-faq-1 .arr::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #0f161a;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
.md-faq-1 .arr::after {
  content: "";
  width: 2px;
  height: 1em;
  background-color: #0f161a;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}
.md-faq-1 .bd {
  display: none;
  background-color: #fff;
}
.md-faq-1 .bbox {
  padding: 0.4rem;
}
.md-faq-1 .bic {
  width: calc( 40em / 24 );
  height: calc( 40em / 24 );
  border-radius: 50%;
  background-color: #f12f3a;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
  margin-right: 0.14rem;
}
.md-faq-1 .bte {
  line-height: calc(28 / 16);
  padding-top: 0.35em;
}
.md-solution-0 {
  position: relative;
}
.md-solution-0 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-0 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-0 .box {
  min-height: calc( 920vw / 1920 * 100);
  padding-top: 3.2rem;
  padding-bottom: 1rem;
}
.md-solution-0 .text {
  width: 7.2rem;
  max-width: 100%;
}
.md-solution-0 .intro {
  margin-top: 0.17rem;
  line-height: calc(31 / 18);
}
@media screen and (max-width: 900px) {
  .md-solution-0 .box {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 500px) {
  .md-solution-0 .text {
    width: 100%;
  }
}

.md-solution-1 {
  position: relative;
}
.md-solution-1 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-1 .h2 {
  font-family: "texgyreadventor-Bold";
  position: relative;
  padding-bottom: 0.24rem;
  line-height: 1.375;
}
.md-solution-1 .h2.text-center::before {
  left: 50%;
  transform: translate(-50%);
}
.md-solution-1 .h2::before {
  content: "";
  width: 0.5rem;
  height: 0.05rem;
  background-color: var(--theme);
  position: absolute;
  left: 0;
  bottom: 0;
}
.md-solution-1 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-1 .box {
  min-height: calc( 680vw / 1920 * 100);
  padding-top: 1.7rem;
  padding-bottom: 1rem;
}
.md-solution-1 .intro {
  margin-top: 0.31rem;
  line-height: calc(40 / 24);
}

.md-solution-2 {
  padding-top: 0.91rem;
  padding-bottom: 0.3rem;
  position: relative;
  background-color: #f0f9fe;
  overflow: hidden;
}
.md-solution-2 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-2 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-2 .desc {
  margin-top: 0.38rem;
}
.md-solution-2 .list {
  margin-top: 0.35rem;
}
.md-solution-2 .dd {
  float: left;
  width: calc( 520 / 1600 * 100%);
  margin-right: calc( 20 / 1600 * 100%);
  margin-bottom: 0.2rem;
  position: relative;
}
.md-solution-2 .dd:hover .img {
  transform: scale(1.1);
}
.md-solution-2 .dd1 .img {
  padding-top: calc( 820 / 520 * 100%);
}
.md-solution-2 .c-pic::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.4rem;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  opacity: 0.7;
}
.md-solution-2 .img {
  padding-top: calc( 400 / 520 * 100%);
}
.md-solution-2 .text {
  position: absolute;
  left: 0%;
  bottom: 0;
  width: 100%;
  padding: 0.26rem 0.3rem;
  z-index: 3;
}
.md-solution-2 .intro {
  margin-top: 0.03rem;
}
@media screen and (min-width: 901px) {
  .md-solution-2 .dd:nth-child(3) {
    margin-right: 0;
  }
  .md-solution-2 .dd:nth-child(5) {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  .md-solution-2 .dd {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .md-solution-2 .text {
    padding: 0.2rem;
  }
}

.md-solution-3 {
  padding-top: 0.38rem;
  padding-bottom: 0.4rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-solution-3 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-3 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-3 .list {
  margin-top: 0.58rem;
}
.md-solution-3 .li {
  width: calc(500 / 1600 * 100%);
  margin-right: calc(50 / 1600 * 100%);
}
.md-solution-3 .li:nth-child(3n) {
  margin-right: 0;
}
.md-solution-3 .dd {
  padding: 0.8rem 0.2rem;
  background-color: #fff;
  height: 100%;
}
.md-solution-3 .icon {
  width: 1em;
  height: 1em;
  display: inline-flex;
}
.md-solution-3 .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-solution-3 .title {
  margin-top: 0.26rem;
}
.md-solution-3 .intro {
  margin-top: 0.21rem;
}
@media screen and (max-width: 900px) {
  .md-solution-3 .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-solution-4 {
  padding-top: 0.49rem;
  padding-bottom: 0.4rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-solution-4 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-4 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-4 .tab {
  margin-top: 0.55rem;
  overflow: auto;
  line-height: calc(24 / 18);
}
.md-solution-4 .tab table {
  width: 100%;
  min-width: 500px;
}
.md-solution-4 .tab thead {
  background-color: #0bfef1;
  color: #fff;
  font-weight: bold;
}
.md-solution-4 .tab thead td {
  padding-top: 0.37rem;
  padding-bottom: 0.37rem;
}
.md-solution-4 .tab tr:nth-child(2n) {
  background-color: #f8fcfe;
}
.md-solution-4 .tab td {
  border: solid 1px #f1f1f1;
  padding: 0.17rem 0.2rem;
}
.md-solution-4 .tab td:nth-child(1) {
  width: calc( 500 / 1600 * 100%);
}
.md-solution-4 .tab td:nth-child(2) {
  width: calc( 500 / 1600 * 100%);
}
.md-solution-4 .tab td:nth-child(3) {
  width: calc( 600 / 1600 * 100%);
}
.md-solution-5 {
  padding-top: 0.46rem;
  padding-bottom: 1.05rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-solution-5 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-solution-5 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-solution-5 .box-1 {
  margin-top: 0.5rem;
}
.md-solution-5 .box-1 .text1 {
  width: 40%;
  padding-top: 0.16rem;
}
.md-solution-5 .box-1 .ti {
  padding-left: 0.3rem;
  position: relative;
  margin-bottom: 0.54rem;
}
.md-solution-5 .box-1 .ti:last-child {
  margin-bottom: 0;
}
.md-solution-5 .box-1 .ti::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  background-color: var(--theme);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
.md-solution-5 .box-1 .t2 {
  line-height: calc(24 / 18);
  margin-top: 0.09rem;
}
.md-solution-5 .box-1 .c-pic {
  width: 50%;
}
.md-solution-5 .box-1 .img {
  padding-top: calc( 500 / 800 * 100%);
}
.md-solution-5 .desc {
  line-height: calc(50 / 24);
  margin-top: 0.83rem;
}
.md-solution-5 .btns {
  margin-top: 0.73rem;
}
.md-solution-5 .more {
  display: inline-flex;
  line-height: 1;
  background-color: #0bfef1;
  padding: 0.2rem;
  border-radius: 0.1rem;
  transition: 0.5s;
}
.md-solution-5 .more:hover {
  background-color: var(--theme);
}
.md-solution-5 .more svg {
  width: 1em;
  height: 1em;
  margin-left: 0.8rem;
}
@media screen and (max-width: 900px) {
  .md-solution-5 .box-1 .c-pic {
    width: 100%;
    order: 1;
  }
  .md-solution-5 .box-1 .text1 {
    width: 100%;
    order: 2;
    margin-top: 0.3rem;
  }
}

.md-product-11 {
  padding-top: 0.69rem;
  padding-bottom: 1rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-product-11 .box-left {
  width: calc( 700 / 1600 * 100%);
  padding-top: 0.14rem;
}
.md-product-11 .box-right {
  width: 50%;
}
.md-product-11 .img {
  padding-top: 100%;
}
.md-product-11 .swiper2 {
  margin-top: 0.1rem;
  padding: 0 0.3rem;
  position: relative;
}
.md-product-11 .sw2 {
  cursor: pointer;
}
.md-product-11 .thumb-active::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  border: 2px solid #0bfef1;
  pointer-events: none;
  z-index: 3;
}
.md-product-11 .sbtn {
  width: 1em;
  height: 1em;
  color: #0bfef1;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 0.5em);
}
.md-product-11 .sbtn svg {
  width: 100%;
  height: 100%;
}
.md-product-11 .prev {
  left: 0;
}
.md-product-11 .next {
  right: 0;
}
.md-product-11 .swiper3 {
  margin-top: 0.52rem;
}
.md-product-11 .s3-title {
  margin-bottom: 0.25rem;
}
.md-product-11 .sw3 {
  width: auto;
  margin-right: 0.1rem;
}
.md-product-11 .sw3 .icon3 {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: inline-flex;
  background-color: #0bfef1;
}
.md-product-11 .sw3 .ste3 {
  max-width: 7em;
  margin-top: 0.16rem;
  line-height: calc(23 / 18);
}
.md-product-11 .name {
  letter-spacing: 1px;
}
.md-product-11 .type {
  letter-spacing: 1px;
  color: #d80c18;
}
.md-product-11 .line {
  height: 1px;
  background-color: #e1e1e1;
  margin-top: 0.3rem;
  margin-bottom: 0.24rem;
}
.md-product-11 .intro {
  letter-spacing: 1px;
}
.md-product-11 .tab-nav {
  box-shadow: 0 0 0 1px inset #0bfef1;
  margin-top: 0.52rem;
  margin-bottom: 0.2rem;
}
.md-product-11 .sw4 {
  width: 50%;
  text-align: center;
  padding: 0.17rem 0;
  cursor: pointer;
}
.md-product-11 .sw4.on {
  background-color: #0bfef1;
  color: #fff;
}
.md-product-11 .tab-item {
  display: none;
}
.md-product-11 .tab-item.show {
  display: block;
}
.md-product-11 .tab1 table,
.md-product-11 .tab1 th,
.md-product-11 .tab1 td {
  border: solid 1px #e1e1e1;
}
.md-product-11 .tab1 table {
  width: 100%;
  table-layout: fixed;
}
.md-product-11 .tab1 td {
  padding: 0.07rem 0.2rem;
}
.md-product-11 .tab1 td:nth-child(1) {
  width: calc( 1 / 3 * 100%);
}
.md-product-11 .tab2 {
  margin-top: 0.4rem;
}
.md-product-11 .tab2 table,
.md-product-11 .tab2 th,
.md-product-11 .tab2 td {
  border: solid 1px #e1e1e1;
}
.md-product-11 .tab2 table {
  width: 100%;
  table-layout: fixed;
}
.md-product-11 .tab2 td {
  padding: 0.07rem 0.2rem;
}
@media screen and (max-width: 900px) {
  .md-product-11 .box-left {
    width: 100%;
  }
  .md-product-11 .box-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}

.md-product-12 {
  padding-top: 0.8rem;
  padding-bottom: 0.85rem;
  position: relative;
  background-color: #e5f7ff;
}
.md-product-12 .list {
  margin-top: 0.57rem;
}
.md-product-12 .li {
  width: calc( 385 / 1600 * 100%);
  margin-right: calc( 20 / 1600 * 100%);
  margin-bottom: 0.2rem;
}
.md-product-12 .li:nth-child(4) {
  margin-right: 0;
}
.md-product-12 .li2 {
  width: calc( 520 / 1600 * 100%);
}
.md-product-12 .li2:nth-child(4n+3) {
  margin-right: 0;
}
.md-product-12 .dd {
  position: relative;
  height: 100%;
  padding: 0.4rem 0.3rem 0.2rem;
  background-color: #fff;
  transition: 0.5s;
}
.md-product-12 .dd:hover {
  background-color: #0bfef1;
}
.md-product-12 .dd:hover .bg {
  opacity: 1;
}
.md-product-12 .dd:hover .icon {
  background-color: #fff;
}
.md-product-12 .dd:hover .ii {
  filter: none;
}
.md-product-12 .dd:hover .title {
  color: #fff;
}
.md-product-12 .dd:hover .intro {
  filter: brightness(0) invert(1);
}
.md-product-12 .bg {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.5s;
}
.md-product-12 .icon {
  width: 1em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0bfef1;
  border-radius: 50%;
  position: relative;
}
.md-product-12 .ii {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.md-product-12 .title {
  min-height: 2.6em;
  line-height: 1.3;
  margin-top: 0.13rem;
  position: relative;
}
.md-product-12 .intro {
  line-height: calc(26 / 16);
  margin-top: 0.24rem;
}
.md-product-12 .intro p {
  position: relative;
  padding-left: 1em;
}
.md-product-12 .intro p::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: var(--theme);
  position: absolute;
  left: 0;
  top: calc( 13em / 16 - 0.25em );
}
@media screen and (max-width: 900px) {
  .md-product-12 .list {
    justify-content: space-between;
  }
  .md-product-12 .li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .md-product-12 .li {
    width: 100%;
  }
}

.md-product-13 {
  padding-top: 0.82rem;
  padding-bottom: 1rem;
  position: relative;
  background-color: #f0f9fe;
}
.md-product-13 .list {
  margin-top: 0.6rem;
}
.md-product-13 .li {
  width: calc( 780 / 1600 * 100%);
  margin-bottom: 0.4rem;
}
.md-product-13 .dd {
  background-color: #ffffff;
  padding: 0.6rem 0.5rem;
  transition: 0.5s;
}
.md-product-13 .dd:hover {
  box-shadow: 0px 0px 0.35rem 0px rgba(0, 0, 0, 0.15);
}
.md-product-13 .dd:hover .icon {
  background-image: url(../images/z2.png);
}
.md-product-13 .dd:hover .title {
  color: #0bfef1;
}
.md-product-13 .dd:hover .btn {
  color: #0bfef1;
}
.md-product-13 .title {
  transition: 0.5s;
}
.md-product-13 .size {
  margin-top: 0.1rem;
}
.md-product-13 .btn {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  transition: 0.5s;
}
.md-product-13 .btn svg {
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.12rem;
}
.md-product-13 .icon {
  width: 0.62rem;
  height: 0.62rem;
  background-image: url(../images/z1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 900px) {
  .md-product-13 .li {
    width: 100%;
  }
}

.md-product-14 {
  padding-top: 0.8rem;
  padding-bottom: 0.88rem;
  position: relative;
  overflow: hidden;
  background-color: #e5f7ff;
}
.md-product-14 .swiper {
  padding: 0.3rem;
  overflow: hidden;
  width: calc(100% + 0.6rem);
  margin-left: -0.3rem;
  margin-top: 0.3rem;
}
.md-product-14 .swiper-container {
  overflow: visible;
}
.md-product-14 .sw:hover .img {
  transform: scale(1.1);
}
.md-product-14 .sw:hover .title {
  color: #0bfef1;
}
.md-product-14 .c-pic {
  box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1);
}
.md-product-14 .img {
  padding-top: calc( 240 / 304 * 100%);
}
.md-product-14 .text {
  margin-top: 0.16rem;
  padding: 0 0.2rem;
}
.md-product-14 .title {
  line-height: calc(24 / 18);
  transition: 0.5s;
}
.md-search-1 {
  padding: 0.8rem 0;
  position: relative;
  background-color: #f0f9fe;
}
.md-search-1 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-search-1 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-search-1 .list {
  max-width: 100%;
  margin-top: 0.32rem;
}
.md-search-1 .list .li {
  width: calc(385 / 1600 * 100%);
  margin-right: calc(20 / 1600 * 100%);
}
.md-search-1 .list .li:nth-child(4n) {
  margin-right: 0;
}
.md-search-1 .list .li {
  margin-bottom: 0.4rem;
}
.md-search-1 .list .dd {
  display: block;
}
.md-search-1 .list .dd:hover .c-pic {
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.2);
}
.md-search-1 .list .dd:hover .img {
  transform: scale(1.1);
}
.md-search-1 .list .dd:hover .title {
  color: #0bfef1;
}
.md-search-1 .list .dd:hover .line {
  width: 2em;
}
.md-search-1 .list .c-pic {
  background-color: #fff;
  transition: 0.5s;
}
.md-search-1 .list .img {
  padding-top: 80%;
}
.md-search-1 .list .text {
  margin-top: 0.22rem;
}
.md-search-1 .list .title {
  transition: 0.5s;
}
.md-search-1 .list .type {
  margin-top: 0.03rem;
  color: var(--theme);
}
.md-search-1 .list .line {
  width: 1em;
  height: 3px;
  background-color: #0bfef1;
  margin-top: 0.03rem;
  transition: 0.5s;
}
@media screen and (max-width: 900px) {
  .md-search-1 .list {
    justify-content: space-between;
  }
  .md-search-1 .list .li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 0;
  }
}

.md-OEM-1 {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
}
.md-OEM-1 .swiper-container {
  overflow: visible;
}
.md-OEM-1 .sw {
  padding: 0.3rem;
  height: auto;
  background-color: #f8f8f9;
}
.md-OEM-1 .sw:hover .img {
  transform: scale(1.1);
}
.md-OEM-1 .img {
  padding-top: calc( 240 / 285 * 100%);
}
.md-OEM-1 .text {
  margin-top: 0.2rem;
}
.md-OEM-1 .title {
  line-height: 1.2;
  height: 2.4em;
}
.md-OEM-1 .intro {
  margin-top: 0.18rem;
}
.md-OEM-1 .btn {
  display: block;
  margin-top: 0.33rem;
  background-color: #333;
  color: #fff;
  border-radius: 1rem;
  line-height: calc(40 / 16);
  transition: 0.5s;
}
.md-OEM-1 .btn:hover {
  background-color: #0bfef1;
  color: #fff;
}

.md-OEM-2 {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}
.md-OEM-2 .ul {
  background-color: #f8f8f9;
  padding: 0.3rem 0;
  margin-top: 0.44rem;
}
.md-OEM-2 .li {
  width: 25%;
  box-shadow: -1px 0 0 0 inset rgba(0, 0, 0, 0.1);
}
.md-OEM-2 .li:last-child {
  box-shadow: none;
}
.md-OEM-2 .dd {
  padding: 0.1rem 0.3rem 0.3rem;
}
.md-OEM-2 .icon {
  height: 0.62rem;
}
.md-OEM-2 .icon img {
  height: 100%;
}
.md-OEM-2 .title {
  margin-top: 0.27rem;
}
.md-OEM-2 .intro {
  line-height: 1;
  color: #0bfef1;
  margin-top: 0.27rem;
}
.md-OEM-2 .content {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.12rem;
  margin-top: 0.16rem;
}
@media screen and (max-width: 900px) {
  .md-OEM-2 .li {
    width: 50%;
    box-shadow: none;
    margin: 0.2rem 0;
  }
}
@media screen and (max-width: 500px) {
  .md-OEM-2 .li {
    width: 100%;
    margin: 0.3rem 0;
  }
}

.md-OEM-3 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
  background-color: #f8f8f9;
}
.md-OEM-3 .list {
  margin-top: 0.3rem;
}
.md-OEM-3 .li {
  width: calc(466 / 1440 * 100%);
  margin-right: calc(21 / 1440 * 100%);
}
.md-OEM-3 .li:nth-child(3n) {
  margin-right: 0;
}
.md-OEM-3 .li {
  margin-bottom: 0.2rem;
}
.md-OEM-3 .dd {
  display: block;
  background-color: #ffffff;
  height: 100%;
}
.md-OEM-3 .dd:hover .img {
  transform: scale(1.1);
}
.md-OEM-3 .dd:hover .title {
  color: #0bfef1;
}
.md-OEM-3 .img {
  padding-top: calc( 268 / 466 * 100%);
}
.md-OEM-3 .text {
  padding: 0.34rem 0.4rem;
}
.md-OEM-3 .title {
  transition: 0.5s;
}
.md-OEM-3 .btn {
  display: inline-flex;
  margin-top: 0.24rem;
  background-color: #0bfef1;
  color: #fff;
  border-radius: 1rem;
  padding: 0 0.13rem;
  line-height: calc(30 / 16);
}
@media screen and (max-width: 900px) {
  .md-OEM-3 .list {
    justify-content: space-between;
  }
  .md-OEM-3 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-news-1 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
}
@media screen and (max-width: 900px) {
  .md-news-1 .nav .nsw {
    padding: 0 0.3rem;
  }
}
.news-list .li {
  width: calc( 690 / 1440 * 100%);
  margin-bottom: 0.54rem;
}
.news-list .dd {
  display: block;
  height: 100%;
  position: relative;
  transition: 0.5s;
}
.news-list .dd:hover .img {
  transform: scale(1.1);
}
.news-list .dd:hover .title {
  color: #0bfef1;
}
.news-list .top {
  position: relative;
}
.news-list .img {
  padding-top: calc( 432 / 690 * 100%);
}
.news-list .type {
  position: absolute;
  left: 0.5rem;
  top: 0;
  padding: 0 1em;
  line-height: calc(36 / 16);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 0.1rem 0.1rem;
}
.news-list .text {
  margin-top: 0.24rem;
}
.news-list .title {
  transition: 0.5s;
}
.news-list .intro {
  margin-top: 0.04rem;
}
.news-list .time {
  margin-top: 0.27rem;
}
.news-list .time span {
  color: #0bfef1;
}
@media screen and (max-width: 900px) {
  .news-list {
    justify-content: space-between;
  }
  .news-list .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 500px) {
  .news-list .li {
    width: 100%;
  }
}

.md-news-11 {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.md-news-11 .box {
  padding-top: 0.4rem;
}
.md-news-11 .box-left {
  width: calc( 960 / 1440 * 100%);
}
.md-news-11 .box-right {
  width: calc( 440 / 1440 * 100%);
  position: relative;
}
.md-news-11 .right-nav {
  position: sticky;
  top: 1rem;
}
.md-news-11 .tops {
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.md-news-11 .type {
  display: inline-block;
  padding: 0 1em;
  background-color: #0bfef1;
  color: #fff;
  line-height: 2.25;
  border-radius: 1rem;
}
.md-news-11 .h1 {
  margin-top: 0.12rem;
  letter-spacing: -1px;
   font-family: 'Poppins-Bold';
}
.md-news-11 .det-top {
  padding-top: 0.25rem;
  padding-bottom: 0.4rem;
  position: relative;
  z-index: 50;
}
.md-news-11 .det-top .back {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #fff;
  color: #0bfef1;
  box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}
.md-news-11 .det-top .back:hover {
  background-color: #0bfef1;
  color: #fff;
}
.md-news-11 .det-top .back svg {
  width: calc( 20 / 60 * 100%);
  height: calc( 20 / 60 * 100%);
}
.md-news-11 .det-top .h1 {
  line-height: 1.25;
}
.md-news-11 .det-top .info {
  margin-top: 0.35rem;
}
.md-news-11 .det-top .time {
  margin-right: 0.55rem;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.md-news-11 .det-top svg {
  width: calc( 14em / 16);
  height: calc( 14em / 16);
  margin-right: 0.1rem;
}
.md-news-11 .det-top .shares .si {
  position: relative;
  margin-left: 0.15rem;
}
.md-news-11 .det-top .shares .si:hover .hd {
  background-image: linear-gradient(90deg, #0054a3 0%, #1476d3 100%);
}
.md-news-11 .det-top .shares .si:hover .hi {
  filter: brightness(0) invert(1);
}
.md-news-11 .det-top .shares .si:hover .bd {
  opacity: 1;
  pointer-events: auto;
}
.md-news-11 .det-top .shares .si:last-child {
  margin-right: 0;
}
.md-news-11 .det-top .shares .hd {
  width: 2em;
  height: 2em;
  background-color: #f3f4f6;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.md-news-11 .det-top .shares .hi {
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.md-news-11 .det-top .shares .bd {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%);
  opacity: 0;
  pointer-events: none;
  padding-top: 0.2rem;
  z-index: 30;
  transition: 0.3s;
}
.md-news-11 .det-top .shares .bd .bbox {
  padding: 0.1rem;
  position: relative;
  background-color: #fff;
  font-size: 0;
}
.md-news-11 .det-top .shares .bd img {
  display: block;
  width: 1.1rem;
  min-width: 80px;
  max-width: none;
}
@media screen and (max-width: 900px) {
  .md-news-11 .det-top .info {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.1rem 0;
  }
}
.md-news-11 .cr-list {
  position: relative;
  background-color: #f8f8f9;
}
.md-news-11 .cr-list1 {
  padding: 0.36rem;
}
.md-news-11 .cr-list1 .d11 {
  margin-top: 0.1rem;
  display: none;
}
.md-news-11 .cr-list2 {
  padding: 0.4rem;
  margin-top: 0.3rem;
}
.md-news-11 .cr-tit {
  position: relative;
  line-height: 1;
  margin-bottom: 1em;
}
.md-news-11 .cr-tit::before {
  content: "";
  position: absolute;
  left: -0.6rem;
  top: 0;
  width: 4px;
  height: 1em;
  background-color: var(--theme);
}
.md-news-11 .list1 .dt {
  padding-left: 0.2rem;
  position: relative;
  cursor: pointer;
}
.md-news-11 .list1 .has-ul2 .dt::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  position: absolute;
  left: 0%;
  top: calc(0.7em - 0.25em);
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.3s;
}
.md-news-11 .list1 .active .dt::before {
  transform: rotate(135deg);
}
.md-news-11 .list1 .ul2 {
  padding-left: 0.4rem;
  display: none;
}
.md-news-11 .list2 .li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.md-news-11 .list2 .dd {
  padding: 0.15rem 0;
}
.md-news-11 .list2 .dd:hover .img {
  transform: scale(1.1);
}
.md-news-11 .list2 .dd:hover .title {
  color: #0bfef1;
}
.md-news-11 .list2 .c-pic {
  width: 50%;
}
.md-news-11 .list2 .img {
  padding-top: calc( 114 / 180 * 100%);
}
.md-news-11 .list2 .text {
  width: 50%;
  padding-left: 0.16rem;
}
.md-news-11 .list2 .tbox{
  width: 100%;
}
.md-news-11 .list2 .title {
  transition: 0.5s;
}
.md-news-11 .list2 .time {
  margin-top: 0.12rem;
}
.md-news-11 .shares .si {
  margin-left: 0.1rem;
}
.md-news-11 .shares .hd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #f8f8f9;
}
.md-news-11 .shares .hd:hover {
  background-color: rgba(11, 254, 241, 0.8);
}
.md-news-11 .shares .hd:hover .hi {
  filter: brightness(0) invert(1);
}
.md-news-11 .shares .hi {
  width: 40%;
  height: 40%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 900px) {
  .md-news-11 .box-left {
    width: 100%;
  }
  .md-news-11 .box-right {
    width: 100%;
  }
  .md-news-11 .info {
    margin-top: 0.3rem;
  }
  .md-news-11 .cr-list1 {
    display: none;
  }
}

.md-case-1 {
  position: relative;
  padding-top: 0.95rem;
  padding-bottom: 0.6rem;
}
.md-case-1 .box {
  padding: 1.1rem 0 1.1rem;
}
.md-case-1 .desc {
  margin-top: 0.16rem;
}
.md-case-1 .nlist {
  margin-top: 1.58rem;
}
.md-case-1 .ni {
  line-height: 1;
  flex: 1;
  padding: 0.2rem 0.1rem 0.36rem;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.md-case-1 .ni:last-child {
  border-right: none;
}
.md-case-1 .n11 {
  font-size: 0.9rem;
  line-height: 1;
}
.md-case-1 .btns {
  margin-top: 0.8rem;
}
.md-case-1 .more {
  display: inline-block;
  padding: 0.08rem 0.48rem;
  border-radius: 1rem;
  background-color: #0bfef1;
  transition: 0.5s;
}
.md-case-1 .more:hover {
  background-color: #fff;
  color: #0bfef1;
}

.md-case-2 {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.md-case-2 .item {
  margin-bottom: 1.1rem;
}
.md-case-2 .item:last-child {
  margin-bottom: 0;
}
.md-case-2 .box .c-pic {
  width: calc( 680 / 1440 * 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.md-case-2 .box .img {
  padding-top: calc( 344 / 680 * 100%);
}
.md-case-2 .box .text {
  width: 50%;
}
.md-case-2 .box .title {
  line-height: calc(48 / 36);
}
.md-case-2 .box .intro {
  margin-top: 0.22rem;
}
.md-case-2 .swiper {
  margin-top: 0.3rem;
}
.md-case-2 .swiper .img {
  padding-top: calc( 216 / 345 * 100%);
}
@media screen and (min-width: 901px) {
  .md-case-2 .item:nth-child(2n) .box {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 900px) {
  .md-case-2 .box .c-pic {
    width: 100%;
  }
  .md-case-2 .box .text {
    width: 100%;
    margin-top: 0.3rem;
  }
}

.md-com-form1 {
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
  position: relative;
}
.md-com-form1 .h2 {
  letter-spacing: -1px;
  color: #333333;
  line-height: calc(48 / 36);
}
.md-com-form1 .box {
  padding: 0.7rem 0.8rem 0.8rem;
  border-radius: 0.2rem;
}
.md-com-form1 .box-left {
  width: calc( 500 / 1280 * 100%);
}
.md-com-form1 .box-right {
  width: calc( 730 / 1280 * 100%);
}
.md-com-form1 .fitem {
  width: calc( 360 / 730 * 100%);
  margin-bottom: 0.16rem;
}
.md-com-form1 .ww100 {
  width: 100% !important;
}
.md-com-form1 .ft {
  color: #333;
  margin-bottom: 0.06rem;
}
.md-com-form1 .ft span {
  color: #ff0000;
}
.md-com-form1 .inp1 {
  width: 1rem;
  padding-right: 0.1rem;
}
.md-com-form1 .inp {
  flex-grow: 1;
}
.md-com-form1 .ip {
  width: 100%;
  height: 2.5em;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0 0.1rem;
  border: none;
}
.md-com-form1 .ta {
  display: block;
  width: 100%;
  height: 1rem;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.1rem;
  border: none;
}
.md-com-form1 .submit {
  width: 100%;
  display: block;
  height: 2.5em;
  border-radius: 0.2rem;
  background-color: #0bfef1;
  color: #fff;
  border: none;
  cursor: pointer;
}
.md-com-form1 .shares {
  margin-top: 1.75rem;
}
.md-com-form1 .s-list {
  margin-top: 0.14rem;
}
.md-com-form1 .s-list .si {
  margin-right: 0.1rem;
}
.md-com-form1 .s-list .hd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #fff;
}
.md-com-form1 .s-list .hd:hover {
  background-color: rgba(11, 254, 241, 0.8);
}
.md-com-form1 .s-list .hd:hover .hi {
  filter: brightness(0) invert(1);
}
.md-com-form1 .s-list .hi {
  width: 40%;
  height: 40%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 900px) {
  .md-com-form1 .box {
    padding: 0.4rem;
  }
  .md-com-form1 .box-left {
    width: 100%;
  }
  .md-com-form1 .box-right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .md-com-form1 .fitem {
    width: 100% !important;
    margin-right: 0;
  }
}

.md-home-0 {
  position: relative;
  z-index: 5;
}
.md-home-0 .ho_sw {
  overflow: hidden;
}
.md-home-0 .img {
  display: block;
  position: relative;
  padding-top: 48.9583333333%;
  overflow: hidden;
}
.md-home-0 .img img,
.md-home-0 .img video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.md-home-0 .text {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 45%;
  transform: translateY(-50%);
  opacity: 0;
}
.md-home-0 .txt {
  line-height: 1.25;
}
.md-home-0 .d1 {
  line-height: calc(76 / 60);
  position: relative;
  margin-bottom: 0.3rem;
  letter-spacing: 1px;
}
.md-home-0 .da {
  width: 2.4rem;
  display: inline-flex;
  align-items: center;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.15rem 0.2rem;
  border-radius: 0.06rem;
  box-shadow: 0 0 0 1px inset #fff;
}
.md-home-0 .da img {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.md-home-0 .da .dt {
  line-height: calc( 20 / 16);
}
.md-home-0 .bots {
  width: 100%;
  position: absolute;
  bottom: 0.33rem;
  left: 0%;
  z-index: 30;
}
.md-home-0 .swiper-slide-active .text {
  opacity: 1;
  transition: opacity 1s 0.5s;
}
.md-home-0 .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 0.5rem;
  z-index: 30;
}
.md-home-0 .swiper-pagination-bullet {
  width: 0.5em;
  height: 0.5em;
  background-color: white;
  border-radius: 1rem;
  margin: 0 0.25em;
  opacity: 1;
  transition: 0.3s;
}
.md-home-0 .swiper-pagination-bullet-active {
  width: 1.5em;
  opacity: 1;
}
.md-home-0 .sbtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.24rem;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  z-index: 30;
  outline: none !important;
  position: relative;
}
.md-home-0 .sbtn:hover {
  filter: none;
}
.md-home-0 .sbtn svg {
  width: 25%;
  height: 25%;
}
@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 .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 .mouse .mbox {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  animation: jump 3s linear infinite;
}
.md-home-0 .mouse .mic {
  height: 1em;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 900px) {
  .md-home-0 .da {
    width: 3.2rem;
  }
}
@media screen and (max-width: 500px) {
  .md-home-0 .d2 {
    margin-top: 0.2rem;
  }
  .md-home-0 .d3 {
    margin-top: 0.2rem;
  }
  .md-home-0 .da {
    width: 40%;
    padding: 0.1rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
  }
  .md-home-0 .bots {
    bottom: 0.3rem;
  }
  .md-home-0 .swiper-pagination {
    bottom: 0.3rem;
  }
}

.md-home-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  z-index: 5;
}
.md-home-1 .swiper {
  position: relative;
  margin-top: 1rem;
}
.md-home-1 .swiper-container {
  display: inline-block;
  max-width: 100%;
}
.md-home-1 .sw {
  width: 2.2rem;
}
.md-home-1 .sw:hover .img {
  transform: scale(1.1);
}
.md-home-1 .sw:hover .more {
  background-color: #fff;
  color: var(--active);
}
.md-home-1 .icon img {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-home-1 .te {
  margin-top: 0.1rem;
}
@media screen and (max-width: 900px) {
  .md-home-1 .sw {
    width: 3rem;
  }
}

.md-home-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
}
.md-home-2 .h2 {
  padding-bottom: 0.33rem;
}
.md-home-2 .list {
  margin-top: 0.3rem;
}
.md-home-2 .li {
  width: calc(345 / 1440 * 100%);
  margin-right: calc(20 / 1440 * 100%);
}
.md-home-2 .li:nth-child(4n) {
  margin-right: 0;
}
.md-home-2 .li {
  margin-bottom: 0.2rem;
}
.md-home-2 .dd {
  display: block;
  background-color: #f8f8f9;
  height: 100%;
  padding: 0.3rem;
}
.md-home-2 .dd:hover .img {
  transform: scale(1.1);
}
.md-home-2 .img {
  padding-top: calc( 240 / 285 * 100%);
}
.md-home-2 .text {
  margin-top: 0.2rem;
}
.md-home-2 .title {
  line-height: 1.2;
  height: 2.4em;
}
.md-home-2 .type {
  margin-top: 0.18rem;
}
.md-home-2 .btn {
  display: block;
  margin-top: 0.33rem;
  background-color: #333;
  border-radius: 1rem;
  line-height: calc(40 / 16);
  transition: 0.5s;
}
.md-home-2 .btn:hover {
  background-color: #0bfef1;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .md-home-2 .list {
    justify-content: space-between;
  }
  .md-home-2 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-home-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
  background-color: #f8f8f9;
}
.md-home-3 .box-1 {
  position: relative;
  margin-top: 0.33rem;
  background-color: #fff;
}
.md-home-3 .box-1:hover .img {
  transform: scale(1.1);
}
.md-home-3 .box-1:hover .title {
  color: #0bfef1;
}
.md-home-3 .box-1 .c-pic {
  width: calc( 840 / 1440 * 100%);
}
.md-home-3 .box-1 .img {
  padding-top: calc( 480 / 840 * 100%);
}
.md-home-3 .box-1 .text {
  width: calc( 600 / 1440 * 100%);
  padding: 0 1rem;
}
.md-home-3 .box-1 .tbox {
  width: 100%;
}
.md-home-3 .box-1 .title {
  line-height: 1.3;
  margin-top: 0.14rem;
}
.md-home-3 .box-1 .more {
  color: #0bfef1;
  margin-top: 1.26rem;
}
.md-home-3 .li {
  width: calc(466 / 1440 * 100%);
  margin-right: calc(20 / 1440 * 100%);
}
.md-home-3 .li:nth-child(3n) {
  margin-right: 0;
}
.md-home-3 .li {
  margin-top: 0.2rem;
}
.md-home-3 .dd {
  display: block;
  height: 100%;
  background-color: #fff;
}
.md-home-3 .dd:hover .img {
  transform: scale(1.1);
}
.md-home-3 .dd:hover .title {
  color: #0bfef1;
}
.md-home-3 .dd .img {
  padding-top: calc( 268 / 466 * 100%);
}
.md-home-3 .dd .text {
  padding: 0.43rem 0.4rem 0.3rem;
}
.md-home-3 .dd .title {
  line-height: 1.2;
  height: 2.4em;
  transition: 0.5s;
}
.md-home-3 .dd .more {
  color: #0bfef1;
  margin-top: 0.25rem;
}
@media screen and (max-width: 900px) {
  .md-home-3 .box-1 .c-pic {
    width: 100%;
  }
  .md-home-3 .box-1 .text {
    width: 100%;
    padding: 0.3rem;
  }
  .md-home-3 .list {
    justify-content: space-between;
  }
  .md-home-3 .li {
    width: 48%;
    margin-right: 0;
    margin-top: 4%;
  }
}

.md-home-4 {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.md-home-4 .list {
  position: relative;
  margin-top: 0.3rem;
}
.md-home-4 .li {
  width: calc(280 / 1440 * 100%);
  margin-right: calc(10 / 1440 * 100%);
}
.md-home-4 .li:nth-child(5n) {
  margin-right: 0;
}
.md-home-4 .li {
  margin-bottom: 0.1rem;
}
.md-home-4 .dd {
  display: block;
  box-shadow: 0 0 0 1px #eee;
}
.md-home-4 .img {
  padding-top: calc( 100 / 280 * 100%);
}
@media screen and (max-width: 900px) {
  .md-home-4 .list {
    justify-content: space-between;
  }
  .md-home-4 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}

.md-home-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
}
.md-home-5 .cont {
  overflow: hidden;
}
.md-home-5 .swiper {
  position: relative;
  margin-top: 0.34rem;
}
.md-home-5 .swiper::before {
  content: "";
  width: 3rem;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  z-index: 30;
  pointer-events: none;
}
.md-home-5 .swiper::after {
  content: "";
  width: 3rem;
  height: 100%;
  position: absolute;
  right: 0%;
  top: 0%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), white);
  z-index: 30;
  pointer-events: none;
}
.md-home-5 .swiper-container {
  overflow: visible;
}
.md-home-5 .sw {
  width: 5.2rem;
  height: auto;
  background-color: #f8f8f9;
  padding: 0.4rem 0.6rem 0;
}
.md-home-5 .sw:hover .title {
  color: var(--theme);
}
.md-home-5 .sw:hover .view {
  background-color: var(--active);
  color: #fff;
}
.md-home-5 .stars .star-box {
  width: 1em;
  height: 0.9em;
  margin-right: 0.25em;
  position: relative;
}
.md-home-5 .stars .star-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/star1.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.md-home-5 .txt {
  line-height: 1.2;
  height: 4.8em;
  margin-top: 0.18rem;
}
.md-home-5 .text {
  width: 100%;
  padding: 0.2rem 0 0.3rem;
}
.md-home-5 .title {
  transition: 0.5s;
}
.md-home-5 .bot {
  margin-top: 0.1rem;
  padding-top: 1.1rem;
  position: relative;
}
.md-home-5 .ble {
  width: 50%;
  padding-bottom: 0.3rem;
}
.md-home-5 .man {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
@media screen and (min-width: 901px) {
  .md-home-5 .prev {
    right: calc(100% + 0.3rem);
  }
  .md-home-5 .next {
    left: calc(100% + 0.3rem);
  }
}
@media screen and (max-width: 900px) {
  .md-home-5 .prev {
    left: 0;
  }
  .md-home-5 .next {
    right: 0;
  }
}

.md-home-6 {
  padding-top: 0.12rem;
  position: relative;
}
.md-home-6 .h2 {
  font-family: "texgyreadventor-Bold";
  position: relative;
  padding-bottom: 0.24rem;
  line-height: 1.375;
}
.md-home-6 .h2.text-center::before {
  left: 50%;
  transform: translate(-50%);
}
.md-home-6 .h2::before {
  content: "";
  width: 0.5rem;
  height: 0.05rem;
  background-color: var(--theme);
  position: absolute;
  left: 0;
  bottom: 0;
}
.md-home-6 .ul {
  margin-top: 0.33rem;
}
.md-home-6 .li {
  width: calc(460 / 1440 * 100%);
  margin-right: calc(30 / 1440 * 100%);
}
.md-home-6 .li:nth-child(3n) {
  margin-right: 0;
}
.md-home-6 .li {
  margin-bottom: 0.3rem;
}
.md-home-6 .dd {
  display: block;
  height: 100%;
  position: relative;
  transition: 0.5s;
}
.md-home-6 .dd:hover .img {
  transform: scale(1.1);
}
.md-home-6 .dd:hover .title {
  color: #0bfef1;
}
.md-home-6 .top {
  position: relative;
}
.md-home-6 .img {
  padding-top: calc( 268 / 460 * 100%);
}
.md-home-6 .type1 {
  position: absolute;
  left: 0.2rem;
  top: 0;
  padding: 0 1em;
  line-height: calc(30 / 16);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 0.1rem 0.1rem;
}
.md-home-6 .type2 {
  position: absolute;
  left: 0.2rem;
  top: 0;
  padding: 0 1em;
  line-height: calc(30 / 16);
  background-color: rgba(11, 254, 241, 0.6);
  border-radius: 0 0 0.1rem 0.1rem;
}
.md-home-6 .text {
  margin-top: 0.2rem;
}
.md-home-6 .title {
  line-height: 1.2;
  transition: 0.5s;
}
@media screen and (max-width: 900px) {
  .md-home-6 .ul {
    justify-content: space-between;
  }
  .md-home-6 .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 500px) {
  .md-home-6 .li {
    width: 100%;
  }
}

.ho-tit .ht1 {
  line-height: 1.25;
}
.ho-tit .ht2 {
  margin-top: 0.12rem;
}

.data-header-pc-1 {
  height: 1rem;
}
.data-header-pc-1 .Menu .title {
  line-height: 1rem;
}

body {
  padding-top: 1rem;
}

.hs_wrap {
  height: auto;
}
.hs_wrap .sbtn {
  width: 1em;
  height: 1em;
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
  background-color: #eee;
  z-index: 21;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 0.5em);
  cursor: pointer;
}
.hs_wrap .sbtn svg {
  width: 30%;
  height: 30%;
}
.hs_wrap .prev {
  left: 0.8rem;
}
.hs_wrap .next {
  right: 0.8rem;
}

.hs_item {
  display: block !important;
}
.hs_item .hs_act {
  top: 15%;
  left: 0;
  transform: none;
  width: 100%;
}
.hs_item .d2 {
  margin-top: 0.02rem;
}
.hs_item .d3 {
  margin-top: 0.4rem;
}
.hs_item .more {
  display: inline-flex;
  padding: 0.12rem 0.36rem;
  box-shadow: 0 0 0 1px inset #fff;
  border-radius: 1rem;
  transition: 0.5s;
}
.hs_item .more:hover {
  background-color: #fff;
  color: #0bfef1;
}
.hs_item .hsi_con {
  padding-top: calc( 840 / 1920 * 100%);
}
.hs_item .hsi_con img,
.hs_item .hsi_con video {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs_mobile {
  display: none !important;
}

.fy_email svg {
  width: 1em;
  height: 0.8em;
  color: rgba(255, 255, 255, 0.6);
}

.ft_nav {
  margin-right: 0.6rem;
}

.pro-dialog {
  position: relative;
  z-index: 101;
  display: none;
}
.pro-dialog.show {
  display: block;
}
.pro-dialog .dlg-mask {
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.pro-dialog .dlg-cont {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.6rem;
  background-color: #f8f8f9;
  border-radius: 0.2rem;
  padding: 0.45rem 0.4rem 0.5rem;
}
.pro-dialog .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 1em;
  height: 1em;
  color: #999;
  cursor: pointer;
}
.pro-dialog .close:hover {
  color: #0bfef1;
}
.pro-dialog .close svg {
  width: 100%;
  height: 100%;
}
.pro-dialog .fbox {
  margin-top: 0.3rem;
}
.pro-dialog .fitem {
  width: calc( 360 / 730 * 100%);
  margin-bottom: 0.16rem;
}
.pro-dialog .ww100 {
  width: 100% !important;
}
.pro-dialog .ft {
  color: #333;
  margin-bottom: 0.06rem;
}
.pro-dialog .ft span {
  color: #ff0000;
}
.pro-dialog .inp1 {
  width: 1rem;
  padding-right: 0.1rem;
}
.pro-dialog .inp {
  flex-grow: 1;
}
.pro-dialog .ip {
  width: 100%;
  height: 2.5em;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0 0.1rem;
  border: none;
}
.pro-dialog .ta {
  display: block;
  width: 100%;
  height: 1rem;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.1rem;
  border: none;
}
.pro-dialog .submit {
  width: 100%;
  display: block;
  height: 2.5em;
  border-radius: 0.2rem;
  background-color: #0bfef1;
  color: #fff;
  border: none;
  cursor: pointer;
}

.md-about-1 .videos {
  position: relative;
  margin-top: 0.4rem;
}
.md-about-1 .videos .img {
  padding-top: 50%;
}
.md-about-1 .videos .img video {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-about-1 .videos .watch {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #fff;
}
.md-about-1 .videos .watch::before {
  content: "";
  border-bottom: 0.4em solid transparent;
  border-top: 0.4em solid transparent;
  border-left: 0.5em solid #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.md-about-1 .videos .mask {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}


@media (max-width: 750px) {
  .ft_list {
    display: block;
    flex-wrap: wrap;
  }
  .ft_nav {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .fn_item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: auto;
    margin-right: 0;

      overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }

  .fn_item li{
    display: inline-block;
  }
}

.hs_mobile, .pl_mobile_banner {
 
    height: calc(465vw / 900 * 100);
}
.nav_slide{
  min-height: auto;
}
.nav_slide img{
  width: 0.6rem;
  height: 0.6rem;
  object-fit: contain;
}