/*--------------------------------------------------滚动*/
.inspire2-scroll-transition {
  position: relative;
  background-color: #000;
}

.scroll-item {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.scroll-item-1 {
  z-index: 1;
}

.scroll-item-2 {
  z-index: 3;
  background: transparent;
}

.scroll-item img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.scroll-content {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 10;
}

.scroll-content h2 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.scroll-content p {
  font-size: 20px;
  opacity: 0.9;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .scroll-content h2 {
    font-size: 32px;
  }

  .scroll-content p {
    font-size: 16px;
  }
}

.scroll-indicator {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}


/*  ---------------------------------------------Overview-*/

/*----mb-滚动*/
.myultra-scrollmb {
  margin: 0rem 0 16px 0;
  padding: 2rem 0;
}

.mus-scroll-img {
  height: unset;
}

.mus-scroll-img p {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 2rem 0;
  text-align: center;
  user-select: none;
  font-size: 20px;
  line-height: 1.5;
}

.mus-scroll-img p {
  font-weight: 600 !important;
  background: linear-gradient(90deg, #d2ba8e 0%, #decebf 76.8%, #ebebeb 100%);
  background-clip: text;
  font-size: 20px;
  margin-top: -70px;
  color: transparent;
  margin-top: -90px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*----overview*/

.myultra-section-overview-container {
  display: grid;
  grid:
    "item0 item0 item0 item0 item0 item0 item0 item0 item0 item0 item0 item0"
    "item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2"
    "item3 item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4"
    "item5 item5 item5 item5 item5 item6 item6 item6 item6 item6 item6 item6"
    "item7 item7 item7 item7 item7 item7 item7 item8 item8 item8  item8 item8"
    "item9 item9 item9 item9  item9 item10 item10 item10 item10 item10 item10 item10";
  grid-row: 2;
  gap: 16px 17px;
  grid-template-columns: repeat(12, 1fr);
}

.myultra-pc {
  display: block;
}

.myultra-mb {
  display: none;
}

.item0 {
  grid-area: item0;
}

.item1 {
  grid-area: item1;
}

.item2 {
  grid-area: item2;
}

.item3 {
  grid-area: item3;
}

.item4 {
  grid-area: item4;
}

.item5 {
  grid-area: item5;
}

.item6 {
  grid-area: item6;
}

.item7 {
  grid-area: item7;
}

.item8 {
  grid-area: item8;
}

.item9 {
  grid-area: item9;
}

.item10 {
  grid-area: item10;
}

@media screen and (max-width: 768px) {
  .myultra-section-overview-container {
    grid:
      "item0"
      "item1"
      "item2"
      "item3"
      "item4"
      "item5"
      "item6"
      "item7"
      "item8"
      "item9"
      "item10" !important;
  }

  .myultra-mb {
    display: block;
  }

  .myultra-pc {
    display: none;
  }
}

/*-----------------------------------------------框架*/

.myultra-margin {
  background-color: #000000;
  padding: 3rem 0;
}

.myultra-title h2 {
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: 900;
  font-family: Noto Sans Hans;
  position: relative;
  background: linear-gradient(#D2BA8E 100%, #DECEBF 100%, #EBEBEB 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.myultra-title p {
  color: #C6C6C6;
  font-family: Noto Sans Hans;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  width: 600px;
  padding: 2rem 0 3rem 0;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .myultra-margin {
    padding: 2rem 0;
  }

  .myultra-title h2 {
    font-size: 2.5rem;
  }

  .myultra-title p {
    width: unset;
  }
}

/*  ---------------------------------------------图文分离-*/

.myul-ov-card {
  position: relative;
  width: 100%;
  height: 100%;
}

.myul-ov-expression {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 2;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.mus-special-expression {
  top: 70%;
  line-height: 2;
}


.mus-ov-reverse {
  flex-direction: column-reverse;
}

.mus-ov-title {
  font-size: 26px;
  font-weight: 900;
  font-family: Noto Sans Hans;
  padding: 6px;
  background: linear-gradient(#D2BA8E 100%, #DECEBF 100%, #EBEBEB 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mus-ov-phrase {
  font-size: 18px;
  font-family: Noto Sans Hans;
  padding: 6px;
  color: #FFFFFF;
  font-weight: 100;
}

.mus-ov-phrase span {
  font-weight: 700;
}

.mus-ov-outdoor {
  color: #734521;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: unset
}


@media (max-width: 768px) {
  .myul-ov-expression {
    top: 18%;
  }

  .mus-special-expression {
    top: 65%;
    line-height: 1.8;
  }

  .mus-ov-title {
    font-size: 18px;
  }

  .mus-ov-phrase {
    font-size: 12px;
  }
}

/*-------------------------注释*/
.myul-ov-notes {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 2;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.mus-ov-note-text {
  font-size: 14px;
  font-weight: 100;
  font-family: Noto Sans Hans;
  color: #999999;
  padding: 6px;
}

@media (max-width: 768px) {
  .mus-ov-note-text {
    font-size: 12px;
  }
}


/*  ---------------------------------------------5 Modes for Any Challenge-*/

.myultra-content-padre {
  text-align: center;
  margin-bottom: 5rem;
}

.myultra-model-four-content {
  position: relative;
  z-index: 3;
  height: 100%;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

.myultra-model-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 60px;
  height: 100%;
}

.myultra-ml-wp-left {
  max-width: 50%;
  display: flex;
  align-items: center;
}

.myultra-ml-wp-left video {
  border-radius: 1rem;
}

.myultra-ml-wp-left img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.myultra-ml-wp-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myultra-ml-wp-right-zw {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myultra-mlzw-title {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  margin: 0 0 1rem 0;
  color: #FFFFFF;
}

.myultra-mlzw-text {
  font-size: 18px;
  color: #C6C6C6;
  text-align: left;
  margin: 1rem 0 2rem 0;
  line-height: 1.6;
}

.myultra-mlzw-table {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
}

.myultra-table-row {
  display: flex;
  width: 100%;
}

.myultra-header-row {
  background-color: #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.myultra-content-row {
  position: relative;
}

.myultra-table-cell {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: left;
  text-align: center;
}

.myultra-header-cell {
  padding: 18px 20px;
  font-size: 16px;
  color: #666;
  font-weight: 600;
}

.myultra-tb-cell-color {
  color: #2680EA;
  font-weight: 600;
}

.myultra-header-cell:first-child {
  border-right: 1px solid #B8B8B8;
}

.myultra-content-cell {
  padding: 18px 16px;
  border-bottom: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.myultra-content-cell div {
  line-height: 1.5;
  font-size: 14px;
  color: #333;
  text-align: left;
}

.myultra-vertical-divider {
  width: 1px;
  background-color: #e5e7eb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.myultra-content-cell:hover {
  background-color: #f9f9f9;
}

.myultra-mlzw-notes {
  margin-top: 1rem;
  text-align: left;
  line-height: 1.5;
}

.myultra-mlzw-notes p {
  font-size: 12px;
  color: #999999;
}

.wrapper-reverse {
  flex-direction: row-reverse;
}

.myultra-zwtext-fontweight {
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .section-description-container {
    padding: 0.5rem 0;
  }

  .sf-cn-title h2 {
    font-size: 2.2rem;
    height: 60px;
  }

  .myultra-dos-title h4 {
    font-size: 1.8rem;
    margin: 0.5rem 0 1.5rem 0;
  }

  .myultra-model-content-wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .myultra-content-padre {
    margin-bottom: 2rem;
  }

  .myultra-ml-wp-left {
    max-width: 100%;
  }

  .wrapper-reverse {
    flex-direction: column;
  }

  .myultra-mlzw-title {
    font-size: 1.9rem;
  }

  .myultra-mlzw-text {
    font-size: 16px;
  }

  .myultra-header-cell {
    padding: 14px 12px;
    font-size: 14px;
  }

  .myultra-content-cell {
    padding: 14px 12px;
  }

  .myultra-content-cell div {
    font-size: 12px;
  }
}


/*  --------------------------------------------Accuracy That Engineers Trust-*/

.my-img-text-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mytext-wrap {
  flex: 1;
}

.my-ctext-lt-p1 {
  font-family: Noto Sans Hans;
  font-size: 26px;
  margin-bottom: 18px;
  color: #FFFFFF
}

.my-ctext-lt-p2 {
  font-family: Noto Sans Hans;
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(#D2BA8E 100%, #DECEBF 100%, #EBEBEB 100%);
  background-clip: text;
  color: transparent;
  margin-bottom: 2rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.my-deliver-img {
  max-width: 66%;
}

.my-deliver-img img {
  width: 100%;
}

@media (max-width: 768px) {
  .my-img-text-container {
    flex-direction: column;
    gap: 24px;
  }

  .my-ctext-lt-p1 {
    font-size: 18px;
    text-align: center;
  }

  .my-ctext-lt-p2 {
    font-size: 22px;
    text-align: center;
  }

  .my-deliver-img {
    max-width: 100%;
  }
}


/*  --------------------------------------------扫描速度提升 50%：最高 90 fps-*/

.myultra-vd-un {
  padding: 4rem 0 2rem 0;
}

@media screen and (max-width: 768px) {
  .myul-title-dos {
    text-align: center;
    width: 300px;
    margin: 0 auto;
    line-height: 1.5;
  }

  .myultra-vd-un {
    padding: 2.5rem 0 2rem 0;
  }
}




/*  --------------------------------------------Accuracy You Can Measure Verification with a Certified Ball Plate-*/
.myscan-wrapper {
  padding: 0;
}

.my-left-right-phrase {
  display: flex;
  align-items: flex-start;
  padding: 80px 0 40px;
}

.my-lr-p-title {
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.1;
  padding-right: 20px;
  font-family: Noto Sans Hans;
  flex: 1;
}

.my-lr-p-text {
  font-family: Noto Sans Hans;
  line-height: 1.7;
  color: #C6C6C6;
  font-size: 18px;
  flex: 1;
}

@media (max-width: 768px) {
  .my-left-right-phrase {
    display: block;
    padding: 30px 0 40px;
  }

  .my-lr-p-title {
    font-size: 1.9rem;
    padding-bottom: 20px;
  }

  .my-lr-p-text {
    font-size: 14px;

  }
}

/*  --------------------------------------------切换-*/

.my-ultra-softchange {
  padding: 2rem 0;
}

.mus-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mus-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 3rem 0 1rem 0;
}

.mus-texts {
  flex: 1;
  position: relative;
  min-height: 120px;
}

.mus-text-item {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mus-text-item.is-active {
  display: block;
  opacity: 1;
}

.mus-text-item p {
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

.mus-nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
}

.mus-arrows {
  display: flex;
  gap: 10px;
}

.mus-arrow {
  width: 44px;
  height: 44px;
  border: 2px solid #ddd;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.mus-arrow:hover {
  border-color: #007bff;
  background: #f0f8ff;
}

.mus-arrow:active {
  transform: scale(0.95);
}

.mus-arrow svg {
  width: 20px;
  height: 20px;
  color: #666;
}

.mus-arrow:hover svg {
  color: #007bff;
}

.mus-dots {
  display: flex;
  gap: 8px;
}

.mus-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ddd;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.mus-dot.is-active {
  /*background: #007bff;*/
  background: #D2BA8E;
  width: 30px;
  border-radius: 5px;
}

.mus-img {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}

.swiper-wrapper {
  display: flex;
  transition: transform 0.5s ease;
  touch-action: pan-y;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
}

.mus-slide-img {
  width: 100%;
  height: auto;
}

.mus-slide-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.mus-footer {
  text-align: center;
  padding-top: 20px;
}

.mus-footer p {
  font-size: 14px;
  color: #C6C6C6;
  margin: 0;
  text-align: left;
  line-height: 1.6;
}


@media (max-width: 768px) {
  .my-ultra-softchange {
    padding: 1.5rem 0;
  }

  .mus-inner {
    gap: 20px;
  }

  .mus-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 1rem 0;
  }

  .mus-texts {
    width: 100%;
    min-height: 80px;
  }

  .mus-text-item p {
    font-size: 16px;
    line-height: 1.5;
  }

  .mus-nav {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .mus-arrows {
    order: 2;
  }

  .mus-dots {
    order: 1;
  }

  .mus-arrow {
    width: 36px;
    height: 36px;
  }

  .mus-arrow svg {
    width: 16px;
    height: 16px;
  }

  .mus-dot {
    width: 8px;
    height: 8px;
  }

  .mus-dot.is-active {
    width: 24px;
  }

  .mus-img {
    border-radius: 8px;
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .mus-slide-img img {
    border-radius: 0;
  }

  .mus-footer p {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .mus-text-item p {
    font-size: 14px;
  }

  .mus-arrow {
    width: 32px;
    height: 32px;
  }

  .mus-arrow svg {
    width: 14px;
    height: 14px;
  }

  .mus-dots {
    gap: 6px;
  }

  .mus-dot {
    width: 6px;
    height: 6px;
  }

  .mus-dot.is-active {
    width: 20px;
  }
}



/*---------------------------------------------------------软件*/

.rm-free-scan-sf {
  background-color: #131313;
  padding: 50px 0;
}

.my-swiper-content-tres {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.my-sc-tres-item {
  display: none;
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
}

.my-sc-tres-item.active {
  display: block;
}

.my-sc-tres-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.my-sc-tres-item video {
  display: block;
  width: 80%;
  object-fit: cover;
  margin: 0 auto;
}

.my-swiper-tab-header-tres {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  /*border-bottom: 1px solid #D9D9D9;
  gap: 52px;
  margin-left: 300px;
  margin-right: 300px;*/
  background-color: #3D3D3D;
  width: 600px;
  margin: 0 auto 2rem auto;
  border-radius: 25px;
}

.myswiper-tab-header-item-tres {
  padding: 1rem 2rem;
  cursor: pointer;
  /*margin: 0 10px;*/
  border-bottom: 2px solid transparent;
  /*transition: all 0.3s ease;*/
  transition: color .35s ease;
  color: #B6B6BA;
  position: relative;
  font-size: 16px;
  flex: 1;
  text-align: center;
}


.myswiper-tab-header-item-tres.active {
  /*border-bottom-color: #333;
  font-weight: bold;
  color: #fff;*/
  font-weight: bold;
  background-color: #D2BA8E;
  color: #000000;
  border-radius: 25px;
}


.my-swiper-tab-content-tres {
  position: relative;
  height: 120px;
  overflow: hidden;
  color: #999999;
}

.myswiper-tab-content-item-tres {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 18px;
  margin: 20px 0;
}

.myswiper-tab-content-item-tres.active {
  opacity: 1;
}

@media (max-width: 768px) {
  .my-swiper-tab-header-tres {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    gap: 0;
    width: unset;
  }

  .myswiper-tab-header-item-tres {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.5;
  }

  .my-swiper-tab-content-tres {
    height: auto;
    min-height: 10px;
    margin-top: 26px;
    color: #999999;
  }

  .myswiper-tab-content-item-tres {
    position: static;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    font-size: 16px;
    margin: 0;
  }

  .myswiper-tab-content-item-tres.active {
    opacity: 1;
    height: auto;
    padding: 10px;
    line-height: 1.5;
  }

  .my-sc-tres-item video {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}

.mu-title-prase p {
  width: unset;
}

@media (max-width: 768px) {
  .mu-title-prase p {
    font-size: 14px;
  }
}




/*----------------------------------------------灵活扫描，自由随心-*/
.mus-white-bc {
  background-color: #FFFFFF
}

.myultra-md-intro {
  padding: 2rem 0;
}

.myultra-md-intro-text {
  text-align: center;
}

.myultra-md-intro-text h3 {
  color: #000000;
  font-family: Noto Sans Hans;
  font-weight: 700;
  font-size: 2.5rem;
}

.myultra-md-intro-text p {
  color: #666666;
  font-family: Noto Sans Hans;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  padding: 2rem 0;
  width: 700px;
  margin: 0 auto;
}

.mus-rg-note p {
  text-align: right;
  color: #666666;
}

@media (max-width: 768px) {

  .myultra-md-intro-text h3 {
    font-size: 2rem;
  }

  .myultra-md-intro-text p {
    width: unset;
    font-size: 14px;
  }
}


/*--------------------户外激光扫描-*/

.mus-outdoor {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.mus-od-item {
  position: relative;
}

.mus-od-item img {
  display: block;
  width: 100%;
}

.mus-od-text-dc {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}

.mus-od-text-dc p {
  color: #96BEFF;
  font-size: 1.7rem;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .mus-outdoor {
    flex-direction: column;
  }

  .mus-od-text-dc p {
    font-size: 1.4rem;
  }
}




/*----------------------------------------------应用领域*/
.myapp-swiper-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /*padding: 20px;*/
  overflow: hidden;
}

.myapp-swiper {
  position: relative;
}

.myapp-swiper-wrapper {
  display: flex;
  transition: transform 0.5s ease;
  cursor: grab;
  user-select: none;
}

.myapp-swiper-slide {
  flex: 0 0 33.333%;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  height: 400px;
  display: flex;
  flex-direction: column;
}

.myapp-swiper-slide img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.myapp-slide-content {
  padding: 15px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.myapp-slide-content h3 {
  color: #333;
  margin-bottom: 10px;
  font-size: 18px;
  flex-shrink: 0;
}

.myapp-slide-content p {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
  overflow: auto;
  flex-grow: 1;
}

.myapp-swiper-pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

.myapp-swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddd;
  margin: 0 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.myapp-swiper-pagination-bullet.active {
  background: #333;
  transform: scale(1.2);
}

.myapp-swiper-wrapper.grabbing {
  cursor: grabbing;
  transition: none;
}

@media (max-width: 768px) {
  .myapp-swiper-slide {
    flex: 0 0 100%;
    padding: 10px;
    height: 380px;
  }

  .myapp-swiper-slide img {
    height: 200px;
  }

  .myapp-slide-content {
    padding: 12px;
  }

  .myapp-slide-content h3 {
    font-size: 16px;
  }

  .myapp-slide-content p {
    font-size: 13px;
  }
}



/*------------------------------------------------------对比组件*/
.my-cp-comparison {
  max-width: 1200px;
  margin: 20px auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.my-cp-container {
  position: relative;
  height: 600px;
  background: #f0f0f0;
}

.my-cp-before,
.my-cp-after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.my-cp-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.my-cp-before {
  z-index: 2;
  clip-path: inset(0 50% 0 0);
}

.my-cp-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: rgba(255, 255, 255, 0.5);
  cursor: ew-resize;
  z-index: 10;
  transform: translateX(-50%);
}

.my-cp-slider-handle {
  position: absolute;
  width: 32px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
}

.my-cp-slider-icon {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

.my-cp-slider-handle:active {
  cursor: grabbing;
}

@media (max-width: 768px) {
  .my-cp-container {
    height: 300px;
    margin: 0 auto;
  }

  .my-cp-image {
    object-position: center center;
  }

  .my-cp-slider-handle {
    width: 24px;
    height: 30px;
  }

  .my-cp-slider {
    width: 3px;
  }

  .my-cp-before,
  .my-cp-after {
    overflow: visible;
  }
}

/*-------------------------------------参数*/

.inspire2-specifications-table-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow-x: auto;
  position: relative;
  border: 1px solid #EDEBEB;
  background: #fff;
  border-radius: 8px;
  margin-top: 1rem;
}

.inspire2-specifications-table-container-wrapper {
  width: 100%;
}

.inspire2-specifications-table-container-wrapper table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.inspire2-specifications-table-container-wrapper td {
  font-size: 20px;
  vertical-align: middle;
  padding: 16px 20px;
  line-height: 1.8;
  font-family: Noto Sans Hans;
  border: 1px solid #EDEBEB;
}

.td-header {
  width: 50%;
  font-weight: 500;
  color: #494949;
  background-color: #f4f4f4;
  text-align: left;
}

.td-wrapper {
  width: 50%;
  background-color: #fff;
  line-height: 1.8;
  text-align: left;
  color: #666;
}

.cell-wrap {
  word-wrap: break-word;
  word-break: break-word;
}

.td-mus-img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: unset;
  gap: 50px;
  text-align: left;
}


.td-mus-img .cell-wrap {
  display: flex;
  align-items: center;
  gap: 50px;
}

.inspire2-specifications-table-container-wrapper tr:hover .td-header {
  background-color: #ececec;
}

.inspire2-specifications-table-container-wrapper tr:hover .td-wrapper {
  background-color: #fafafa;
}

@media (max-width: 768px) {
  .inspire2-specifications-table-container {
    border-radius: 0;
  }

  .inspire2-specifications-table-container-wrapper td {
    font-size: 14px;
    padding: 12px 16px;
  }

  .td-header,
  .td-wrapper {
    width: 50%;
  }
}