/*------------------------------------------------------------------text*/
 .sf-cn-title h2 {
   height: 85px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 40px;
   font-weight: 900;
   color: #333333;
   font-family: Noto Sans Hans;
   position: relative;
 }

 .r-padre-prm {
   font-weight: 400;
   line-height: 2.5rem;
   margin-top: 2.125rem;
   font-size: 1.5rem;
   padding: 0 4rem;
   text-align: center;
 }

 .r-padre-prm p {
   font-size: 18px;
   line-height: 1.6;
   color: #666666;
   font-family: Noto Sans Hans;
 }

 .built-to-capture-more {
   margin: 40px 0;
 }

 @media screen and (max-width: 768px) {
   .sf-cn-title h2 {
     font-size: 24px;
   }

   .r-padre-prm p {
     font-size: 16px;
   }

 }

 /*--------------------------------------------------------------------Overview*/
 .my-section-overview-container {
   display: grid;
   grid: "item1 item1 item1 item1 item1 item1 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 item8 item8 item8 item8 item9 item9 item9 item9";
   grid-row: 2;
   gap: 16px 17px;
   grid-template-columns: repeat(12, 1fr);
 }

 .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;
 }

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

 /*------------------------------------------------------------------Built to Capture More*/

 .my-swiper-container {
   font-family: Noto Sans Hans;
   position: relative;
   max-width: 100%;
   overflow: hidden;
 }

 .my-swiper-content {
   position: relative;
   margin-bottom: 30px;
   padding: 0 10px;
 }

 .my-swiper-content-wrapper {
   display: flex;
   transition: transform 0.5s ease;
   align-items: center;
   padding: 0 calc(50% - 600px);
   /* 居中计算 */
 }

 .my-swiper-slide {
   flex: 0 0 1200px;
   height: 600px;
   margin: 0 20px;
   transition: all 0.3s ease;
   opacity: 0.6;
   transform: scale(0.95);
 }

 .my-swiper-slide.active {
   opacity: 1;
   transform: scale(1);
 }

 .my-swiper-slide img,
 .my-swiper-slide video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 /* 标签样式 */
 .my-swiper-tab-header {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
   gap: 30px;
 }

 .myswiper-tab-header-item {
   padding: 10px 20px;
   cursor: pointer;
   border-bottom: 2px solid transparent;
   transition: all 0.3s ease;
   font-size: 16px;
 }

 .myswiper-tab-header-item.active {
   border-bottom-color: #333;
   font-weight: bold;
 }

 /* 内容区域 */
 .my-swiper-tab-content {
   position: relative;
   height: 120px;
 }

 .myswiper-tab-content-item {
   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;
   color: #999999;
   font-size: 18px;
 }

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

 @media (max-width: 768px) {
   .my-swiper-content-wrapper {
     display: block;
     padding: 10px;
     padding: 0;
     text-align: center;
   }

   .my-swiper-slide {
     width: 100%;
     max-width: 600px;
     /* 限制最大宽度 */
     height: auto;
     aspect-ratio: 2/1;
     margin: 0 auto 20px;
     /* 上下边距20px，水平居中 */
     opacity: 0;
     display: none;
     transform: none;
   }

   .my-swiper-slide.active {
     opacity: 1;
     display: block;
   }

   .my-swiper-tab-header {
     /* flex-wrap: wrap;*/
     gap: 10px;
     justify-content: center;
     padding: 0 15px;
   }

   .myswiper-tab-header-item {
     padding: 8px 15px;
     font-size: 14px;
     margin: 0;
     /*flex: 1;*/
     min-width: 120px;
     text-align: center;
     line-height: 1.5;
   }

   .my-swiper-tab-content {
     height: auto;
     min-height: 100px;
     padding: 0 15px;
   }

   .myswiper-tab-content-item {
     position: static;
     opacity: 0;
     height: 0;
     overflow: hidden;
     padding: 0;
     margin: 0;
   }

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


 /*------------------------------------------------------------------ Capture More With MetroY Pro*/

 .my-swiper-container {
   font-family: Noto Sans Hans;
   position: relative;
 }

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

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

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

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

 .my-swiper-tab-header-dos {
   display: flex;
   justify-content: center;
   /* justify-content: space-evenly;*/
   margin-bottom: 30px;
   border-bottom: 1px solid #D9D9D9;
   gap: 52px;
   margin-left: 300px;
   margin-right: 300px;
 }

 .myswiper-tab-header-item-dos {
   padding: 10px 20px;
   cursor: pointer;
   margin: 0 10px;
   border-bottom: 2px solid transparent;
   transition: all 0.3s ease;
   color: #333;
   position: relative;
   font-size: 16px;
 }


 .myswiper-tab-header-item-dos.active {
   border-bottom-color: #333;
   font-weight: bold;
 }

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

 .myswiper-tab-content-item-dos {
   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-dos.active {
   opacity: 1;
 }

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

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

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

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

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

 /*------------------------------------------------------------------ -5 Scan Modes Combined*/

 .my-fivemodes-text {
   font-weight: bold;
   background: linear-gradient(0deg, #1877f2, #dbe4ff);
   background-clip: text;
   color: transparent;
 }

 .my-fivemodes-combined-container {
   /*display: flex;
    flex-direction: column;*/
   gap: 20px;
   max-width: 1200px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }

 .my-fivemodes-combined-row {
   display: flex;
   gap: 20px;
 }

 .my-fivemodes-combined-col {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .my-fivemodes-combined-col-main {
   flex: 2;
   /* Makes first column wider */
 }

 .my-fivemodes-combined-image-wrapper {
   position: relative;
   height: 0;
   padding-bottom: 75%;
   /* 4:3 aspect ratio */
   overflow: hidden;
   border-radius: 8px;
 }

 .my-fivemodes-combined-image {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .my-fivemodes-combined-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   color: white;
   padding: 12px;
   font-size: 16px;
   text-align: center;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
   .my-fivemodes-combined-row {
     flex-direction: column;
   }

   .my-fivemodes-combined-container {
     grid-template-columns: 1fr;
   }

   .my-fivemodes-combined-col-main {
     flex: 1;
   }
 }




 /*------------------------------------------------------------------ -Accuracy That Delivers*/
 .accuracy-that-delivers {
   margin: 40px 0 80px;
 }

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

 .mytext-wrap {
   flex: 1;
 }

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

 .my-ctext-lt-p2 {
   font-family: Noto Sans Hans;
   font-size: 30px;
   font-weight: 700;
   background: linear-gradient(to right, #1877f2, #b9d7ff);
   background-clip: text;
   color: transparent;
   margin-bottom: 2rem;
 }

 .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%;
   }
 }



 /*-------------------------------------------------------------------------Scan With Flexibility-->*/
 .capture-more-mypro {
   margin-bottom: 40px;
 }

 .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: #333333;
   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: #999999;
   font-size: 18px;
   flex: 1;
 }

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

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

 /*------------------------------------------------------对比组件*/
 .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);
   /* 初始显示左侧50% */
 }

 /* 标签样式 */
 .my-cp-label {
   position: absolute;
   bottom: 20px;
   padding: 8px 16px;
   background: rgba(0, 0, 0, 0.7);
   color: white;
   font-weight: bold;
   border-radius: 4px;
   z-index: 3;
 }

 .my-cp-label-before {
   left: 20px;
 }

 .my-cp-label-after {
   right: 20px;
 }

 /* 滑块样式 */
 .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-label {
     padding: 4px 8px;
     /* 更紧凑的标签 */
     font-size: 12px;
     /* 更小的字号 */
     bottom: 10px;
     /* 更靠近底部 */
   }

   .my-cp-slider-handle {
     width: 24px;
     /* 更小的滑块 */
     height: 30px;
   }

   .my-cp-slider {
     width: 3px;
     /* 更细的滑轨 */
   }

   /* 确保图片在移动端保持宽高比 */
   .my-cp-before,
   .my-cp-after {
     overflow: visible;
     /* 避免移动端裁剪问题 */
   }

 }

 /*-------------------------------------------------------------------------Real-time Temperature Monitoring*/

 .my-realtime-tem {
   flex-direction: row-reverse;
 }

 .my-realtime-tem-p {
   font-size: 22px;
   line-height: 1.8;
   color: #999999;
 }



 @media (max-width: 768px) {
   .my-realtime-tem {
     flex-direction: column;
   }

   .my-realtime-tem-p {
     font-size: 18px
   }

   .my-black-title h2 {
     text-align: center;
     font-size: 22px;
   }
 }

 /*-------------------------------------------------------------------------Revo Metro - Free Scanning Software*/
 .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;
   /* justify-content: space-evenly;*/
   margin-bottom: 30px;
   border-bottom: 1px solid #D9D9D9;
   gap: 52px;
   margin-left: 300px;
   margin-right: 300px;
 }

 .myswiper-tab-header-item-tres {
   padding: 10px 20px;
   cursor: pointer;
   margin: 0 10px;
   border-bottom: 2px solid transparent;
   transition: all 0.3s ease;
   color: #B6B6BA;
   position: relative;
   font-size: 16px;
 }


 .myswiper-tab-header-item-tres.active {
   border-bottom-color: #333;
   font-weight: bold;
   color: #fff;
 }

 .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;
   }

   .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;
   }
 }

 @media (max-width: 768px) {}

 /*-------------------------------------------------------------------------From Scanning to 3D Measurement*/
 .from-scan-tomeasurement {
   background-color: #131313;
   /* padding: 100px 0;*/
 }

 .mymmm {
   z-index: 2;
   top: 100px;
 }

 .measure-img {
   /*position: absolute;*/
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
 }

 .measure-img img {
   width: 100%;
   height: 85%;
   object-fit: cover;
   object-position: center;
   /* opacity: 0.8;*/
 }

 .ov-pc-medium {
   display: block;
 }

 .ov-mb-medium {
   display: none;
 }

 @media screen and (max-width: 768px) {
   .ov-pc-medium {
     display: none;
   }

   .ov-mb-medium {
     display: block;
   }
 }



 /*-----------------------------------------------------------------------应用领域*/

 .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: 500px;
   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-top: 30px;
 }

 .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: 450px;
   }

   .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;
   }
 }


 /*-----------------------------------------------------------------------MetroY vs. MetroY Pro*/

 .my-table-container {
   width: 100%;
   overflow-x: auto;
   position: relative;
   border: 1px solid #EDEBEB;
   background: #fff;
 }

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

 .my-table-container-wrapper table {
   width: 100%;
   border-collapse: collapse;
 }

 .td-header {
   position: sticky;
   left: 0;
   width: 344px;
   min-width: 344px;
   font-weight: 500;
   color: #494949;
   background-color: #f4f4f4;
   border: 1px solid #EDEBEB !important;
   z-index: 1;
 }

 .my-table-container-wrapper td:not(.td-header) {
   background-color: #fff;
   border: 1px solid #EDEBEB;
   line-height: 1.8;
 }

 .my-table-container-wrapper td {
   font-size: 16px;
   color: #666666;
   text-align: left;
   height: 100%;
   vertical-align: middle;
   padding: 12px 16px;
 }

 /* 名称单元格特殊样式 */
 .td-name-wrapper {
   text-align: center !important;
 }

 .td-name-wrapper img {
   display: block;
   margin: 8px auto 0;
   max-width: 100%;
   height: auto;
 }

 @media (max-width: 768px) {
   .td-header {
     width: 200px;
     min-width: 180px;
   }

   .my-table-container-wrapper td:not(.td-header) {
     min-width: 200px;
   }

   .my-table-container-wrapper td {
     font-size: 14px;
     padding: 8px 12px;
   }
 }


 /*---------------------------------------------其他*/

 a:not([href]) {
   cursor: not-allowed !important;
   color: #999;
   text-decoration: none;
 }