@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

.video-mask {
  pointer-events: none;
}

img {
  display: block;
}

/* 禁止滚动的类 */
.body-no-scroll {
  padding-right: 15px;
  overflow: hidden;
}

/* 修改滚动条宽度 */
::-webkit-scrollbar {
  background-color: rgb(85, 85, 85);
  width: 15px;
  /* 设置滚动条宽度 */
}

/* 修改滚动条轨道背景色 */
::-webkit-scrollbar-track {
  border-radius: 10px;
  width: 15px;
  /* 设置轨道颜色 */
}

/* 修改滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
  background-color: rgb(155, 155, 155);
  /* 设置无悬停时的滚动条块颜色 */
  border-radius: 10px;
  /* 设置四个圆角 */
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(227, 227, 227);
  /* 设置悬停时的滚动条块颜色 */
  border-radius: 10px;
  /* 设置四个圆角 */
}

/* 隐藏滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
  /* 设置轨道为透明，即隐藏轨道 */
}

/* 隐藏滚动条上下按钮 */
::-webkit-scrollbar-button {
  display: none;
  /* 隐藏上下按钮 */
}

#app {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
#app .scroll-top-btn {
  position: fixed;
  right: 155px;
  bottom: 80px;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
#app .scroll-top-btn img {
  width: 100%;
}
#app .scroll-top-btn-popup {
  z-index: 10003;
}
#app .home-page {
  background-color: red;
  background: url(https://zydmall-brand-site.oss-cn-shenzhen.aliyuncs.com/tg/SND/%E6%96%BD%E8%80%90%E5%BE%B7%E8%90%BD%E5%9C%B0%E9%A1%B5/Home-bg.jpg) no-repeat;
  background-size: cover;
  /* 背景图片铺满容器 */
  background-position: center;
  /* 背景图片居中 */
  margin: 0;
  padding: 0;
  width: 100%;
  height: 5126px;
  overflow-x: hidden;
  /* 禁用横向滚动条 */
}
#app .home-page .home-page-hd {
  width: 1920px;
  position: relative;
}
#app .home-page .home-page-hd .banner-btn-list {
  position: absolute;
  top: 546px;
  left: 50%;
  width: 176px;
  margin-left: 530px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
#app .home-page .home-page-hd .banner-btn-list .banner-btn-2 {
  margin-top: 26px;
}
#app .home-page .home-page-hd .banner-btn-list .banner-btn-3 {
  margin-top: 26px;
}
#app .home-page .home-page-bd {
  margin-top: 1005px;
}
#app .home-page .home-page-bd .container {
  margin: 0 auto;
}
#app .home-page .home-page-bd .container .home-page-part .part-hd {
  position: absolute;
  left: 50%;
  margin-left: -405px;
}
#app .home-page .home-page-bd .container .home-page-part-1 {
  height: 1664px;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-hd-1 {
  background: url(https://zydmall-brand-site.oss-cn-shenzhen.aliyuncs.com/tg/SND/%E6%96%BD%E8%80%90%E5%BE%B7%E8%90%BD%E5%9C%B0%E9%A1%B5/title-1.png) no-repeat;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 {
  position: relative;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item {
  position: absolute;
  left: 50%;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item img {
  cursor: pointer;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item-1 {
  top: 162px;
  margin-left: -620px;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item-2 {
  top: 222px;
  margin-left: -3px;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item-3 {
  top: 926px;
  margin-left: -513px;
}
#app .home-page .home-page-bd .container .home-page-part-1 .part-bd-1 .item-4 {
  top: 986px;
  margin-left: 95px;
}
#app .home-page .home-page-bd .container .home-page-part-2 {
  margin-top: 106px;
  height: 978px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 {
  margin-top: 83px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part {
  position: relative;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-container {
  position: absolute;
  background: url(https://zydmall-brand-site.oss-cn-shenzhen.aliyuncs.com/tg/SND/%E6%96%BD%E8%80%90%E5%BE%B7%E8%90%BD%E5%9C%B0%E9%A1%B5/vediocontainer.png) no-repeat;
  width: 938px;
  height: 544px;
  top: 166px;
  left: 50%;
  margin-left: -457px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-container .video-mask {
  position: relative;
  width: 885px;
  height: 497px;
  margin: 22px 0 0 24px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-container .video-mask .video-mask-icon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-container video {
  width: 884px;
  position: absolute;
  left: 50%;
  top: 21.6px;
  height: 498px;
  margin-left: -445px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler {
  position: absolute;
  top: 734px;
  left: 50%;
  height: 256px;
  width: 1112px;
  display: flex;
  align-items: center;
  margin-left: -546px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .switch-fl {
  left: 0;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .switch-fr {
  right: 0;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .swiper-container {
  height: 100%;
  width: 926px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .switch-btn {
  position: absolute;
  cursor: pointer;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector {
  display: flex;
  align-items: center;
  width: 100%;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector .video-option {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector .video-option .img-group {
  width: 220px;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector .video-option .img-group img {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s;
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector .video-option .img-group .activeimg {
  transform: scale(1.25);
}
#app .home-page .home-page-bd .container .home-page-part-2 .part-bd-2 .video-part .video-controler .video-selector .video-option-4 {
  margin-right: 0;
}
#app .home-page .home-page-bd .container .home-page-part-3 {
  margin-top: 100px;
}
#app .home-page .home-page-bd .container .home-page-part-3 .part-bd-3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .home-page .home-page-bd .container .home-page-part-3 .part-bd-3 .qrcode-btn-group {
  margin: 154px 0 0 20px;
}
#app .home-page .home-page-bd .container .home-page-part-3 .part-bd-3 .qrcode-btn-group .qrcode-btn {
  position: absolute;
  top: 173px;
  left: 50%;
  width: 889px;
  height: 502px;
  background-color: transparent;
  cursor: pointer;
  z-index: 1;
  margin-left: -434px;
}
#app .home-page .home-page-bd .container .home-page-part-3 .part-bd-3 .qrcode-mask {
  position: absolute;
  z-index: 2;
  top: 173px;
  left: 50%;
  margin-left: -434px;
}
#app .back-home-btn {
  width: 24px;
  height: 24px;
  color: white;
  position: fixed;
  top: 15px;
  right: 60px;
  z-index: 10001;
  cursor: pointer;
}
#app .back-home-btn:before {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 26px;
}
#app .popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  /* 修改滚动条宽度 */
  /* 修改滚动条轨道背景色 */
  /* 修改滚动条滑块颜色 */
  /* 隐藏滚动条轨道 */
  /* 隐藏滚动条上下按钮 */
}
#app .popup.active {
  opacity: 1;
  pointer-events: auto;
}
#app .popup .popup-intro {
  margin-bottom: 110px;
}
#app .popup .popup-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(85, 85, 85, 0.7);
}
#app .popup .popup-content::-webkit-scrollbar {
  width: 15px;
  border-radius: 10px;
  /* 设置滚动条宽度 */
}
#app .popup .popup-content::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  width: 15px;
  border-radius: 10px;
  /* 设置轨道颜色 */
}
#app .popup .popup-content::-webkit-scrollbar-thumb {
  background-color: rgb(155, 155, 155);
  /* 设置无悬停时的滚动条块颜色 */
  border-radius: 10px;
  /* 设置四个圆角 */
}
#app .popup .popup-content::-webkit-scrollbar-thumb:hover {
  background-color: rgb(227, 227, 227);
  /* 设置悬停时的滚动条块颜色 */
  border-radius: 10px;
  /* 设置四个圆角 */
}
#app .popup .popup-content::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
  /* 设置轨道为透明，即隐藏轨道 */
}
#app .popup .popup-content::-webkit-scrollbar-button {
  display: none;
  /* 隐藏上下按钮 */
}
#app .popup .popup-content {
  border-radius: 40px 40px 0 0;
  position: absolute;
  top: 50px;
  background-size: cover;
  background-position: center;
  width: 100%;
  overflow-x: auto;
  z-index: 10002;
  height: 95vh;
  max-height: 95vh;
}
#app .popup .popup-content .background {
  width: 100%;
}
#app .popup .popup-content .background img {
  width: 100%;
}
#app .popup .popup-content .popup-container {
  position: absolute;
  top: 692px;
  left: 244px;
  z-index: 10003;
  width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .popup .popup-content .popup-part .video-group .video-mask {
  position: absolute;
  top: 21px;
  width: 886px;
  height: 498px;
  left: 23px;
}
#app .popup .popup-content .popup-part .video-group .video-mask-icon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
#app .popup .popup-content .popup-part .part-hd {
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .popup .popup-content .popup-part .part-bd .btn-group {
  margin-top: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app .popup .popup-content .popup-part .part-bd .btn-group .btn {
  cursor: pointer;
}
#app .popup .popup-content .popup-part .part-bd .btn-group .btn-1 {
  margin-right: 20px;
}
#app .popup .popup-content .popup-part .part-bd .btn-group .btn-2 {
  margin-left: 20px;
}
#app .popup-RXM {
  height: 3468px;
}
#app .popup-RXM .popup-content-RXM .popup-container {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .popup-RXM .popup-content-RXM .popup-part-1 .part-bd-1 {
  margin-top: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .popup-RXM .popup-content-RXM .popup-part-2 {
  margin-top: 138px;
}
#app .popup-RXM .popup-content-RXM .popup-part-2 .part-hd-2 {
  margin-bottom: 78px;
}
#app .popup-XA2 {
  height: 4082px;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-1 {
  margin-bottom: 96px;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-1 .part-bd-1 {
  margin-top: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-1 .part-bd-1 .video-group {
  margin-top: 114px;
  position: relative;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-1 .part-bd-1 .video-group video {
  position: absolute;
  top: 22px;
  left: 23px;
  width: 886px;
  height: 498px;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-2 .part-hd-2 {
  margin-bottom: 74px;
}
#app .popup-XA2 .popup-content-XA2 .popup-part-2 .part-bd-2 {
  margin-bottom: 150px;
}
#app .popup-XB2 {
  height: 5297px;
}
#app .popup-XB2 .popup-content-XB2 {
  background: url(https://zydmall-brand-site.oss-cn-shenzhen.aliyuncs.com/tg/SND/%E6%96%BD%E8%80%90%E5%BE%B7%E8%90%BD%E5%9C%B0%E9%A1%B5/XB2-bg.jpg) no-repeat;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-1 .part-bd-1 {
  margin-top: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-1 .part-bd-1 .video-group {
  margin-top: 114px;
  position: relative;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-1 .part-bd-1 .video-group video {
  position: absolute;
  top: 22px;
  left: 23px;
  width: 886px;
  height: 498px;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-2 {
  margin: 108px 0 128px 0;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-2 .part-hd-2 {
  margin-bottom: 80px;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-3 {
  margin: 0 0 0 0;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-3 .part-hd-3 {
  margin-bottom: 60px;
}
#app .popup-XB2 .popup-content-XB2 .popup-part-3 .part-bd-3 .part-bd-3-content img {
  margin: 20px;
}
#app .popup-XVG {
  height: 4152px;
}
#app .popup-XVG .popup-content-XVG {
  background: url(https://zydmall-brand-site.oss-cn-shenzhen.aliyuncs.com/tg/SND/%E6%96%BD%E8%80%90%E5%BE%B7%E8%90%BD%E5%9C%B0%E9%A1%B5/XVG-bg.jpg) no-repeat;
}
#app .popup-XVG .popup-content-XVG .popup-part-1 .part-bd-1 {
  margin-top: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .popup-XVG .popup-content-XVG .popup-part-1 .part-bd-1 .video-group {
  margin-top: 114px;
  position: relative;
}
#app .popup-XVG .popup-content-XVG .popup-part-1 .part-bd-1 .video-group video {
  position: absolute;
  top: 22px;
  left: 23px;
  width: 886px;
  height: 498px;
}
#app .popup-XVG .popup-content-XVG .popup-part-2 {
  margin-top: 116px;
}
#app .popup-XVG .popup-content-XVG .popup-part-2 .part-hd-2 {
  margin-bottom: 80px;
}
#app .popup-XVG .popup-content-XVG .popup-part-2 .part-bd-2 .part-bd-2-content img {
  margin-bottom: 50px;
}/*# sourceMappingURL=landingPageSchneider.css.map */