[v-cloak] {
  display: none;
}
.factories-product-page {
  min-width: 1400px;
}
.factories-product-page * {
  box-sizing: border-box;
}
.factories-product-page .module-title {
  text-align: center;
  margin-bottom: 40px;
}
.factories-product-page .module-title .title {
  font-size: 32px;
  line-height: 45px;
  font-weight: bold;
  color: #333333;
}
.factories-product-page .module-title .des {
  font-size: 16px;
  line-height: 22px;
  color: #666666;
  margin-top: 20px;
}
.factories-product-page .head-menu {
  margin-bottom: 40px;
  border-bottom: 1px solid #DBDBDB;
}
.factories-product-page .head-menu .tab-remit {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 120px;
  justify-content: center;
}
.factories-product-page .head-menu .tab-el {
  font-size: 18px;
  line-height: 25px;
  color: #666666;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding-bottom: 25px;
  position: relative;
}
.factories-product-page .head-menu .tab-el.active {
  color: #333333;
  font-weight: bold;
}
.factories-product-page .head-menu .tab-el.active:after {
  width: 80px;
}
.factories-product-page .head-menu .tab-el.active:hover {
  color: #333333;
}
.factories-product-page .head-menu .tab-el:after {
  width: 0;
  height: 4px;
  border-radius: 3px 3px 0 0;
  background: #5BC000;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.factories-product-page .head-menu .tab-el:hover {
  color: #333333;
}
.factories-product-page .product-module {
  background: url("../images/factoriesProduct/banner-bg.png") no-repeat center;
  width: 100%;
  min-width: 1400px;
  height: 950px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.factories-product-page .product-module .product-item {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.factories-product-page .product-module .product-item .patch-list {
  width: 338px;
  height: 240px;
  border-radius: 8px;
  background: #F3F3F3;
  border: 1px solid #FFFFFF;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.factories-product-page .product-module .product-item .patch-list:hover {
  box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.04);
}
.factories-product-page .product-module .product-item .patch-list:hover .img-el {
  transform: scale(1.1);
}
.factories-product-page .product-module .product-item .patch-list:first-child,
.factories-product-page .product-module .product-item .patch-list:nth-child(2) {
  width: 692px;
  height: 380px;
}
.factories-product-page .product-module .product-item .patch-list .img-el {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.factories-product-page .product-module .product-item .patch-list .pro-bt-info {
  width: 100%;
  height: 78px;
  padding: 0 30px;
  background: rgba(95, 96, 99, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.factories-product-page .product-module .product-item .patch-list .title {
  color: #FFFFFF;
  font-size: 24px;
}
.factories-product-page .product-module .product-item .patch-list .jump-btn {
  width: 155px;
  height: 44px;
  line-height: 44px;
  display: flex;
  padding-left: 10px;
  gap: 15px;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  border-radius: 40px;
  background-image: linear-gradient(to right, #e4c79f, #d6ae7b);
}
.factories-product-page .product-module .product-item .patch-list .jump-btn:before {
  background: url("../images/factoriesProduct/factory-show-arrow@bg.png") no-repeat center;
  width: 31px;
  height: 31px;
  content: '';
  display: inline-block;
}
.factories-product-page .product-module .product-item .patch-list .jump-btn:hover {
  background-image: linear-gradient(to right, #d6ae7b, #e4c79f);
}
.factories-product-page .workshop-module {
  min-width: 1400px;
  background: #F3F3F3;
  padding: 30px 0 60px;
}
.factories-product-page .workshop-module .head-menu {
  margin-bottom: 74px;
}
.factories-product-page .workshop-module .workshop-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.factories-product-page .workshop-module .slide-menu {
  width: 120px;
  position: sticky;
  top: 20px;
}
.factories-product-page .workshop-module .slide-menu .tal-item {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  padding-bottom: 10px;
  position: relative;
}
.factories-product-page .workshop-module .slide-menu .tal-item:hover .title {
  color: #333333;
}
.factories-product-page .workshop-module .slide-menu .tal-item:before {
  width: 1px;
  height: 100%;
  background: #DBDBDB;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 1;
}
.factories-product-page .workshop-module .slide-menu .tal-item.active:hover .title {
  color: #333333;
}
.factories-product-page .workshop-module .slide-menu .tal-item.active:before {
  background: #5BC000;
}
.factories-product-page .workshop-module .slide-menu .tal-item.active .num {
  color: #5BC000;
  font-weight: bold;
}
.factories-product-page .workshop-module .slide-menu .tal-item.active .num:before {
  border: 2px solid #5BC000;
}
.factories-product-page .workshop-module .slide-menu .tal-item.active .title {
  font-weight: bold;
  color: #333333;
}
.factories-product-page .workshop-module .slide-menu .num {
  padding-left: 18px;
  line-height: 14px;
  position: relative;
  margin-bottom: 6px;
}
.factories-product-page .workshop-module .slide-menu .num:before {
  width: 10px;
  height: 10px;
  border: 1px solid #DBDBDB;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  z-index: 1;
}
.factories-product-page .workshop-module .slide-menu .title {
  padding-left: 18px;
  line-height: 20px;
  transition: all 0.3s ease-in-out;
}
.factories-product-page .workshop-module .factories-remit {
  width: 1260px;
  display: flex;
  gap: 64px;
  flex-direction: column;
}
.factories-product-page .workshop-module .factories-remit .head-title {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.factories-product-page .workshop-module .factories-remit .head-title .title {
  font-size: 30px;
  line-height: 30px;
  color: #333333;
  font-weight: bold;
}
.factories-product-page .workshop-module .factories-remit .head-title .des {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.factories-product-page .workshop-module .factories-remit .head-title .num-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  margin: 0 auto;
}
.factories-product-page .workshop-module .factories-remit .head-title .info-des {
  width: 750px;
  margin: 20px auto 0;
  word-break: break-word;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.factories-product-page .workshop-module .factories-remit .area-bt {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.factories-product-page .workshop-module .factories-remit .fac-list {
  width: 254px;
  height: 274px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.factories-product-page .workshop-module .factories-remit .fac-list:hover .fac-pic img {
  transform: scale(1.1);
}
.factories-product-page .workshop-module .factories-remit .fac-list:last-of-type {
  width: 468px;
}
.factories-product-page .workshop-module .factories-remit .fac-list:last-of-type:hover .video-btn {
  background: url("../images/factoriesProduct/video-btn-hover.png") no-repeat center;
}
.factories-product-page .workshop-module .factories-remit .fac-pic {
  width: 100%;
  height: 210px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.factories-product-page .workshop-module .factories-remit .fac-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.factories-product-page .workshop-module .factories-remit .video-btn {
  background: url("../images/factoriesProduct/video-btn.png") no-repeat center;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.factories-product-page .workshop-module .factories-remit .bl-tile {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video-layer {
  border-radius: 8px !important;
  background: #000000 !important;
  overflow: hidden;
  box-shadow: unset !important;
}
.video-layer .layui-layer-title {
  position: absolute;
  left: 20px;
  top: 12px;
  height: unset;
  padding: 0;
  z-index: 2;
  font-size: 18px;
  line-height: normal;
  color: #FFFFFF;
  background-color: transparent;
  border-bottom: unset;
}
.video-layer .layui-layer-close {
  background: url("../images/factoriesProduct/layer-close-btn.svg") no-repeat center !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 0 !important;
  top: 0 !important;
  transition: all 0.3s ease-in-out;
}
.video-layer .layui-layer-close:hover {
  transform: rotate(90deg);
}
.video-layer .layui-layer-content {
  height: 100% !important;
}
.video-layer .plyr--video {
  height: 100%;
}
.video-layer .plyr__video-wrapper,
.video-layer .plyr__poster {
  background: unset !important;
  background-color: unset !important;
}
.video-layer .plyr--video .plyr__control:focus-visible,
.video-layer .plyr--video .plyr__control:hover,
.video-layer .plyr--video .plyr__control[aria-expanded=true] {
  background: #5BC000;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #5BC000)));
}
.video-layer .plyr--full-ui input[type=range] {
  color: #5BC000;
}
.video-layer .plyr__control--overlaid {
  background: #5BC000;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #5BC000)));
}
.video-layer .plyr__control--overlaid:hover {
  background: #70d614;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #70d614)));
}
.my-fancybox-pop .fancybox-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000000;
  opacity: 0.8;
  z-index: 1;
}
.my-fancybox-pop .fancybox-toolbar {
  opacity: 1;
}
.my-fancybox-pop .fancybox-toolbar .fancybox-button--close {
  background: url("../images/factoriesProduct/close-icon.svg") no-repeat center;
  width: 48px;
  height: 48px;
  display: inline-block;
  visibility: visible;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  top: 36px;
  right: 36px;
}
.my-fancybox-pop .fancybox-toolbar .fancybox-button--close svg {
  display: none;
}
.my-fancybox-pop .fancybox-toolbar .fancybox-button--zoom,
.my-fancybox-pop .fancybox-toolbar .fancybox-button--play,
.my-fancybox-pop .fancybox-toolbar .fancybox-button--thumbs {
  display: none !important;
}
.my-fancybox-pop .fancybox-button {
  background: url("../images/factoriesProduct/prev-next-icon.svg") no-repeat center;
  width: 48px;
  height: 48px;
  padding: 0;
  opacity: 1;
}
.my-fancybox-pop .fancybox-button div {
  padding: 0;
}
.my-fancybox-pop .fancybox-button svg {
  display: none;
}
.my-fancybox-pop .fancybox-button.fancybox-button--arrow_left {
  left: 36px;
  transform: rotate(180deg);
}
.my-fancybox-pop .fancybox-button.fancybox-button--arrow_right {
  right: 36px;
}
.my-fancybox-pop .fancybox-stage {
  width: clamp(200px, 85vw, 800px) !important;
  height: clamp(150px, 66vh, 600px) !important;
  aspect-ratio: 800 / 600 !important;
  max-width: 90vw !important;
  max-height: 70vh !important;
  background: #000000;
  border-radius: 8px;
  position: fixed;
  left: 50% !important;
  right: auto !important;
  top: clamp(10px, 43vh, 50%) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 6;
  overflow: hidden;
}
.my-fancybox-pop .fancybox-stage .fancybox-slide {
  padding: unset !important;
  position: relative;
}
.my-fancybox-pop .fancybox-stage .fancybox-content {
  transform: unset !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: unset !important;
  position: absolute;
  left: 0;
  top: 0;
  cursor: auto;
}
.my-fancybox-pop .fancybox-stage .fancybox-image {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  position: unset;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.my-fancybox-pop .fancybox-stage .fancybox-image.img-fill {
  height: 100% !important;
}
.my-fancybox-pop .fancybox-stage .fancybox-image.loaded {
  opacity: 1 !important;
}
.my-fancybox-pop .fancybox-stage .fancybox-video {
  height: auto;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  /* 或 4/3，根据视频比例 */
}
.my-fancybox-pop .fancybox-stage .fancybox-title {
  color: #FFFFFF;
  font-size: clamp(12px, 1.6vw, 18px) !important;
  font-weight: 500;
  position: absolute;
  left: clamp(10px, 2vw, 20px) !important;
  top: clamp(10px, 2vh, 16px) !important;
  z-index: 2;
}
.my-fancybox-pop .fancybox-inner {
  right: 0;
}
.my-fancybox-pop .fancybox-infobar {
  font-size: clamp(11px, 1.3vw, 14px);
  width: clamp(44px, 7vw, 64px);
  height: clamp(22px, 3.5vh, 32px);
  border-radius: clamp(3px, 0.35vw, 4px);
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  right: 0;
  top: unset;
  bottom: clamp(90px, 12vh, 110px);
  margin: 0 auto;
  z-index: 999999;
  visibility: visible;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-fancybox-pop .fancybox-thumbs {
  background: transparent;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: unset;
  bottom: clamp(6px, 1.5vh, 16px);
  z-index: 99999;
  padding: unset;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list {
  width: 100% !important;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list a {
  width: 106px !important;
  height: 80px !important;
  background-color: unset;
  border-radius: 4px;
  margin: unset;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list a:before {
  border: 2px solid #5BC000;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list a:after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:after {
  display: none;
}
.my-fancybox-pop .fancybox-thumbs .fancybox-thumbs__list a .menu-bt-play {
  background: url("../images/factoriesProduct/menu-play-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
}
@media (max-height: 500px) {
  .my-fancybox-pop .fancybox-stage {
    width: clamp(160px, 80vw, 400px) !important;
    height: clamp(120px, 60vh, 300px) !important;
    top: clamp(8px, 38vh, 45%) !important;
    border-radius: 6px !important;
  }
}
@media (max-height: 400px) {
  .my-fancybox-pop .fancybox-stage {
    width: clamp(120px, 75vw, 300px) !important;
    height: clamp(90px, 55vh, 225px) !important;
    top: clamp(5px, 35vh, 40%) !important;
    border-radius: 4px !important;
  }
}
@media (max-height: 300px) {
  .my-fancybox-pop .fancybox-stage {
    width: clamp(80px, 70vw, 200px) !important;
    height: clamp(60px, 50vh, 150px) !important;
    top: clamp(3px, 30vh, 35%) !important;
    border-radius: 3px !important;
  }
}
@media (max-height: 200px) {
  .my-fancybox-pop .fancybox-stage {
    width: clamp(60px, 65vw, 160px) !important;
    height: clamp(45px, 45vh, 120px) !important;
    top: clamp(2px, 25vh, 30%) !important;
    border-radius: 3px !important;
    transform: translate(-50%, -50%) scale(0.8) !important;
  }
}
@media (max-height: 100px) {
  .my-fancybox-pop .fancybox-stage {
    width: clamp(20px, 55vw, 100px) !important;
    height: clamp(20px, 38vh, 75px) !important;
    top: clamp(1px, 15vh, 22%) !important;
    border-radius: 2px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
}
/*# sourceMappingURL=factoriesProduct.css.map */