.fadeInUp.animated {
  animation-name: fadeInUp !important;
  visibility: unset !important
}

.header {
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.9) 10%, rgba(17, 17, 17, 0) 100%);
  backdrop-filter: blur(12px)
}

.section {
  width: 100%;
  height: 100vh;
  overflow: hidden
}

.goTop {
  bottom: 2.91667vw
}
.sec1 .text {
  position: absolute;
  left: 0;
  top: 9.33333vw;
  width: 100%;
  text-align: center
}

.sec1 .text .p1 {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0,0,0,0.08);
  font-weight: bold;
}

.sec1 .text .des {
  margin-top: .83333vw;
  color: #fff;
  text-shadow: 0 4px 4px rgba(0,0,0,0.08)
}
.back {
  position: fixed;
  right: 10.20833vw;
  bottom: 2.91667vw;
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: .6s ease;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 6px 2px rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(2px);
  width: 2.70833vw;
  height: 2.70833vw;
  border-radius: 50%
}

.back img {
  width: 100%
}

.back.on {
  opacity: 1;
  pointer-events: auto
}

.sec1 {
  position: relative
}

.sec1 .video {
  width: 100%
}

.sec1 .video video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block
}

.sec1 .txt {
  position: absolute;
  left: 0;
  top: 8.33333vw;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 5;
}

.sec1 .txt .pt {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 1.66667vw;
}

.sec1 .txt .pd {
  color: rgba(255,255,255,0.6);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.4;
}

.sec1 .btns {
  position: absolute;
  left: 0;
  bottom: 3.33333vw;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1.66667vw;
  transition: 0.6s
}

.sec1 .btns .btn {
  border-radius: 4.6875vw;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.45833vw;
  gap: .83333vw;
  cursor: pointer
}

.sec1 .btns .btn svg,
.sec1 .btns .btn img {
  display: block;
  width: 1.66667vw;
  height: auto
}

.sec1 .btns .btn p {
  /* font-family: 'Poppins-Light'; */
  color: #fff
}

.sec1 .btns.active {
  opacity: 0;
  pointer-events: none
}

.sec2 {
  position: relative;
  background: url(../images/fbg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 100vh;
  padding: 10.83333vw 13.54167vw 0
}

.sec2 .wrap {
  position: relative
}

.sec2 .wrap .boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5vw 19.58333vw
}

.sec2 .wrap .boxs .box {
  width: 100%;
  position: relative;
  cursor: pointer
}

.sec2 .wrap .boxs .box .mr {
  position: relative;
  border-radius: .57141vw;
  border: 1.829px solid rgba(46, 46, 46, 0.8);
  overflow: hidden;
  transition: all 600ms
}

.sec2 .wrap .boxs .box .mr video {
  display: block;
  width: 100%;
  height: 15vw;
  object-fit: cover
}

.sec2 .wrap .boxs .box .mr p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: .52083vw 0;
  background: linear-gradient(180deg, transparent 0%, #000 100%);
  color: #fff;
  text-align: center
}

.sec2 .wrap .boxs .box .h_b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 600ms
}

.sec2 .wrap .boxs .box .h_b .icon {
  display: block;
  width: 2.5vw
}

.sec2 .wrap .boxs .box .h_b .texts {
  position: absolute;
  inset: 0
}

.sec2 .wrap .boxs .box .h_b .texts .item {
  position: absolute
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz1 {
  left: 2.36979vw;
  top: 6.54531vw;
  display: flex;
  align-items: center;
  color: #fff;
  gap: .18646vw
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz1 img {
  display: block;
  width: 3.30729vw
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz2 {
  bottom: 3.90625vw;
  left: 1.57812vw;
  display: flex;
  align-items: flex-end;
  color: #fff;
  gap: .26042vw
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz2 p {
  transform: translateY(.52083vw)
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz2 img {
  display: block;
  width: 2.99479vw
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz3 {
  bottom: 3.22917vw;
  right: 5.74479vw;
  display: flex;
  align-items: flex-end;
  color: #fff;
  gap: .26042vw
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz3 p {
  transform: translateY(.41667vw)
}

.sec2 .wrap .boxs .box .h_b .texts .item.wz3 img {
  display: block;
  width: 2.99479vw
}

.sec2 .wrap .boxs .box:hover {
  z-index: 10
}

.sec2 .wrap .boxs .box:hover .mr p {
  opacity: 0;
  transition: all 0.6s
}

.sec2 .wrap .boxs .box:hover .h_b {
  opacity: 1
}

.sec2 .wrap .c_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

.sec2 .wrap .c_box img {
  display: block;
  width: 29.16667vw;
  object-fit: cover
}

.sec2 .wrap .c_box .mw {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18.75vw;
  object-fit: cover
}

.sec2 .wrap .c_box .mw #canvas0 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.sec2 .wrap .c_box .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.6s;
  pointer-events: none
}

.sec2 .wrap .c_box .icon img {
  width: 2.5vw;
  display: block
}

.sec3 {
  position: relative;
  background: #000 url(../images/pbg.png) no-repeat;
  background-size: cover;
  padding-top: 8.4375vw;
}

.sec3 .title {
  color: #7c4bf9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: 'Poppins-Bold';
  margin-bottom: 5vw;
  text-align: center
}

.sec3 .content {
  display: flex;
  justify-content: space-between;
  gap: 3.125vw;
  padding: 0 4.16667vw 0 3.125vw;
}

.sec3 .content .v_box {
  width: 45.83333vw;
  height: 25.78125vw;
  border-radius: .83333vw;
  border: 2px solid rgba(46, 46, 46, 0.8);
  overflow: hidden;
  margin-top: .41667vw
}

.sec3 .content .v_box video {
  width: 100%;
  display: block;
  height: 100%
}

.sec3 .content .rbox {
  width: 43.75vw;
  position: relative
}

.sec3 .content .rbox .swiper1 {
  width: 100%;
  overflow: hidden
}

.sec3 .content .rbox .swiper1 .item .pt {
  margin-bottom: .83333vw;
  color: #FFF
}

.sec3 .content .rbox .swiper1 .item .p2 {
  color: rgba(255, 255, 255, 0.9);
  /* font-family: 'Poppins-Light' */
}

.sec3 .content .rbox .swiper1 .item .pics {
  margin: 1.875vw 0 1.66667vw 0;
  display: flex
}

.sec3 .content .rbox .swiper1 .item .pics.pics1 {
  margin-left: 4.16667vw;
  gap: 5.625vw
}

.sec3 .content .rbox .swiper1 .item .pics.pics1 .pic img {
  display: block;
  width: 8.33333vw
}

.sec3 .content .rbox .swiper1 .item .pics.pics2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.08333vw
}

.sec3 .content .rbox .swiper1 .item .pics.pics2 .pic {
  width: 100%
}

.sec3 .content .rbox .swiper1 .item .pics.pics2 .pic img {
  display: block;
  width: 100%
}

.sec3 .content .rbox .swiper1 .item .ai_pic {
  margin: 1.45833vw 0 1.25vw 0;
  position: relative
}

.sec3 .content .rbox .swiper1 .item .ai_pic .bg {
  width: 21.875vw;
  display: block
}

.sec3 .content .rbox .swiper1 .item .ai_pic .h_b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 21.875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .625vw;
  border-radius: .20833vw;
  background: linear-gradient(180deg, transparent 0%, #000 100%);
  height: 4.58333vw;
  opacity: 0;
  pointer-events: none;
  transition: all 600ms
}

.sec3 .content .rbox .swiper1 .item .ai_pic .h_b a {
  display: flex;
  justify-content: center;
  border-radius: 135px;
  border: 0.75px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2.06557px);
  width: 7.25vw;
  /* height: 1.25vw; */
  padding: .5208vw 0;
  align-items: center;
  color: white;
  gap: .41667vw;
  font-family: 'Poppins-Light';
  transition: all 600ms
}

.sec3 .content .rbox .swiper1 .item .ai_pic .h_b a img {
  display: block;
  width: .57292vw;
  transition: all 600ms
}

.sec3 .content .rbox .swiper1 .item .ai_pic .h_b a:hover {
  background: #fff;
  color: #000;
  box-shadow: 0 2px 8px 2px rgba(255, 255, 255, 0.24), 0 0 10px 4px rgba(255, 255, 255, 0.32) inset
}

.sec3 .content .rbox .swiper1 .item .ai_pic .h_b a:hover img {
  filter: invert(1)
}

.sec3 .content .rbox .swiper1 .item .ai_pic:hover .h_b {
  opacity: 1;
  pointer-events: inherit
}

.sec3 .content .rbox .swiper1 .item .des {
  /* font-family: 'Poppins-Light'; */
  color: rgba(255, 255, 255, 0.9)
}

.sec3 .content .rbox .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: -1.35417vw;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: .625vw;
  z-index: 10
}

.sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet {
  width: .625vw;
  height: .625vw;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: .8;
  background: transparent;
  transition: all 600ms;
  position: relative;
  overflow: hidden
}

.sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #fff
}

.sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.08333vw;
  border-radius: 4.6875vw;
  opacity: 1
}

.sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet-active::after {
  animation: lw 4s linear forwards
}

@keyframes lw {
  to {
    width: 100%
  }
}

.sec4 {
  position: relative;
  background: #000 url(../images/pbg.png) no-repeat;
  background-size: cover;
  padding-top: 8.4375vw
}

.sec4 .title {
  color: #7c4bf9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: 'Poppins-Bold';
  margin-bottom: 4.73958vw;
  text-align: center
}

.sec4 .content {
  display: flex;
  justify-content: space-between;
  padding: 0 2.60417vw 0 8.75vw
}

.sec4 .content .v_box {
  width: 45.83333vw;
  height: 25.78125vw;
  border-radius: .83333vw;
  border: 2px solid rgba(46, 46, 46, 0.8);
  overflow: hidden;
  margin-top: .41667vw
}

.sec4 .content .v_box video {
  width: 100%;
  display: block;
  height: 100%
}

.sec4 .content .lbox {
  width: 37.91667vw;
  position: relative
}

.sec4 .content .lbox .swiper2 {
  width: 100%;
  overflow: hidden
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .pt {
  margin-bottom: .83333vw;
  color: #FFF
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .p2 {
  color: rgba(255, 255, 255, 0.9);
  /* font-family: 'Poppins-Light' */
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex {
  margin-top: 1.66667vw;
  display: flex;
  justify-content: space-between;
  gap: 1.875vw
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t {
  width: 18.75vw;
  margin-top: 1.66667vw
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .pt {
  color: #FFF
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line {
  width: 18.75vw;
  height: 1.30208vw;
  position: relative;
  border-radius: 90px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
  margin-top: .36458vw
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 90px;
  height: 1.35417vw;
  background: linear-gradient(0deg, #7453F0 0%, #7453F0 100%), rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: inset(0 100% 0 0)
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p.w1 {
  width: 68.3%
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p.w2 {
  width: 35%
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p.w3 {
  width: 21%
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p.w4 {
  width: 46.1%
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p.w5 {
  width: 42.2%
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement,
.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost {
  margin: 1.25vw 0
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement .pt,
.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost .pt {
  color: #FFF;
  margin-bottom: 0
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement .pd,
.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost .pd {
  margin-top: .3125vw;
  color: rgba(255, 255, 255, 0.9);
  /* font-family: 'Poppins-Light' */
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost {
  margin: 0
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_img {
  width: 17.29167vw
}

.sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_img img {
  display: block;
  width: 100%
}

.sec4 .content .lbox .swiper2 .swiper-slide-active .item .flex .w_t .time .line p {
  transition: all 1s 200ms;
  clip-path: inset(0 0 0 0)
}

.sec4 .content .lbox .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: -1.35417vw;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: .625vw;
  z-index: 10
}

.sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet {
  width: .625vw;
  height: .625vw;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: .8;
  background: transparent;
  transition: all 600ms;
  position: relative;
  overflow: hidden
}

.sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #fff
}

.sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.08333vw;
  border-radius: 4.6875vw;
  opacity: 1
}

.sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet-active::after {
  animation: lw 4s linear forwards
}

@keyframes lw {
  to {
    width: 100%
  }
}

.sec5 {
  position: relative;
  background: #000 url(../images/pbg.png) no-repeat;
  background-size: cover;
  padding-top: 8.4375vw
}

.sec5 .title {
  color: #7c4bf9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 4.73958vw;
  font-family: 'Poppins-Bold';
  text-align: center
}

.sec5 .content {
  display: flex;
  justify-content: space-between;
  padding: 0 4.16667vw 0 2.60417vw
}

.sec5 .content .v_box {
  width: 45.83333vw;
  height: 25.78125vw;
  border-radius: .83333vw;
  border: 2px solid rgba(46, 46, 46, 0.8);
  overflow: hidden;
  margin-top: .41667vw
}

.sec5 .content .v_box video {
  width: 100%;
  display: block;
  height: 100%
}

.sec5 .content .rbox {
  width: 43.75vw;
  position: relative
}

.sec5 .content .rbox .pt {
  color: #fff
}

.sec5 .content .rbox .des {
  margin: .83333vw 0 3.75vw 0;
  color: rgba(255, 255, 255, 0.9);
  /* font-family: 'Poppins-Light' */
}

.sec5 .content .rbox .pic_box {
  position: relative;
  padding: 0 7.34375vw 0 5.15625vw
}

.sec5 .content .rbox .pic_box .prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5
}

.sec5 .content .rbox .pic_box .prev img {
  width: 1.5625vw
}

.sec5 .content .rbox .pic_box .next {
  position: absolute;
  right: 2.60417vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5
}

.sec5 .content .rbox .pic_box .next img {
  width: 1.5625vw
}

.sec5 .content .rbox .swiper3 {
  width: 100%;
  overflow: hidden
}

.sec5 .content .rbox .swiper3 .swiper-slide .pics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.08333vw
}

.sec5 .content .rbox .swiper3 .swiper-slide .pics .pic {
  width: 100%;
  border-radius: .625vw;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(1.84615px)
}

.sec5 .content .rbox .swiper3 .swiper-slide .pics .pic img {
  display: block;
  width: 100%;
  transition: all 600ms;
  height: 6.25vw;
  object-fit: cover
}

.sec5 .content .rbox .swiper3 .swiper-slide .pics .pic:hover img {
  transform: scale(1.05)
}

.sec5 .content .rbox .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: -1.35417vw;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: .625vw;
  z-index: 10
}

.sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet {
  width: .625vw;
  height: .625vw;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: .8;
  background: transparent;
  transition: all 600ms;
  position: relative;
  overflow: hidden
}

.sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: #fff
}

.sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.08333vw;
  border-radius: 4.6875vw;
  opacity: 1
}

.sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet-active::after {
  animation: lw 4s linear forwards
}

@keyframes lw {
  to {
    width: 100%
  }
}

.sec6 {
  position: relative;
  background: #000 url(../images/pbg.png) no-repeat;
  background-size: cover;
  padding-top: 8.4375vw
}

.sec6 .title {
  color: #7c4bf9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 4.58333vw;
  font-family: 'Poppins-Bold';
  text-align: center
}

.sec6 .content {
  display: flex;
  justify-content: space-between;
  padding: 0 3.125vw 0 6.25vw
}

.sec6 .content .v_box {
  width: 45.83333vw;
  height: 25.78125vw;
  border-radius: .83333vw;
  border: 2px solid rgba(46, 46, 46, 0.8);
  overflow: hidden;
  margin-top: .41667vw
}

.sec6 .content .v_box video {
  width: 100%;
  display: block;
  height: 100%
}

.sec6 .content .lbox {
  width: 41.66667vw;
  position: relative
}

.sec6 .content .lbox .pt {
  color: #FFF
}

.sec6 .content .lbox .des {
  margin: .83333vw 0 3.75vw 0;
  color: rgba(255, 255, 255, 0.9);
  /* font-family: 'Poppins-Light' */
}

.sec6 .content .lbox .pics {
  display: flex;
  justify-content: center;
  gap: 6.51042vw
}

.sec6 .content .lbox .pics .pic {
  width: 11.66667vw;
  border-radius: .8125vw;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(4px);
  overflow: hidden
}

.sec6 .content .lbox .pics .pic img {
  width: 100%;
  display: block;
  transition: all 600ms
}

.sec6 .content .lbox .pics .pic:hover img {
  transform: scale(1.02)
}

.sec7 {
  position: relative;
  background: #000 url(../images/pbg.png) no-repeat;
  background-size: cover;
  height: 100vh
}

.sec7 .content {
  position: absolute;
  top: 17.34375vw;
  width: 100%;
  padding: 0 8.95833vw
}

.sec7 .content .swiper4 {
  width: 100%;
  overflow: hidden
}

.sec7 .content .swiper4 .swiper-slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sec7 .content .swiper4 .swiper-slide .item {
  width: 18.75vw;
  height: 18.75vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/pro/tp.png) no-repeat;
  background-size: cover;
  border-radius: 1.04167vw;
  transform: scale(0.8);
  transition: all 600ms;
  position: relative;
  cursor: pointer
}

.sec7 .content .swiper4 .swiper-slide .item::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: all 600ms;
  z-index: 5;
  pointer-events: none
}

.sec7 .content .swiper4 .swiper-slide .item .pic {
  text-align: center
}

.sec7 .content .swiper4 .swiper-slide .item .pic img {
  max-width: 14.58333vw;
  transition: all 600ms
}

.sec7 .content .swiper4 .swiper-slide .item:hover .pic img {
  transform: scale(1.05)
}

.sec7 .content .swiper4 .swiper-slide-prev .item {
  transform: scale(0.8) translateX(4.16667vw)
}

.sec7 .content .swiper4 .swiper-slide-next .item {
  transform: scale(0.8) translateX(-4.16667vw)
}

.sec7 .content .swiper4 .swiper-slide-active .item {
  transform: scale(1)
}

.sec7 .content .swiper4 .swiper-slide-active .item::before {
  opacity: 0
}

.sec7 .content .prev {
  position: absolute;
  left: 8.95833vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5
}

.sec7 .content .prev img {
  width: 1.5625vw
}

.sec7 .content .next {
  position: absolute;
  right: 8.95833vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5
}

.sec7 .content .next img {
  width: 1.5625vw
}

.sec7 .btn {
  position: absolute;
  left: 0;
  bottom: 3.02083vw;
  display: flex;
  justify-content: center;
  width: 100%
}

.sec7 .btn.hidden {
  display: none
}

.sec7 .btn a {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.6);
  filter: drop-shadow(0 2px 6px rgba(255, 255, 255, 0.16));
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  height: 2.5vw;
  border-radius: 3.125vw;
  justify-content: center;
  color: #fff;
  position: relative;
  padding: 0 .83333vw 0 1.45833vw
}

.sec7 .btn a .c {
  content: '';
  display: block;
  position: absolute;
  right: -.625vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  width: 2.76042vw
}

.sec7 .btn a .icon1 {
  width: 1.66667vw;
  display: block
}

.sec7 .btn a p {
  margin: 0 .98958vw 0 .83333vw;
  /* font-family: 'Poppins-Light' */
}

.sec7 .btn a .icon2 {
  width: .625vw;
  display: block
}

.sec7 .btn a .hand {
  position: absolute;
  width: 2.23958vw;
  height: 2.23958vw;
  display: block;
  transform: scale(1.5) rotateY(180deg);
  right: -1.04167vw;
  bottom: -1.04167vw
}

.model_dialog {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none
}

.model_dialog.show {
  display: flex
}

.model_dialog .wrap {
  width: 78.95833vw;
  height: 78vh;
  border-radius: 1.25vw;
  border: 1px solid rgba(46, 46, 46, 0.8);
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(8px);
  /* background: #191919; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.02083vw;
  overflow: hidden;
}

.model_dialog .wrap .close {
  position: absolute;
  right: 1.25vw;
  top: 1.04167vw;
  cursor: pointer
}

.model_dialog .wrap .close img {
  display: block;
  width: 2.5vw
}

.model_dialog .wrap .m_pic {
  width: 100%;
  display: block;
  height: 100%
}

.model_dialog .wrap .m_pic canvas {
  width: 100%;
  height: 100%
}

.pic_dialog {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.pic_dialog.show {
  display: flex
}

.pic_dialog .wrap {
  width: 66.66667vw;
  border-radius: .83333vw;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
  margin-top: 3.125vw;
  position: relative;
  overflow: hidden
}

.pic_dialog .wrap .close {
  position: absolute;
  right: 1.25vw;
  top: 1.04167vw;
  cursor: pointer
}

.pic_dialog .wrap .close img {
  display: block;
  width: 2.5vw
}

.pic_dialog .wrap .m_pic {
  width: 100%;
  display: block
}

.header.on {
  filter: invert(1)
}

.footer {
  margin-top: -1px;
  height: auto !important
}

.footer .fp-tableCell {
  height: auto !important
}

@media screen and (max-width: 768px) {
  .home {
    padding: 60px 0 0
  }

  .section {
    height: auto !important
  }

  .section .fp-tableCell {
    height: auto !important
  }

  .back {
    right: 60px;
    bottom: 10px;
    width: 30px;
    height: 30px
  }

  .sec1 .video video {
    height: 200px;
    object-fit: cover
  }

  .sec1 .txt {
    top: 80px;
    padding: 0 5vw
  }

  .sec1 .txt .pt {
    font-size: 22px;
    margin-bottom: 10px
  }

  .sec1 .txt .pd {
    font-size: 14px
  }

  .sec1 .btns {
    width: 100%;
    justify-content: center;
    gap: 10px;
    padding: 0 10px;
    bottom: 20px
  }

  .sec1 .btns .btn {
    width: 48%;
    height: auto;
    padding: 8px 15px;
    gap: 8px;
    border-radius: 60px
  }

  .sec1 .btns .btn svg,
  .sec1 .btns .btn img {
    width: 24px
  }

  .sec1 .btns .btn p {
    font-size: 14px
  }

  .sec2 {
    padding: 30px 5vw;
    height: auto
  }

  .sec2 .wrap .boxs {
    grid-template-columns: 1fr;
    gap: 20px
  }

  .sec2 .wrap .boxs .box .mr {
    border-radius: 15px
  }

  .sec2 .wrap .boxs .box .mr video {
    height: 190px
  }

  .sec2 .wrap .boxs .box .mr p {
    padding: 10px 0
  }

  .sec2 .wrap .boxs .box .h_b .icon {
    width: 32px
  }

  .sec2 .wrap .boxs .box:hover .mr {
    transform: scale(1)
  }

  .sec2 .wrap .c_box {
    position: relative;
    transform: none;
    margin-top: 20px;
    left: 0;
    top: 0
  }

  .sec2 .wrap .c_box img {
    width: 100%
  }

  .sec2 .wrap .c_box .mw {
    width: 70%
  }

  .sec2 .wrap .c_box .icon img {
    width: 32px
  }

  .sec3,
  .sec4,
  .sec5,
  .sec6 {
    padding: 30px 5vw
  }

  .sec3 .title,
  .sec4 .title,
  .sec5 .title,
  .sec6 .title {
    font-size: 24px;
    margin-bottom: 15px
  }

  .sec3 .content,
  .sec4 .content,
  .sec5 .content,
  .sec6 .content {
    flex-direction: column;
    gap: 20px
  }

  .sec3 .content .v_box,
  .sec4 .content .v_box,
  .sec5 .content .v_box,
  .sec6 .content .v_box {
    width: 100%;
    height: auto;
    border-radius: 15px
  }

  .sec3 .content .v_box video,
  .sec4 .content .v_box video,
  .sec5 .content .v_box video,
  .sec6 .content .v_box video {
    height: auto;
    aspect-ratio: 16/9
  }

  .sec3 .content .rbox,
  .sec3 .content .lbox,
  .sec4 .content .rbox,
  .sec4 .content .lbox,
  .sec5 .content .rbox,
  .sec5 .content .lbox,
  .sec6 .content .rbox,
  .sec6 .content .lbox {
    width: 100%
  }

  .sec3 .content .rbox .swiper1 .item,
  .sec3 .content .lbox .swiper1 .item,
  .sec4 .content .rbox .swiper1 .item,
  .sec4 .content .lbox .swiper1 .item,
  .sec5 .content .rbox .swiper1 .item,
  .sec5 .content .lbox .swiper1 .item,
  .sec6 .content .rbox .swiper1 .item,
  .sec6 .content .lbox .swiper1 .item {
    height: 380px
  }

  .sec3 .content .rbox .swiper1 .item .pt,
  .sec3 .content .rbox .swiper2 .item .pt,
  .sec3 .content .rbox .swiper3 .item .pt,
  .sec3 .content .lbox .swiper1 .item .pt,
  .sec3 .content .lbox .swiper2 .item .pt,
  .sec3 .content .lbox .swiper3 .item .pt,
  .sec4 .content .rbox .swiper1 .item .pt,
  .sec4 .content .rbox .swiper2 .item .pt,
  .sec4 .content .rbox .swiper3 .item .pt,
  .sec4 .content .lbox .swiper1 .item .pt,
  .sec4 .content .lbox .swiper2 .item .pt,
  .sec4 .content .lbox .swiper3 .item .pt,
  .sec5 .content .rbox .swiper1 .item .pt,
  .sec5 .content .rbox .swiper2 .item .pt,
  .sec5 .content .rbox .swiper3 .item .pt,
  .sec5 .content .lbox .swiper1 .item .pt,
  .sec5 .content .lbox .swiper2 .item .pt,
  .sec5 .content .lbox .swiper3 .item .pt,
  .sec6 .content .rbox .swiper1 .item .pt,
  .sec6 .content .rbox .swiper2 .item .pt,
  .sec6 .content .rbox .swiper3 .item .pt,
  .sec6 .content .lbox .swiper1 .item .pt,
  .sec6 .content .lbox .swiper2 .item .pt,
  .sec6 .content .lbox .swiper3 .item .pt {
    font-size: 18px;
    margin-bottom: 8px
  }

  .sec3 .content .rbox .swiper1 .item .p2,
  .sec3 .content .rbox .swiper1 .item .des,
  .sec3 .content .rbox .swiper2 .item .p2,
  .sec3 .content .rbox .swiper2 .item .des,
  .sec3 .content .rbox .swiper3 .item .p2,
  .sec3 .content .rbox .swiper3 .item .des,
  .sec3 .content .lbox .swiper1 .item .p2,
  .sec3 .content .lbox .swiper1 .item .des,
  .sec3 .content .lbox .swiper2 .item .p2,
  .sec3 .content .lbox .swiper2 .item .des,
  .sec3 .content .lbox .swiper3 .item .p2,
  .sec3 .content .lbox .swiper3 .item .des,
  .sec4 .content .rbox .swiper1 .item .p2,
  .sec4 .content .rbox .swiper1 .item .des,
  .sec4 .content .rbox .swiper2 .item .p2,
  .sec4 .content .rbox .swiper2 .item .des,
  .sec4 .content .rbox .swiper3 .item .p2,
  .sec4 .content .rbox .swiper3 .item .des,
  .sec4 .content .lbox .swiper1 .item .p2,
  .sec4 .content .lbox .swiper1 .item .des,
  .sec4 .content .lbox .swiper2 .item .p2,
  .sec4 .content .lbox .swiper2 .item .des,
  .sec4 .content .lbox .swiper3 .item .p2,
  .sec4 .content .lbox .swiper3 .item .des,
  .sec5 .content .rbox .swiper1 .item .p2,
  .sec5 .content .rbox .swiper1 .item .des,
  .sec5 .content .rbox .swiper2 .item .p2,
  .sec5 .content .rbox .swiper2 .item .des,
  .sec5 .content .rbox .swiper3 .item .p2,
  .sec5 .content .rbox .swiper3 .item .des,
  .sec5 .content .lbox .swiper1 .item .p2,
  .sec5 .content .lbox .swiper1 .item .des,
  .sec5 .content .lbox .swiper2 .item .p2,
  .sec5 .content .lbox .swiper2 .item .des,
  .sec5 .content .lbox .swiper3 .item .p2,
  .sec5 .content .lbox .swiper3 .item .des,
  .sec6 .content .rbox .swiper1 .item .p2,
  .sec6 .content .rbox .swiper1 .item .des,
  .sec6 .content .rbox .swiper2 .item .p2,
  .sec6 .content .rbox .swiper2 .item .des,
  .sec6 .content .rbox .swiper3 .item .p2,
  .sec6 .content .rbox .swiper3 .item .des,
  .sec6 .content .lbox .swiper1 .item .p2,
  .sec6 .content .lbox .swiper1 .item .des,
  .sec6 .content .lbox .swiper2 .item .p2,
  .sec6 .content .lbox .swiper2 .item .des,
  .sec6 .content .lbox .swiper3 .item .p2,
  .sec6 .content .lbox .swiper3 .item .des {
    font-size: 14px
  }

  .sec3 .content .rbox .swiper1 .item .pics,
  .sec3 .content .rbox .swiper2 .item .pics,
  .sec3 .content .rbox .swiper3 .item .pics,
  .sec3 .content .lbox .swiper1 .item .pics,
  .sec3 .content .lbox .swiper2 .item .pics,
  .sec3 .content .lbox .swiper3 .item .pics,
  .sec4 .content .rbox .swiper1 .item .pics,
  .sec4 .content .rbox .swiper2 .item .pics,
  .sec4 .content .rbox .swiper3 .item .pics,
  .sec4 .content .lbox .swiper1 .item .pics,
  .sec4 .content .lbox .swiper2 .item .pics,
  .sec4 .content .lbox .swiper3 .item .pics,
  .sec5 .content .rbox .swiper1 .item .pics,
  .sec5 .content .rbox .swiper2 .item .pics,
  .sec5 .content .rbox .swiper3 .item .pics,
  .sec5 .content .lbox .swiper1 .item .pics,
  .sec5 .content .lbox .swiper2 .item .pics,
  .sec5 .content .lbox .swiper3 .item .pics,
  .sec6 .content .rbox .swiper1 .item .pics,
  .sec6 .content .rbox .swiper2 .item .pics,
  .sec6 .content .rbox .swiper3 .item .pics,
  .sec6 .content .lbox .swiper1 .item .pics,
  .sec6 .content .lbox .swiper2 .item .pics,
  .sec6 .content .lbox .swiper3 .item .pics {
    margin: 20px 0
  }

  .sec3 .content .rbox .swiper1 .item .pics.pics1,
  .sec3 .content .rbox .swiper2 .item .pics.pics1,
  .sec3 .content .rbox .swiper3 .item .pics.pics1,
  .sec3 .content .lbox .swiper1 .item .pics.pics1,
  .sec3 .content .lbox .swiper2 .item .pics.pics1,
  .sec3 .content .lbox .swiper3 .item .pics.pics1,
  .sec4 .content .rbox .swiper1 .item .pics.pics1,
  .sec4 .content .rbox .swiper2 .item .pics.pics1,
  .sec4 .content .rbox .swiper3 .item .pics.pics1,
  .sec4 .content .lbox .swiper1 .item .pics.pics1,
  .sec4 .content .lbox .swiper2 .item .pics.pics1,
  .sec4 .content .lbox .swiper3 .item .pics.pics1,
  .sec5 .content .rbox .swiper1 .item .pics.pics1,
  .sec5 .content .rbox .swiper2 .item .pics.pics1,
  .sec5 .content .rbox .swiper3 .item .pics.pics1,
  .sec5 .content .lbox .swiper1 .item .pics.pics1,
  .sec5 .content .lbox .swiper2 .item .pics.pics1,
  .sec5 .content .lbox .swiper3 .item .pics.pics1,
  .sec6 .content .rbox .swiper1 .item .pics.pics1,
  .sec6 .content .rbox .swiper2 .item .pics.pics1,
  .sec6 .content .rbox .swiper3 .item .pics.pics1,
  .sec6 .content .lbox .swiper1 .item .pics.pics1,
  .sec6 .content .lbox .swiper2 .item .pics.pics1,
  .sec6 .content .lbox .swiper3 .item .pics.pics1 {
    margin-left: 0;
    gap: 20px;
    flex-wrap: wrap
  }

  .sec3 .content .rbox .swiper1 .item .pics.pics1 .pic img,
  .sec3 .content .rbox .swiper2 .item .pics.pics1 .pic img,
  .sec3 .content .rbox .swiper3 .item .pics.pics1 .pic img,
  .sec3 .content .lbox .swiper1 .item .pics.pics1 .pic img,
  .sec3 .content .lbox .swiper2 .item .pics.pics1 .pic img,
  .sec3 .content .lbox .swiper3 .item .pics.pics1 .pic img,
  .sec4 .content .rbox .swiper1 .item .pics.pics1 .pic img,
  .sec4 .content .rbox .swiper2 .item .pics.pics1 .pic img,
  .sec4 .content .rbox .swiper3 .item .pics.pics1 .pic img,
  .sec4 .content .lbox .swiper1 .item .pics.pics1 .pic img,
  .sec4 .content .lbox .swiper2 .item .pics.pics1 .pic img,
  .sec4 .content .lbox .swiper3 .item .pics.pics1 .pic img,
  .sec5 .content .rbox .swiper1 .item .pics.pics1 .pic img,
  .sec5 .content .rbox .swiper2 .item .pics.pics1 .pic img,
  .sec5 .content .rbox .swiper3 .item .pics.pics1 .pic img,
  .sec5 .content .lbox .swiper1 .item .pics.pics1 .pic img,
  .sec5 .content .lbox .swiper2 .item .pics.pics1 .pic img,
  .sec5 .content .lbox .swiper3 .item .pics.pics1 .pic img,
  .sec6 .content .rbox .swiper1 .item .pics.pics1 .pic img,
  .sec6 .content .rbox .swiper2 .item .pics.pics1 .pic img,
  .sec6 .content .rbox .swiper3 .item .pics.pics1 .pic img,
  .sec6 .content .lbox .swiper1 .item .pics.pics1 .pic img,
  .sec6 .content .lbox .swiper2 .item .pics.pics1 .pic img,
  .sec6 .content .lbox .swiper3 .item .pics.pics1 .pic img {
    width: 100px
  }

  .sec3 .content .rbox .swiper1 .item .pics.pics2,
  .sec3 .content .rbox .swiper2 .item .pics.pics2,
  .sec3 .content .rbox .swiper3 .item .pics.pics2,
  .sec3 .content .lbox .swiper1 .item .pics.pics2,
  .sec3 .content .lbox .swiper2 .item .pics.pics2,
  .sec3 .content .lbox .swiper3 .item .pics.pics2,
  .sec4 .content .rbox .swiper1 .item .pics.pics2,
  .sec4 .content .rbox .swiper2 .item .pics.pics2,
  .sec4 .content .rbox .swiper3 .item .pics.pics2,
  .sec4 .content .lbox .swiper1 .item .pics.pics2,
  .sec4 .content .lbox .swiper2 .item .pics.pics2,
  .sec4 .content .lbox .swiper3 .item .pics.pics2,
  .sec5 .content .rbox .swiper1 .item .pics.pics2,
  .sec5 .content .rbox .swiper2 .item .pics.pics2,
  .sec5 .content .rbox .swiper3 .item .pics.pics2,
  .sec5 .content .lbox .swiper1 .item .pics.pics2,
  .sec5 .content .lbox .swiper2 .item .pics.pics2,
  .sec5 .content .lbox .swiper3 .item .pics.pics2,
  .sec6 .content .rbox .swiper1 .item .pics.pics2,
  .sec6 .content .rbox .swiper2 .item .pics.pics2,
  .sec6 .content .rbox .swiper3 .item .pics.pics2,
  .sec6 .content .lbox .swiper1 .item .pics.pics2,
  .sec6 .content .lbox .swiper2 .item .pics.pics2,
  .sec6 .content .lbox .swiper3 .item .pics.pics2 {
    gap: 20px
  }

  .sec3 .content .rbox .swiper1 .item .ai_pic,
  .sec3 .content .rbox .swiper2 .item .ai_pic,
  .sec3 .content .rbox .swiper3 .item .ai_pic,
  .sec3 .content .lbox .swiper1 .item .ai_pic,
  .sec3 .content .lbox .swiper2 .item .ai_pic,
  .sec3 .content .lbox .swiper3 .item .ai_pic,
  .sec4 .content .rbox .swiper1 .item .ai_pic,
  .sec4 .content .rbox .swiper2 .item .ai_pic,
  .sec4 .content .rbox .swiper3 .item .ai_pic,
  .sec4 .content .lbox .swiper1 .item .ai_pic,
  .sec4 .content .lbox .swiper2 .item .ai_pic,
  .sec4 .content .lbox .swiper3 .item .ai_pic,
  .sec5 .content .rbox .swiper1 .item .ai_pic,
  .sec5 .content .rbox .swiper2 .item .ai_pic,
  .sec5 .content .rbox .swiper3 .item .ai_pic,
  .sec5 .content .lbox .swiper1 .item .ai_pic,
  .sec5 .content .lbox .swiper2 .item .ai_pic,
  .sec5 .content .lbox .swiper3 .item .ai_pic,
  .sec6 .content .rbox .swiper1 .item .ai_pic,
  .sec6 .content .rbox .swiper2 .item .ai_pic,
  .sec6 .content .rbox .swiper3 .item .ai_pic,
  .sec6 .content .lbox .swiper1 .item .ai_pic,
  .sec6 .content .lbox .swiper2 .item .ai_pic,
  .sec6 .content .lbox .swiper3 .item .ai_pic {
    margin: 20px 0
  }

  .sec3 .content .rbox .swiper1 .item .ai_pic .bg,
  .sec3 .content .rbox .swiper2 .item .ai_pic .bg,
  .sec3 .content .rbox .swiper3 .item .ai_pic .bg,
  .sec3 .content .lbox .swiper1 .item .ai_pic .bg,
  .sec3 .content .lbox .swiper2 .item .ai_pic .bg,
  .sec3 .content .lbox .swiper3 .item .ai_pic .bg,
  .sec4 .content .rbox .swiper1 .item .ai_pic .bg,
  .sec4 .content .rbox .swiper2 .item .ai_pic .bg,
  .sec4 .content .rbox .swiper3 .item .ai_pic .bg,
  .sec4 .content .lbox .swiper1 .item .ai_pic .bg,
  .sec4 .content .lbox .swiper2 .item .ai_pic .bg,
  .sec4 .content .lbox .swiper3 .item .ai_pic .bg,
  .sec5 .content .rbox .swiper1 .item .ai_pic .bg,
  .sec5 .content .rbox .swiper2 .item .ai_pic .bg,
  .sec5 .content .rbox .swiper3 .item .ai_pic .bg,
  .sec5 .content .lbox .swiper1 .item .ai_pic .bg,
  .sec5 .content .lbox .swiper2 .item .ai_pic .bg,
  .sec5 .content .lbox .swiper3 .item .ai_pic .bg,
  .sec6 .content .rbox .swiper1 .item .ai_pic .bg,
  .sec6 .content .rbox .swiper2 .item .ai_pic .bg,
  .sec6 .content .rbox .swiper3 .item .ai_pic .bg,
  .sec6 .content .lbox .swiper1 .item .ai_pic .bg,
  .sec6 .content .lbox .swiper2 .item .ai_pic .bg,
  .sec6 .content .lbox .swiper3 .item .ai_pic .bg {
    width: 240px
  }

  .sec3 .content .rbox .swiper1 .item .ai_pic .h_b,
  .sec3 .content .rbox .swiper2 .item .ai_pic .h_b,
  .sec3 .content .rbox .swiper3 .item .ai_pic .h_b,
  .sec3 .content .lbox .swiper1 .item .ai_pic .h_b,
  .sec3 .content .lbox .swiper2 .item .ai_pic .h_b,
  .sec3 .content .lbox .swiper3 .item .ai_pic .h_b,
  .sec4 .content .rbox .swiper1 .item .ai_pic .h_b,
  .sec4 .content .rbox .swiper2 .item .ai_pic .h_b,
  .sec4 .content .rbox .swiper3 .item .ai_pic .h_b,
  .sec4 .content .lbox .swiper1 .item .ai_pic .h_b,
  .sec4 .content .lbox .swiper2 .item .ai_pic .h_b,
  .sec4 .content .lbox .swiper3 .item .ai_pic .h_b,
  .sec5 .content .rbox .swiper1 .item .ai_pic .h_b,
  .sec5 .content .rbox .swiper2 .item .ai_pic .h_b,
  .sec5 .content .rbox .swiper3 .item .ai_pic .h_b,
  .sec5 .content .lbox .swiper1 .item .ai_pic .h_b,
  .sec5 .content .lbox .swiper2 .item .ai_pic .h_b,
  .sec5 .content .lbox .swiper3 .item .ai_pic .h_b,
  .sec6 .content .rbox .swiper1 .item .ai_pic .h_b,
  .sec6 .content .rbox .swiper2 .item .ai_pic .h_b,
  .sec6 .content .rbox .swiper3 .item .ai_pic .h_b,
  .sec6 .content .lbox .swiper1 .item .ai_pic .h_b,
  .sec6 .content .lbox .swiper2 .item .ai_pic .h_b,
  .sec6 .content .lbox .swiper3 .item .ai_pic .h_b {
    width: 240px;
    height: 60px;
    gap: 5px;
    opacity: 1;
    pointer-events: inherit
  }

  .sec3 .content .rbox .swiper1 .item .ai_pic .h_b a,
  .sec3 .content .rbox .swiper2 .item .ai_pic .h_b a,
  .sec3 .content .rbox .swiper3 .item .ai_pic .h_b a,
  .sec3 .content .lbox .swiper1 .item .ai_pic .h_b a,
  .sec3 .content .lbox .swiper2 .item .ai_pic .h_b a,
  .sec3 .content .lbox .swiper3 .item .ai_pic .h_b a,
  .sec4 .content .rbox .swiper1 .item .ai_pic .h_b a,
  .sec4 .content .rbox .swiper2 .item .ai_pic .h_b a,
  .sec4 .content .rbox .swiper3 .item .ai_pic .h_b a,
  .sec4 .content .lbox .swiper1 .item .ai_pic .h_b a,
  .sec4 .content .lbox .swiper2 .item .ai_pic .h_b a,
  .sec4 .content .lbox .swiper3 .item .ai_pic .h_b a,
  .sec5 .content .rbox .swiper1 .item .ai_pic .h_b a,
  .sec5 .content .rbox .swiper2 .item .ai_pic .h_b a,
  .sec5 .content .rbox .swiper3 .item .ai_pic .h_b a,
  .sec5 .content .lbox .swiper1 .item .ai_pic .h_b a,
  .sec5 .content .lbox .swiper2 .item .ai_pic .h_b a,
  .sec5 .content .lbox .swiper3 .item .ai_pic .h_b a,
  .sec6 .content .rbox .swiper1 .item .ai_pic .h_b a,
  .sec6 .content .rbox .swiper2 .item .ai_pic .h_b a,
  .sec6 .content .rbox .swiper3 .item .ai_pic .h_b a,
  .sec6 .content .lbox .swiper1 .item .ai_pic .h_b a,
  .sec6 .content .lbox .swiper2 .item .ai_pic .h_b a,
  .sec6 .content .lbox .swiper3 .item .ai_pic .h_b a {
    width: 100px;
    height: 25px;
    font-size: 10px;
    gap: 5px
  }

  .sec3 .content .rbox .swiper1 .item .ai_pic .h_b a img,
  .sec3 .content .rbox .swiper2 .item .ai_pic .h_b a img,
  .sec3 .content .rbox .swiper3 .item .ai_pic .h_b a img,
  .sec3 .content .lbox .swiper1 .item .ai_pic .h_b a img,
  .sec3 .content .lbox .swiper2 .item .ai_pic .h_b a img,
  .sec3 .content .lbox .swiper3 .item .ai_pic .h_b a img,
  .sec4 .content .rbox .swiper1 .item .ai_pic .h_b a img,
  .sec4 .content .rbox .swiper2 .item .ai_pic .h_b a img,
  .sec4 .content .rbox .swiper3 .item .ai_pic .h_b a img,
  .sec4 .content .lbox .swiper1 .item .ai_pic .h_b a img,
  .sec4 .content .lbox .swiper2 .item .ai_pic .h_b a img,
  .sec4 .content .lbox .swiper3 .item .ai_pic .h_b a img,
  .sec5 .content .rbox .swiper1 .item .ai_pic .h_b a img,
  .sec5 .content .rbox .swiper2 .item .ai_pic .h_b a img,
  .sec5 .content .rbox .swiper3 .item .ai_pic .h_b a img,
  .sec5 .content .lbox .swiper1 .item .ai_pic .h_b a img,
  .sec5 .content .lbox .swiper2 .item .ai_pic .h_b a img,
  .sec5 .content .lbox .swiper3 .item .ai_pic .h_b a img,
  .sec6 .content .rbox .swiper1 .item .ai_pic .h_b a img,
  .sec6 .content .rbox .swiper2 .item .ai_pic .h_b a img,
  .sec6 .content .rbox .swiper3 .item .ai_pic .h_b a img,
  .sec6 .content .lbox .swiper1 .item .ai_pic .h_b a img,
  .sec6 .content .lbox .swiper2 .item .ai_pic .h_b a img,
  .sec6 .content .lbox .swiper3 .item .ai_pic .h_b a img {
    width: 10px
  }

  .sec3 .content .rbox .swiper1 .item .flex,
  .sec3 .content .rbox .swiper2 .item .flex,
  .sec3 .content .rbox .swiper3 .item .flex,
  .sec3 .content .lbox .swiper1 .item .flex,
  .sec3 .content .lbox .swiper2 .item .flex,
  .sec3 .content .lbox .swiper3 .item .flex,
  .sec4 .content .rbox .swiper1 .item .flex,
  .sec4 .content .rbox .swiper2 .item .flex,
  .sec4 .content .rbox .swiper3 .item .flex,
  .sec4 .content .lbox .swiper1 .item .flex,
  .sec4 .content .lbox .swiper2 .item .flex,
  .sec4 .content .lbox .swiper3 .item .flex,
  .sec5 .content .rbox .swiper1 .item .flex,
  .sec5 .content .rbox .swiper2 .item .flex,
  .sec5 .content .rbox .swiper3 .item .flex,
  .sec5 .content .lbox .swiper1 .item .flex,
  .sec5 .content .lbox .swiper2 .item .flex,
  .sec5 .content .lbox .swiper3 .item .flex,
  .sec6 .content .rbox .swiper1 .item .flex,
  .sec6 .content .rbox .swiper2 .item .flex,
  .sec6 .content .rbox .swiper3 .item .flex,
  .sec6 .content .lbox .swiper1 .item .flex,
  .sec6 .content .lbox .swiper2 .item .flex,
  .sec6 .content .lbox .swiper3 .item .flex {
    flex-direction: column;
    gap: 20px
  }

  .sec3 .content .rbox .swiper1 .item .flex .w_t,
  .sec3 .content .rbox .swiper2 .item .flex .w_t,
  .sec3 .content .rbox .swiper3 .item .flex .w_t,
  .sec3 .content .lbox .swiper1 .item .flex .w_t,
  .sec3 .content .lbox .swiper2 .item .flex .w_t,
  .sec3 .content .lbox .swiper3 .item .flex .w_t,
  .sec4 .content .rbox .swiper1 .item .flex .w_t,
  .sec4 .content .rbox .swiper2 .item .flex .w_t,
  .sec4 .content .rbox .swiper3 .item .flex .w_t,
  .sec4 .content .lbox .swiper1 .item .flex .w_t,
  .sec4 .content .lbox .swiper2 .item .flex .w_t,
  .sec4 .content .lbox .swiper3 .item .flex .w_t,
  .sec5 .content .rbox .swiper1 .item .flex .w_t,
  .sec5 .content .rbox .swiper2 .item .flex .w_t,
  .sec5 .content .rbox .swiper3 .item .flex .w_t,
  .sec5 .content .lbox .swiper1 .item .flex .w_t,
  .sec5 .content .lbox .swiper2 .item .flex .w_t,
  .sec5 .content .lbox .swiper3 .item .flex .w_t,
  .sec6 .content .rbox .swiper1 .item .flex .w_t,
  .sec6 .content .rbox .swiper2 .item .flex .w_t,
  .sec6 .content .rbox .swiper3 .item .flex .w_t,
  .sec6 .content .lbox .swiper1 .item .flex .w_t,
  .sec6 .content .lbox .swiper2 .item .flex .w_t,
  .sec6 .content .lbox .swiper3 .item .flex .w_t {
    width: 100%;
    margin-top: 0
  }

  .sec3 .content .rbox .swiper1 .item .flex .w_t .time,
  .sec3 .content .rbox .swiper2 .item .flex .w_t .time,
  .sec3 .content .rbox .swiper3 .item .flex .w_t .time,
  .sec3 .content .lbox .swiper1 .item .flex .w_t .time,
  .sec3 .content .lbox .swiper2 .item .flex .w_t .time,
  .sec3 .content .lbox .swiper3 .item .flex .w_t .time,
  .sec4 .content .rbox .swiper1 .item .flex .w_t .time,
  .sec4 .content .rbox .swiper2 .item .flex .w_t .time,
  .sec4 .content .rbox .swiper3 .item .flex .w_t .time,
  .sec4 .content .lbox .swiper1 .item .flex .w_t .time,
  .sec4 .content .lbox .swiper2 .item .flex .w_t .time,
  .sec4 .content .lbox .swiper3 .item .flex .w_t .time,
  .sec5 .content .rbox .swiper1 .item .flex .w_t .time,
  .sec5 .content .rbox .swiper2 .item .flex .w_t .time,
  .sec5 .content .rbox .swiper3 .item .flex .w_t .time,
  .sec5 .content .lbox .swiper1 .item .flex .w_t .time,
  .sec5 .content .lbox .swiper2 .item .flex .w_t .time,
  .sec5 .content .lbox .swiper3 .item .flex .w_t .time,
  .sec6 .content .rbox .swiper1 .item .flex .w_t .time,
  .sec6 .content .rbox .swiper2 .item .flex .w_t .time,
  .sec6 .content .rbox .swiper3 .item .flex .w_t .time,
  .sec6 .content .lbox .swiper1 .item .flex .w_t .time,
  .sec6 .content .lbox .swiper2 .item .flex .w_t .time,
  .sec6 .content .lbox .swiper3 .item .flex .w_t .time {
    width: 100%;
    height: 20px
  }

  .sec3 .content .rbox .swiper1 .item .flex .w_t .time p,
  .sec3 .content .rbox .swiper2 .item .flex .w_t .time p,
  .sec3 .content .rbox .swiper3 .item .flex .w_t .time p,
  .sec3 .content .lbox .swiper1 .item .flex .w_t .time p,
  .sec3 .content .lbox .swiper2 .item .flex .w_t .time p,
  .sec3 .content .lbox .swiper3 .item .flex .w_t .time p,
  .sec4 .content .rbox .swiper1 .item .flex .w_t .time p,
  .sec4 .content .rbox .swiper2 .item .flex .w_t .time p,
  .sec4 .content .rbox .swiper3 .item .flex .w_t .time p,
  .sec4 .content .lbox .swiper1 .item .flex .w_t .time p,
  .sec4 .content .lbox .swiper2 .item .flex .w_t .time p,
  .sec4 .content .lbox .swiper3 .item .flex .w_t .time p,
  .sec5 .content .rbox .swiper1 .item .flex .w_t .time p,
  .sec5 .content .rbox .swiper2 .item .flex .w_t .time p,
  .sec5 .content .rbox .swiper3 .item .flex .w_t .time p,
  .sec5 .content .lbox .swiper1 .item .flex .w_t .time p,
  .sec5 .content .lbox .swiper2 .item .flex .w_t .time p,
  .sec5 .content .lbox .swiper3 .item .flex .w_t .time p,
  .sec6 .content .rbox .swiper1 .item .flex .w_t .time p,
  .sec6 .content .rbox .swiper2 .item .flex .w_t .time p,
  .sec6 .content .rbox .swiper3 .item .flex .w_t .time p,
  .sec6 .content .lbox .swiper1 .item .flex .w_t .time p,
  .sec6 .content .lbox .swiper2 .item .flex .w_t .time p,
  .sec6 .content .lbox .swiper3 .item .flex .w_t .time p {
    height: 20px
  }

  .sec3 .content .rbox .swiper1 .item .flex .w_img,
  .sec3 .content .rbox .swiper2 .item .flex .w_img,
  .sec3 .content .rbox .swiper3 .item .flex .w_img,
  .sec3 .content .lbox .swiper1 .item .flex .w_img,
  .sec3 .content .lbox .swiper2 .item .flex .w_img,
  .sec3 .content .lbox .swiper3 .item .flex .w_img,
  .sec4 .content .rbox .swiper1 .item .flex .w_img,
  .sec4 .content .rbox .swiper2 .item .flex .w_img,
  .sec4 .content .rbox .swiper3 .item .flex .w_img,
  .sec4 .content .lbox .swiper1 .item .flex .w_img,
  .sec4 .content .lbox .swiper2 .item .flex .w_img,
  .sec4 .content .lbox .swiper3 .item .flex .w_img,
  .sec5 .content .rbox .swiper1 .item .flex .w_img,
  .sec5 .content .rbox .swiper2 .item .flex .w_img,
  .sec5 .content .rbox .swiper3 .item .flex .w_img,
  .sec5 .content .lbox .swiper1 .item .flex .w_img,
  .sec5 .content .lbox .swiper2 .item .flex .w_img,
  .sec5 .content .lbox .swiper3 .item .flex .w_img,
  .sec6 .content .rbox .swiper1 .item .flex .w_img,
  .sec6 .content .rbox .swiper2 .item .flex .w_img,
  .sec6 .content .rbox .swiper3 .item .flex .w_img,
  .sec6 .content .lbox .swiper1 .item .flex .w_img,
  .sec6 .content .lbox .swiper2 .item .flex .w_img,
  .sec6 .content .lbox .swiper3 .item .flex .w_img {
    width: 100%
  }

  .sec3 .content .rbox .swiper3 .swiper-slide .pics,
  .sec3 .content .lbox .swiper3 .swiper-slide .pics,
  .sec4 .content .rbox .swiper3 .swiper-slide .pics,
  .sec4 .content .lbox .swiper3 .swiper-slide .pics,
  .sec5 .content .rbox .swiper3 .swiper-slide .pics,
  .sec5 .content .lbox .swiper3 .swiper-slide .pics,
  .sec6 .content .rbox .swiper3 .swiper-slide .pics,
  .sec6 .content .lbox .swiper3 .swiper-slide .pics {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
  }

  .sec3 .content .rbox .swiper3 .swiper-slide .pics .pic img,
  .sec3 .content .lbox .swiper3 .swiper-slide .pics .pic img,
  .sec4 .content .rbox .swiper3 .swiper-slide .pics .pic img,
  .sec4 .content .lbox .swiper3 .swiper-slide .pics .pic img,
  .sec5 .content .rbox .swiper3 .swiper-slide .pics .pic img,
  .sec5 .content .lbox .swiper3 .swiper-slide .pics .pic img,
  .sec6 .content .rbox .swiper3 .swiper-slide .pics .pic img,
  .sec6 .content .lbox .swiper3 .swiper-slide .pics .pic img {
    height: 80px
  }

  .sec3 .content .rbox .pic_box,
  .sec3 .content .lbox .pic_box,
  .sec4 .content .rbox .pic_box,
  .sec4 .content .lbox .pic_box,
  .sec5 .content .rbox .pic_box,
  .sec5 .content .lbox .pic_box,
  .sec6 .content .rbox .pic_box,
  .sec6 .content .lbox .pic_box {
    padding: 0 40px
  }

  .sec3 .content .rbox .pic_box .prev img,
  .sec3 .content .rbox .pic_box .next img,
  .sec3 .content .lbox .pic_box .prev img,
  .sec3 .content .lbox .pic_box .next img,
  .sec4 .content .rbox .pic_box .prev img,
  .sec4 .content .rbox .pic_box .next img,
  .sec4 .content .lbox .pic_box .prev img,
  .sec4 .content .lbox .pic_box .next img,
  .sec5 .content .rbox .pic_box .prev img,
  .sec5 .content .rbox .pic_box .next img,
  .sec5 .content .lbox .pic_box .prev img,
  .sec5 .content .lbox .pic_box .next img,
  .sec6 .content .rbox .pic_box .prev img,
  .sec6 .content .rbox .pic_box .next img,
  .sec6 .content .lbox .pic_box .prev img,
  .sec6 .content .lbox .pic_box .next img {
    width: 20px
  }

  .sec3 .content .rbox .pic_box .next,
  .sec3 .content .lbox .pic_box .next,
  .sec4 .content .rbox .pic_box .next,
  .sec4 .content .lbox .pic_box .next,
  .sec5 .content .rbox .pic_box .next,
  .sec5 .content .lbox .pic_box .next,
  .sec6 .content .rbox .pic_box .next,
  .sec6 .content .lbox .pic_box .next {
    right: 0
  }

  .sec3 .content .rbox .pics,
  .sec3 .content .lbox .pics,
  .sec4 .content .rbox .pics,
  .sec4 .content .lbox .pics,
  .sec5 .content .rbox .pics,
  .sec5 .content .lbox .pics,
  .sec6 .content .rbox .pics,
  .sec6 .content .lbox .pics {
    gap: 20px;
    align-items: center
  }

  .sec3 .content .rbox .swiper-pagination,
  .sec3 .content .lbox .swiper-pagination,
  .sec4 .content .rbox .swiper-pagination,
  .sec4 .content .lbox .swiper-pagination,
  .sec5 .content .rbox .swiper-pagination,
  .sec5 .content .lbox .swiper-pagination,
  .sec6 .content .rbox .swiper-pagination,
  .sec6 .content .lbox .swiper-pagination {
    bottom: 10px;
    gap: 8px
  }

  .sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet,
  .sec3 .content .lbox .swiper-pagination .swiper-pagination-bullet,
  .sec4 .content .rbox .swiper-pagination .swiper-pagination-bullet,
  .sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet,
  .sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet,
  .sec5 .content .lbox .swiper-pagination .swiper-pagination-bullet,
  .sec6 .content .rbox .swiper-pagination .swiper-pagination-bullet,
  .sec6 .content .lbox .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }

  .sec3 .content .rbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec3 .content .lbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec4 .content .rbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec4 .content .lbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec5 .content .rbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec5 .content .lbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec6 .content .rbox .swiper-pagination .swiper-pagination-bullet-active,
  .sec6 .content .lbox .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px
  }

  .sec4 {
    padding: 50px 5%
  }

  .sec4 .title {
    font-size: 23px
  }

  .sec4 .content {
    flex-direction: column-reverse
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .pt {
    margin-bottom: 10px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex {
    margin-top: 15px;
    flex-direction: column
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t {
    width: 100%;
    margin-top: 0
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .pt {
    font-size: 16px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line {
    width: 100%;
    height: 25px;
    margin-top: 5px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .time .line p {
    top: -1px;
    height: 26px;
    left: -1px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement,
  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost {
    margin: 12px 0
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement .pt,
  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost .pt {
    font-size: 16px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement .pd,
  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .cost .pd {
    font-size: 14px;
    margin-top: 5px
  }

  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_img {
    width: 100%
  }

  .sec5 .content .rbox {
    padding-bottom: 40px
  }

  .sec5 .content .rbox .pt {
    font-size: 18px
  }

  .sec5 .content .rbox .des {
    margin: 8px 0 20px 0;
    font-size: 16px
  }

  .sec5 .content .rbox .pic_box {
    padding: 0
  }

  .sec5 .content .rbox .pic_box .swiper3 .swiper-slide .pics {
    gap: 10px;
    grid-template-columns: repeat(4, 1fr)
  }

  .sec5 .content .rbox .pic_box .swiper3 .swiper-slide .pics .pic {
    border-radius: 12px
  }

  .sec5 .content .rbox .pic_box .swiper3 .swiper-slide .pics .pic img {
    height: auto
  }

  .sec5 .content .rbox .pic_box .prev,
  .sec5 .content .rbox .pic_box .next {
    display: none
  }

  .sec5 .content .rbox .pic_box .prev img,
  .sec5 .content .rbox .pic_box .next img {
    width: 15px
  }

  .sec6 {
    padding: 50px 5%
  }

  .sec6 .content {
    flex-direction: column-reverse
  }

  .sec6 .content .lbox .pt {
    font-size: 18px
  }

  .sec6 .content .lbox .des {
    margin: 8px 0 20px 0;
    font-size: 16px
  }

  .sec6 .content .lbox .pics {
    gap: 20px
  }

  .sec6 .content .lbox .pics .pic {
    width: 100%;
    border-radius: 15px
  }

  .sec7 {
    height: auto;
    padding: 30px 5vw
  }

  .sec7 .content {
    position: relative;
    top: 0;
    padding: 0
  }

  .sec7 .content .swiper4 .swiper-slide .item {
    width: 280px;
    height: 280px;
    transform: scale(0.8) translateX(0);
    border-radius: 10px
  }

  .sec7 .content .swiper4 .swiper-slide .item .pic img {
    max-width: 80%
  }

  .sec7 .content .swiper4 .swiper-slide-active .item {
    transform: scale(1)
  }

  .sec7 .content .prev img,
  .sec7 .content .next img {
    width: 20px
  }

  .sec7 .content .prev {
    left: 0
  }

  .sec7 .content .next {
    right: 0
  }

  .sec7 .btn {
    position: static;
    margin-top: 30px
  }

  .sec7 .btn a {
    height: auto;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px
  }

  .sec7 .btn a .icon1 {
    width: 24px
  }

  .sec7 .btn a p {
    margin: 0 10px
  }

  .sec7 .btn a .icon2 {
    width: 10px
  }

  .sec7 .btn a .c {
    right: -6px;
    width: 45px
  }

  .sec7 .btn a .hand {
    width: 30px;
    height: 30px;
    right: -10px;
    bottom: -10px
  }

  .model_dialog .wrap {
    width: 90%;
    border-radius: 15px;
    position: static;
    height: 50vh;
    transform: none
  }

  .model_dialog .wrap .close {
    right: 12px;
    top: 10px
  }

  .model_dialog .wrap .close img {
    width: 32px
  }

  .model_dialog .wrap .m_pic {
    width: 100%
  }

  .pic_dialog {
    display: none !important
  }

  .pic_dialog .wrap {
    width: 90%;
    border-radius: 15px;
    position: static;
    transform: none;
    padding: 40px 0
  }

  .pic_dialog .wrap .close {
    right: 12px;
    top: 10px
  }

  .pic_dialog .wrap .close img {
    width: 32px
  }

  .pic_dialog .wrap .m_pic {
    width: 100%
  }
  .sec4 .content .lbox .swiper2 .swiper-slide .item .flex .w_t .filement{
    margin-top: 50px;
  }
}