/* index.html 页面专属css */
body,
html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

* {
  touch-action: pan-y;
}

a {
  cursor: pointer;
}

body {
  /* transition: opacity 0.5s; */
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none;
  /* Firefox */
  /* overflow-y: scroll; */
  /* 确保有垂直滚动条 */
}

body::-webkit-scrollbar {
  display: none;
  /* 隐藏滚动条 - Chrome, Safari, Opera */
}

 /* 禁用 iOS 设备上元素的点击高亮效果 */
 a, button, input, select, textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 若导航文字有特定类名，可针对性设置 */
/* 假设导航文字的 a 标签有类名 nav-link */

.nav-menu a span {
  opacity: 0.5;
}

.download-box {
  width: 7.4447rem;
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: nowrap;
}


.content {
  height: 100vh;
}



.logobig {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:2.88rem;
}

.logo-title {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9.6rem;
}

.video-btn {
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.95rem;
  cursor: pointer;
}



.details {
  height: 100vh;
  background-color: #e7e7e7;
}

.footer {
  background-color: #333;
  color: white;
  text-align: center;
  width: 100%;
  height: 29vh;
}

/* .bottom {
  width: 100%;
} */


/* 适龄提醒 */
#popupDiv {
  display: none;
  position: fixed;
  left: 52%;
  top: 40%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 1000;
  justify-content: center;
}

.cadpa-popup {
  background-image: url('../img/16linebox.png');
  /* 添加背景图片 */
  background-size: cover;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  width: 705px;
  height: 400px;
  position: relative;
}

.cadpa-text {
  color: #b8b2a7;
  position: absolute;
  left: 44px;
  top: 57px;
  width: 590px;
  overflow: auto;
  height: 320px;
  padding-right: 30px;
}

.cadpa-text::-webkit-scrollbar {
  width: 12px;
  /* 垂直滚动条的宽度 */
  height: 12px;
  /* 水平滚动条的宽度 */
}

/* 设置滚动条轨道的颜色 */
.cadpa-text::-webkit-scrollbar-track {
  background: #312b22;
  /* 滚动条轨道的颜色 */
  border-radius: 6px;
}

/* 设置滚动条的颜色 */
.cadpa-text::-webkit-scrollbar-thumb {
  background: #826e4c;
  /* 滚动条的颜色 */
}

/* 设置滚动条的边框 */
.cadpa-text::-webkit-scrollbar-thumb {
  border-radius: 6px;
  /* border: 3px solid #f1f1f1;  */
}

.duanluo {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  line-height: 30px;
}

.cadpa-point {
  display: inline;
  position: relative;
  margin-right: 5px;
  padding-top: 5px;
}

.cadpa-point img {
  width: 20px;
}

.num {
  position: absolute;
  top: 0px;
  left: 5px;
  color: #16120c;
}


.cadpa {
  cursor: pointer;
}

.close {
  width: .35rem;
  height: .35rem;
  margin-left: .1rem;
}

/* 视频弹窗 */
#video-popup-index {
  display: none;
  position: fixed;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 1000;
  justify-content: center;
  z-index: 888;
}

.video-popup-index {
  background-image: url(../img/video-linebox.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 950px;
  height: 552px;

  position: relative;
}

#index-pop {
  padding-top: 17px;
  padding-left: 18px;
  width: 912px;
  height: 516px;
}

#video-pop-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}












.index-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  /* 半透明背景 */
  z-index: 0;
  /* 确保遮罩层在最上层 */
  /* 默认不显示 */
}



/* comp-codepop.html样式-start */

/* 右下角媒体二维码 */
.comp-codepop {
  position: absolute;
  bottom: 30px;
  right: 100px;
  display: flex;
}

.comp-codepop .wxbox {
  cursor: pointer;
  margin-left: 30px;
  position: relative;
}

.comp-codepop .wx {
  width: .4rem;
  display: block;
  /* height: 33px; */
}

.comp-codepop .qrcode {
  width: 1.5rem;
  display: block;
}

.comp-codepop .qrcode-box {
  position: absolute;
  bottom: .45rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.comp-codepop .wx:hover+.qrcode-box {
  display: block;
}

/* 适龄提示 */
.cadpa {
  position: absolute;
  top: 70px;
  right: 3%;
  width: 53px;
  /* height: 69px; */
}

/* 向下滑动指示 */
.godown-box {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 12px;
  color: #B8A26C;
}

.godown-btn {
  padding: 0 16px;
  animation: move 1.0s infinite alternate;
}

@keyframes move {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(15px);
  }
}

/* comp-codepop.html样式-end */




/* 之前在html内的-start */
.title {
  height: 100vh;
  width: 100vw;
  height: 100vh;
  background-color: #f2f2f2;
  /* 保留背景色作为后备选项 */
  background-size: cover;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
  background-attachment: scroll;
  /* 背景图片固定，可选 */
  position: relative;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* 半透明背景 */
  z-index: 888;
  /* 确保遮罩层在最上层 */
  display: none;
  /* 默认不显示 */
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

.index-box .swiper-slide:last-child {
  height: 400px;
}

.navbar {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
}

/* 视频背景 */
.video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}

a {
  text-decoration: none;
  outline: none;
  color: #d0d4d9;
  cursor: pointer;
}
/* 之前在html内的-end */



/* [field:typeimg/] */
.video_box{
  width: 100%;
  position: absolute;
  top: 73%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.video_bck_1{
  width: 100%;
  height: 100vh;
  /* background: url('../img/world/world_video0.jpg') no-repeat center center; */
  background-size: cover;
}
.video_text_1{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.video_text_1 span{color: #fff;font-size: .28rem;font-weight: 700;position: absolute;top: -0.58rem;left: 50%;transform: translateX(-50%);}
.video_text_1 h3{color: #fff;font-size: .45rem;margin: 0;position: absolute;top: -.2rem;left: 50%;transform: translateX(-50%);}
.video_text_1 p{width: 87%;color: #fff;font-size: .2rem;position: absolute;top: .62rem;left: 50%;transform: translateX(-50%);}
.video_text_img{
  width: 4.88rem;
  height: .16rem;
  display: block;
  position: absolute;
  top: -.35rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video_text_img{
  width: 4.88rem;
  height: .16rem;
  display: block;
  position: absolute;
  top: -.35rem;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url('../img/world/video_tetx-img.png') no-repeat center center;
  background-size: cover;
}
.video_line_img{
  width:16.2rem;
  height: .16rem;
  display: block;
  position: absolute;
  top: .6rem;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video_bck_2{
  width: 100%;
  height: 100vh;
  /* background: url('../img/world/world_video1.jpg') no-repeat center center; */
  background-size: cover;
}