/*https://downloads.postekchina.com/Web/Robo-Touch/*/
@font-face {
  font-family: "FiraSans-Medium";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/FiraSans-MediumItalic.ttf") format("truetype");
  font-display: fallback;
}

@font-face {
  font-family: "Helvetica-BdIt";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/HelveticaNeueLTPro-BdIt.otf") format("opentype");
  font-display: fallback;
}

@font-face {
  font-family: "SansCN-Medium";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/SourceHanSansCN-Medium.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "SansCN-Bold";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/SourceHanSansCN-Bold.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "SansCN-Normal";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/SourceHanSansCN-Normal.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "SansCN-Light";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/SourceHanSansCN-Light.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "SansCN-Regular";
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/SourceHanSansCN-Regular.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: Arial;
  src: url("https://downloads.postekchina.com/Web/Robo-Touch/fonts/arial.ttf") format("truetype");
  font-display: fallback;
}

:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
  "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
  "Source Han Sans CN", sans-serif;
  /*--rpx: 100vw / 1512;*/
  --rpx: 100vw / 1920;
  --page-width: 1920;
}

body{
  background-color: #000000;
}
.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 100%;
  /*width: calc(var(--page-width) * var(--rpx));*/
  /*height: calc(16503 * var(--rpx));*/
  margin: 0 auto;
  background: #000000;
  overflow: hidden;

}
.flex-row-c {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1080 * var(--rpx));
  margin: calc(-1 * var(--rpx)) 0 0 0;
  z-index: 9;
}
.header-banner {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(993 * var(--rpx));
  /*height: 100vh;*/
  top: 0;
  left: 50%;
  background: #000000;
  transform: translate(-50%, 0);
  z-index: 9;
  overflow: hidden;
}
.flex-row-cab {
  position: absolute;
  height: calc(982 * var(--rpx));
  top: calc(1 * var(--rpx));
  right: 0;
  left: 0;
  /*z-index: 16;*/
}
.banner {
  position: absolute;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(982 * var(--rpx));
  top: 0;
  left: 0;
  background: #000000;
  overflow: hidden auto;
}
.body {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(982 * var(--rpx));
  margin: calc(-1 * var(--rpx)) 0 0 0;
  background: #000000;
  z-index: 1;
}

.x-group-photo {
  position: absolute;
  width: calc(1511 * var(--rpx));
  height: calc(637* var(--rpx));
  top: calc(145 * var(--rpx));
  left: 50%;
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/banner.webp")
  no-repeat center;
  background-size: contain;
  transform: translate(-50.03%, 0);
  z-index: 2;
}
.pre-order-macbook-pro {
  position: absolute;
  width: calc(120 * var(--rpx));
  height: calc(44 * var(--rpx));
  top: calc(843 * var(--rpx));
  left: 50%;
  background: #0071e3;
  transform: translate(-39.29%, 0);
  z-index: 4;
  border-radius: calc(25 * var(--rpx));
  border: none;
}
.purchase {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(30.3700008392334 * var(--rpx));
  height: calc(17 * var(--rpx));
  top: calc(13 * var(--rpx));
  left: calc(50% - calc(15 * var(--rpx)));
  color: #ffffff;
  font-family: Arial, var(--default-font-family), serif;
  font-size: calc(15.140625 * var(--rpx));
  font-weight: 400;
  line-height: calc(17 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}
.title-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(769 * var(--rpx));
  height: calc(60 * var(--rpx));
  top: calc(60 * var(--rpx));
  left: calc(50% - calc(350 * var(--rpx)));
  color: #f5f5f7;
  /*font-family:Arial, var(--default-font-family), serif;*/
  font-size: calc(50 * var(--rpx));
  line-height: calc(39 * var(--rpx));
  text-align: center;
  letter-spacing: calc(5 * var(--rpx));
  z-index: 6;
}
.title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(769 * var(--rpx));
  height: calc(89 * var(--rpx));
  top: calc(129 * var(--rpx));
  left: calc(50% - calc(350 * var(--rpx)));
  color: #f5f5f7;
  font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(74 * var(--rpx));
  line-height: calc(39 * var(--rpx));
  text-align: center;
  letter-spacing: calc(5 * var(--rpx));
  z-index: 6;
}
.content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(632 * var(--rpx));
  height: calc(39 * var(--rpx));
  top: calc(235 * var(--rpx));
  left: calc(50% - calc(283 * var(--rpx)));
  color: #f5f5f7;
  opacity: 0.8;
  font-family: "SansCN-Light", var(--default-font-family), serif;
  font-size: calc(34 * var(--rpx));
  line-height: calc(39 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  letter-spacing: calc(0.13 * var(--rpx));
  z-index: 6;
}
.section {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1080 * var(--rpx));
  /*height: 200vh;*/
  /*top: calc(982 * var(--rpx));*/
  background-color: #161617;
}
.video-area {
  position: absolute;
  width: calc(1258 * var(--rpx));
  height: calc(704 * var(--rpx));
  top: calc(190 * var(--rpx));
  left: 50%;
  transform:translate(-50%, 0);
  /*opacity: 0.5;*/
  z-index: 1;
  transition: opacity 0.2s ease-in; /* 透明度变化持续时间 */

}
.video-layer{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.style__animation-module___2xRPL{position:relative;}
.style__section-borders___3YnOY{width:100%;min-height:100vh;display:flex;flex-wrap:wrap;justify-content:center}

.style__sticky___ZZvSo{position:sticky;top:0;z-index:4;overflow:hidden}

.content-1{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(736 * var(--rpx));
  height: calc(116 * var(--rpx));
  top: calc(484 * var(--rpx));
  /*bottom: calc(80 * var(--rpx));*/
  left: calc(50% - calc(368 * var(--rpx)));
  color: #f5f5f7;
  font-family: "SansCN-Regular", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  line-height: calc(45 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
  transition: opacity 0.2s ease-in;
  opacity: 0;
  z-index: 3;
}

.section-2 {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(900 * var(--rpx));
  top: 0;
  left: 50%;
  background: #000000;
  transform: translate(-50%, 0);
  z-index: 1;
}
.video-cpu{
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 2;
}
.image {
  position: absolute;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(900 * var(--rpx));
  top: 0;
  left: 0;
  font-size: 0;
  /*background: url(https://downloads.postekchina.com/Web/Robo-Touch/assets/images/cpu.webp)*/
  /*no-repeat center;*/
  background-size: cover;
  z-index: 3;
}
.title-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(978 * var(--rpx));
  height: calc(203 * var(--rpx));
  top: calc(218 * var(--rpx));
  left: calc(50% - calc(480 * var(--rpx)));
  color: #d1d1f3;
  font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(70 * var(--rpx));
  line-height: calc(100 * var(--rpx));
  text-align: center;
  letter-spacing: calc(18 * var(--rpx));
  z-index: 6;
}
.content-4 {
  position: relative;
  width: calc(1008 * var(--rpx));
  height: calc(232 * var(--rpx));
  left: calc(50% - calc(480 * var(--rpx)));
  top: calc(241 * var(--rpx));
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
  z-index: 8;
}
.content-5 {
  position: relative;
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.technology-leap {
  position: relative;
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  font-weight: 500;
  line-height: calc(50 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.efficiency-safety-standard {
  position: relative;
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  font-weight: 500;
  line-height: calc(50 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.mask {
  position: absolute;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(300 * var(--rpx));
  top: calc(780 * var(--rpx));
  left: 0;
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/mask.webp")
  no-repeat center;
  background-size: cover;
  z-index: 7;
}
.frame {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  /*height: calc(1233 * var(--rpx));*/
  height: calc(1161 * var(--rpx));
  /*top: calc(900 * var(--rpx));*/
  left: 0;
  text-align: center;
  background-size: cover;
  overflow: hidden;
}
.title-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(845 * var(--rpx));
  height: calc(178 * var(--rpx));
  top: calc(20 * var(--rpx));
  left: calc(50% - calc(426 * var(--rpx)));
  color: #f5f5f7;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(85 * var(--rpx));
  text-align: center;
  letter-spacing: 0;

}
.main-content-new {
  position: relative;
  width: calc(1008 * var(--rpx));
  height: calc(140 * var(--rpx));
  top: calc(224 * var(--rpx));
  left:  calc(50% - calc(486 * var(--rpx)));;
  /*margin: calc(21 * var(--rpx)) 0 0 calc(344 * var(--rpx));*/
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: calc(45 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.15 * var(--rpx));
}

.mode-show{
  position: relative;
  width: 100%;
  height: calc(718 * var(--rpx));
  top: calc(256 * var(--rpx));
  margin-top:calc(10 * var(--rpx)) ;
}

.swiper-container {
  width: 100%;
  height: calc(610* var(--rpx));

}


.swiper-slide{
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(1068* var(--rpx));
  height: calc(610* var(--rpx));
  /*color: #ffffff;*/
  /*border-radius:calc(50 * var(--rpx)) ;*/
  /*border: calc(2 * var(--rpx)) solid #FFFFFF;*/
}


.single-arm-content{
  width: calc(1068* var(--rpx));
  height: calc(600* var(--rpx));
  color: #ffffff;
  border-radius:calc(50 * var(--rpx)) ;
  border: calc(2 * var(--rpx)) solid #FFFFFF;
  z-index: 3;
}
.single-part-arm-video{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}
.single-part-ctl{
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/controller.webp")
  no-repeat center;
  background-size: contain;
}
.single-part-script{
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/script.webp")
  no-repeat center;
  background-size: contain;
}
.swiper-pagination{
   margin-top: calc(80* var(--rpx));
  left: 50%; /* 水平居中 */
  transform: translate(-50%, -50%); /* 将自身偏移至正中央 */
  width: calc(148 * var(--rpx));
  height: calc(56 * var(--rpx));
  background-color: rgba(66, 66, 69, 0.7);
  border-radius: calc(32 * var(--rpx)); /* 圆弧效果 */
  border: none;
  justify-content: center; /* 水平居中 */
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 修改默认圆点的样式 */
.swiper-pagination-bullet {
  width: calc(8* var(--rpx)); /* 圆点宽度 */
  height: calc(8* var(--rpx)); /* 圆点高度 */
  background: rgba(245,245,247,0.8); /* 默认颜色 */
  border-radius: 50%; /* 圆形 */
  transition: background 0.3s, transform 0.3s; /* 添加过渡效果 */
  margin: calc(10* var(--rpx));
  opacity: 1;
}

/* 修改激活状态的圆点样式 */
.swiper-pagination-bullet-active {
  width: calc(48* var(--rpx));
  transform: scale(1.2); /* 激活时放大效果 */
  border-radius:calc(32* var(--rpx));
}
.content-position{
  position: absolute;
  height: calc(252* var(--rpx));
  bottom: 0;
  left: calc(78* var(--rpx));
  color: #F5F5F7;
  letter-spacing: calc(0.13 * var(--rpx));

  text-align: left;
  z-index: 2;
}
 .content-title{
   font-family: "SansCN-Medium",var(--default-font-family), serif;
   line-height: calc(45* var(--rpx));
   font-size: calc(40 * var(--rpx));
 }
 .swiper-content-top{
   margin-top:calc(25 * var(--rpx));
 }
 .content-detail{
   font-family: "SansCN-Normal",var(--default-font-family), serif;
   line-height: calc(37* var(--rpx));
   font-size: calc(20 * var(--rpx));
   opacity: 0.8;
 }
 .content-width-1{
   width: calc(559* var(--rpx));
   line-height: calc(55* var(--rpx));
 }
.content-width-2{
  width: calc(597* var(--rpx));
  line-height: calc(37* var(--rpx));
}
.content-width-3{
  width: calc(575* var(--rpx));
  line-height: calc(37* var(--rpx));
}
.frame-6 {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1159 * var(--rpx));
  font-size: 0;
  background: #000000;
  z-index: 17;
  overflow: hidden;
}
.compact-light-flexible {
  display: block;
  position: relative;
  height: calc(87 * var(--rpx));
  left: calc(353 * var(--rpx));
  top: calc(70* var(--rpx));
  color: #f5f5f7;
   font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.content-7 {
  position: absolute;
  width: calc(609 * var(--rpx));
  height: calc(338 * var(--rpx));
  top: calc(187 * var(--rpx));
  left: calc(353 * var(--rpx));
  color: #F5F5F7;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
  z-index: 19;
}

.content-7-1{
  color: #FFFFFF;
  font-family: "SansCN-Bold", var(--default-font-family), serif;
  opacity: 1;
}
.content-7-2{
  color: #F5F5F7;
  opacity: 0.8;
}
.ellipse {
  width: calc(14 * var(--rpx));
  height: calc(14 * var(--rpx));
  background-color: #ccc;
  transition: background-color 0.3s ease, transform 0.3s ease;
  border-radius: 50%;
}

.product-img {
  position: absolute;
  width: calc(825 * var(--rpx));
  height: calc(825 * var(--rpx));
  top: calc(334 * var(--rpx));
  left: calc(536 * var(--rpx));
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/OX_arm.webp")
  no-repeat center;
  background-size: cover;
}
/* Checkbox隐藏 */
.product-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-checkbox input[type="radio"] {
  display: none; /* 隐藏实际的radio */
}
/* 选中状态样式 */
.product-checkbox input[type="radio"]:checked + .ellipse {
  background-color: red;
  transform: scale(1.2); /* 放大效果 */
}

.product-checkbox input[type="radio"]:checked + .ellipse + .text {
  color: white;
}

/* 鼠标悬停 */
.product-checkbox .ellipse:hover {
  transform: scale(1.1);
  background-color: #aaa;
}
.product-checkbox .text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: calc(274 * var(--rpx));
  height: calc(86 * var(--rpx));
  color: #707070;
  font-family: Arial, var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  font-weight: 700;
  line-height: calc(45 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
}

.product-1-position{
  position: absolute;
  top: calc(348 * var(--rpx));
  left: calc(1290 * var(--rpx));
}
.ox-robo-touch {
  top: calc(311 * var(--rpx));
  left: calc(1346 * var(--rpx));
}

.product-2-position {
  position: absolute;
  top: calc(409 * var(--rpx));
  left: calc(1290 * var(--rpx));
}
.mx-robo-touch {
  top: calc(375 * var(--rpx));
  left: calc(1346 * var(--rpx));
}

.tx-exp-robo-touch {
  top: calc(439 * var(--rpx));
  left: calc(1346 * var(--rpx));
}
.product-3-position {
  position: absolute;
  top: calc(476 * var(--rpx));
  left: calc(1290 * var(--rpx));
}
.mask-a {
  position: absolute;
  width: calc(925 * var(--rpx));
  height: calc(420 * var(--rpx));
  top: calc(754 * var(--rpx));
  left: calc(284 * var(--rpx));
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/mask.webp")
  no-repeat center;
  background-size: cover;
  z-index: 21;
}
.frame-b {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1235 * var(--rpx));
   font-size: 0;
  background: #000000;
  z-index: 28;

}
.simple-design {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: calc(769 * var(--rpx));
  height: calc(176 * var(--rpx));
  left:calc(353 * var(--rpx));
  top: calc(50 * var(--rpx));;
  color: #f5f5f7;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  letter-spacing: 0;
  text-align: left;
  text-overflow: initial;
  z-index: 31;
}
.group {
  position: absolute;
  width: calc(1200 * var(--rpx));
  height: calc(685.83 * var(--rpx));
  left:calc(360* var(--rpx));
  /*top: calc(41 * var(--rpx));*/
  top: calc(307 * var(--rpx));
}
.main-content {
  position: absolute;
  width: calc(1008 * var(--rpx));
  height: calc(200 * var(--rpx));
  top: calc(1034* var(--rpx));
  left: calc(50% - calc(489 * var(--rpx)));
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.intelligent-printing-robot {
  color: #F5F5F7;
  opacity: 0.8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  letter-spacing: calc(0.13 * var(--rpx));
}
.no-plc-needed {
  color: #ffffff;
  font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  letter-spacing: calc(0.13 * var(--rpx));
}


.frame-e {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1488 * var(--rpx));
   font-size: 0;
  background: #000000;
  overflow: hidden;
}
.versatile-labeling {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: calc(1200 * var(--rpx));
  height: calc(176 * var(--rpx));
  /*margin: calc(64 * var(--rpx)) 0 0 calc(360 * var(--rpx));*/
  left:calc(50% - calc(598 * var(--rpx)));
  top: calc(60 * var(--rpx));
  color: #f5f5f7;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: center;
  text-overflow: initial;
  overflow: hidden;
}
.mask-group {
  position: absolute;
  width: calc(1080 * var(--rpx));
  height: calc(835 * var(--rpx));
  /*margin: calc(71 * var(--rpx)) 0 0 calc(420 * var(--rpx));*/
  left:calc(50% - calc(536 * var(--rpx)));
  top: calc(290 * var(--rpx));
}


.flex-row-cd {
  position: absolute;
  width: calc(1008 * var(--rpx));
  height: calc(520 * var(--rpx));
  /*margin: calc(46 * var(--rpx)) 0 0 calc(557 * var(--rpx));*/
  left:calc(50% - calc(489 * var(--rpx)));
  top: calc(1200 * var(--rpx));
  text-align: justify;
  /*left:calc(50% - calc(398 * var(--rpx)));*/

}
.main-content-12 {
  position: relative;
  height: calc(140 * var(--rpx));
  /*width: calc(1008 * var(--rpx));*/
  /*margin: calc(-26 * var(--rpx)) 0 0 calc(575 * var(--rpx));*/
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}


.precise-labeling {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.high-precision-sensor {
  position: relative;
  color: #ffffff;
   font-family:  "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.automatic-adjustment {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
   font-family:  "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}

.main-content-13 {
  position: absolute;
  height: calc(132 * var(--rpx));
  width: calc(1008 * var(--rpx));
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));

}
.multi-side-labeling {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.multi-side-labeling-14 {
  position: relative;
  color: #ffffff;
   font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}
.production-optimization {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));

  line-height: calc(40 * var(--rpx));
  text-align: center;
  letter-spacing: calc(0.13 * var(--rpx));
}

.mask-group-17 {
  position: absolute;
  width: calc(1106 * var(--rpx));
  height: calc(1295 * var(--rpx));
  top: calc(241 * var(--rpx));
  left: calc(123 * var(--rpx));
  z-index: 1;
}


.frame-1a {
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(1438 * var(--rpx));
  /*top: calc(1820 * var(--rpx));*/
  background: #000000;
  z-index: 32;
  overflow: hidden;
}
.safe-area{
  position: absolute;
  width: calc(1203.29 * var(--rpx));
  height: calc(1295 * var(--rpx));
  top: calc(20* var(--rpx));
  left:calc(50% - calc(596 * var(--rpx)));

}

.mask-group-1c {
  position: absolute;
  width: calc(1080 * var(--rpx));
  height: calc(1080 * var(--rpx));
  left:calc(260* var(--rpx));
  z-index: 34;
}
.collision-protection-1d {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(89 * var(--rpx));
  /*top: calc(99 * var(--rpx));*/
  /*left: calc(50% - calc(596 * var(--rpx)));*/
  color: #f5f5f7;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 36;
}
.main-content-1e {
  position: absolute;
  width: calc(511 * var(--rpx));
  height: calc(595 * var(--rpx));
  /*top: calc(554 * var(--rpx));*/
  /*left: calc(758 * var(--rpx));*/
  bottom:  calc(100 * var(--rpx));
  right: 0;
   font-family: "SansCN-Mediumx", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  font-weight: 500;
  line-height: calc(45 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
  z-index: 35;
}
.robot-sensing {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
}
.smart-text-top{
margin-top: calc(12* var(--rpx));
}

.collision-perception {
  position: relative;
  color: #ffffff;
   font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
}

.advanced-feature {
  position: relative;
  color: #F5F5F7;
  opacity: 0.8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(40 * var(--rpx));
  text-align: left;
  letter-spacing: calc(0.13 * var(--rpx));
}
.arm--param{
  position: relative;
  width: calc(var(--page-width) * var(--rpx));
  height: calc(920 * var(--rpx));
}
.parameter-overview {
  position: absolute;
  height: calc(89 * var(--rpx));
  /*margin: calc(10 * var(--rpx)) 0 0 calc(631 * var(--rpx));*/
  left:calc(50% - calc(116 * var(--rpx)));
  color: #f5f5f7;
   font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(60 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 1;
}
.line {
  position: relative;
  width: calc(1000 * var(--rpx));
  height: calc(1 * var(--rpx));
  /*margin: calc(46 * var(--rpx)) 0 0 calc(256 * var(--rpx));*/
  left:calc(50% - calc(496 * var(--rpx)));
  top: calc(120 * var(--rpx));
  background:#86868B;
  z-index: 1;
}
.flex-row-f {
  position: relative;
  width: calc(444 * var(--rpx));
  height: calc(43.02983474731445 * var(--rpx));
  /*margin: calc(97 * var(--rpx)) 0 0 calc(957 * var(--rpx));*/
  left:calc(50% + calc(190 * var(--rpx)));
  top: calc(160 * var(--rpx));
  z-index: 1;
}
.angle-of-motion {
  position: absolute;
  width: calc(219 * var(--rpx));
  height: calc(42 * var(--rpx));
  color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: calc(43 * var(--rpx));
  font-family: "SansCN-Normal", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 400;
  line-height: calc(42 * var(--rpx));
}
.max-speed {
  position: absolute;
  width: calc(219 * var(--rpx));
  height: calc(42 * var(--rpx));
  color: rgba(255, 255, 255, 0.5);
  top: calc(1.04931640625 * var(--rpx));
  left: calc(225 * var(--rpx));
  font-family: "SansCN-Normal", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 400;
  line-height: calc(42 * var(--rpx));


}
.group-vector {
  position: absolute;
  width: 7.36%;
  height: 60.98%;
  top: 14.63%;
  left: 0;
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/vector.webp")
  no-repeat center;
  background-size: 100% 100%;

}
.max-joint-angle {
  position: absolute;
  width: 5.18%;
  height: 48.78%;
  top: 24.39%;
  left: 40.77%;
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/max-speed.webp")
  no-repeat center;
  background-size: 100% 100%;

}
.max-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(10.495129585266113 * var(--rpx));
  top: calc(22.03955078125 * var(--rpx));
  left: calc(201 * var(--rpx));
  color: rgba(255, 255, 255, 0.5);
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(8 * var(--rpx));
  font-weight: 700;
  line-height: calc(10.495129585266113 * var(--rpx));
  text-align: left;
  white-space: nowrap;

}
.flex-row-abf {
  position: relative;
  width: calc(960 * var(--rpx));
  height: calc(637.51 * var(--rpx));
  /*margin: 0 0 0 calc(284 * var(--rpx));*/
  left:calc(50% - calc(496 * var(--rpx)));
  top: calc(180 * var(--rpx));
}
.select-model{
  position: relative;
  /*height:calc(4300 * var(--rpx));*/
}
.video-layer-1{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.choose-model {

  position: relative;
  height: calc(43 * var(--rpx));
  /*margin: calc(253.49409103393555 * var(--rpx)) 0 0 calc(574 * var(--rpx));*/
  left: calc(50% - calc(178 * var(--rpx)));
  top: calc(90 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(45 * var(--rpx));
  font-weight: 500;
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 1;
}
.rectangle {
  position: relative;
  width: calc(860 * var(--rpx));
  height: calc(62 * var(--rpx));
  /*margin: calc(89 * var(--rpx)) 0 0 calc(368 * var(--rpx));*/
  left: calc(50% - calc(420 * var(--rpx)));
  margin-top: calc(120 * var(--rpx));
  /*top: calc(190 * var(--rpx));*/
  background: #161618;
  border-radius: calc(60 * var(--rpx));
  display: flex; /* 启用 Flexbox 布局 */
  align-items: center; /* 垂直居中 */
  /*justify-content: center; !* 水平居中（可选） *!*/
}
.rectangle-42 {
  position: absolute;
  width: calc(240 * var(--rpx));
  height: calc(50 * var(--rpx));
  top: calc(6 * var(--rpx));
  left: 50%;
  background: #43434c;
  transform: translate(-157.92%, 0);
  z-index: 112;
  border-radius: calc(60 * var(--rpx));
}
.param-content{
  position: relative;
  /*top:calc(300 * var(--rpx));*/
  margin-top: calc(20 * var(--rpx));
  left: calc(50% - calc(530 * var(--rpx)));
  /*top: calc(20 * var(--rpx));*/
}
.nav-link {
  color: #86868b;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(24 * var(--rpx));
  font-weight: 500;
  line-height: calc(16 * var(--rpx));
  width: calc(240 * var(--rpx));
  height: calc(50 * var(--rpx));
  background-color: transparent; /* 默认背景透明 */
  border-radius: calc(60 * var(--rpx))!important;
  margin-left: calc(15 * var(--rpx));
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  padding: 0;
}
.TX{
  width: calc(280 * var(--rpx))!important;
}

.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.1); /* 悬停时背景色 */
  color: white; /* 选中时字体颜色 */
}

.nav-link.active {
  background-color: #43434c!important; /* 选中时背景颜色 */
  color: white; /* 选中时字体颜色 */
  /*font-weight: bold; !* 选中时加粗 *!*/
  transform: scale(1.05); /* 添加轻微缩放效果 */
  text-align: center;
  /*top: calc(6 * var(--rpx));*/
  /*transform: translate(-157.92%, 0);*/

}


.flex-row-abe {
  position: relative;
  width: calc(924.6777954101562 * var(--rpx));
  height: calc(31 * var(--rpx));
  margin: calc(30 * var(--rpx)) 0 0 calc(262 * var(--rpx));
  z-index: 125;
}

.span-model {
  top: 0;
  left: 0;
  color: #86868b;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: calc(31 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 120;
}
.span-robo-touch-45 {
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: calc(167 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 700;
  line-height: calc(31 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 116;
}
.span-robo-touch-46 {
  top: 0;
  left: calc(352 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: calc(31 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}
.span-robo-touch-47 {
  top: 0;
  left: calc(536 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: calc(31 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 123;
}
.span-robo-touch-48 {
  top: 0;
  left: calc(740 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 500;
  line-height: calc(31 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 125;
}

.flex-row-bf {
  position: relative;
  width: calc(934.1001281738281 * var(--rpx));
  height: calc(31 * var(--rpx));
  /*margin: calc(30 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
  /*left: calc(50% - calc(530 * var(--rpx)));*/
  /*top: calc(20 * var(--rpx));*/
  margin-top: calc(30 * var(--rpx)) ;
  z-index: 126;
}
.rfid-model {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: 0;
  color: #86868b;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 119;
}
.oxr-robo-touch {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: calc(167 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 118;
}
.tx-gap{
  margin-left: calc(100 * var(--rpx));
}
.tx-gap2{
  margin-left: calc(201 * var(--rpx));
}
.oxr-robo-touch-49 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: calc(352 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 122;
}
.oxr-robo-touch-4a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: calc(536 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 124;
}
.oxr-robo-touch-4b {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(31 * var(--rpx));
  top: 0;
  left: calc(740 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}

.line-4c {
  position: relative;
  width: calc(1000 * var(--rpx));
  height: calc(1 * var(--rpx));
  /*margin: calc(40 * var(--rpx)) 0 0 calc(256 * var(--rpx));*/
  margin-top: calc(40 * var(--rpx));
  background: #FFFFFF;
}
.flex-row-d {
  position: relative;
  width: calc(994 * var(--rpx));
  height: calc(1980 * var(--rpx));
  top:  calc(40 * var(--rpx));
  /*margin: calc(41 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
}
.flex-row-d-tx {
  position: relative;
  width: calc(994 * var(--rpx));
  height: calc(1940 * var(--rpx));
  top:  calc(40 * var(--rpx));
  /*margin: calc(41 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
}
.flex-row-d-mx {
  position: relative;
  width: calc(994 * var(--rpx));
  height: calc(1940 * var(--rpx));
  top:  calc(40 * var(--rpx));
  /*margin: calc(41 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/

}
.print-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(145 * var(--rpx));
  height: calc(1885 * var(--rpx));
  top: 0;
  left: 0;
  color: #86868b;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;

}
.print-details-4d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(960 * var(--rpx));
  height: calc(1885 * var(--rpx));
  top: 0;
  left: calc(167 * var(--rpx));
  color: #C8C8C8;
   font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;
  text-overflow: initial;
  z-index: 133;
  overflow: hidden;
}
.show{
  display: none;
}
.print-details-4e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(216 * var(--rpx));
  height: calc(274 * var(--rpx));
  top: 0;
  left: calc(355 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;
}
.mx-ribbon{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(700 * var(--rpx));
  height: calc(720 * var(--rpx));
  top: calc(700 * var(--rpx));;
  left: calc(355 * var(--rpx));
  color: #C8C8C8;;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;
}
.print-details-4f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(216 * var(--rpx));
  height: calc(274 * var(--rpx));
  top: 0;
  left: calc(536 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;

}
.print-details-50 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(254 * var(--rpx));
  height: calc(1027 * var(--rpx));
  top: 0;
  left: calc(740 * var(--rpx));
  color: #C8C8C8;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(50 * var(--rpx));
  text-align: left;

}
.heat-level {
  position: relative;
  width: calc(979 * var(--rpx));
  height: calc(152 * var(--rpx));
  /*top:  calc(40 * var(--rpx));*/
  /*margin: 0 0 0 calc(262 * var(--rpx));*/
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.heat-level-mx{
  position: relative;
  width: calc(979 * var(--rpx));
  height: calc(102 * var(--rpx));
  /*top:  calc(40 * var(--rpx));*/
  /*margin: 0 0 0 calc(262 * var(--rpx));*/
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.heat-level-51 {
  position: relative;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.metal-rfid-tag {
  position: relative;
  color: #86868b;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  font-weight: 500;
  line-height: calc(38 * var(--rpx));
  text-align: left;
}
.heat-level-52 {
  position: relative;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.metal-rfid-tag-53 {
  position: relative;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.metal-rfid-tag-666{
  position: relative;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  top: calc(275 * var(--rpx));
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.label-speed {
  position: relative;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.flex-row-f-54 {
  position: relative;
  width: calc(1000 * var(--rpx));
  height: calc(75 * var(--rpx));
  top: calc(60 * var(--rpx));
  /*margin: calc(48 * var(--rpx)) 0 0 calc(256 * var(--rpx));*/

}
.optional-config {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: calc(75 * var(--rpx));
  top: 0;
  left: calc(6 * var(--rpx));
  color: #ffffff;
   font-family: "SansCN-Bold", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  line-height: calc(87 * var(--rpx));
  text-align: left;
  white-space: nowrap;

}
.line-55 {
  position: relative;
  width: calc(1000 * var(--rpx));
  height: calc(1 * var(--rpx));
  top: calc(63 * var(--rpx));
  left: 50%;
  background:#FFFFFF;
  transform: translate(-50%, 0);

}
.flex-row-c-56 {
  position: relative;
  width: calc(992 * var(--rpx));
  height: calc(600 * var(--rpx));
  top: calc(56 * var(--rpx));
  /*margin: calc(11 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
}
.flex-row-c-56-tx {
  position: relative;
  width: calc(992 * var(--rpx));
  height: calc(300 * var(--rpx));
  top: calc(56 * var(--rpx));
  /*margin: calc(11 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
  /*background-color: #0dcaf0;*/
}
.flex-row-c-56-mx {
  position: relative;
  width: calc(992 * var(--rpx));
  height: calc(656 * var(--rpx));
  top: calc(56 * var(--rpx));

  /*margin: calc(11 * var(--rpx)) 0 0 calc(262 * var(--rpx));*/
}
.rfid-verification-tx{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(200 * var(--rpx));
  height: calc(120 * var(--rpx));
  top: 0;
  left: 0;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(55 * var(--rpx));
  text-align: left;
}
.show-product-model-detail{
  position: relative;
  height: calc(1100 * var(--rpx));
}
.optional{
  position: relative;
  height: calc(438 * var(--rpx));
}
.optional-mx{
  position: relative;
  height: calc(494 * var(--rpx));

}
.rfid-verification {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(200 * var(--rpx));

  top: 0;
  left: 0;
  color: #86868b;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(55 * var(--rpx));
  text-align: left;

}
.external-module {
  position: absolute;
  width: calc(825 * var(--rpx));
  height: calc(535 * var(--rpx));
  top: 0;
  left: calc(210 * var(--rpx));
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  /*line-height: calc(55 * var(--rpx));*/
  text-align: left;
}
.external-module-tx {
  position: relative;
  width: calc(825 * var(--rpx));
  height: calc(135 * var(--rpx));
  top: 0;
  left: calc(210 * var(--rpx));
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(55 * var(--rpx));
  text-align: left;

}
.external-module-57 {
  position: relative;
  color: #C8C8C8;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(55 * var(--rpx));
  text-align: left;
}
.external-module-58 {
  position: relative;
  color: #C8C8C8;
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(55 * var(--rpx));
  text-align: left;
}
.external-module-59 {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  font-family:"SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(16 * var(--rpx));
  line-height: calc(32 * var(--rpx));
  text-align: left;
}
.product-configuration-mx{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: calc(942 * var(--rpx));
  height: calc(52 * var(--rpx));
  top: calc(433 * var(--rpx));
  left: 0;
  color: #86868b;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.product-configuration {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: calc(942 * var(--rpx));
  height: calc(52 * var(--rpx));
  left: 0;
  color: #86868b;
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(14 * var(--rpx));
  line-height: calc(26 * var(--rpx));
  text-align: left;
}
.unit-mm {
  display: block;
  position: relative;
  height: calc(42 * var(--rpx));
  margin: calc(-9 * var(--rpx)) 0 0 calc(1035 * var(--rpx));
  color: rgba(255, 255, 255, 0.5);
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 400;
  line-height: calc(42 * var(--rpx));
  text-align: left;
  white-space: nowrap;
}
.unit-mm-mx {
  display: block;
  position: relative;
  height: calc(42 * var(--rpx));
  margin: calc(48 * var(--rpx)) 0 0 calc(1035 * var(--rpx));
  color: rgba(255, 255, 255, 0.5);
  font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 400;
  line-height: calc(42 * var(--rpx));
  text-align: left;
  white-space: nowrap;
}
.flex-row-f-5a {
  position: relative;
  width: calc(1088 * var(--rpx));
  height: calc(760 * var(--rpx));
  /*margin: calc(23.019481658935547 * var(--rpx)) 0 0 calc(236 * var(--rpx));*/

}
.robo-front-dimensions {
  position: absolute;
  width: calc(593 * var(--rpx));
  height: calc(760 * var(--rpx));
  top: 0;
  left: 0;
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/mx-robo-touch-1.webp")
  no-repeat center;
  background-size: cover;

}
.robo-side-dimensions {
  position: absolute;
  width: calc(488 * var(--rpx));
  height: calc(745 * var(--rpx));
  top: 0;
  left: calc(600 * var(--rpx));
  background: url("https://downloads.postekchina.com/Web/Robo-Touch/assets/images/mx-robo-touch-2.webp")
  no-repeat center;
  background-size: cover;

}
.layout-dimensions {
  display: block;
  position: relative;
  height: calc(42 * var(--rpx));
  /*margin: calc(134 * var(--rpx)) 0 0 calc(462 * var(--rpx));*/
  top:  calc(134 * var(--rpx));
  left: calc(50% - calc(682 * var(--rpx)));;
  color: #ffffff;
   font-family: "SansCN-Medium", var(--default-font-family), serif;
  font-size: calc(20 * var(--rpx));
  font-weight: 400;
  line-height: calc(42 * var(--rpx));
  text-align: left;
  white-space: nowrap;
}

 
@media (max-width: 768px) {
  :root{
    --rpx: 100vw / 1512;
    --page-width: 1512;
  }
  .content-1{
    font-size: calc(28 * var(--rpx));
  }
  .content-5 {
    font-size: calc(28 * var(--rpx));
  }
  .technology-leap{
    font-size: calc(28 * var(--rpx));
  }
  .efficiency-safety-standard{
    font-size: calc(28 * var(--rpx));
  }
  .intelligent-printing-robot {
    font-size: calc(24 * var(--rpx));
  }
  .main-content {
    font-size: calc(24 * var(--rpx));
  }

  .no-plc-needed {
    font-size: calc(24 * var(--rpx));
  }
  .content-detail{
    font-size: calc(24 * var(--rpx));
  }
  .content-7 {
    width: calc(630 * var(--rpx));
    height: calc(338 * var(--rpx));
    font-size: calc(24 * var(--rpx));
  }
  .product-img {
    width: calc(825 * var(--rpx));
    height: calc(825 * var(--rpx));
    top: calc(334 * var(--rpx));
    left: calc(536 * var(--rpx));
  }

  .product-1-position{
    position: absolute;
    top: calc(348 * var(--rpx));
    left: calc(1190 * var(--rpx));
  }
  .ox-robo-touch {
    top: calc(311 * var(--rpx));
    left: calc(1246 * var(--rpx));
  }

  .product-2-position {
    position: absolute;
    top: calc(409 * var(--rpx));
    left: calc(1190 * var(--rpx));
  }
  .mx-robo-touch {
    top: calc(375 * var(--rpx));
    left: calc(1246 * var(--rpx));
  }
  .frame-e {
    height: calc(1595 * var(--rpx));
  }
  .tx-exp-robo-touch {
    top: calc(439 * var(--rpx));
    left: calc(1246 * var(--rpx));
  }
  .product-3-position {
    position: absolute;
    top: calc(476 * var(--rpx));
    left: calc(1190 * var(--rpx));
  }
  .main-content-12 {
    height: calc(180 * var(--rpx));
    font-size: calc(24 * var(--rpx));
  }
  .main-content-13{
    font-size: calc(24 * var(--rpx));
  }
  .precise-labeling {
    font-size: calc(24 * var(--rpx));
  }
  .high-precision-sensor {
    font-size: calc(24 * var(--rpx));
  }
  .automatic-adjustment {
    font-size: calc(24 * var(--rpx));
  }
  .multi-side-labeling {
    font-size: calc(24 * var(--rpx));
  }
  .production-optimization{
    font-size: calc(24 * var(--rpx));
  }
  .multi-side-labeling-14{
    font-size: calc(24 * var(--rpx));
  }

  .robot-sensing {
    font-size: calc(24 * var(--rpx));
  }


  .advanced-feature{
    font-size: calc(24 * var(--rpx));
  }
 .collision-perception {
   font-size: calc(24 * var(--rpx));
 }
  .mask-group-1c {
    left:calc(60* var(--rpx));
  }
  .frame-1a {
    height: calc(1538 * var(--rpx));
  }
  .collision-protection-1d {
    left: calc(50% - calc(326 * var(--rpx)));
  }
  .print-details-4d{
    font-size: calc(20 * var(--rpx));
  }
  .show{
    display: block;
  }
  .oxr-robo-touch-49 {
    left: calc(372 * var(--rpx));
  }
  .oxr-robo-touch-4a {
    left: calc(586 * var(--rpx));
  }
  .oxr-robo-touch-4b {
    left: calc(780 * var(--rpx));
  }
  .print-details-4e{
    font-size: calc(20 * var(--rpx));
    left: calc(375 * var(--rpx));
  }
  .print-details-4f{
    font-size: calc(20 * var(--rpx));
    left: calc(586 * var(--rpx));
  }
  .mx-ribbon{
    font-size: calc(20 * var(--rpx));
  }
  .print-details-50{
    font-size: calc(20 * var(--rpx));
    left: calc(780 * var(--rpx));
    width: calc(344 * var(--rpx));
  }
  .rfid-model {
    font-size: calc(20 * var(--rpx));
  }

  .print-details{
    font-size: calc(20 * var(--rpx));
  }
  .external-module-57{
    font-size: calc(20 * var(--rpx));
  }
  .external-module-58{
    font-size: calc(20 * var(--rpx));
  }

  .flex-row-f-5a {
    top:calc(123 * var(--rpx));

  }

  .layout-dimensions {
    top:calc(193 * var(--rpx));
  }
  .rfid-verification{
    font-size: calc(20 * var(--rpx));
  }


  .content-width-2{
    width: calc(660* var(--rpx));
  }

}


/* 网站修改部分 */
.product4ConMore { margin-top: 0%; padding-left: 10%; padding-bottom: 5%; }

.product4ConMore .More { width: 215px; height: 60px; background: #ecebea; margin-left: 10px; display: inline-block; position: relative; }

.product4ConMore .More:first-child { margin-left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product4ConMore a { text-decoration: none; display: block; width: 100%; height: 100%; padding-left: 38px; font-size: 18px; color: #333; line-height: 60px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: left; }

.product4ConMore img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; }

.product4ConMore .iov { display: none; }

.product4ConMore .More:hover .iov { display: block; }

.product4ConMore .More:hover .sow { display: none; }

.product4ConMore .More:hover { background: #d30a2d; }

.product4ConMore .More:hover a { color: #fff; }

@media (max-width: 992px) { 
  .product4ConMore { margin-top: -20%; margin-left: 0%;  margin-bottom: 0%; text-align: center; }
}

@media (max-width: 465px) {
  .product4ConMore { margin-top: -10%; margin-left: 0%;  margin-bottom: 0%; text-align: center; }
  .product4ConMore .More { width: 150px; height: 40px; }
  .product4ConMore .More a { line-height: 40px; padding-left: 10px; }
  .product4ConMore .More{width: 120px;}
  .product4ConMore a{font-size: 14px;}
  .product4ConMore img { right: 10px; }
}

/* Footer CSS */
.footer__container {
  /* background-color: #2d3337; */
  background-color: #181818;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding-bottom: 25px;
}

#footer__logo {
  background-color: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
}

.footer__links {
  background-color: transparent;
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  /* align-items: space-between; */
  padding-left: 10vw;
  padding-right: 6vw;
}

.footer__link--wrapper {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* align-items: space-between; */
}



#first__part {
  width: 23vw;
}

#second__part {
  width: 56vw;
}

.footer__link--items {
  display: flex;
  background-color: transparent;
  flex-direction: column;
  align-items: flex-start;
  margin: 16px 0px;
  text-align: left;
  width: 160px;
  box-sizing: border-box;
}

.footer__link--items h2 {
  margin-bottom: 12px;
  font-size: 14.5px;
  background-color: transparent;
  color: #919a9f;
}

.divider {
  height: 1.5px;
  width: 24px;
  background-color: #515b62;
  margin-bottom: 12px;
}

.emptydivider {
  background-color: transparent;
}

.footer__link--items a {
  font-size: 13.5px;
  color: #919a9f;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: 0.3s ease-out;
}

.footer__link--items a:hover {
  color: #e9e9e9;
  transition: 0.3s ease-out;
}

.logo_space {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-left: 10vw;
}

.legal_stuff {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  width: 80%;
}

.legal_stuff a {
  font-size: 13.5px;
  color: #919a9f;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: 0.3s ease-out;
}

#bottom_logo {
  height: 80px;
  width: 100%;
}

#big_divider {
  height: 1.5px;
  width: 80%;
  background-color: #515b62;
  margin-bottom: 12px;
}

.verticaldivider {
  height: 20px;
  width: 1.5px;
  background-color: #515b62;
  margin-left: 12px;
  margin-right: 12px;
}

.social__icon--link {
  background-color: transparent;
  color: #fff;
  font-size: 24px;
}

.copyrights {
  background-color: transparent;
  font-size: 13.5px;
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: start;
  justify-content: start;
}

.copyrights span {
  background-color: transparent;
  color: #919a9f;
  margin: 0;
}

@media screen and (max-width: 1000px) {
  #big_divider {
    width: 0px;
  }

  .footer__links {
    padding-top: 2rem;
  }

  #footer__logo {
    margin-bottom: 2rem;
  }

  .website__rights {
    margin-bottom: 2rem;
  }

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

  .social__media--wrap {
    flex-direction: column;
  }
}

@media screen and (max-width: 480px) {
  .footer__link--items {
    margin: 0;
    padding: 10px;
    width: 100%;
  }
}