@charset "UTF-8";
body {
  color: #fff;
}
.pc-block {
  display: block !important;
}

.pc-flex {
  display: flex !important;
}

.mb-block {
  display: none !important;
}

.mb-flex {
  display: none !important;
}

@media (max-width: 768px) {
  .pc-block {
    display: none !important;
  }
  .mb-block {
    display: block !important;
  }
  .pc-flex {
    display: none !important;
  }
  .mb-flex {
    display: flex !important;
  }
}

.w1660 {
  padding-left: 1.3rem !important;
  padding-right: 1.3rem !important;
}
.pd_rg_20{
    padding-right:.2rem;
}

.w1600 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.fill-vh {
  width: 100%;
  height: 100vh;
  min-height: 10rem;
}

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

.desc-tit {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.desc-tit .ibtn {
  margin-top: 0.4rem;
}
.desc-tit > .tit {
  max-width: 10.8rem;
  font-size: 0.48rem;
  font-weight: 500;
  font-family: var(--fw500);
  line-height: 1.6;
}
.desc-tit > .txt {
  max-width: 10rem;
  font-size: 0.18rem;
  font-weight: 400;
  font-family: var(--fw400);
  line-height: 1.6;
  margin-top: 0.3rem;
  /*height: 6.4em;*/
  /*overflow: auto;*/
}

.desc-tit > .txt

.desc-tit > .txt p {
  margin-top: 0.2rem;
}
.desc-tit > .txt p:first-child {
  margin-top: 0;
}
.desc-tit > .txt.maxw13 {
  max-width: 13rem;
}
.desc-tit.no-bottom {
  margin-bottom: 0;
}
.desc-tit.text-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.desc-tit.text-center > .tit {
  text-align: center;
}
.desc-tit.text-center > .txt {
  text-align: center;
}

.pic-scale {
  overflow: hidden;
}
.pic-scale .pic, .pic-scale.pic {
  overflow: hidden;
}
.pic-scale .pic img, .pic-scale.pic img {
  transition: all 0.4s ease;
}
.pic-scale:hover .pic img, .pic-scale:hover.pic img {
  transform: scale(1.05);
}
.hover-up {
  transition: all 0.4s ease;
}
.hover-up:hover {
  transform: translateY(-6px);
}

.card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  --c1: #025b9200;
  --c2: #b31f2400;
  border-radius: 0.2rem;
  overflow: hidden;
  background: linear-gradient(134deg, rgba(169, 188, 197, 0.03) 10.36%, rgba(0, 62, 196, 0.08) 95.07%), rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(20px);
  transition: --c1 0.4s ease, --c2 0.4s ease;
}
.card:hover {
  --c1: #025A92;
  --c2: #B31F24;
  background: linear-gradient(107deg, #025A92 0%, #B31F24 100%);
}
.card.card_bor::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(2, 91, 146, 0.3960784314) 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, rgba(179, 31, 36, 0.3960784314) 100%);
  padding: 0.02rem;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}

.ibtn {
  width: fit-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  transition: all 0.4s ease;
  padding: 0.15rem 0.4rem;
  background-color: transparent;
  color: #fff;
  font-size: 0.16rem;
  font-weight: 400;
  font-family: var(--fw400);
  line-height: 1;
  position: relative;
}
.ibtn .btn_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ibtn .btn_bg img {
  position: absolute;
  right: -0.06rem;
  top: -0.06rem;
  width: calc(100% + 0.06rem);
  height: calc(100% + 0.06rem);
  object-fit: contain;
  transition: all 0.4s ease;
}
.ibtn .btn_bg .img1 {
  opacity: 1;
  visibility: visible;
}
.ibtn .btn_bg .img2 {
  opacity: 0;
  visibility: hidden;
}
.ibtn .btn_arrow {
  width: 0.15rem;
  /*height: 0.08rem;*/
  transition: all 0.4s ease;
}
.ibtn .btn_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  z-index: 1;
}
.ibtn:hover .btn_arrow {
  transform: translateX(3px);
}
.ibtn:hover .btn_bg .img1 {
  opacity: 0;
  visibility: hidden;
}
.ibtn:hover .btn_bg .img2 {
  opacity: 1;
  visibility: visible;
}
.ibtn.active .btn_bg .img1 {
  opacity: 0;
  visibility: hidden;
}
.ibtn.active .btn_bg .img2 {
  opacity: 1;
  visibility: visible;
}

.c-ff5 {
  color: rgba(255, 255, 255, 0.5);
}

.c-ff6 {
  color: rgba(255, 255, 255, 0.6);
}

.c-ff9 {
  color: rgba(255, 255, 255, 0.9);
}

.ibtn2 {
  width: fit-content;
  background-color: var(--vicolor);
  color: #fff;
  padding: 0.13rem 0.4rem;
  display: flex;
  gap: 0.15rem;
  align-items: center;
  border-radius: 0.06rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.ibtn2 .icon {
  transition: all 0.4s ease;
}
.ibtn2:hover {
  background-color: color-mix(in srgb, var(--vicolor) 70%, #000 30%);
}
.ibtn2:hover .icon {
  transform: translateX(3px);
}

.page_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.8rem;
}
.page_box .page_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  position: relative;
}
.page_box .page_nav .next,
.page_box .page_nav .prev {
  pointer-events: auto;
  cursor: pointer;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.06rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.page_box .page_nav .next img,
.page_box .page_nav .prev img {
  height: 0.1rem;
}
.page_box .page_nav .next:hover,
.page_box .page_nav .prev:hover {
  background-color: var(--vicolor);
}
.page_box .page_nav .next.swiper-button-disabled,
.page_box .page_nav .prev.swiper-button-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.page_box .num_box {
  display: flex;
  align-items: flex-end;
  gap: 0.05rem;
  margin: 0 0.4rem;
}
.page_box .page_progress {
  width: 100%;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.4);
  position: relative;
}
.page_box .page_progress .swiper-pagination-progressbar-fill {
  background: var(--vicolor);
  height: 0.03rem;
  border-radius: 0.03rem;
  display: block;
  transform-origin: left;
}
.page_box .page_progress2 {
  width: 100%;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.4);
  position: relative;
  overflow: visible;
}
.page_box .page_progress2 .swiper-pagination-progressbar-fill {
  background: var(--vicolor);
  height: 0.03rem;
  border-radius: 0.03rem;
  display: block;
  transform-origin: left top;
  width: 100%;
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.page_box .page_progress2 .progress-logo {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  transition: all 0.4s ease;
}
.page_box .page_progress2 .progress-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.page_box .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}
@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.page_box .pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.02rem;
  background-color: #fff;
  border-radius: 0;
  opacity: 0.6;
  transition: all 0.4s ease;
  position: relative;
}
.page_box .pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--vicolor);
  width: 0;
  height: 100%;
  transition: all 0.4s ease;
  border-radius: 0;
}
.page_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation: progress 3.8s ease-in-out;
}

.page_box2 {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.page_box2 .prev,
.page_box2 .next {
  cursor: pointer;
  height: 0.4rem;
  width: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
}
.page_box2 .prev img,
.page_box2 .next img {
  height: 0.1rem;
}
.page_box2 .prev:hover,
.page_box2 .next:hover {
  background-color: var(--vicolor);
}
.page_box2 .page_num {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.page_box2 .page_num .num {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
}
.page_box2 .page_num .num:hover, .page_box2 .page_num .num.active {
  color: #fff;
  background-color: var(--vicolor);
}

.all-trans-time {
  transition: all 0.4s ease;
}
.all-trans-time * {
  transition: all 0.4s ease;
}

.nybanner {
  height: 100vh;
  position: relative;
  z-index: 99;
}
.nybanner .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nybanner .cont {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(90deg, rgba(78, 78, 78, 0.2) 0%, rgba(93, 93, 93, 0) 100%);
}

.icon {
  display: flex;
  align-items: center;
}
.icon .arrow_d {
  width: 0.25rem;
  height: 0.25rem;
}
.icon .arrow_r2 {
  height: 0.1rem;
}

.bglinear {
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
  /*height: 1rem;*/
  display: flex;
  transition: all 0.4s ease;
}
.header .header-cont {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-cont .lf .logo {
  height: 0.64rem;
  width: auto;
}
.header .header-cont .rg {
  margin-left: 2.8rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.header .header-cont .rg .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

.header .header-cont .rg .nav>div .hxl{position: absolute;top: 100%;left: 50%;transform:translateX(-50%);width: fit-content;min-width:1.5rem;opacity:0;transition:all 0.5s;pointer-events:none ;border-top:0px solid rgba(255,255,255,0.3)}
.header .header-cont .rg .nav>div .hxl.show{opacity: 1;pointer-events: all;}
.header .header-cont .rg .nav>div ul{transform:translateY(-0.1rem); display: flex;flex-direction:column;justify-content: center;gap: 0.3rem;padding: 0.25rem .06rem;background-color: rgba(5, 20, 41, 0.20);;backdrop-filter: blur(10px);width:100%;transition:all 0.5s;border-radius:0 0 .1rem .1rem;}
.header .header-cont .rg .nav>div ul li{text-align:center;}
.header .header-cont .rg .nav>div ul li a{line-height:1.2;}
.header .header-cont .rg .nav>div .hxl.show ul{transform: translateY(0);}

.header .header-cont .rg .nav>.li{
      padding: 0.45rem 0;
      position: relative;
}
.header .header-cont .rg .nav a {
  color: #fff;
  font-size: 0.16rem;
  font-weight: 500;
  font-family: var(--fw500);
  transition: all 0.4s ease;
  display: flex;
text-align: center;
justify-content: center;
  align-items: center;
  gap: 0.05rem;
}
.header .header-cont .rg .nav a:hover {
  color: var(--vicolor);
}
.header .header-cont .rg .nav a.active {
  color: var(--vicolor);
}
.header .header-cont .rg .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .header-cont .rg .actions .search {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.header .header-cont .rg .actions .item {
  cursor: pointer;
  height: 0.2rem;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0 0.15rem;
  color: #fff;
  gap: 0.15rem;
}
.header .header-cont .rg .actions .item span {
  width: fit-content;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.header .header-cont .rg .actions .item span .arrow_d {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
}
.header .header-cont .rg .actions .contact_btn {
  cursor: pointer;
  width: fit-content;
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  background-color: var(--vicolor);
  gap: 0.08rem;
}
.header .header-cont .rg .actions .contact_btn .dot {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #fff;
}
.header .header-cont .rg .actions .contact_btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}
.header .img1 {
  display: block;
}
.header .img2 {
  display: none;
}
.header:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(15, 15, 15, 0.6);backdrop-filter: blur(10px);z-index: -1;opacity: 0;}
.header.on:after {
  opacity: 1;
}

.header:hover:after {
  opacity: 1;
}

.footer .footer-cont {
  height: 10.8rem;
  background: linear-gradient(110deg, #15334B 0%, #031225 72.27%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footer .footer-cont .bg {
  position: absolute;
  bottom: 0;
  left: 0.35rem;
  width: 5.2rem;
  height: auto;
  pointer-events: none;
}
.footer .footer-cont .f_top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.8rem;
}
.footer .footer-cont .f_top .desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer .footer-cont .f_top .desc .logo {
  width: 2.5rem;
  height: auto;
  margin-bottom: 0.5rem;
}
.footer .footer-cont .f_top .desc .contact {
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
}
.footer .footer-cont .f_top .desc .contact .item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  padding: 0 0.35rem;
}
.footer .footer-cont .f_top .desc .contact .item .icon {
  width: 0.28rem;
  height: 0.28rem;
}
.footer .footer-cont .f_top .desc .contact .item:not(:last-child) {
  border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.footer .footer-cont .f_top .desc .search {
  width: 6.4rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  position: relative;
}
.footer .footer-cont .f_top .desc .search .search_icon {
  width: 0.13rem;
  height: 0.13rem;
  position: absolute;
  left: 0.4rem;
}
.footer .footer-cont .f_top .desc .search input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.16rem;
  padding: 0 1.6rem 0 0.65rem;
}
.footer .footer-cont .f_top .desc .search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.footer .footer-cont .f_top .desc .search .search_btn {
  cursor: pointer;
  width: 1.5rem;
  height: 0.42rem;
  border-radius: 0.1rem;
  background: var(--vicolor);
  position: absolute;
  right: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.footer .footer-cont .f_top .desc .search .search_btn:hover {
  background: color-mix(in srgb, var(--vicolor) 70%, #000 30%);
}
.footer .footer-cont .f_center {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 1.5rem;
}
.footer .footer-cont .f_center .nav {
  display: flex;
  justify-content: space-between;
}
.footer .footer-cont .f_center .nav .item {
  max-width: 1.4rem;
  display: flex;
  flex-direction: column;
}
.footer .footer-cont .f_center .nav .item .tit {
  margin-bottom: 0.4rem;
  white-space: nowrap;
}
.footer .footer-cont .f_center .nav .item .item_l {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.footer .footer-cont .f_center .nav .item .item_l a {
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s ease;
}
.footer .footer-cont .f_center .nav .item .item_l a:hover {
  transform: translateX(5px);
  color: #fff;
}
.footer .footer-cont .f_bottom {
  padding: 0.35rem 0;
}
.footer .footer-cont .f_bottom .cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .footer-cont .f_bottom .cont .lf {
  display: flex;
  gap: 0.1rem;
  color: rgba(255, 255, 255, 0.5);
}
.footer .footer-cont .f_bottom .cont .lf .policy {
  display: flex;
}
.footer .footer-cont .f_bottom .cont .lf .policy a {
  position: relative;
  padding: 0 0.16rem;
}
.footer .footer-cont .f_bottom .cont .lf .policy a::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #868686;
  position: absolute;
  right: 0;
  top: 0;
}
.footer .footer-cont .f_bottom .cont .lf .policy a:first-child {
  padding-left: 0;
}
.footer .footer-cont .f_bottom .cont .lf .policy a:last-child {
  padding-right: 0;
}
.footer .footer-cont .f_bottom .cont .lf .policy a:last-child::after {
  display: none;
}
.footer .footer-cont .f_bottom .cont .lf .policy a:hover {
  color: var(--vicolor);
}
.footer .footer-cont .f_bottom .cont .rg {
  display: flex;
}
.footer .footer-cont .f_bottom .cont .rg .media_list {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.footer .footer-cont .f_bottom .cont .rg .media_list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
}
.footer .footer-cont .f_bottom .cont .rg .media_list .item img {
  width: 0.3rem;
  height: 0.3rem;
}
.footer .footer-cont .f_bottom .cont .rg .media_list .item span {
  width: fit-content;
  white-space: nowrap;
}

.ind_page {
  width: 100%;
  overflow: hidden;
}
@keyframes dotbg {
  from {
    width: 0.11rem;
    height: 0.11rem;
  }
  to {
    width: 0.22rem;
    height: 0.22rem;
  }
}
.ind_page .ind_ban {
  height: 100vh;
}
.ind_page .ind_ban .swiper_ind_pic {
  width: 100%;
  height: 100%;
  position: relative;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide {
  position: relative;
  transition: all 0.4s ease;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .bg {
  width: 100%;
  height: 100%;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc {
  position: absolute;
  top: 36%;
  transform: translateY(-50%);
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit {
  margin-bottom: 1rem;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-action {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  z-index: 2;
  height: auto;
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  z-index: 1;
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg {
  position: absolute;
  inset: 0;
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg img {
  opacity: 0.2;
  position: absolute;
  inset: 0;
  object-fit: cover;
  mask-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 90, 146, 0) 0%, #011B2C 100%);
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  padding-top: 1.2rem;
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont .btn {
  pointer-events: auto;
  cursor: pointer;
  width: fit-content;
  min-width: 2.6rem;
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  padding: 0.2rem 0.3rem;
  text-align: center;
  transition: all 0.4s ease;
}
.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont .btn:hover {
  background: var(--theme-color);
}
.ind_page .ind_ban .swiper_ind_pic:hover .bottom_box {
  opacity: 1;
  visibility: visible;
}
.ind_page .ind_ban .swiper_ind_pic .page_box {
  margin-top: 0;
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  z-index: 2;
}
.ind_page .ind1 {
  position: relative;
}
.ind_page .ind1 > .mask {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: rgba(24, 26, 30, 0.8);
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.ind_page .ind1 > .mask .tit {
  position: absolute;
  top: 45%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  text-align: center;
}
.ind_page .ind1 .bg {
  width: 100%;
  height: 100%;
}
.ind_page .ind1 .bg .map {
  transform-origin: 90% 30%;
  background-color: rgb(2, 17, 37);
  position: relative;
}
.ind_page .ind1 .bg .map .quan1 {
  position: absolute;
  top: 3.1rem;
  left: 5.7rem;
  width: 11rem;
  height: 4.3rem;
  pointer-events: none;
}
.ind_page .ind1 .bg .map_dot_list2 {
  transform-origin: 90% 30%;
  position: absolute;
  inset: 0;
  pointer-events: none;
  
}
.ind_page .ind1 .bg .map_dot_list2 .dot_item {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  pointer-events: auto;
}
.ind_page .ind1 .bg .map_dot_list2 .dot_item .icon {
  width: 100%;
  height: 100%;
}
.ind_page .ind1 .bg .map_dot_list2 .dot_item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  border-radius: 50%;
  background-color: var(--vicolor);
  opacity: 0.2;
  animation: dotbg 2s ease-in-out infinite alternate;
}
.ind_page .ind1 .bg .map_dot_list2 .logo {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
}
.ind_page .ind1 .bg .map_dot_list2 .ind1_line {
  width: 1rem;
  position: absolute;
  left: 76.42%;
  top: 37.55%;
}
.ind_page .ind1 .bg .map_dot_list {
  transform-origin: 90% 30%;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.ind_page .ind1 .bg .map_dot_list .dot_item {
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 50%;
  pointer-events: auto;
}
.ind_page .ind1 .bg .map_dot_list .dot_item > .tit {
  position: absolute;
  bottom: -0.16rem;
  left: -0.03rem;
  white-space: nowrap;
  font-size: 0.07rem;
}
.ind_page .ind1 .bg .map_dot_list .dot_item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  border-radius: 50%;
  width: 0.04rem;
  height: 0.04rem;
  background-color: var(--vicolor);
}
.ind_page .ind1 .bg .map_dot_list .dot_item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  border-radius: 50%;
  background-color: var(--vicolor);
  opacity: 0.2;
  animation: dotbg 2s ease-in-out infinite alternate;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .item_cont {
  padding-right: 0.3rem;
  width: 1.875rem;
  min-height: 1.625rem;
  height: auto;
  position: absolute;
  z-index: 2;
  right: 0.22rem;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .dot_card {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0.075rem;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .dot_card .pic {
  width: 100%;
  height: 0.8rem;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.1rem;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .dot_card .desc {
  display: flex;
  flex-direction: column;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .dot_card .desc .tit {
  margin-bottom: 0.06rem;
  font-size: 0.09rem;
}
.ind_page .ind1 .bg .map_dot_list .dot_item .dot_card .desc .txt {
  font-size: 0.07rem;
}
.ind_page .ind1 .bg .map_dot_list .dot_item:hover .item_cont {
  opacity: 1;
  visibility: visible;
}
.ind_page .ind1 .bg .quan {
  position: absolute;
  top: 0.18rem;
  right: -0.68rem;
  width: 8.7rem;
  height: 8.7rem;
  pointer-events: none;
}
.ind_page .ind1 .bg .quan .quan2, .ind_page .ind1 .bg .quan .quan3, .ind_page .ind1 .bg .quan .quan4 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ind_page .ind1 .bg .quan .quan2 {
  padding: 1.3rem;
  animation: ripple 4s linear infinite;
}
.ind_page .ind1 .bg .quan .quan3 {
  padding: 2.46rem;
  animation: ripple2 4s linear infinite;
}
.ind_page .ind1 .bg .quan .quan4 {
  padding: 3.3rem;
  animation: ripple3 4s linear infinite forwards;
}
.ind_page .ind1 .bg .quan.zhuan {
  animation: zhuan 60s linear infinite alternate;
}
@keyframes zhuan {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes ripple2 {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes ripple3 {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
.ind_page .ind1 .cont {
  position: absolute;
  inset: 0;
  padding: 1.8rem 0 1.5rem;
  pointer-events: none;
}
.ind_page .ind1 .cont .cont_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.3rem;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, #031225 6.43%, rgba(3, 18, 37, 0) 93.87%);
}
.ind_page .ind1 .cont .desc-tit {
  pointer-events: auto;
  position: relative;
  max-width: 6.6rem;
}
.ind_page .ind1 .cont .desc-tit .subtit {
  margin-bottom: 0.2rem;
}
.ind_page .ind1 .cont .desc-tit .txt{
    height: 6.4em;
    overflow: auto;
}
.ind_page .ind1 .cont .desc-tit .ibtn {
  margin-top: 0.8rem;
}
.ind_page .ind1 .cont .bottom {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.ind_page .ind1 .cont .bottom .lf {
  width: 4.4rem;
  pointer-events: auto;
}
.ind_page .ind1 .cont .bottom .lf .video_box {
  height: 100%;
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.ind_page .ind1 .cont .bottom .lf .video_box .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}
.ind_page .ind1 .cont .bottom .lf .video_box .mask .btn {
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.ind_page .ind1 .cont .bottom .lf .video_box .mask .btn:hover {
  transform: scale(1.05);
}
.ind_page .ind1 .cont .bottom .rg {
  width: calc(100% - 4.4rem);
  height: auto;
  padding-left: 0.8rem;
}
.ind_page .ind1 .cont .bottom .rg .num_list {
  display: flex;
  /*gap: 1rem;*/
  justify-content: space-between;
  transform-origin: left center;
}

.ind_page .ind1 .cont .bottom .rg .num_list .item{
    width: 18%;
}

.ind_page .ind1 .cont .bottom .rg .num_list .num {
  margin-bottom: 0.2rem;
}
.ind_page .ind1 .cont .bottom .rg .num_list .txt{line-height: 1.4;}

.ind_page .ind2 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
  padding: 1.8rem 0 0.4rem;
}
/*.ind_page .ind2 .desc-tit {*/
/*  position: relative;*/
/*  z-index: 2;*/
/*}*/
.ind_page .ind2 .cont {
  position: absolute;
  inset: 0;
}
.ind_page .ind2 .cont .swiper_ind2_bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ind_page .ind2 .cont .swiper_ind2_bg .swiper-slide {
  width: 100%;
  height: 100%;
}
.ind_page .ind2 .cont .swiper_ind2_bg .swiper-slide .bg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
  overflow: hidden;
  opacity: 0;
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg .desc-tit {
  padding-top: 1.8rem;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg > img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100vw;
  max-width: 100vw;
  object-fit: cover;
  object-position: center;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg.active {
  width: 100%;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg.z1 {
  opacity: 1;
  z-index: 1;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_bg .bg.z2 {
  opacity: 1;
  z-index: 2;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  width: 100%;
  z-index: 2;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  gap: 0.3rem;
  padding: 0 1.6rem;
  min-height: 2.2rem;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item {
  width: calc((100% - 1.2rem) / 5);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  transition: all 0.6s ease;
  cursor: pointer;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item .card {
  width: 100%;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
  background: rgba(156, 156, 156, 0.33);
  backdrop-filter: blur(10px);
  transition: all 0.6s ease;
  padding: 0.15rem 0.2rem;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item .card .icon {
  height: 0.8rem;
  width: auto;
  transition: all 0.6s ease;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item .card .icon img {
  transition: all 0.6s ease;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item .card .btn_arrow {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: auto;
  transition: all 0.6s ease;
  opacity: 0;
  visibility: hidden;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item .desc .tit {
  text-align: center;
  transition: all 0.6s ease;
  color: rgba(255, 255, 255, 0.4);
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item:hover, .ind_page .ind2 .cont .swiper_ind2_bg .list_card .item.active {
  transform: translateY(-10px);
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item:hover .card, .ind_page .ind2 .cont .swiper_ind2_bg .list_card .item.active .card {
  margin-bottom: 0.1rem;
  background: rgba(255, 255, 255, 0.86);
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item:hover .card .icon, .ind_page .ind2 .cont .swiper_ind2_bg .list_card .item.active .card .icon {
  height: 0.9rem;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item:hover .btn_arrow, .ind_page .ind2 .cont .swiper_ind2_bg .list_card .item.active .btn_arrow {
  opacity: 1;
  visibility: visible;
}
.ind_page .ind2 .cont .swiper_ind2_bg .list_card .item:hover .desc .tit, .ind_page .ind2 .cont .swiper_ind2_bg .list_card .item.active .desc .tit {
  color: rgba(255, 255, 255, 0.8);
}
.ind_page .ind3 {
  /*height: 100vh;*/
  /*min-height: 10rem;*/
  background: linear-gradient(110deg, #15334B 0%, #031225 72.27%);
  position: relative;
}
.ind_page .ind3 .bg {
  height: 100%;
  width: 100%;
  position: absolute;
}
.ind_page .ind3 .cont {
  /*position: absolute;*/
  /*inset: 0;*/
  padding: 2rem 0 1.2rem;
}
.ind_page .ind3 .cont .news_info{
    display: flex;
}
.ind_page .ind3 .cont .news_info .list {
  display: flex;
  gap: 0.4rem;
  width: calc(100% - 4.8rem);
  padding-right: .4rem;
}
.ind_page .ind3 .cont .news_info .list .item {
  width: calc((100% - 0.4rem) / 2);
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.01rem solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  height: 6.5rem;
  cursor: pointer;
}
.ind_page .ind3 .cont .news_info .list .item .pic {
  width: 100%;
  height: 3.6rem;
}
.ind_page .ind3 .cont .news_info .list .item .info {
  padding: 0.32rem;
  position: relative;
}
.ind_page .ind3 .cont .news_info .list .item .info .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: auto;
  opacity: 0;
  z-index: -1;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .tag {
  display: flex;
  margin-bottom: 0.15rem;
  transition:  all .4s ease;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .tag .date {
  padding-left: 0.2rem;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.ind_page .ind3 .cont .news_info .list .item .info .desc .txt {
  margin-bottom: 0.4rem;
  transition:  all .4s ease;
}
.ind_page .ind3 .cont .news_info .list .item .info .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.ind_page .ind3 .cont .news_info .list .item .info .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ind_page .ind3 .cont .news_info .list .item .info .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.ind_page .ind3 .cont .news_info .list .item:hover {
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
}
.ind_page .ind3 .cont .news_info .list .item:hover .bg {
  opacity: 1;
}
.ind_page .ind3 .cont .news_info .list .item:hover .info .desc .tag{
    color: #fff;
}
.ind_page .ind3 .cont .news_info .list .item:hover .info .desc .txt{
    color: #fff;
}
.ind_page .ind3 .cont .news_info .list .item:hover .info .desc .tit{
    color: var(--vicolor);
}
.ind_page .ind3 .cont .news_info .list .item:hover .info .more {
  color: var(--vicolor);
}
.ind_page .ind3 .cont .news_info .list .item:hover .info .more .arrow_r svg path {
  stroke: var(--vicolor);
}
.ind_page .ind3 .cont .news_info .news_box{
    padding: .1rem .02rem .1rem 0;
    border-radius: .1rem;
    width: 4.8rem;
    height: 6.5rem;
    border: 0.5px solid rgba(255, 255, 255, 0.40);
    background: rgba(3, 14, 28, 0.60);
    box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
    backdrop-filter: blur(5px);
}

.ind_page .ind3 .cont .news_info .news_box .news_list {
    width: 100%;
    height: 100%;
   display: flex;
   flex-direction: column;
   overflow-y:auto ;
}
.ind_page .ind3 .cont .news_info .news_box .news_list .news_item {
  cursor: pointer;
  padding: 0.32rem .32rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  transition: all .4s ease;
  /*backdrop-filter: blur(5px);*/
  /*background: rgba(3, 14, 28, 0.6);*/
}
.ind_page .ind3 .cont .news_box .news_list .news_item:first-child {
  /*border-color: var(--vicolor);*/
  border-top: none;
  /*padding-top: 0;*/
}
.ind_page .ind3 .cont .news_box .news_list .news_item .bg {
  position: absolute;
  bottom: .1rem;
  right: 0;
  width: .8rem;
  height: auto;
  opacity: 0;
  transition: all 0.4s ease;
}
.ind_page .ind3 .cont .news_box .news_list .news_item .desc {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.ind_page .ind3 .cont .news_box .news_list .news_item .desc .tag {
  display: flex;
}
.ind_page .ind3 .cont .news_box .news_list .news_item .desc .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.ind_page .ind3 .cont .news_box .news_list .news_item .desc .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.ind_page .ind3 .cont .news_box .news_list .news_item .desc .tag .date {
  padding-left: 0.2rem;
}
.ind_page .ind3 .cont .news_box .news_list .news_item:hover {
  /*background: rgba(46, 59, 76, 0.6);*/
      background: rgba(46, 59, 76, 0.6);
    /*box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);*/
}
.ind_page .ind3 .cont .news_box .news_list .news_item:hover .bg {
  opacity: 1;
}
.ind_page .ind3 .cont .news_box .news_list .news_item:hover .desc .tit {
  color: var(--vicolor);
}

.ind_page .ind4 {
  height: 100vh;
  min-height: 10rem;
  background: linear-gradient(110deg, #15334B 0%, #031225 72.27%);
}
.ind_page .ind4 .cont {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ind_page .ind4 .cont .mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* 很重要，避免挡交互 */
  background: linear-gradient(to right, #15334b 8%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, #031225 92%);
}
.ind_page .ind4 .cont .tit {
  margin-bottom: 1rem;
}
.ind_page .ind4 .cont .logo_list {
  position: relative;
  margin-bottom: 0.6rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden;
}
.ind_page .ind4 .cont .logo_list .logo_item {
  width: 100%;
  display: flex;
  gap: 0.12rem;
}
.ind_page .ind4 .cont .logo_list .logo_item .card {
  flex-shrink: 0;
  width: 2.25rem;
  height: 0.68rem;
  padding: 0.15rem;
  border-radius: 0.06rem;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ind_page .ind5 {
  height: 100vh;
  min-height: 10rem;
  position: relative;
  background: linear-gradient(110deg, #15334B 0%, #031225 72.27%);
}
.ind_page .ind5 .cont {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ind_page .ind5 .cont .top {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.ind_page .ind5 .cont .top .bg {
  height: 100%;
  width: 100%;
}
.ind_page .ind5 .cont .top .desc-tit {
  padding: 0 1.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  align-items: flex-start;
  z-index: 3;
}
.ind_page .ind5 .cont .top .desc-tit .tit {
  text-align: left;
}
.ind_page .ind5 .cont .list {
  margin-top: 0.3rem;
  display: flex;
  gap: 0.3rem;
  height: 2.8rem;
}
.ind_page .ind5 .cont .list .item {
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  width: calc((100% - 0.9rem) / 4);
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.36rem;
  position: relative;
}
.ind_page .ind5 .cont .list .item .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ind_page .ind5 .cont .list .item .icon {
  width: 0.7rem;
  height: 0.54rem;
  margin-bottom: 0.32rem;
}
.ind_page .ind5 .cont .list .item .desc {
  margin-bottom: 0.28rem;
}
.ind_page .ind5 .cont .list .item .desc .tit {
  text-align: center;
  margin-bottom: 0.15rem;
}
.ind_page .ind5 .cont .list .item .desc .txt {
  text-align: center;
}
.ind_page .ind5 .cont .list .item .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.ind_page .ind5 .cont .list .item .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ind_page .ind5 .cont .list .item .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.ind_page .ind5 .cont .list .item:hover .bg {
  opacity: 1;
  z-index: -1;
}
.ind_page .ind5 .cont .list .item:hover .icon {
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
}
.ind_page .ind5 .cont .list .item:hover .desc .tit,
.ind_page .ind5 .cont .list .item:hover .desc .txt {
  color: #fff;
}
.ind_page .ind5 .cont .list .item:hover .more {
  color: #fff;
}
.ind_page .ind5 .cont .list .item:hover .more .arrow_r {
  transform: translateX(-3px);
}
.ind_page .ind5 .cont .list .item:hover .more .arrow_r svg path {
  stroke: #fff;
}

.news_page .news_list {
  padding: 1.4rem 0;
}
.news_page .news_list > .bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.news_page .news_list > .bg img {
  opacity: 0.2;
}
.news_page .news_list .top {
  margin-bottom: 1.2rem;
}
.news_page .news_list .top .desc-tit {
  align-items: flex-start;
}
.news_page .news_list .top .desc-tit .tit {
  text-align: left;
}
.news_page .news_list .top .top_cont {
  display: flex;
  gap: 0.4rem;
  height: 6.1rem;
}
.news_page .news_list .top .top_cont .lf {
  width: calc(100% - 0.4rem - 5.15rem);
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper {
  position: relative;
  height: 100%;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .swiper-slide {
  position: relative;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .swiper-slide .pic {
  width: 100%;
  height: 100%;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .swiper-slide .cont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.2rem 0.32rem;
  min-height: 1.6rem;
  background: linear-gradient(0deg, rgba(5, 19, 38, 0.8) 30.4%, rgba(5, 19, 38, 0) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .swiper-slide .cont .desc {
  max-width: 6rem;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .page_box {
  margin-top: 0;
  position: absolute;
  bottom: 0.5rem;
  right: 0.32rem;
  z-index: 2;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .page_box .pagination {
  gap: 0.08rem;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .page_box .pagination .swiper-pagination-bullet {
  margin: 0;
  width: 0.2rem;
}
.news_page .news_list .top .top_cont .lf .news_top_swiper .page_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
}
.news_page .news_list .top .top_cont .rg {
  width: 5.15rem;
  height: 100%;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.1);
  backdrop-filter: blur(5px);
}
.news_page .news_list .top .top_cont .rg .list_box {
  height: 100%;
  padding: 0.36rem 0.2rem 0.36rem 0.4rem;
}
.news_page .news_list .top .top_cont .rg .list {
  height: 100%;
  /*padding: 0.36rem 0.4rem;*/
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /*overflow-y: auto;*/
}
.news_page .news_list .top .top_cont .rg .list .item {
  cursor: pointer;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.news_page .news_list .top .top_cont .rg .list .item .bg {
  position: absolute;
  bottom: 0rem;
  right: 0;
  width: .8rem;
  height: auto;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease;
}
.news_page .news_list .top .top_cont .rg .list .item:first-child {
  padding-top: 0;
}
.news_page .news_list .top .top_cont .rg .list .item:last-child {
  /*padding-bottom: 0;*/
  border-bottom: none;
}
.news_page .news_list .top .top_cont .rg .list .item .tag {
  display: flex;
  margin-bottom: 0.15rem;
}
.news_page .news_list .top .top_cont .rg .list .item .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.news_page .news_list .top .top_cont .rg .list .item .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.news_page .news_list .top .top_cont .rg .list .item .tag .date {
  padding-left: 0.2rem;
}
.news_page .news_list .top .top_cont .rg .list .item:hover .tag {
  color: #fff;
}
.news_page .news_list .top .top_cont .rg .list .item:hover .bg{
 opacity: 1;   
}
.news_page .news_list .top .top_cont .rg .list .item:hover .tit {
  color: var(--vicolor);
}
.news_page .news_list .bottom .filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.6rem;
}
.news_page .news_list .bottom .filter .lf {
  width: fit-content;
  display: flex;
  gap: 0.2rem;
}
.news_page .news_list .bottom .filter .lf .news_type {
  display: flex;
  gap: 0.8rem;
}
.news_page .news_list .bottom .filter .lf .news_type .item {
  cursor: pointer;
  padding: 0.32rem 0;
  position: relative;
}
.news_page .news_list .bottom .filter .lf .news_type .item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all 0.4s ease;
}
.news_page .news_list .bottom .filter .lf .news_type .item:hover, .news_page .news_list .bottom .filter .lf .news_type .item.active {
  color: var(--vicolor);
}
.news_page .news_list .bottom .filter .lf .news_type .item:hover::after, .news_page .news_list .bottom .filter .lf .news_type .item.active::after {
  width: 100%;
  background-color: var(--vicolor);
}
.news_page .news_list .bottom .filter .rg {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.news_page .news_list .bottom .filter .rg .style_type {
  display: flex;
  gap: 0.1rem;
}
.news_page .news_list .bottom .filter .rg .style_type .item {
  cursor: pointer;
  border-radius: 0.06rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0.07rem;
  width: 0.45rem;
  height: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_page .news_list .bottom .filter .rg .style_type .item .icon {
  width: 0.32rem;
  height: 0.32rem;
}
.news_page .news_list .bottom .filter .rg .style_type .item .icon img {
  opacity: 0.6;
}
.news_page .news_list .bottom .filter .rg .style_type .item:hover, .news_page .news_list .bottom .filter .rg .style_type .item.active {
  border-color: var(--vicolor);
  background: var(--vicolor);
}
.news_page .news_list .bottom .filter .rg .style_type .item:hover .icon img, .news_page .news_list .bottom .filter .rg .style_type .item.active .icon img {
  opacity: 1;
}
.news_page .news_list .bottom .filter .rg .year {
  height: 0.45rem;
}
.news_page .news_list .bottom .filter .rg .year .item {
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.06rem;
  overflow: hidden;
  position: relative;
}
.news_page .news_list .bottom .filter .rg .year .item .select {
  width: 100%;
  height: 100%;
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  width: 2rem;
  padding: 0 0.2rem;
  border: none;
}
.news_page .news_list .bottom .filter .rg .year .item .icon {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  transform: translateY(-50%) rotate(90deg);
}
@keyframes newsListFadeIn {
  from {
    opacity: 0;
    transform: translateY(0.2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.news_page .news_list .bottom .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  opacity: 0;
}
.news_page .news_list .bottom .list .item {
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  border: 0.05px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  position: relative;
  backdrop-filter: blur(5px);

}
.news_page .news_list .bottom .list .item .mask {
  position: absolute;
  inset: 0;
  filter: blur(20px);
}
.news_page .news_list .bottom .list .item .info {
  position: relative;
}
.news_page .news_list .bottom .list .item .info .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.1rem;
  height: auto;
  opacity: 0;
  z-index: -1;
}
.news_page .news_list .bottom .list .item .info .desc .tag {
  display: flex;
  margin-bottom: 0.15rem;
  color: rgba(255, 255, 255, 0.5);
}
.news_page .news_list .bottom .list .item .info .desc .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.news_page .news_list .bottom .list .item .info .desc .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.news_page .news_list .bottom .list .item .info .desc .tag .date {
  padding-left: 0.2rem;
}
.news_page .news_list .bottom .list .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.news_page .news_list .bottom .list .item .info .desc .txt {
  margin-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.5);
}
.news_page .news_list .bottom .list .item .info .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
}
.news_page .news_list .bottom .list .item .info .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.news_page .news_list .bottom .list .item .info .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.news_page .news_list .bottom .list .item:hover {
  border-color: var(--vicolor);
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
}
.news_page .news_list .bottom .list .item:hover .info .bg {
  opacity: 1;
}
.news_page .news_list .bottom .list .item:hover .info .desc .tit {
  color: var(--vicolor);
}
.news_page .news_list .bottom .list .item:hover .info .desc .txt {
  color: #fff;
}
.news_page .news_list .bottom .list .item:hover .info .desc .tag {
  color: #fff;
}
.news_page .news_list .bottom .list .item:hover .info .more {
  color: var(--vicolor);
}
.news_page .news_list .bottom .list .item:hover .info .more .arrow_r svg path {
  stroke: var(--vicolor);
}
.news_page .news_list .bottom .list.style1, .news_page .news_list .bottom .list.style2 {
  opacity: 1;
  animation: newsListFadeIn 1s ease forwards;
}
.news_page .news_list .bottom .list.style1 {
  column-gap: 0.4rem;
  row-gap: 0.5rem;
  width: 100%;
}
.news_page .news_list .bottom .list.style1 .item {
  width: calc((100% - 0.8rem) / 3);
  border-radius: 0.1rem;
  overflow: hidden;
  background: rgba(3, 14, 28, 0.6);
  height: 5.9rem;
}
.news_page .news_list .bottom .list.style1 .item .pic {
  width: 100%;
  height: 3.2rem;
}
.news_page .news_list .bottom .list.style1 .item .info {
  padding: 0.32rem;
}
.news_page .news_list .bottom .list.style2 {
  gap: 0.4rem;
}
.news_page .news_list .bottom .list.style2 .item {
  width: 100%;
  border-radius: 0.2rem;
  background: rgba(19, 30, 45, 0.6);
  height: 3.8rem;
  padding: 0.4rem 0rem 0.4rem 0.6rem;
  display: flex;
  justify-content: space-between;
}
.news_page .news_list .bottom .list.style2 .item .pic {
  width: 4.7rem;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.news_page .news_list .bottom .list.style2 .item .info {
  width: calc(100% - 4.7rem);
  padding-left: 0.8rem;
  padding-right: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news_page .news_list .bottom .list.style2 .item .info .bg {
  width: 2.4rem;
}
.news_page .news_list .bottom .list.style2 .item .info .desc .tag {
  margin-bottom: 0.32rem;
}

.news_detail_page > .bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.news_detail_page > .bg img {
  opacity: 0.2;
}
.news_detail_page .cont {
  padding: 2rem 0 1.2rem;
  width: 100%;
  display: flex;
  position: relative;
}
.news_detail_page .cont .lf {
  width: calc(100% - 4.4rem);
  padding-right: 0.7rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.news_detail_page .cont .lf .desc {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgb(255, 255, 255);
}
.news_detail_page .cont .lf .desc .tit {
  margin-bottom: 0.25rem;
}
.news_detail_page .cont .lf .desc .tag {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.news_detail_page .cont .lf .desc .tag .dete {
  color: rgba(255, 255, 255, 0.6);
}
.news_detail_page .cont .lf .desc .tag .share {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.news_detail_page .cont .lf .desc .tag .share .list {
  display: flex;
  align-items: center;
  gap: 0.06rem;
}
.news_detail_page .cont .lf .desc .tag .share .list .item {
  width: 0.27rem;
  height: 0.27rem;
  border-radius: 50%;
  transition: all 0.4s ease;
  position: relative;
}

.social-share .icon-wechat{position: absolute;top: 0;left: 0;background-color:transparent!important;border-color:transparent!important;margin:0!important;width:100%!important;height:100%!important;}
.social-share .icon-wechat:before{color:transparent;}

.social-share .icon-weibo{position: absolute;top: 0;left: 0;background-color:transparent!important;border-color:transparent!important;margin:0!important;width:100%!important;height:100%!important;}
.social-share .icon-weibo:before{color:transparent;}

.news_detail_page .cont .lf .desc .tag .share .list .item:hover {
  background: var(--vicolor);
 
}
.news_detail_page .cont .lf .desc .tag .share:hover {
  color: var(--vicolor);
}
.news_detail_page .cont .lf .desc .tag .share span {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.6);
}
.news_detail_page .cont .lf .desc .tag .share>img {
  width: 0.27rem;
  height: 0.27rem;
}
.news_detail_page .cont .lf .html_content {
  width: 100%;
  padding: 0.4rem 0 0.8rem;
  color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.news_detail_page .cont .lf .html_content img {
  display: block;
  margin: 0.5rem auto;
  border-radius: 0.1rem;
  max-width: 95%;
  overflow: hidden;
  height: auto;
  width: 100%;
}

.news_detail_page .cont .lf .html_content a{
    color: #E60012;
    padding-left:0.24rem;
    background: url(../img/icon_pdf.gif);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
}

.news_detail_page .cont .lf .page_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.2rem;
  padding-top: 0.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.news_detail_page .cont .lf .page_box .page_item {
  width: calc((100% - 0.2rem) / 2);
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.news_detail_page .cont .lf .page_box .page_item .tit {
  line-height: 1.5;
}
.news_detail_page .cont .lf .page_box .page_item .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.news_detail_page .cont .lf .page_box .page_item .icon svg {
  width: 0.08rem;
  height: auto;
}
.news_detail_page .cont .lf .page_box .page_item:hover .tit {
  color: var(--vicolor);
}
.news_detail_page .cont .lf .page_box .page_item:hover .icon svg path {
  stroke: var(--vicolor);
}
.news_detail_page .cont .lf .page_box .next {
  justify-content: flex-end;
}
.news_detail_page .cont .rg {
  width: 4.4rem;
  position: relative;
}
.news_detail_page .cont .rg .recommend_news {
  width: 100%;
  padding-left: 0.7rem;
  position: sticky;
  top: 1.2rem;
}
.news_detail_page .cont .rg .recommend_news > .tit {
  margin-bottom: 0.3rem;
}
.news_detail_page .cont .rg .recommend_news .list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.news_detail_page .cont .rg .recommend_news .list .item {
  cursor: pointer;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.news_detail_page .cont .rg .recommend_news .list .item:first-child {
  padding-top: 0;
}
.news_detail_page .cont .rg .recommend_news .list .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.news_detail_page .cont .rg .recommend_news .list .item .tag {
  display: flex;
  margin-bottom: 0.15rem;
}
.news_detail_page .cont .rg .recommend_news .list .item .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.news_detail_page .cont .rg .recommend_news .list .item .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.news_detail_page .cont .rg .recommend_news .list .item .tag .date {
  padding-left: 0.2rem;
}
.news_detail_page .cont .rg .recommend_news .list .item:hover .tag {
  color: #fff;
}
.news_detail_page .cont .rg .recommend_news .list .item:hover .tit {
  color: var(--vicolor);
}
.news_detail_page .cont .rg .recommend_news .back_btn {
  margin-top: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  border-radius: 0.06rem;
  background: var(--vicolor);
  width: fit-content;
  padding: 0.13rem 0.4rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.news_detail_page .cont .rg .recommend_news .back_btn:hover {
  background: color-mix(in srgb, var(--vicolor) 70%, #000 30%);
}
.news_detail_page .cont .rg .recommend_news .back_btn .back_icon {
  width: 0.14rem;
  height: 0.14rem;
}

@keyframes dotbg {
  from {
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    width: 0.34rem;
    height: 0.34rem;
  }
}
.about_page .nybanner {
  /*background: linear-gradient(110deg, #031225 0%, #031225 72.27%);*/
}
.about_page > .page_bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .so_nav {
  position: fixed;
  z-index: 5;
  top: 1rem;
  width: 100%;
  background: rgba(34, 34, 34, 0.4);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  opacity: 0;
  transform: translateY(-100%);
  visibility: hidden;
  transition: all 0.4s ease;
}
.about_page .so_nav .item {
  color: rgba(255, 255, 255, 0.8);
  padding: 0.15rem 0;
  font-weight: 600;
  position: relative;
}
.about_page .so_nav .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--vicolor);
  height: 0;
  transition: all 0.4s ease;
}
.about_page .so_nav .item.active, .about_page .so_nav .item:hover {
  color: var(--vicolor);
}
.about_page .so_nav .item.active::before, .about_page .so_nav .item:hover::before {
  height: 2px;
}
.about_page .so_nav.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.about_page .ab1 {
  position: relative;
  height: 300vh;
}
.about_page .ab1 .cont {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background:no-repeat center;
  background-size: cover;
}
.about_page .ab1 .cont .desc {
  text-align: center;
  max-width: 13.5rem;
  margin: 0 auto;
  margin-top: 1.4rem;
}
.about_page .ab1 .cont .desc .tit {
  font-size: 0.8rem;
  margin-bottom: 0.45rem;
  color: #FFF0F0;
  position: relative;
  transition: all 0.5s;
}
.about_page .ab1 .cont .desc.on1 .tit{font-size: 0.48rem;text-shadow: 0 0 30px #E60012;}

.about_page .ab1 .cont .desc .tit .mask{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all 0.5s;width: 6.12rem;height: 7.22rem;transition:all 0.5s;opacity:0;}
.about_page .ab1 .cont .desc.on2 .tit .mask{width: 1.7rem;height: 2.31rem;}
.about_page .ab1 .cont .desc.on .tit .mask{opacity: 1;}
.about_page .ab1 .cont .desc .tit .mask img{width: 100%;}

.about_page .ab1 .cont .desc .tit .mask .mask2s{position: absolute;top: -0.8%;left: -0.8%;width: 102.5%;height: 0%;overflow: hidden;}
.about_page .ab1 .cont .desc.on1 .tit .mask .mask2s{height: 103%;}

.about_page .ab1 .cont .desc .subtit {
  margin-bottom: 0.73rem;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: none;
  height: auto;
  line-height: 1.42;
}
.about_page .ab1 .cont .desc .txt {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.77;
  display: none;
  height: auto;
}
.about_page .ab2 {
  position: relative;
}
.about_page .ab2 .bg {
  position: relative;
}
.about_page .ab2 .bg .dot_list {
  position: absolute;
  inset: 0;
}
.about_page .ab2 .bg .dot_list .dot_item {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
}
.about_page .ab2 .bg .dot_list .dot_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.07rem;
  height: 0.07rem;
  background-color: #9ED8FF;
  border-radius: 50%;
  z-index: 1;
}
.about_page .ab2 .bg .dot_list .dot_item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: rgba(0, 119, 255, 0.2);
  border-radius: 50%;
  animation: dotbg 2s ease-in-out infinite alternate;
}
.about_page .ab2 .bg .dot_list .dot_item .item_card {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  left: 0.3rem;
  top: -0.1rem;
  width: 1.55rem;
  height: 0.52rem;
  transform: translateX(-10%);
}
.about_page .ab2 .bg .dot_list .dot_item .item_card .card_bg {
  width: 100%;
  height: 100%;
}
.about_page .ab2 .bg .dot_list .dot_item .item_card .desc {
  position: absolute;
  inset: 0;
  width: 1.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about_page .ab2 .bg .dot_list .dot_item:hover .item_card {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.about_page .ab2 .cont {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.about_page .ab2 .cont .list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about_page .ab2 .cont .list .lf,
.about_page .ab2 .cont .list .rg {
  width: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.about_page .ab2 .cont .list .item {
  height: auto;
  pointer-events: auto;
}
.about_page .ab2 .cont .list .item .line {
  width: 100%;
  height: 0.02rem;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 0.4rem;
  position: relative;
}
.about_page .ab2 .cont .list .item .line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.02rem;
  background-color: var(--vicolor);
  transition: all 0.4s ease;
}
.about_page .ab2 .cont .list .item .desc .num {
  margin-bottom: 0.15rem;
}
.about_page .ab2 .cont .list .item:hover .line::before {
  width: 100%;
}
.about_page .ab3 {
  position: relative;
  overflow: hidden;
}
.about_page .ab3 .cont {
  position: absolute;
  inset: 0;
  padding: 2rem 0 0.8rem 1.6rem;
}

.about_page .ab3 .cont .desc-tit{margin-bottom: 0.3rem;}

.about_page .ab3 .cont .swiper_ab3 .swiper-slide {
  height: 5.5rem;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item {
  height: 80%;
  display: flex;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .lf {
  padding-right: 0.5rem;
  position: relative;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .lf .line {
  height: 100%;
  width: 1px;
  border-right: 1px dashed rgba(255, 255, 255, 0.4);
  position: relative;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .lf .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 3px;
  height: 0.8rem;
  background-color: var(--vicolor);
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .lf .minilogo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  transform: translateX(-50%);
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .rg {
  width: 3.6rem;
  display: flex;
  flex-direction: column;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .rg .year {
  margin-bottom: 0.4rem;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .rg .desc {
  width: 100%;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .rg .desc .tit {
  margin-bottom: 0.2rem;
  max-height: 7.1em;
  overflow: auto;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide .item .rg .desc .pic {
  width: 100%;
  height: 2rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide:nth-of-type(4n+1) .item {
  transform: translateY(1.5rem);
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide:nth-of-type(4n+2) .item {
  transform: translateY(0.1rem);
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide:nth-of-type(4n+3) .item {
  transform: translateY(1.2rem);
}
.about_page .ab3 .cont .swiper_ab3 .swiper-slide:nth-of-type(4n) .item {
  transform: translateY(0.6rem);
}
.about_page .ab3 .cont .swiper_ab3 .page_box {
  padding-right: 1.6rem;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
}
.about_page .ab_ry1 {
  position: relative;
}
.about_page .ab_ry1 .cont {
  /*position: absolute;*/
  /*inset: 0;*/
  padding: 2rem 1.6rem 0.8rem 1.6rem;
  overflow: hidden;
}
.about_page .ab_ry1 .cont .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.about_page .ab_ry1 .cont .top .type_list {
  display: flex;
  gap: 0.8rem;
}
.about_page .ab_ry1 .cont .top .type_list .item {
  cursor: pointer;
  transition: all 0.4s ease;
}
.about_page .ab_ry1 .cont .top .type_list .item.active, .about_page .ab_ry1 .cont .top .type_list .item:hover {
  color: var(--vicolor);
}
.about_page .ab_ry1 .cont .top .num_list {
  display: flex;
  gap: 0.8rem;
}
.about_page .ab_ry1 .cont .top .num_list .item {
  display: flex;
  align-items: flex-end;
  gap: 0.18rem;
}
.about_page .ab_ry1 .cont .top .num_list .item .info {
  display: flex;
  gap: 0.15rem;
  flex-direction: column;
}
.about_page .ab_ry1 .cont .swiper_list {
  width: 100%;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_item {
  display: none;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_item.active {
  display: block;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.6rem;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide {
  width: 3.35rem;
  height: 4.3rem;
  margin-right: 0.4rem;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  width: 1.15rem;
  transition: all 0.4s ease;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item .desc {
  width: 2.6rem;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item .desc .pic {
  width: 100%;
  height: 2.5rem;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item .desc .pic:hover {
  transform: scale(1.05);
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item .desc .pic img {
  cursor: pointer;
}

.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item:hover {
  border-radius: 0.2rem;
  border-color: var(--vicolor);
}
.about_page .ab_ry1 .cont .swiper_list .swiper_abry1 .swiper-slide .item:hover .bg {
  opacity: 1;
}
.about_page .ab_ry1 .cont .swiper_list .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom {
  width: 13.3rem;
  overflow: hidden;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide {
  width: fit-content;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box {
  display: flex;
  align-items: flex-end;
  gap: 0.06rem;
  margin-bottom: 0.1rem;
  margin-right: 0.06rem;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box span {
  height: 0.16rem;
  opacity: 0.17;
  border: 0.01rem solid #fff;
  transition: all 0.4s ease;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box span:nth-of-type(1) {
  height: 0.2rem;
  opacity: 1;
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box span.active {
  opacity: 1;
  border-color: var(--vicolor);
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box.active span:nth-child(-n+19) {
  opacity: 1;
  border-color: var(--vicolor);
}
.about_page .ab_ry1 .cont .swiper_list .bottom .swiper_abry1_bottom .swiper-slide .item .line_box.active2 span {
  opacity: 1;
  border-color: var(--vicolor);
}
.about_page .ab_ry1 .cont .swiper_list .bottom .page_box {
  margin-top: 0;
}
.about_page .ab_yw1 {
  position: relative;
  overflow: hidden;
  /*background: linear-gradient(110deg, #031225 0%, #031225 72.27%);*/
}
.about_page .ab_yw1 .bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .ab_yw1 > .cont {
  padding: 1.8rem 1.6rem 0.8rem 1.6rem;
  overflow: hidden;
  position: relative;
}
.about_page .ab_yw1 > .cont .top .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 13.12rem;
  margin: 0 auto;
}
.about_page .ab_yw1 > .cont .top .desc .logo {
  width: 2.75rem;
  margin-bottom: 0.35rem;
}
.about_page .ab_yw1 > .cont .desc-tit {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.about_page .ab_yw1 > .cont .desc-tit .txt {
  width: 8rem;
  margin-top: 0;
  text-align: justify;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09px;
}
.about_page .ab_yw1 > .cont .list {
  display: flex;
  gap: 0.32rem;
}
.about_page .ab_yw1 > .cont .list .item {
  flex: 1;
  height: 6.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.about_page .ab_yw1 > .cont .list .item .pic {
  width: 100%;
  height: 100%;
}
.about_page .ab_yw1 > .cont .list .item .cont {
  position: absolute;
  height: 3.5rem;
  left: 0;
  bottom: 0;
  /*inset: 0;*/
  padding: 0.6rem 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  /*background: rgba(0,0,0,.2);*/
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
}
.about_page .ab_yw1 > .cont .list .item .cont > .tit {
  position: absolute;
  bottom: 0.6rem;
  left: 0.4rem;
}
.about_page .ab_yw1 > .cont .list .item .cont .desc {
  opacity: 0;
  visibility: hidden;
}
.about_page .ab_yw1 > .cont .list .item .cont .desc .tit {
  margin-bottom: 0.25rem;
}
.about_page .ab_yw1 > .cont .list .item .cont .desc .txt {
  width: 7rem;
  margin-bottom: 0.2rem;
  height: 7em;
  overflow: auto;
  color: rgba(255, 255, 255, 0.8);
}
.about_page .ab_yw1 > .cont .list .item .cont .desc .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
  transition: all 0.5s;
}

.about_page .ab_yw1 > .cont .list .item .cont .desc .more:hover{
    color: var(--vicolor);
}

.about_page .ab_yw1 > .cont .list .item .cont .desc .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.about_page .ab_yw1 > .cont .list .item .cont .desc .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.about_page .ab_yw1 > .cont .list .item .cont .desc .more .arrow_r svg path{
    transition: all 0.5s;
}

.about_page .ab_yw1 > .cont .list .item .cont .desc .more:hover .arrow_r svg path{
    stroke: var(--vicolor);
}

.about_page .ab_yw1 > .cont .list .item:hover {
  flex: 0 0 7.8rem;
}
.about_page .ab_yw1 > .cont .list .item:hover .cont > .tit {
  opacity: 0;
  visibility: hidden;
}
.about_page .ab_yw1 > .cont .list .item:hover .cont .desc {
  opacity: 1;
  visibility: visible;
}
.about_page .ab_jd1 {
  position: relative;
}
.about_page .ab_jd1 .bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .ab_jd1 .cont {
  padding: 2rem 1.6rem 1.5rem 1.6rem;
  display: flex;
  justify-content: space-between;
}
.about_page .ab_jd1 .cont .lf {
  width: 5.1rem;
  overflow: hidden;
}
.about_page .ab_jd1 .cont .lf .desc-tit .txt {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.4rem;
  height: 4.8em;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.4rem;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide {
  width: fit-content;
  margin-right: 0.4rem;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide:last-child {
  margin-right: 0;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide .item {
  padding: 0.32rem 0;
  cursor: pointer;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide .item span {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.4s ease;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--vicolor);
  transition: all 0.4s ease;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide.active .item::before, .about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide:hover .item::before {
  height: 1px;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide.active .item span, .about_page .ab_jd1 .cont .lf .swiper_abjd1_nav .swiper-slide:hover .item span {
  color: var(--vicolor);
  font-weight: 500;
  font-family: var(--fw500);
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide {
  width: 100%;
  padding-right: 0.35rem;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item {
  width: 100%;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .pic {
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0.2rem;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .desc > .tit {
  margin-bottom: 0.12rem;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .desc .txt {
  margin-bottom: 0.25rem;
  color: rgba(255, 255, 255, 0.6);
  max-height: 5.25em;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .desc .num_list {
  display: flex;
  justify-content: space-between;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .desc .num_list .num_item {
  display: flex;
  flex-direction: column;
}
.about_page .ab_jd1 .cont .lf .swiper_abjd1_content .swiper-slide .item .desc .num_list .num_item .tit {
  color: rgba(255, 255, 255, 0.6);
}
.about_page .ab_jd1 .cont .rg {
  width: 9.25rem;
  margin-top: 0.6rem;
}
.about_page .ab_jd1 .cont .rg .map {
  width: 100%;
  height: 100%;
  position: relative;
}
.about_page .ab_jd1 .cont .rg .map .dot_list {
  position: absolute;
  inset: 0;
}
.about_page .ab_jd1 .cont .rg .map .dot_list .dot_item {
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
}
.about_page .ab_jd1 .cont .rg .map .dot_list .dot_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.4s ease;
}
.about_page .ab_jd1 .cont .rg .map .dot_list .dot_item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.2;
  transition: all 0.4s ease;
}
.about_page .ab_jd1 .cont .rg .map .dot_list .dot_item.active::before, .about_page .ab_jd1 .cont .rg .map .dot_list .dot_item:hover::before {
  width: 0.16rem;
  height: 0.16rem;
}
.about_page .ab_jd1 .cont .rg .map .dot_list .dot_item.active::after, .about_page .ab_jd1 .cont .rg .map .dot_list .dot_item:hover::after {
  width: 0.72rem;
  height: 0.72rem;
}
.about_page .ab_fz1 {
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .ab_fz1 .bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .ab_fz1 .bg img {
  object-position: center 0%;
}
.about_page .ab_fz1 .tit_box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.about_page .ab_fz1 .tit_box .line1 {
  height: 1.2rem;
  width: 0.04rem;
  background-color: rgba(255, 255, 255, 0.4);
  margin-bottom: 0.8rem;
  position: relative;
}
.about_page .ab_fz1 .tit_box .line1::after {
  content: "";
  position: absolute;
  inset: 0;
  height: 0;
  background: linear-gradient(180deg, rgba(230, 0, 18, 0) 0%, #E60012 100%);
  transition: all 0.4s ease;
}
.about_page .ab_fz1 .tit_box .line1.active::after {
  height: 100%;
}
.about_page .ab_fz1 .tit_box .tit {
  font-size: 0.64rem;
  font-weight: 500;
  font-family: var(--fw500);
  color: #fff;
  margin-bottom: 0.8rem;
  transition: all 1s ease;
}
.about_page .ab_fz1 .tit_box .tit.active {
  font-size: 0.48rem;
  margin-bottom: 0.32rem;
}
.about_page .ab_fz1 .tit_box .tit2 {
  font-weight: 500;
  font-family: var(--fw500);
  color: #fff;
  font-size: 0.48rem;
  transition: all 1s ease;
  
}
.about_page .ab_fz1 .tit_box .tit2.active {
  font-size: 0.9rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about_page .ab_fz1 .tit_box .line2 {
  margin-top: 1rem;
  height: 3.2rem;
  width: 0.04rem;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
}
.about_page .ab_fz1 .tit_box .line2::after {
  content: "";
  position: absolute;
  inset: 0;
  height: 0;
  background: linear-gradient(180deg, rgba(230, 0, 18, 0) 0%, #E60012 100%);
  transition: all 1s ease;
}
.about_page .ab_fz1 .tit_box .line2.active::after {
  height: 100%;
}
.about_page .ab_fz1 .pic_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
}
.about_page .ab_fz1 .pic_box .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  overflow: hidden;
}
.about_page .ab_fz1 .pic_box .pic img {
  object-position: center 0%;
}
.about_page .ab_fz1 .pic_box .desc {
  opacity: 0;
  position: absolute;
  top: 2.6rem;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about_page .ab_fz1 .pic_box .desc .tit {
  margin-bottom: 0.2rem;
}
.about_page .ab_fz1 .pic_box .desc .txt {
  max-width: 7.8rem;
  margin-bottom: 0.2rem;
  letter-spacing: 1.2px;
}
.about_page .ab_fz2 {
  position: relative;
}
.about_page .ab_fz2 .bg {
  position: fixed;
  z-index: -1;
  inset: 0;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}

.about_page .ab_fz2 .bg .txt_con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6.8rem;
    color: #ffffff;
    z-index: 2;
    text-align: center;
}

.about_page .ab_fz2 .bg .txt_con .mask{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 4.2rem;
}

.about_page .ab_fz2 .bg .txt_con .h{
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0.32rem;
}

.about_page .ab_fz2 .bg .txt_con .p{
    line-height: 1.77;
    opacity: 0.6;
    font-weight: 400;
}

.about_page .ab_fz2 .cont {
  overflow: hidden;
  padding: 1.8rem 1.6rem 0;
}
.about_page .ab_fz2 .cont .fature_list {
  display: flex;
  flex-direction: column;
}
.about_page .ab_fz2 .cont .fature_list .item {
  width: 5rem;
  height: auto;
}
.about_page .ab_fz2 .cont .fature_list .item .pic {
  width: 100%;
  height: 6rem;
  margin-bottom: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about_page .ab_fz2 .cont .fature_list .item .desc .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.15rem;
}
.about_page .ab_fz2 .cont .fature_list .item .desc .txt {
  color: rgba(255, 255, 255, 0.6);
}
.about_page .ab_fz2 .cont .fature_list .item:nth-of-type(4n+1) {
  align-self: flex-end;
  transform: translateY(0rem);
}
.about_page .ab_fz2 .cont .fature_list .item:nth-of-type(4n+2) {
  align-self: flex-start;
  transform: translateY(-0.8rem);
}
.about_page .ab_fz2 .cont .fature_list .item:nth-of-type(4n+3) {
  align-self: flex-end;
  transform: translateY(-4rem) translateX(-1.6rem);
}
.about_page .ab_fz2 .cont .fature_list .item:nth-of-type(4n) {
  width: 7.5rem;
  align-self: center;
  transform: translateY(-3rem);
}
.about_page .ab_fz2 .cont .fature_list .item:nth-of-type(4n) .pic {
  height: 4.35rem;
}
.about_page .ab_fz3 {
  margin-top: 1rem;
  position: relative;
  height: 100vh;
  overflow: hidden;
  min-height: 10rem;
  background:#031225;
}
.about_page .ab_fz3 .bg {
  position: fixed;
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.about_page .ab_fz3 .cont {
  width: 100%;
  height: 100%;
  padding: 1.2rem 1.6rem;
}
.about_page .ab_fz3 .cont .desc-tit .txt {
  font-size: 0.24rem;
  max-width: 13rem;
}
.about_page .ab_fz3 .cont .pic_box {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: translateY(70%);
  padding: 0 2.4rem;
}
.about_page .ab_fz3 .cont .pic_box .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about_page .ab_fz3 .cont .pic_box .info {
  position: absolute;
  inset: 0;
}
.about_page .ab_fz3 .cont .pic_box .info .mask_bg {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc {
  position: absolute;
  inset: 0;
  padding: 2.5rem 1.6rem 2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc .top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc .top .logo {
  width: 0.55rem;
  position: relative;
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc .top .logo .subtit {
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.about_page .ab_fz3 .cont .pic_box .info .info_desc .bottom {
  width: 100%;
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc .bottom .list {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.about_page .ab_fz3 .cont .pic_box .info .info_desc .bottom .list .item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.join_page .page_bg {
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
  position: fixed;
  inset: 0;
  z-index: -1;
}
.join_page .join_1 {
  position: relative;
  height: auto;
}
.join_page .join_1 .cont {
  padding: 1.2rem 0;
}
.join_page .join_1 .cont .list {
  display: flex;
  gap: 0.4rem;
}
.join_page .join_1 .cont .list .item {
  width: calc((100% - 0.8rem) / 3);
  height: 5.8rem;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.join_page .join_1 .cont .list .item .pic {
  width: 100%;
  height: 100%;
}
.join_page .join_1 .cont .list .item .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg, rgba(19, 30, 45, 0) 0%, rgba(19, 30, 45, 0.8) 100%);
  padding: 0.4rem;
  min-height: 2.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.join_page .join_1 .cont .list .item .info > .tit {
  position: absolute;
  bottom: 0.4rem;
  left: 0.4rem;
  transition: all 0.4s ease;
}
.join_page .join_1 .cont .list .item .info .desc {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.4rem);
  transition: all 0.6s ease;
}
.join_page .join_1 .cont .list .item .info .desc .tit {
  margin-bottom: 0.25rem;
}
.join_page .join_1 .cont .list .item .info .desc .txt {
  margin-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.6);
}
.join_page .join_1 .cont .list .item .info .desc .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.join_page .join_1 .cont .list .item .info .desc .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.join_page .join_1 .cont .list .item .info .desc .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.join_page .join_1 .cont .list .item:hover .info > .tit {
  opacity: 0;
  visibility: hidden;
}
.join_page .join_1 .cont .list .item:hover .info .desc {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.join_page .join_2 {
  position: relative;
}
.join_page .join_2 .cont {
  padding: 1.2rem 0;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.join_page .join_2 .cont .list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.32rem;
  column-gap: 0.25rem;
}
.join_page .join_2 .cont .list .item {
  width: calc((100% - 0.75rem) / 4);
  display: flex;
  gap: 0.2rem;
  padding: 0.4rem;
  border-radius: 0.1rem;
  height: 2rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
}
.join_page .join_2 .cont .list .item .icon {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
}
.join_page .join_2 .cont .list .item .desc {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.join_page .join_2 .cont .list .item .desc .txt {
  color: rgba(255, 255, 255, 0.6);
}
.join_page .join_3 {
  position: relative;
}
.join_page .join_3 .cont {
  padding: 1.2rem 0 .8rem;
}
.join_page .join_3 .cont .swiper_join_3 {
  padding-left: 1.6rem;
  width: 100%;
  overflow: hidden;
}
.join_page .join_3 .cont .swiper_join_3 .swiper-slide {
  width: 6.2rem;
  height: auto;
  margin-right: 0.4rem;
}
.join_page .join_3 .cont .swiper_join_3 .swiper-slide .item {
  width: 100%;
}
.join_page .join_3 .cont .swiper_join_3 .swiper-slide .item .pic {
  width: 100%;
  height: 4rem;
  margin-bottom: 0.32rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.join_page .join_3 .cont .swiper_join_3 .page_box {
  padding-right: 1.6rem;
  width: 100%;
}
.join_page .join_4 {
  position: relative;
}
.join_page .join_4 .cont {
  padding: .8rem 0 1.2rem;
}
.join_page .join_4 .cont .swiper_join_4 {
  width: 100%;
  overflow: hidden;
}
.join_page .join_4 .cont .swiper_join_4 .swiper-slide {
  width: 7rem;
  height: auto;
  min-height: 4.8rem;
  margin-right: 0.4rem;
}
.join_page .join_4 .cont .swiper_join_4 .swiper-slide .item {
  width: 100%;
}
.join_page .join_4 .cont .swiper_join_4 .swiper-slide .item .pic {
  width: 100%;
  height: 4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  transition: all 0.4s ease;
}
.join_page .join_4 .cont .swiper_join_4 .swiper-slide.swiper-slide-active .item .pic {
  height: 4.8rem;
}
.join_page .join_4 .cont .swiper_join_4 .page_box {
  width: 100%;
  justify-content: center;
}
.join_page .join2_1 {
  position: relative;
}
.join_page .join2_1 .cont {
  padding: 1.2rem 0;
}
.join_page .join2_1 .cont .card {
  width: 100%;
  height: 6.6rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join_page .join2_1 .cont .card .bg_box {
  position: absolute;
  inset: 0;
}
.join_page .join2_1 .cont .card .bg_box .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 1s ease;
}
.join_page .join2_1 .cont .card .bg_box .bg.active {
  opacity: 1;
  z-index: 1;
}
.join_page .join2_1 .cont .card .bg_box .bg.default {
  opacity: 1;
}
.join_page .join2_1 .cont .card .cont_box {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.join_page .join2_1 .cont .card .cont_box > .tit {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}
.join_page .join2_1 .cont .card .cont_box .card_list {
  width: 100%;
  height: 100%;
  display: flex;
}
.join_page .join2_1 .cont .card .cont_box .card_list .item {
  width: 33.3333333333%;
  height: 100%;
  padding: 0.5rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.4s ease;
}
.join_page .join2_1 .cont .card .cont_box .card_list .item > .tit {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  transition: all 0.4s ease;
}
.join_page .join2_1 .cont .card .cont_box .card_list .item .desc {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  transform: translateY(100%);
}
.join_page .join2_1 .cont .card .cont_box .card_list .item .desc .tit {
  margin-bottom: 0.2rem;
}
.join_page .join2_1 .cont .card .cont_box .card_list .item:hover, .join_page .join2_1 .cont .card .cont_box .card_list .item.active{
  background: rgba(0, 0, 0, 0.2);
}
.join_page .join2_1 .cont .card .cont_box .card_list .item:hover > .tit, .join_page .join2_1 .cont .card .cont_box .card_list .item.active > .tit {
  opacity: 0;
  visibility: hidden;
}
.join_page .join2_1 .cont .card .cont_box .card_list .item:hover .desc , .join_page .join2_1 .cont .card .cont_box .card_list .item.active .desc{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.join_page .join2_2 {
  position: relative;
  height: auto;
  min-height: 10rem;
}
.join_page .join2_2 .bg {
  position: sticky;
  inset: 0;
  z-index: -1;
}
.join_page .join2_2 .bg .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 4.2rem;
  z-index: 1;
}
.join_page .join2_2 .cont {
  padding: 1.6rem 0 1.5rem;
}
.join_page .join2_2 .desc-tit {
  margin-bottom: 1rem;
  position: absolute;
  top: 1.6rem;
  left: 1.5rem;
}
.join_page .join2_2 .cont .swiper_join2_2 {
  width: 6.55rem;
  height: auto;
  margin-left: auto;
}
.join_page .join2_2 .cont .swiper_join2_2 .box{position:sticky;top:0; width: 100%;height: 100vh;display: flex;align-items: center;transition:all 0.5s}
.join_page .join2_2 .cont .swiper_join2_2 .box:nth-child(1){padding-top:0;}
.join_page .join2_2 .cont .swiper_join2_2 .box:nth-child(2){padding-top:1rem;}
.join_page .join2_2 .cont .swiper_join2_2 .box:nth-child(3){padding-top:2rem;}
.join_page .join2_2 .cont .swiper_join2_2 .box:nth-child(4){padding-top:3rem;}

.join_page .join2_2 .cont .swiper_join2_2.on2 .box:nth-child(1){transform:scale(0.9);opacity: 0.6;}
.join_page .join2_2 .cont .swiper_join2_2.on3 .box:nth-child(1){transform:scale(0.8);opacity: 0.3;}
.join_page .join2_2 .cont .swiper_join2_2.on4 .box:nth-child(1){transform:scale(0.7);opacity: 0;}

.join_page .join2_2 .cont .swiper_join2_2.on3 .box:nth-child(2){transform:scale(0.9);opacity: 0.6;}
.join_page .join2_2 .cont .swiper_join2_2.on4 .box:nth-child(2){transform:scale(0.8);opacity: 0.3;}

.join_page .join2_2 .cont .swiper_join2_2.on4 .box:nth-child(3){transform:scale(0.9);opacity: 0.6;}

.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide {
  position: relative;
  width: 100%;
  height: 4rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 0.1rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: #FFF;
  display: flex;
  flex-direction: column;
  padding: 0.65rem 0.6rem;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .desc .tit {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.32rem;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .desc .tit .icon {
  width: 0.44rem;
  height: 0.44rem;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .line {
  flex-shrink: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 0.32rem;
  margin-bottom: 0.4rem;
  position: relative;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--vicolor);
  transition: all 0.4s ease;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .list .item {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide > .item .list .item .icon {
  width: 0.17rem;
  height: auto;
}
.join_page .join2_2 .cont .swiper_join2_2 .swiper-slide.swiper-slide-active .line::before {
  width: 0.8rem;
}
.join_page .join2_2 .line_bg {
  pointer-events: none;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  height: 3.5rem;
  z-index: 2;
}
.join_page .join2_2 .line_bg img {
  width: 100%;
  height: 100%;
}
.join_page .join2_2 .line_bg .dot_list {
  position: absolute;
  inset: 0;
}
.join_page .join2_2 .line_bg .dot_list .dot_item {
  pointer-events: auto;
  position: absolute;
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.4s ease;
}
.join_page .join2_2 .line_bg .dot_list .dot_item.active {
  background-color: var(--vicolor);
}
.join_page .join2_3 {
  position: relative;
}
.join_page .join2_3 .cont {
  padding: 1.6rem 0 1.4rem;
}
.join_page .join2_3 .cont .desc-tit {
  margin-bottom: 1rem;
}
.join_page .join2_3 .cont .list {
  display: flex;
  gap: 0.4rem;
}
.join_page .join2_3 .cont .list .item {
  width: calc((100% - 0.8rem) / 3);
  height: 4.3rem;
  padding: 0.5rem 0.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  backdrop-filter: blur(5px);
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.4s ease;
}
.join_page .join2_3 .cont .list .item .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.join_page .join2_3 .cont .list .item .desc > .tit {
  margin-bottom: 0.2rem;
}
.join_page .join2_3 .cont .list .item .desc .tag span {
  padding: 0 0.16rem;
  position: relative;
}
.join_page .join2_3 .cont .list .item .desc .tag span:first-child {
  padding-left: 0;
}
.join_page .join2_3 .cont .list .item .desc .tag span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.join_page .join2_3 .cont .list .item .desc .info {
  margin-top: 0.4rem;
}
.join_page .join2_3 .cont .list .item .desc .info .tit {
  margin-bottom: 0.2rem;
}
.join_page .join2_3 .cont .list .item .btn_box {
  margin-top: 0.4rem;
}
.join_page .join2_3 .cont .list .item .btn_box.ibtn2 {
  background-color: transparent;
  transform: translateX(-0.4rem);
  transition: all 0.4s ease;
}
.join_page .join2_3 .cont .list .item:hover {
  border-radius: 0.2rem;
  border: 0.5px solid #E60012;
  background: rgba(46, 59, 76, 0.6);
}
.join_page .join2_3 .cont .list .item:hover .bg {
  opacity: 1;
  visibility: visible;
}
.join_page .join2_3 .cont .list .item:hover .btn_box.ibtn2 {
  transform: translateX(0);
  background-color: var(--vicolor);
  padding: 0.13rem 0.4rem;
}
.join_page .join2_3 .cont .ibtn {
  margin: 0 auto;
  margin-top: 0.6rem;
}
.join_page .join3_1 {
  position: relative;
}
.join_page .join3_1 .cont {
  padding: 1.6rem 0 1.2rem;
}
.join_page .join3_1 .cont .desc-tit {
  margin-bottom: 1rem;
}
.join_page .join3_1 .cont .job_box > .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.join_page .join3_1 .cont .job_box > .top .filter_list {
  display: flex;
  gap: 0.2rem;
}
.join_page .join3_1 .cont .job_box > .top .filter_list .item {
  position: relative;
}
.join_page .join3_1 .cont .job_box > .top .filter_list .item .item_select {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0 0.24rem;
  min-width: 2rem;
  height: 0.58rem;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  color: #fff;
}
.join_page .join3_1 .cont .job_box > .top .filter_list .item .icon {
  width: 0.2rem;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.join_page .join3_1 .cont .job_box > .top .search {
  width: 6.6rem;
  height: 0.58rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  position: relative;
}
.join_page .join3_1 .cont .job_box > .top .search .search_icon {
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  left: 0.2rem;
  opacity: 0.6;
  z-index: 1;
}
.join_page .join3_1 .cont .job_box > .top .search input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  font-size: 0.16rem;
  padding: 0 1.6rem 0 0.5rem;
}
.join_page .join3_1 .cont .job_box > .top .search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.join_page .join3_1 .cont .job_box > .top .search .search_btn {
  cursor: pointer;
  width: 1.68rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  background: var(--vicolor);
  position: absolute;
  right: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box > .top .search .search_btn:hover {
  background: color-mix(in srgb, var(--vicolor) 70%, #000 30%);
}
.join_page .join3_1 .cont .job_box .list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.join_page .join3_1 .cont .job_box .list .item {
  width: 100%;
  padding: 0.36rem 0.6rem 0.48rem;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box .list .item .bg {
  position: absolute;
  width: 3.1rem;
  height: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box .list .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}
.join_page .join3_1 .cont .job_box .list .item .top .rg {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box .list .item .top .rg .icon img {
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box .list .item .tag {
  display: flex;
  margin-bottom: 0.2rem;
}
.join_page .join3_1 .cont .job_box .list .item .tag span {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 0.16rem;
  position: relative;
}
.join_page .join3_1 .cont .job_box .list .item .tag span:first-child {
  padding-left: 0;
}
.join_page .join3_1 .cont .job_box .list .item .tag span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.join_page .join3_1 .cont .job_box .list .item .summary {
  opacity: 1;
  transition: all 0.4s ease;
  max-height: 10rem;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
}
.join_page .join3_1 .cont .job_box .list .item .info {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
.join_page .join3_1 .cont .job_box .list .item .info .desc {
  margin-bottom: 0.32rem;
}
.join_page .join3_1 .cont .job_box .list .item .info .desc:last-child {
  margin-bottom: 0;
}
.join_page .join3_1 .cont .job_box .list .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.join_page .join3_1 .cont .job_box .list .item .info .desc .txt {
  color: rgba(255, 255, 255, 0.7);
}
.join_page .join3_1 .cont .job_box .list .item .info .ibtn2 {
  margin-top: 0.5rem;
}
.join_page .join3_1 .cont .job_box .list .item:hover .top .rg {
  color: var(--vicolor);
}
.join_page .join3_1 .cont .job_box .list .item.active {
  border: 1px solid #E60012;
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
}
.join_page .join3_1 .cont .job_box .list .item.active .bg {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.join_page .join3_1 .cont .job_box .list .item.active .top .rg {
  color: var(--vicolor);
}
.join_page .join3_1 .cont .job_box .list .item.active .top .rg .arrow_d {
  transform: rotate(180deg);
}
.join_page .join3_1 .cont .job_box .list .item.active .summary {
  opacity: 0;
  max-height: 0;
}
.join_page .join3_1 .cont .job_box .list .item.active .info {
  opacity: 1;
  max-height: 15rem;
  padding-top: 0.4rem;
}
.join_page .join4_1 {
  position: relative;
}
.join_page .join4_1 .cont {
  padding: 1.4rem 0 1.4rem;
}
.join_page .join4_1 .cont .list {
  display: flex;
  gap: 0.2rem;
}
.join_page .join4_1 .cont .list .item {
  flex: 1;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
}
.join_page .join4_1 .cont .list .item .pic {
  width: 100%;
  height: 5.75rem;
}
.join_page .join4_1 .cont .list .item > .tit {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  padding: 0 0.34rem;
  width: 100%;
  text-align: center;
  transition: all 0.4s ease;
}
.join_page .join4_1 .cont .list .item .info {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 2.4rem;
  min-width: 8.8rem;
  background: linear-gradient(180deg, rgba(19, 30, 45, 0) 0%, rgba(19, 30, 45, 0.8) 100%);
}
.join_page .join4_1 .cont .list .item .info .tit {
  margin-bottom: 0.2rem;
}
.join_page .join4_1 .cont .list .item .info .txt {
  color: rgba(255, 255, 255, 0.6);
}
.join_page .join4_1 .cont .list .item:hover {
  flex: 0 0 9.6rem;
}
.join_page .join4_1 .cont .list .item:hover > .tit {
  opacity: 0;
}
.join_page .join4_1 .cont .list .item:hover .info {
  opacity: 1;
  visibility: visible;
}
.join_page .join4_2 {
  position: relative;
}
.join_page .join4_2 .cont {
  padding: 1.4rem 0 1.6rem;
}
.join_page .join4_2 .cont .desc-tit {
  margin-bottom: 1rem;
}
.join_page .join4_2 .cont .info {
  display: flex;
  justify-content: space-between;
  gap: 0.32rem;
  height: 6.7rem;
}
.join_page .join4_2 .cont .info .lf {
  width: 11.8rem;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_list {
  width: 100%;
  height: 100%;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_list .swiper-slide {
  width: 100%;
  height: 100%;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-right: 0.1rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item {
  width: 100%;
  height: 100%;
  position: relative;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.6rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 3.2rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf > .tit {
  margin-bottom: 0.2rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf > .txt {
  margin-bottom: 0.32rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf .progress_list {
  display: flex;
  gap: 0.6rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf .progress_list .item {
  width: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf .progress_list .item .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf .progress_list .item .line {
  width: 100%;
  height: 0.05rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.02rem;
  position: relative;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_lf .progress_list .item .line .line_inner {
  height: 100%;
  background-color: var(--vicolor);
  border-radius: 0.02rem;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: inset(0 100% 0 0);
}
@keyframes clipLoad {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide > .item .desc .d_rg {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .swiper-slide.swiper-slide-active > .item .desc .d_lf .progress_list .item .line .line_inner {
  animation: clipLoad 1.5s linear forwards;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .page_box {
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 0.6rem;
  justify-content: center;
  pointer-events: none;
}
.join_page .join4_2 .cont .info .lf .swiper_join4_lf .page_box .page_nav {
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
}
.join_page .join4_2 .cont .info .rg {
  width: 3.88rem;
  height: 100%;
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide {
  width: 100%;
  height: 1.4rem;
  margin-bottom: 0.2rem;
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide .item .pic {
  width: 100%;
  height: 100%;
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide .item .desc {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.1rem;
  background: linear-gradient(0deg, rgba(2, 21, 43, 0.5) 0%, rgba(2, 21, 43, 0.5) 100%);
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide:hover .item, .join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide.active .item {
  border: 1px solid var(--vicolor);
}
.join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide:hover .item .pic, .join_page .join4_2 .cont .info .rg .swiper_join4_rg .swiper-slide.active .item .pic {
  transform: scale(1.05);
}

.contact_page .cact1 {
  position: relative;
}
.contact_page .cact1 > .bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.contact_page .cact1 .cont {
  padding: 1.6rem 0 1.4rem;
}
.contact_page .cact1 .cont > .top {
  margin-bottom: 0.8rem;
}
.contact_page .cact1 .cont > .top .list {
  display: flex;
  gap: 0.8rem;
}
.contact_page .cact1 .cont > .top .list .item {
  padding-bottom: 0.3rem;
  border-bottom: 2px solid transparent;
  transition: all 0.4s ease;
  cursor: pointer;
}
.contact_page .cact1 .cont > .top .list .item:hover, .contact_page .cact1 .cont > .top .list .item.active {
  color: var(--vicolor);
  border-bottom: 2px solid var(--vicolor);
}
.contact_page .cact1 .cont .card_box .top,
.contact_page .cact1 .cont .card_box .bottom {
  display: flex;
  gap: 0.4rem;
}
.contact_page .cact1 .cont .card_box .top .item,
.contact_page .cact1 .cont .card_box .bottom .item {
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(49, 69, 97, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  transition: all 0.4s ease;
  position: relative;
}
.contact_page .cact1 .cont .card_box .top .item .bg,
.contact_page .cact1 .cont .card_box .bottom .item .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.contact_page .cact1 .cont .card_box .top .item:hover,
.contact_page .cact1 .cont .card_box .bottom .item:hover {
  border: 0.5px solid var(--vicolor);
  background: rgba(46, 59, 76, 0.6);
}
.contact_page .cact1 .cont .card_box .top .item:hover .bg,
.contact_page .cact1 .cont .card_box .bottom .item:hover .bg {
  opacity: 1;
  visibility: visible;
}
.contact_page .cact1 .cont .card_box .top {
  margin-bottom: 0.4rem;
}
.contact_page .cact1 .cont .card_box .top .item {
  padding: 0.8rem;
  width: calc((100% - 0.4rem) / 2);
  height: 5.75rem;
}
.contact_page .cact1 .cont .card_box .top .item .bg {
  width: 2.4rem;
}
.contact_page .cact1 .cont .card_box .top .item .desc {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.contact_page .cact1 .cont .card_box .top .item .desc > .big_num {
  margin-top: 0.4rem;
}
.contact_page .cact1 .cont .card_box .top .item .c_list {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.2rem;
  row-gap: 0.48rem;
}
.contact_page .cact1 .cont .card_box .top .item .c_list .c_item {
  width: calc((100% - 0.2rem) / 2);
}
.contact_page .cact1 .cont .card_box .top .item .c_list .c_item .tit {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.16rem;
}
.contact_page .cact1 .cont .card_box .top .item .c_list .c_item .tit .icon {
  width: 0.18rem;
  height: 0.18rem;
}
.contact_page .cact1 .cont .card_box .bottom .item {
  padding: 0.5rem;
  width: calc((100% - 0.8rem) / 3);
  height: 3.05rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact_page .cact1 .cont .card_box .bottom .item .bg {
  width: 1.6rem;
}
.contact_page .cact1 .cont .card_box .bottom .item .pic {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: 0.3rem;
}
.contact_page .cact1 .cont .card_box .bottom .item .desc > .tit {
  margin-bottom: 0.12rem;
}

.contact_form {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.contact_form > .bg {
  width: 100%;
  height: 100%;
}
.contact_form .cont {
  position: absolute;
  inset: 0;
  padding: 1.4rem 0 1.4rem;
  display: flex;
  gap: 0.4rem;
  justify-content: space-between;
}
.contact_form .cont .desc-tit {
  width: 4rem;
}
.contact_form .cont .desc-tit > .tit {
  margin-bottom: 0.4rem;
}
.contact_form .cont .form_box {
  width: 10.8rem;
}
.contact_form .cont .form_box .required {
  color: #FF0000;
}
.contact_form .cont .form_box .form_row {
  width: 100%;
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.36rem;
}
.contact_form .cont .form_box .form_row:last-child {
  margin-bottom: 0;
}
.contact_form .cont .form_box .form_row .form_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  position: relative;
}
.contact_form .cont .form_box .form_row .form_item label {
  display: flex;
  gap: 0.04rem;
}
.contact_form .cont .form_box .form_row .form_item.w50 {
  width: 50%;
}
.contact_form .cont .form_box .form_row .form_item .input_box {
  position: relative;
}
.contact_form .cont .form_box .form_row .form_item .input_box .icon {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
}
.contact_form .cont .form_box .form_row .form_item input,
.contact_form .cont .form_box .form_row .form_item textarea,
.contact_form .cont .form_box .form_row .form_item select {
  flex-shrink: 0;
  width: 100%;
  border-radius: 0.06rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgb(53 67 88);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0 0.2rem;
  border-radius: 0.06rem;
  transition: all 0.4s ease;
}
.contact_form .cont .form_box .form_row .form_item input::placeholder,
.contact_form .cont .form_box .form_row .form_item textarea::placeholder,
.contact_form .cont .form_box .form_row .form_item select::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.contact_form .cont .form_box .form_row .form_item input:focus,
.contact_form .cont .form_box .form_row .form_item textarea:focus,
.contact_form .cont .form_box .form_row .form_item select:focus {
  border-color: var(--vicolor);
}
.contact_form .cont .form_box .form_row .form_item input,
.contact_form .cont .form_box .form_row .form_item select {
  height: 0.58rem;
  line-height: 0.58rem;
}
.contact_form .cont .form_box .form_row .form_item textarea {
  height: 1.7rem;
  padding: 0.16rem 0.2rem;
  resize: none;
}
.contact_form .cont .form_box .form_btn {
  margin-top: 0.6rem;
}

.cooperation_page .page_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 200vh;
}
.cooperation_page .page_bg img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: top;
}

.cooperation_page .cper1 {
  position: relative;
}
.cooperation_page .cper1 .cont {
  padding: 1.6rem 0 1.4rem;
}
.cooperation_page .cper1 .cont .desc-tit {
  margin-bottom: 1.2rem;
}
.cooperation_page .cper1 .cont .list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.cooperation_page .cper1 .cont .list .item {
  width: 100%;
  height: 5.55rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  justify-content: space-between;
}
.cooperation_page .cper1 .cont .list .item .pic {
  height: 100%;
  width: 9.8rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.cooperation_page .cper1 .cont .list .item .desc {
  width: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.cooperation_page .cper1 .cont .list .item .desc .big_num {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 23.1%, rgba(255, 255, 255, 0) 73.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.4rem;
  transform: translateY(15%);
}
.cooperation_page .cper1 .cont .list .item .desc .line {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0.4rem 0;
}
.cooperation_page .cper1 .cont .list .item .desc .txt {
  width: 3.6rem;
}
.cooperation_page .cper1 .cont .list .item:nth-child(even) {
  flex-direction: row-reverse;
}
.cooperation_page .cper1 .cont .list .item:nth-child(even) .desc {
  align-items: flex-start;
  text-align: left;
}
.cooperation_page .cper2 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.cooperation_page .cper2 .swiper_cper2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide {
  width: 100%;
  height: 100%;
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .bg {
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(185deg, rgba(3, 18, 37, 0) 63.91%, rgba(3, 18, 37, 0.6) 95.66%);
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .cont {
  position: absolute;
  inset: 0;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  background: linear-gradient(-90deg, rgba(3, 18, 37, 0) 22.68%, rgba(3, 18, 37, 0.2) 56.34%, rgba(3, 18, 37, 0.4) 100%);
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .cont .desc-tit {
  max-width: 7.52rem;
  margin-bottom: 0;
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .cont .desc-tit .txt {
  margin-top: 0.4rem;
  max-height: 6.4em;
  overflow: auto;
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide .cont .desc-tit .ibtn {
  margin-top: 0.6rem;
}
.cooperation_page .cper2 .swiper_cper2 .swiper-slide:nth-child(even) .cont {
  justify-content: flex-end;
  background: linear-gradient(90deg, rgba(3, 18, 37, 0) 22.68%, rgba(3, 18, 37, 0.2) 56.34%, rgba(3, 18, 37, 0.4) 100%);
}
.cooperation_page .cper2 .line_bg {
  pointer-events: none;
  position: absolute;
  bottom: 0.85rem;
  left: 0;
  width: 100%;
  height: 2.4rem;
  z-index: 1;
  padding: 0 1.6rem;
}
.cooperation_page .cper2 .line_bg .line_box {
  position: relative;
  width: 100%;
  height: 100%;
}
.cooperation_page .cper2 .line_bg .line_box .line2 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0.6rem;
}
.cooperation_page .cper2 .line_bg .line_box .line3 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.6rem;
  transition: all 1s ease;
}
.cooperation_page .cper2 .line_bg .line_box .line3.active1 {
  clip-path: inset(0 100% 0 0);
}
.cooperation_page .cper2 .line_bg .line_box .line3.active2 {
  clip-path: inset(0 65.8% 0 0);
}
.cooperation_page .cper2 .line_bg .line_box .line3.active3 {
  clip-path: inset(0 34.5% 0 0);
}
.cooperation_page .cper2 .line_bg .line_box .line3.active4 {
  clip-path: inset(0 4.5% 0 0);
}
.cooperation_page .cper2 .line_bg .dot_list {
  position: absolute;
  inset: 0;
}
@keyframes breathe {
  0%, 100% {
    transform: scale(0.9);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item {
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: all 0.4s ease;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item .dot_box {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item .dot {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  border: 1px dashed #fff;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item .dot .min_logo {
  width: 0.16rem;
  height: 0.18rem;
  transition: all 0.4s ease;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item .tit {
  white-space: nowrap;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item.active .dot, .cooperation_page .cper2 .line_bg .dot_list .dot_item:hover .dot {
  width: 0.52rem;
  height: 0.52rem;
  background-color: var(--vicolor);
  border-color: var(--vicolor);
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item.active .dot .min_logo, .cooperation_page .cper2 .line_bg .dot_list .dot_item:hover .dot .min_logo {
  width: 0.2rem;
  height: 0.22rem;
}
.cooperation_page .cper2 .line_bg .dot_list .dot_item.active, .cooperation_page .cper2 .line_bg .dot_list .dot_item:hover {
  opacity: 1;
}
.cooperation_page .cper2_1 {
  position: relative;
}
.cooperation_page .cper2_1 .cont {
  padding: 1.6rem 0 1.4rem;
}
.cooperation_page .cper2_1 .cont .list {
  display: flex;
  gap: 0.4rem;
}
.cooperation_page .cper2_1 .cont .list .item {
  width: calc((100% - 0.8rem) / 3);
  border-radius: 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  transition: all 0.4s ease;
  position: relative;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cooperation_page .cper2_1 .cont .list .item .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 2.3rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.cooperation_page .cper2_1 .cont .list .item .icon {
  width: 0.88rem;
  height: 0.88rem;
  background-color: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.4s ease;
}
.cooperation_page .cper2_1 .cont .list .item .icon img {
  width: 0.4rem;
  height: 0.4rem;
}
.cooperation_page .cper2_1 .cont .list .item .desc .tit {
  margin-bottom: 0.2rem;
}

.cooperation_page .cper2_1 .cont .list .item .desc .txt{
    height: 8.75em;
}

.cooperation_page .cper2_1 .cont .list .item:hover {
  border-radius: 0.2rem;
  border: 1px solid var(--vicolor);
  background: rgba(46, 59, 76, 0.6);
}
.cooperation_page .cper2_1 .cont .list .item:hover .icon {
  border-color: #fff;
  background-color: var(--vicolor);
}
.cooperation_page .cper2_1 .cont .list .item:hover .bg {
  opacity: 1;
  visibility: visible;
}
.cooperation_page .cper2_2 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.cooperation_page .cper2_2 .desc-tit {
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 100%;
  z-index: 2;
}
.cooperation_page .cper2_2 .swiper_cper2_2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cooperation_page .cper2_2 .swiper_cper2_2 .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.cooperation_page .cper2_2 .swiper_cper2_2 .swiper-slide .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.cooperation_page .cper2_2 .swiper_cper2_2 .swiper-slide .cont {
  position: absolute;
  inset: 0;
  padding: 1.6rem 0 0.8rem;
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.71%, rgba(0, 0, 0, 0.4) 85.93%);*/
  background: rgba(0,0,0,.4);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cooperation_page .cper2_2 .swiper_cper2_2 .swiper-slide .cont .tip {
  margin-top: auto;
  max-width: 13rem;
  text-align: center;
  max-height: .8rem;
  overflow: auto;
}
.cooperation_page .cper2_2 .swiper_cper2_bottom {
  /*overflow: hidden;*/
  /*width: 14rem;*/
  width: auto;
  height: auto;
  position: absolute;
  bottom: 1.8rem;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cooperation_page .cper2_2 .swiper_cper2_bottom .swiper-slide {
  width: fit-content;
  min-width: 3.5rem;
  cursor: pointer;
}
.cooperation_page .cper2_2 .swiper_cper2_bottom .swiper-slide .tit {
  padding: 0.25rem 0.2rem;
  position: relative;
}
.cooperation_page .cper2_2 .swiper_cper2_bottom .swiper-slide .tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.03rem;
  width: 0;
  background-color: #fff;
  transform: translateY(.02rem);
  transition: all 0.4s ease;
}
.cooperation_page .cper2_2 .swiper_cper2_bottom .swiper-slide.active .tit::before {
  width: 100%;
}
.cooperation_page .cper2_3 {
  position: relative;
}
.cooperation_page .cper2_3 .cont {
  padding: 1.6rem 0 1.6rem;
  width: 100%;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide {
  width: 14.4rem;
  height: 5.6rem;
  margin-right: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide:last-child {
  margin-right: 0;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  display: flex;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item .pic {
  width: 8.4rem;
  height: 100%;
  border-radius: 0.2rem 0 0 0.2rem;
  overflow: hidden;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item .desc {
  width: calc(100% - 8.4rem);
  flex-shrink: 0;
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item .desc .tit {
  margin-bottom: 0.32rem;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item .desc .page_box {
  margin-top: auto;
}
.cooperation_page .cper2_3 .cont .swiper_cper2_3 .swiper-slide .item .desc .page_box .num_box {
  margin: 0;
}
.cooperation_page .cper2_4 {
  position: relative;
}
.cooperation_page .cper2_4 .cont {
  padding: 0.8rem 0 1.6rem;
}
.cooperation_page .cper2_4 .cont .info {
  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
  height: 6rem;
}
.cooperation_page .cper2_4 .cont .info .panel_list {
  width: 5.8rem;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item {
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cooperation_page .cper2_4 .cont .info .panel_list .item:last-child{border-bottom:none;}

.cooperation_page .cper2_4 .cont .info .panel_list .item .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.28rem 0;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item .tit .icon {
  width: 0.25rem;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item .txt {
  height: auto;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item:first-child .tit {
  padding-top: 0;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item:last-child .tit {
  padding-bottom: 0;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item.active .tit {
  color: var(--vicolor);
  margin-bottom: 0.2rem;
}
.cooperation_page .cper2_4 .cont .info .panel_list .item.active .tit .icon {
  transform: rotate(180deg);
}
.cooperation_page .cper2_4 .cont .info .panel_list .item.active .txt {
  max-height: 3.32em;
  opacity: 1;
  overflow: auto;
  margin-bottom: 0.4rem;
  
}
.cooperation_page .cper2_4 .cont .info .swiper_cper2_4 {
  width: calc(100% - 5.8rem - 0.2rem);
  height: 100%;
  overflow: hidden;
}
.cooperation_page .cper2_4 .cont .info .swiper_cper2_4 .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.cooperation_page .cper2_4 .cont .info .swiper_cper2_4 .swiper-slide .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}
.cooperation_page .cper2_5 {
  position: relative;
}
.cooperation_page .cper2_5 .cont {
  padding: 1.6rem 0 1.2rem;
}
.cooperation_page .cper2_5 .cont .card {
  border-radius: 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  overflow: hidden;
  min-height: 6rem;
  width: 100%;
  padding: 0.8rem 1.3rem;
}
.cooperation_page .cper2_5 .cont .card .list {
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  gap: 0.7rem;
}
.cooperation_page .cper2_5 .cont .card .list .item {
  display: flex;
  /*align-items: center;*/
  gap: 0.7rem;
}
.cooperation_page .cper2_5 .cont .card .list .item .arrow {
  margin-top: .23rem;
  width: 0.24rem;
  height: fit-content;
  flex-shrink: 0;
}
.cooperation_page .cper2_5 .cont .card .list .item .desc {
  min-width: 0.86rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cooperation_page .cper2_5 .cont .card .list .item .desc .icon {
  border-radius: 50%;
  width: 0.68rem;
  height: 0.68rem;
  flex-shrink: 0;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.cooperation_page .cper2_5 .cont .card .list .item .desc .icon img {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: contain;
}
.cooperation_page .cper2_5 .cont .card .list .item .desc .tit {
  white-space: nowrap;
}
.cooperation_page .cper2_5 .cont .card .list .item:first-child .arrow {
  display: none;
}
.cooperation_page .cper2_5 .cont .card .list .item:hover .desc .icon {
  background-color: var(--vicolor);
}
.cooperation_page .cper2_5 .cont .card .list .item:hover .desc .icon img {
  transform: scale(1.2);
}
.cooperation_page .cper2_5 .cont .card .list .item:hover .desc .tit {
  color: var(--vicolor);
}

.cooperation_page .cper2_5 .cont .card .list .item.on .desc .icon {
  background-color: var(--vicolor);
  border-color:transparent;
}
.cooperation_page .cper2_5 .cont .card .list .item.on .desc .icon img {
  transform: scale(1.2);
}
.cooperation_page .cper2_5 .cont .card .list .item.on .desc .tit {
  color: var(--vicolor);
}
.cooperation_page .cper2_5 .cont .card .tip {
  margin-top: 0.6rem;
  display: none;
}

.cooperation_page .cper2_5 .cont .card .tip.on{display: block;}

.cooperation_page .cper2_5 .cont .card .tip .tit {
  margin-bottom: 0.25rem;
}

.product_page .page_bg {
  position: fixed;
  inset: 0;
  z-index: -1;
}
.product_page .prod1 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.product_page .prod1 .swiper_prod1_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product_page .prod1 .swiper_prod1_bg .swiper-slide {
  width: 100%;
  height: 100%;
}
.product_page .prod1 .swiper_prod1_bg .swiper-slide .bg {
  width: 100%;
  height: 100%;
  filter: blur(5px);
  will-change: filter;
  transform: scale(1.25);
  transition: all 1.2s ease;
  transform-origin: center center;
  
}
.product_page .prod1 .swiper_prod1_bg .swiper-slide.swiper-slide-active .bg{
    transform: scale(1.02);
}
.product_page .prod1 .cont {
  padding: 1.6rem 0 1.6rem;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_page .prod1 .cont .big_box {
  width: 11rem;
  height: 7.8rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
.product_page .prod1 .cont .big_box .circle_center {
  margin-bottom: 0.3rem;
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  gap: 0.2rem;
}
.product_page .prod1 .cont .big_box .circle_center .circle_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item {
  opacity: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.8s ease;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item .desc .logo {
  height: 0.8rem;
  width: auto;
  margin-bottom: 0.5rem;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item .desc .tit {
  margin-bottom: 0.25rem;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item .desc .txt{
    max-height: 7.5em;
    overflow: auto;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item .ibtn {
  margin-top: 0.6rem;
}
.product_page .prod1 .cont .big_box .circle_center .cont_list .item.active {
  opacity: 1;
  display: flex;
}
.product_page .prod1 .cont .big_box .list {
  display: flex;
  gap: 0.4rem;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.product_page .prod1 .cont .big_box .list .item {
  pointer-events: auto;
  cursor: pointer;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  position: absolute;
}
.product_page .prod1 .cont .big_box .list .item:nth-of-type(1) {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.product_page .prod1 .cont .big_box .list .item:nth-of-type(2) {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product_page .prod1 .cont .big_box .list .item:nth-of-type(3) {
  right: 0.5rem;
  bottom: 0;
}
.product_page .prod1 .cont .big_box .list .item:nth-of-type(4) {
  left: 0rem;
  bottom: 0;
}
.product_page .prod1 .cont .big_box .list .item:nth-of-type(5) {
  left: -.7rem;
  top: 50%;
  transform: translateY(-50%);
}
.product_page .prod1 .cont .big_box .list .item .icon {
  width: auto;
  height: 0.8rem;
}
.product_page .prod1 .cont .big_box .list .item .desc .tit {
  margin-bottom: 0.2rem;
}
.product_page .prod1 .cont .big_box .list .item .desc .txt {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  height: auto;
  overflow: hidden;
}
.product_page .prod1 .cont .big_box .list .item:hover .desc .txt, .product_page .prod1 .cont .big_box .list .item.active .desc .txt {
  opacity: 1;
  visibility: visible;
}
.product_page .prod2_1 {
  position: relative;
}
.product_page .prod2_1 .cont {
  padding: 1.6rem 0 1.6rem;
  width: 100%;
}
.product_page .prod2_1 .cont .num_list {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 1rem;
  justify-content: center;
}
.product_page .prod2_1 .cont .num_list .item {
  /*width: calc((100% - 1.2rem) / 4);*/
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
}
.product_page .prod2_1 .cont .num_list .item .tit .unit {
  margin-left: -0.1rem;
}
.product_page .prod2_1 .cont .video_box {
  height: 7.2rem;
  border-radius: 0.2rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  overflow: hidden;
  position: relative;
}
.product_page .prod2_1 .cont .video_box > img, .product_page .prod2_1 .cont .video_box > video {
  display: none;
}
.product_page .prod2_1 .cont .video_box > img.active, .product_page .prod2_1 .cont .video_box > video.active {
  display: block;
}
.product_page .prod2_1 .cont .video_box .cont {
  position: absolute;
  inset: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
}
.product_page .prod2_1 .cont .video_box .cont .play_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  transition: all 0.4s ease;
  z-index: 1;
  border-radius: 50%;
}
.product_page .prod2_1 .cont .video_box .cont .play_btn:hover {
  transform: scale(1.05);
}
.product_page .prod2_1 .cont .video_box .cont.active {
  display: flex;
}
.product_page .prod2_2 {
  position: relative;
}
.product_page .prod2_2 .cont {
  padding: 1.6rem 0 1.6rem;
}
.product_page .prod2_2 .cont .type_list {
  display: flex;
  justify-content: center;
  gap: 0.32rem;
  margin-bottom: 0.6rem;
}
.product_page .prod2_2 .cont .type_list .item {
  cursor: pointer;
  width: fit-content;
  min-width: 2rem;
  border-radius: 0.06rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  transition: all 0.4s ease;
  padding: 0.2rem 0.45rem;
  text-align: center;
}
.product_page .prod2_2 .cont .type_list .item:hover, .product_page .prod2_2 .cont .type_list .item.active {
  background: var(--vicolor);
}
.product_page .prod2_2 .cont .swiper_list {
  width: 100%;
  overflow: hidden;
  padding-left: 1.6rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 {
  height: 100%;
  width: 100%;
  display: none;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2.active {
  display: block;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide {
  width: 3.7rem;
  height: 100%;
  margin-right: 0.4rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  position: relative;
  cursor: pointer;
  transition: all 0.4s ease;
  min-height: 4.4rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 1.4rem;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.3rem 0.32rem 0.4rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .desc {
  margin-bottom: 0.32rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .desc .tit {
  transition: all 0.4s ease;
  margin-bottom: 0.12rem;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .desc .txt {
  transition: all 0.4s ease;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .info .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item .pic {
  height: 2.6rem;
  width: 100%;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover {
  border-color: var(--vicolor);
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover .bg {
  opacity: 1;
  visibility: visible;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover .info .desc .tit {
  color: var(--vicolor);
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover .info .desc .txt {
  color: #fff;
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover .info .more {
  color: var(--vicolor);
}
.product_page .prod2_2 .cont .swiper_list .swiper_prod2_2 .swiper-slide .item:hover .info .more .arrow_r svg path {
  stroke: var(--vicolor);
}
.product_page .prod2_2 .cont .swiper_list .page_box {
  padding-right: 1.6rem;
  gap: 2rem;
}
.product_page .prod2_3 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.product_page .prod2_3 .cont {
  height: 100%;
}
.product_page .prod2_3 .cont .card {
  width: 100%;
  height: 100%;
}
.product_page .prod2_3 .cont .card .bg_box {
  position: absolute;
  inset: 0;
}
.product_page .prod2_3 .cont .card .bg_box .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 1s ease;
}
.product_page .prod2_3 .cont .card .bg_box .bg.active {
  opacity: 1;
  z-index: 1;
}
.product_page .prod2_3 .cont .card .cont_box {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.product_page .prod2_3 .cont .card .cont_box > .tit {
  position: absolute;
  top: 2.2rem;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}
.product_page .prod2_3 .cont .card .cont_box .card_list {
  width: 100%;
  height: 100%;
  display: flex;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item {
  cursor: pointer;
  width: calc((100% - 8rem) / 4);
  height: 100%;
  padding: 0.5rem 0.8rem 1.2rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  transition: all 0.4s ease;
  background: rgba(0, 0, 0, 0);
  
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item > .tit {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc .tit {
  margin-bottom: 0.2rem;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc .txt {
  margin-bottom: 0.32rem;
  width: 6.4rem;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item .desc .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item.active {
  width: 8rem;
  background: rgba(0, 0, 0, 0.4);
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item.active > .tit {
  opacity: 0;
  visibility: hidden;
}
.product_page .prod2_3 .cont .card .cont_box .card_list .item.active .desc {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.product_page .prod2_5 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}
.product_page .prod2_5 .cont {
  height: 100%;
}
.product_page .prod2_5 .cont .card {
  width: 100%;
  height: 100%;
}
.product_page .prod2_5 .cont .card .bg_box {
  position: absolute;
  inset: 0;
}
.product_page .prod2_5 .cont .card .bg_box .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 1s ease;
}
.product_page .prod2_5 .cont .card .bg_box .bg.active {
  opacity: 1;
  z-index: 1;
}
.product_page .prod2_5 .cont .card .cont_box {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.product_page .prod2_5 .cont .card .cont_box > .tit {
  position: absolute;
  top: 2.2rem;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}

.product_page .prod2_4 {
  position: relative;
}
.product_page .prod2_4 .cont {
  padding: 1.6rem 0;
}
.product_page .prod2_4 .cont .list {
  display: flex;
  gap: 0.4rem;
  width: 100%;
}
.product_page .prod2_4 .cont .list .item {
  width: calc((100% - 0.8rem) / 3);
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.05px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  height: 5.9rem;
  cursor: pointer;
}
.product_page .prod2_4 .cont .list .item .pic {
  width: 100%;
  height: 3rem;
}
.product_page .prod2_4 .cont .list .item .info {
  padding: 0.32rem;
  position: relative;
}
.product_page .prod2_4 .cont .list .item .info .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: auto;
  opacity: 0;
  z-index: -1;
}
.product_page .prod2_4 .cont .list .item .info .desc .tag {
  display: flex;
  margin-bottom: 0.15rem;
}
.product_page .prod2_4 .cont .list .item .info .desc .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.product_page .prod2_4 .cont .list .item .info .desc .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.product_page .prod2_4 .cont .list .item .info .desc .tag .date {
  padding-left: 0.2rem;
}
.product_page .prod2_4 .cont .list .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.product_page .prod2_4 .cont .list .item .info .desc .txt {
  margin-bottom: 0.4rem;
}
.product_page .prod2_4 .cont .list .item .info .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.product_page .prod2_4 .cont .list .item .info .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.product_page .prod2_4 .cont .list .item .info .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.product_page .prod2_4 .cont .list .item:hover {
  border-color: var(--vicolor);
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
}
.product_page .prod2_4 .cont .list .item:hover .bg {
  opacity: 1;
}
.product_page .prod2_4 .cont .list .item:hover .info .more {
  color: var(--vicolor);
}
.product_page .prod2_4 .cont .list .item:hover .info .more .arrow_r svg path {
  stroke: var(--vicolor);
}
.product_page .prod2_4 .cont .ibtn {
  margin: 0 auto;
  margin-top: 0.6rem;
  min-width: 2.35rem;
  height: .64rem;
}

.search_page .search1 {
  position: relative;
  padding: 2.5rem 0 1.6rem;
}
.search_page .search1 > .bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #031225 0%, #031225 72.27%);
}
.search_page .search1 .top {
  margin-bottom: 0.85rem;
  display: flex;
  justify-content: center;
}
.search_page .search1 .top .search {
  width: 8.1rem;
  height: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  position: relative;
}
.search_page .search1 .top .search .search_icon {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 0.25rem;
  opacity: 0.6;
}
.search_page .search1 .top .search input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.2rem;
  padding: 0 1.6rem 0 0.6rem;
}
.search_page .search1 .top .search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search_page .search1 .top .search .search_btn {
  cursor: pointer;
  width: 1.5rem;
  height: 0.6rem;
  border-radius: 0.1rem;
  background: var(--vicolor);
  position: absolute;
  right: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.search_page .search1 .top .search .search_btn:hover {
  background: color-mix(in srgb, var(--vicolor) 70%, #000 30%);
}
.search_page .search1 .bottom .filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.3rem;
}
.search_page .search1 .bottom .filter .lf {
  width: fit-content;
  display: flex;
  gap: 0.2rem;
}
.search_page .search1 .bottom .filter .lf .news_type {
  display: flex;
  gap: 0.8rem;
}
.search_page .search1 .bottom .filter .lf .news_type .item {
  cursor: pointer;
  padding: 0.32rem 0;
  position: relative;
}
.search_page .search1 .bottom .filter .lf .news_type .item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .filter .lf .news_type .item:hover, .search_page .search1 .bottom .filter .lf .news_type .item.active {
  color: var(--vicolor);
}
.search_page .search1 .bottom .filter .lf .news_type .item:hover::after, .search_page .search1 .bottom .filter .lf .news_type .item.active::after {
  width: 100%;
  background-color: var(--vicolor);
}
.search_page .search1 .bottom .filter .rg {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.search_page .search1 .bottom .filter .rg .style_type {
  display: flex;
  gap: 0.1rem;
}
.search_page .search1 .bottom .filter .rg .style_type .item {
  cursor: pointer;
  border-radius: 0.06rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0.07rem;
  width: 0.45rem;
  height: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_page .search1 .bottom .filter .rg .style_type .item .icon {
  width: 0.32rem;
  height: 0.32rem;
}
.search_page .search1 .bottom .filter .rg .style_type .item .icon img {
  opacity: 0.6;
}
.search_page .search1 .bottom .filter .rg .style_type .item:hover, .search_page .search1 .bottom .filter .rg .style_type .item.active {
  border-color: var(--vicolor);
  background: var(--vicolor);
}
.search_page .search1 .bottom .filter .rg .style_type .item:hover .icon img, .search_page .search1 .bottom .filter .rg .style_type .item.active .icon img {
  opacity: 1;
}
.search_page .search1 .bottom .filter .rg .year {
  height: 0.45rem;
}
.search_page .search1 .bottom .filter .rg .year .item {
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.06rem;
  overflow: hidden;
  position: relative;
}
.search_page .search1 .bottom .filter .rg .year .item .select {
  width: 100%;
  height: 100%;
  background: rgba(3, 14, 28, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  width: 2rem;
  padding: 0 0.2rem;
  border: none;
}
.search_page .search1 .bottom .filter .rg .year .item .icon {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  transform: translateY(-50%) rotate(90deg);
}
.search_page .search1 .bottom .tip {
  margin-bottom: 0.85rem;
}
.search_page .search1 .bottom .tip span {
  color: var(--vicolor);
  font-weight: 500;
  font-family: var(--fw500);
}
@keyframes newsListFadeIn {
  from {
    opacity: 0;
    transform: translateY(0.2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.search_page .search1 .bottom .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  animation: newsListFadeIn 1s ease forwards;
  column-gap: 0.4rem;
  row-gap: 0.5rem;
  width: 100%;
}
.search_page .search1 .bottom .list .item {
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  border: 0.05px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  position: relative;
  backdrop-filter: blur(5px);
  width: calc((100% - 0.8rem) / 3);
  border-radius: 0.1rem;
  overflow: hidden;
  background: rgba(3, 14, 28, 0.6);
  height: 5.9rem;
}
.search_page .search1 .bottom .list .item .pic {
  width: 100%;
  height: 3.2rem;
}
.search_page .search1 .bottom .list .item .info {
  padding: 0.32rem;
}
.search_page .search1 .bottom .list .item .mask {
  position: absolute;
  inset: 0;
  filter: blur(20px);
}
.search_page .search1 .bottom .list .item .info {
  position: relative;
}
.search_page .search1 .bottom .list .item .info .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.1rem;
  height: auto;
  opacity: 0;
  z-index: -1;
}
.search_page .search1 .bottom .list .item .info .desc .tag {
  display: flex;
  margin-bottom: 0.15rem;
  color: rgba(255, 255, 255, 0.5);
}
.search_page .search1 .bottom .list .item .info .desc .tag .tag_info {
  display: flex;
  gap: 0.12rem;
  padding-right: 0.2rem;
  border-right: 1px solid #888;
}
.search_page .search1 .bottom .list .item .info .desc .tag .tag_info .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}
.search_page .search1 .bottom .list .item .info .desc .tag .date {
  padding-left: 0.2rem;
}
.search_page .search1 .bottom .list .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.search_page .search1 .bottom .list .item .info .desc .txt {
  margin-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.5);
}
.search_page .search1 .bottom .list .item .info .more {
  display: flex;
  gap: 0.15rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
}
.search_page .search1 .bottom .list .item .info .more .arrow_r {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.search_page .search1 .bottom .list .item .info .more .arrow_r svg {
  width: auto;
  height: 0.1rem;
  object-fit: contain;
}
.search_page .search1 .bottom .list .item:hover {
  border-color: var(--vicolor);
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
}
.search_page .search1 .bottom .list .item:hover .info .bg {
  opacity: 1;
}
.search_page .search1 .bottom .list .item:hover .info .desc .tit {
  color: var(--vicolor);
}
.search_page .search1 .bottom .list .item:hover .info .desc .txt {
  color: #fff;
}
.search_page .search1 .bottom .list .item:hover .info .desc .tag {
  color: #fff;
}
.search_page .search1 .bottom .list .item:hover .info .more {
  color: var(--vicolor);
}
.search_page .search1 .bottom .list .item:hover .info .more .arrow_r svg path {
  stroke: var(--vicolor);
}
.search_page .search1 .bottom .list2 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.search_page .search1 .bottom .list2 .item {
  width: 100%;
  padding: 0.36rem 0.6rem 0.48rem;
  border-radius: 0.1rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(19, 30, 45, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .list2 .item .bg {
  position: absolute;
  width: 3.1rem;
  height: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .list2 .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}
.search_page .search1 .bottom .list2 .item .top .rg {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .list2 .item .top .rg .icon img {
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .list2 .item .tag {
  display: flex;
  margin-bottom: 0.2rem;
}
.search_page .search1 .bottom .list2 .item .tag span {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 0.16rem;
  position: relative;
}
.search_page .search1 .bottom .list2 .item .tag span:first-child {
  padding-left: 0;
}
.search_page .search1 .bottom .list2 .item .tag span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.search_page .search1 .bottom .list2 .item .summary {
  opacity: 1;
  transition: all 0.4s ease;
  max-height: 10rem;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
}
.search_page .search1 .bottom .list2 .item .info {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
.search_page .search1 .bottom .list2 .item .info .desc {
  margin-bottom: 0.32rem;
}
.search_page .search1 .bottom .list2 .item .info .desc:last-child {
  margin-bottom: 0;
}
.search_page .search1 .bottom .list2 .item .info .desc .tit {
  margin-bottom: 0.2rem;
}
.search_page .search1 .bottom .list2 .item .info .desc .txt {
  color: rgba(255, 255, 255, 0.7);
}
.search_page .search1 .bottom .list2 .item .info .ibtn2 {
  margin-top: 0.5rem;
}
.search_page .search1 .bottom .list2 .item:hover .top .rg {
  color: var(--vicolor);
}
.search_page .search1 .bottom .list2 .item.active {
  border: 1px solid #E60012;
  background: rgba(46, 59, 76, 0.6);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
}
.search_page .search1 .bottom .list2 .item.active .bg {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.search_page .search1 .bottom .list2 .item.active .top .rg {
  color: var(--vicolor);
}
.search_page .search1 .bottom .list2 .item.active .top .rg .arrow_d {
  transform: rotate(180deg);
}
.search_page .search1 .bottom .list2 .item.active .summary {
  opacity: 0;
  max-height: 0;
}
.search_page .search1 .bottom .list2 .item.active .info {
  opacity: 1;
  max-height: 10rem;
  padding-top: 0.4rem;
}
.search_page .search1 .bottom .list,
.search_page .search1 .bottom .list2 {
  display: none;
}
.search_page .search1 .bottom .list.active,
.search_page .search1 .bottom .list2.active {
  display: flex;
}

/*# sourceMappingURL=style.css.map */