@charset "utf-8";
/* 字体引用 */
@font-face {
  font-family: 'gant';
  font-display: swap;
  src: url(../font/Gantari-SemiBold.otf);
}
.font-gant {
  font-family: 'gant', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.public-color {
  color: #fff;
  /* 不支持渐变时的备选色 */
  background: linear-gradient(90deg, #53429A 0%, #5D479E 9.12%, #9F6AC2 23.01%, #ED7E7E 45.3%, #F0B657 62.58%, #A7C362 77.14%, #6CB8C7 97.69%, #6CB8C7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img,
.public-img > video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.container2 {
  margin: 0 auto;
  width: 86%;
  max-width: 1600px;
}
@media (max-width: 767px) {
  .container2 {
    width: 90%;
  }
}
.g-public-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  border-radius: 100px;
  padding: 0 32px;
  height: 44px;
  position: relative;
  color: #fff;
  z-index: 1;
  text-align: center;
}
@media (max-width: 1580px) {
  .g-public-btn {
    padding: 0 26px;
    height: 40px;
  }
}
.g-public-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(70deg, #5D479E, #9E78F1, #ED7E7E, #F0B657, #A7C362, #6CB8C7);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 30px;
  z-index: -1;
  transition: all 0.4s;
}
/* 关于我们 */
.sub_banner {
  overflow: hidden;
  height: 9.6rem;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .sub_banner {
    height: auto;
  }
}
.sub_banner .mob_pc {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc .g_img {
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc .g_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_banner .mob_pc .g_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 10;
}
.sub_banner .sub_banner_txt {
  padding-top: 0.6rem;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt {
    padding: 90px 0 20px;
  }
}
.sub_banner .sub_banner_txt .container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt .container {
    flex-direction: column-reverse;
  }
}
.sub_banner .sub_banner_txt .container .ban_l {
  flex-shrink: 0;
  width: 37.85310734%;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt .container .ban_l {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .sub_banner .sub_banner_txt .container .ban_l br {
    display: none;
  }
}
.sub_banner .sub_banner_txt .container .ban_l .tit h1 {
  font-weight: 900;
  line-height: 1.2;
}
.sub_banner .sub_banner_txt .container .ban_l .sub_banner_p {
  margin-top: 0.32rem;
}
.sub_banner .sub_banner_txt .container .ban_l .sub_banner_p p {
  color: #828282;
  line-height: 1.33333333;
}
.sub_banner .sub_banner_txt .container .ban_l .g-public-btn {
  margin-top: 0.48rem;
}
.sub_banner .sub_banner_txt .container .ban_r {
  width: 50.84745763%;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt .container .ban_r {
    width: 100%;
    margin-bottom: 0.6rem;
  }
}
.sub_banner .sub_banner_txt .container .ban_r .public-img {
  width: 100%;
}
.sub_banner .sub_banner_txt .container .ban_r .public-img img {
  object-fit: contain;
}
.g-about-box1 {
  margin: 1.1rem 0 2.5rem;
  text-align: center;
}
@media (max-width: 767px) {
  .g-about-box1 {
    margin: 1.2rem 0;
  }
}
.g-about-box1 .box {
  margin: auto;
  width: 86.3700565%;
}
@media (max-width: 991px) {
  .g-about-box1 .box {
    width: 100%;
  }
}
.g-about-box1 .box p {
  display: initial;
  background: rgba(255, 255, 255, 0.2) -webkit-linear-gradient(left, #fff, #fff) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
}
.g-about-box2 {
  margin: 2.5rem 0 1.1rem;
}
@media (max-width: 767px) {
  .g-about-box2 {
    margin: 1.2rem 0;
  }
}
.g-about-box2 .box1 {
  width: 100%;
  margin-top: 0.63rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.42rem;
}
@media (max-width: 991px) {
  .g-about-box2 .box1 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .g-about-box2 .box1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.g-about-box2 .box1 .item {
  perspective: 300px;
}
.g-about-box2 .box1 .item:hover .img {
  /* transform: rotateY(0deg); */
}
.g-about-box2 .box1 .item .img {
  /* transform: rotateY(22deg); */
  transform-origin: left center;
  position: relative;
  backface-visibility: hidden;
  transition: all 0.4s;
}
.g-about-box2 .box1 .item .img .public-img {
  border-radius: 0.2rem;
  z-index: 10;
}
.g-about-box2 .box1 .item .img .public-img:before {
  padding-top: 137.07317073%;
}
.g-about-box2 .box1 .item .img .public-img img {
  object-fit: contain;
}
.g-about-box2 .box1 .item .img i {
  display: block;
  position: absolute;
  width: 100%;
  height: 83%;
  bottom: 0;
  left: 0;
  border-radius: 0.2rem;
  display: none;
}
.g-about-box2 .box1 .item .txt {
  /* padding-right: 0.2rem; */
  margin-top: 0.38rem;
}
.g-about-box2 .box1 .item .txt p {
  color: #828282;
  margin-top: 0.08rem;
  font-size: 14px;
}
@media (max-width: 767px) {
  .g-about-box2 .box1 .item .txt p {
    font-size: 12px;
  }
}
.g-about-box2 .box1 .item1 .img i {
  background: linear-gradient(to right, #55439C, #7D57B1);
}
.g-about-box2 .box1 .item2 .img i {
  background: linear-gradient(to right, #55439C, #B66FB0);
}
.g-about-box2 .box1 .item3 .img i {
  background: linear-gradient(to right, #B66FB0, #F3837A);
}
.g-about-box2 .box1 .item4 .img i {
  background: linear-gradient(to right, #F3837A, #F2AD5E);
}
.g-about-box2 .box1 .item5 .img i {
  background: linear-gradient(to right, #F2AD5E, #B3C362);
}
.g-about-box2 .box1 .item6 .img i {
  background: linear-gradient(to right, #B3C362, #6DBAC9);
}
.g-about-box2 .box2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.82rem;
}
@media (max-width: 767px) {
  .g-about-box2 .box2 {
    align-items: flex-start;
    flex-direction: column;
  }
}
.g-about-box2 .box2 .g_ltit {
  margin-right: 0.2rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .g-about-box2 .box2 .g_ltit {
    margin-bottom: 0.3rem;
  }
}
.g-about-box2 .box2 .g_ltit h3 {
  color: rgba(255, 255, 255, 0.6);
}
.g-about-box2 .box2 .box2_con {
  width: 91.10169492%;
}
.g-about-box2 .box2 .box2_con .item {
  display: flex;
  white-space: initial;
  line-height: 1.5;
}
.g-about-box2 .box2 .box2_con .item .g_it {
  width: 198px;
  height: 99px;
  display: inline-block;
  margin-right: 0.36rem;
  position: relative;
  /* &:hover{
						.public-img{
							opacity: 0;
						}
						.txt{
							opacity: 1;
						}
					} */
}
@media (max-width: 767px) {
  .g-about-box2 .box2 .box2_con .item .g_it {
    width: 128px;
    height: 59px;
  }
}
.g-about-box2 .box2 .box2_con .item .g_it .public-img {
  transition: all 0.4s;
}
.g-about-box2 .box2 .box2_con .item .g_it .public-img:before {
  padding-top: 49.24623116%;
}
.g-about-box2 .box2 .box2_con .item .g_it .public-img img {
  object-fit: contain;
}
.g-about-box2 .box2 .box2_con .item .g_it .txt {
  white-space: initial;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-about-box2 .box2 .box2_con .item .g_it .txt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.g-about-box2 .box2 .box2_con .item .g_it .txt p {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10;
  text-align: center;
  padding: 0 0.05rem;
  line-height: 121.42857143%;
}
.g-about-box2 .box3 {
  margin-top: 0.86rem;
  display: flex;
  justify-content: space-between;
  /* display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px; */
}
@media (max-width: 991px) {
  .g-about-box2 .box3 {
    /* grid-template-columns: repeat(2, 1fr); */
  }
}
@media (max-width: 767px) {
  .g-about-box2 .box3 {
    flex-direction: column;
    /* margin-top: 0.6rem;
			grid-template-columns: repeat(1, 1fr); */
  }
}
.g-about-box2 .box3 .item {
  max-width: 33%;
  display: flex;
}
@media (max-width: 767px) {
  .g-about-box2 .box3 .item {
    max-width: 100%;
    margin-bottom: 0.3rem;
  }
}
.g-about-box2 .box3 .item .g_svg {
  flex-shrink: 0;
  margin-top: 0.06rem;
  margin-right: 0.42rem;
  display: flex;
  width: 0.6rem;
  height: 0.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.12rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 767px) {
  .g-about-box2 .box3 .item .g_svg {
    margin-top: 0;
    width: 0.9rem;
    height: 0.9rem;
  }
}
.g-about-box2 .box3 .item .g_svg img,
.g-about-box2 .box3 .item .g_svg svg {
  width: 53.33333333%;
  height: auto;
}
.g-about-box2 .box3 .item .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* padding-right: 0.3rem; */
}
.g-about-box2 .box3 .item .txt h2 {
  line-height: 1.1875;
}
.g-about-box2 .box3 .item .txt p {
  line-height: 1.22222222;
  margin-top: 0.12rem;
  color: #FFFFFF99;
}
.g-about-box2 .box3 .item1 .txt h2 {
  background: linear-gradient(90deg, #53429A 0%, #5D479E 28.06%, #9F6AC2 70.82%, #ED7E7E 139.42%, #F0B657 192.6%, #A7C362 237.41%, #6CB8C7 300.65%, #6CB8C7 307.76%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-about-box2 .box3 .item2 .txt h2 {
  background: linear-gradient(90deg, #53429A -120.9%, #5D479E -90.72%, #9F6AC2 -44.73%, #ED7E7E 29.05%, #F0B657 86.25%, #A7C362 134.44%, #6CB8C7 202.47%, #6CB8C7 210.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-about-box2 .box3 .item3 .txt h2 {
  background: linear-gradient(90deg, #53429A -276.82%, #5D479E -241.11%, #9F6AC2 -186.69%, #ED7E7E -99.38%, #F0B657 -31.69%, #A7C362 25.34%, #6CB8C7 114.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-about-box2 .box4 {
  margin-top: 0.6rem;
}
.g-about-box2 .box4 img {
  width: 100%;
  height: auto;
}
.hi-mouse1 {
  pointer-events: none;
}
.hi-mouse1 .c-btn {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  cursor: none;
  pointer-events: none;
  z-index: 10000;
}
.hi-mouse1 .c-btn .c-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #53429A 0%, #5D479E 28.06%, #9F6AC2 70.82%, #ED7E7E 139.42%, #F0B657 192.6%, #A7C362 237.41%, #6CB8C7 300.65%, #6CB8C7 307.76%);
  transform: scale(0);
  transition: all 0.6s;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.hi-mouse1 .c-btn .c-btn-box span {
  margin: 0 0.16rem;
}
.hi-mouse1 .c-btn .c-btn-box .img1 {
  flex-shrink: 0;
  width: 0.13rem;
  transform: rotate(180deg);
}
.hi-mouse1 .c-btn .c-btn-box .img2 {
  width: 0.2rem;
  margin: 0 0.12rem;
}
@media (max-width: 1580px) {
  .hi-mouse1 .c-btn .c-btn-box .img2 {
    margin: 0 0.08rem;
  }
}
.hi-mouse1 .c-btn .c-btn-box .img3 {
  flex-shrink: 0;
  width: 0.13rem;
}
.hi-mouse1 .c-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  text-align: center;
  line-height: 1.2;
  pointer-events: none;
}
.hi-mouse1.show .c-btn {
  cursor: pointer;
}
.hi-mouse1.show .c-btn .c-btn-box {
  transform: scale(1);
}
@keyframes moveLeftRight {
  0% {
    transform: translateX(0);
    /* 初始在中间 */
  }
  25% {
    transform: translateX(-30px);
    /* 1. 先向左 */
  }
  50% {
    transform: translateX(30px);
    /* 2. 再向右 */
  }
  75% {
    transform: translateX(-30px);
    /* 3. 又向左 */
  }
  100% {
    transform: translateX(0);
    /* 4. 回到中间并循环 */
  }
}
.g-about-box3 {
  overflow: hidden;
  background: url(../images/about13.png) no-repeat center / cover;
  padding: 0.84rem 0 0;
}
.g-about-box3 .container {
  width: 85%;
  max-width: 1455px;
}
.g-about-box3 .box {
  position: relative;
  padding: 2.69rem 0 2.85rem;
}
.g-about-box3 .box .grl {
  bottom: 0.1rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-about-box3 .box .grl img,
.g-about-box3 .box .grl svg {
  width: 20px;
  height: auto;
  animation: moveLeftRight 6s ease-in-out infinite;
}
.g-about-box3 .box .line-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 21px;
}
.g-about-box3 .box .line-bar > span {
  width: 1px;
  height: 21px;
  background-color: #888;
}
.g-about-box3 .box .line-bar > span:first-child {
  background-color: #fff;
}
.g-about-box3 .box .line-bar > span:last-child {
  visibility: hidden;
}
@media (max-width: 767px) {
  .g-about-box3 .box .line-bar > span {
    width: 1px;
    height: 10px;
  }
}
.g-about-box3 .box .swiper {
  overflow: inherit;
}
.g-about-box3 .box .swiper .swiper-slide {
  color: #fff;
}
.g-about-box3 .box .swiper .swiper-slide.oneself .txt p {
  background: linear-gradient(90deg, #53429A -120.9%, #5D479E -90.72%, #9F6AC2 -44.73%, #ED7E7E 29.05%, #F0B657 86.25%, #A7C362 134.44%, #6CB8C7 202.47%, #6CB8C7 210.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* -webkit-text-fill-color: initial; */
}
.g-about-box3 .box .swiper .swiper-slide:nth-child(2n) .txt {
  top: auto;
  bottom: 0.71rem;
  flex-direction: column-reverse;
}
.g-about-box3 .box .swiper .swiper-slide .g_year {
  padding: 9px 15px;
  border-radius: 1111111px;
  background: url(../images/about15.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: inline-flex;
  align-items: center;
  position: absolute;
  left: 0.33rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .g-about-box3 .box .swiper .swiper-slide .g_year {
    padding: 7px 12px;
  }
}
.g-about-box3 .box .swiper .swiper-slide .g_year p {
  line-height: 1.2;
}
.g-about-box3 .box .swiper .swiper-slide .txt {
  width: 2.64rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0.71rem;
  left: 0.33rem;
}
@media (max-width: 767px) {
  .g-about-box3 .box .swiper .swiper-slide .txt {
    width: 100%;
  }
}
.g-about-box3 .box .swiper .swiper-slide .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 0.12rem 0;
  color: #fff;
}
.g-about-box4 {
  margin: 0.8rem 0 0.18rem;
}
.g-about-box4 .box {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  margin-top: 0.57rem;
}
.g-about-box4 .box .item {
  display: inline-block;
  white-space: initial;
  line-height: 1.5;
}
.g-about-box4 .box .item .img {
  /* min-width: calc(100%/7 + 1px); */
  width: 182px;
  height: 80px;
  display: inline-block;
  margin-right: 0.56rem;
  position: relative;
}
@media (max-width: 767px) {
  .g-about-box4 .box .item .img {
    width: 120px;
    height: 60px;
  }
}
.g-about-box4 .box .item .img .public-img {
  transition: all 0.4s;
}
.g-about-box4 .box .item .img .public-img:before {
  padding-top: 45.71428571%;
}
.g-about-box4 .box .item .img .public-img img {
  object-fit: contain;
}
.skill_banner {
  height: 7.6rem;
}
@media (max-width: 1199px) {
  .skill_banner {
    height: auto;
  }
}
@media (max-width: 767px) {
  .skill_banner {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .skill_banner .sub_banner_txt {
    padding: 100px 0 50px;
  }
}
@media (max-width: 767px) {
  .skill_banner .sub_banner_txt {
    padding: 90px 0 50px;
  }
}
.skill_banner .sub_banner_txt .container .ban_r {
  margin-top: -2rem;
}
@media (max-width: 1199px) {
  .skill_banner .sub_banner_txt .container .ban_r {
    margin-top: 0;
  }
}
@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(250%);
  }
  51% {
    transform: translateX(-250%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (max-width: 1580px) {
  .g-skill-box1 {
    margin-top: 1rem;
  }
}
@media (max-width: 1199px) {
  .g-skill-box1 {
    margin-top: 0.5rem;
  }
}
.g-skill-box1 .box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 767px) {
  .g-skill-box1 .box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-skill-box1 .box .item {
  background: #121212;
  border-radius: 0.2rem;
  padding: 0.1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .g-skill-box1 .box .item {
    flex-direction: column;
  }
}
.g-skill-box1 .box .item:hover .public-img img {
  transform: scale(1.05);
}
.g-skill-box1 .box .item:hover .c-ico svg,
.g-skill-box1 .box .item:hover .c-ico img {
  animation: arrow 0.4s;
}
.g-skill-box1 .box .item .c-ico {
  overflow: hidden;
  transform: rotate(-45deg);
  display: flex;
  transition: all 0.4s;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.09rem;
}
@media (max-width: 1580px) {
  .g-skill-box1 .box .item .c-ico {
    width: 24px;
    height: 24px;
  }
}
.g-skill-box1 .box .item .c-ico svg,
.g-skill-box1 .box .item .c-ico img {
  width: 100%;
  height: 100%;
}
.g-skill-box1 .box .item .public-img {
  width: 39.18128655%;
  border-radius: 0.12rem;
}
@media (max-width: 1199px) {
  .g-skill-box1 .box .item .public-img {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .g-skill-box1 .box .item .public-img {
    width: 46.78362573%;
  }
}
@media (max-width: 767px) {
  .g-skill-box1 .box .item .public-img {
    width: 34%;
  }
}
.g-skill-box1 .box .item .txt {
  margin-left: 0.31rem;
  width: 46.78362573%;
}
@media (max-width: 1199px) {
  .g-skill-box1 .box .item .txt {
    padding: 0.3rem 0;
  }
}
@media (max-width: 767px) {
  .g-skill-box1 .box .item .txt {
    width: 100%;
    margin-left: 0;
    padding: 0.3rem;
  }
}
.g-skill-box1 .box .item .txt .txt_box h3 {
  line-height: 1.1875;
}
.g-skill-box1 .box .item .txt .txt_box p {
  color: #828282;
  margin-top: 0.12rem;
  line-height: 1.1875;
}
.g-skill-box1 .box .item .txt .g_a {
  margin-top: 0.32rem;
  display: flex;
  align-items: center;
}
.g-skill-box1 .box .item .txt .g_a img,
.g-skill-box1 .box .item .txt .g_a svg {
  transition: all 0.4s;
  width: 0.16rem;
  height: 0.16rem;
}
.public-title > span {
  display: block;
}
.public-title > p {
  margin: 0.24rem auto 0;
  color: #828282;
  width: calc(675/1416*100%);
}
@media (max-width: 991px) {
  .public-title > p {
    width: 100%;
  }
}
.g-skill-box3 {
  overflow: hidden;
  margin: 1.1rem 0 1.58rem;
}
@media (max-width: 767px) {
  .g-skill-box3 {
    margin: 1.2rem 0;
  }
}
.g-skill-box3 .box {
  margin-top: 1.26rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
@media (max-width: 991px) {
  .g-skill-box3 .box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem 0.25rem;
  }
}
@media (max-width: 767px) {
  .g-skill-box3 .box {
    margin-top: 1.2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem 0.25rem;
  }
}
.g-skill-box3 .box .item {
  position: relative;
  display: flex;
}
.g-skill-box3 .box .item .gbj {
  background: #000;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.g-skill-box3 .box .item .gbj .img1 {
  position: relative;
  z-index: 10;
}
.g-skill-box3 .box .item .gbj .img2 {
  width: 5.76rem;
  max-width: initial;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.g-skill-box3 .box .item .gbj .img3 {
  width: 5.37rem;
  height: 2px;
  top: 0;
  left: 0;
  position: absolute;
}
.g-skill-box3 .box .item .gbj span {
  position: absolute;
  font-size: 0.96rem;
  line-height: 0.8;
  left: 0.44rem;
  top: -7%;
  z-index: -2;
  transform: translateY(-50%);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.2px #f4f4f4;
  text-stroke: 1.2px #f4f4f4;
  background-image: -webkit-linear-gradient(top, transparent, transparent, transparent);
  -webkit-background-clip: text;
  opacity: 0.8;
}
.g-skill-box3 .box .item .gcon {
  position: relative;
  z-index: 10;
  display: flex;
}
.g-skill-box3 .box .item .gcon .g_svg {
  flex-shrink: 0;
  margin-right: 0.29rem;
  display: flex;
  width: 0.6rem;
  height: 0.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.12rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 767px) {
  .g-skill-box3 .box .item .gcon .g_svg {
    margin-top: 0;
    width: 0.9rem;
    height: 0.9rem;
  }
}
.g-skill-box3 .box .item .gcon .g_svg img,
.g-skill-box3 .box .item .gcon .g_svg svg {
  width: 53.33333333%;
  height: auto;
}
.g-skill-box3 .box .item .gcon .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.g-skill-box3 .box .item .gcon .txt h2 {
  color: #fff;
  line-height: 1.1875;
}
.g-skill-box3 .box .item .gcon .txt p {
  font-weight: 300;
  line-height: 1.22222222;
  margin-top: 0.12rem;
  color: #FFFFFF99;
}
.g-skill-box3 .box .item1 .gbj .img1 {
  width: calc(100% + 0.33rem);
  max-width: initial;
}
.g-skill-box3 .box .item1 .gcon {
  padding: 0.53rem 0.34rem 0.59rem 0.44rem;
}
.g-skill-box3 .box .item2 {
  margin-left: -0.3rem;
}
@media (max-width: 767px) {
  .g-skill-box3 .box .item2 {
    margin-left: 0;
  }
}
.g-skill-box3 .box .item2 .gbj .img1 {
  width: calc(100% + 0.64rem);
  max-width: initial;
}
.g-skill-box3 .box .item2 .gcon {
  padding: 0.53rem 0.34rem 0.59rem 0.52rem;
}
.g-skill-box3 .box .item3 .gbj .img1 {
  width: calc(100% + 0.64rem);
  max-width: initial;
}
.g-skill-box3 .box .item3 .gcon {
  padding: 0.53rem 0.34rem 0.59rem 0.62rem;
}
/* celIAura */
.g-cell-box1 {
  padding: 1.48rem 0 1rem;
}
.g-cell-box1 .cont .f_jt .f_jianb {
  pointer-events: none;
}
.g-cell-box1 .cont .g_svg {
  margin-bottom: 0.28rem;
  text-align: center;
}
.g-cell-box1 .cont .g_svg img,
.g-cell-box1 .cont .g_svg svg {
  color: #fff;
  width: auto;
  height: 45px;
}
@media (max-width: 767px) {
  .g-cell-box1 .cont .g_svg img,
  .g-cell-box1 .cont .g_svg svg {
    height: 35px;
  }
}
@media (max-width: 767px) {
  .g-cell-box1 .cont .f_msg {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .g-cell-box1 .cont .f_msg .f_li {
    margin: 0.1rem 0;
  }
}
.g-cell-box1 .g_video {
  margin-top: 1.24rem;
  width: 100%;
  height: 100%;
}
.g-cell-box1 .g_video .public-img {
  border-radius: 0.16rem;
  width: 69.06779661%;
  margin: 0 auto ;
}
@media (max-width: 767px) {
  .g-cell-box1 .g_video .public-img {
    width: 100%;
  }
}
.g-cell-box1 .g_video .public-img:before {
  padding-top: 55.82822086%;
}
.g-cell-box1 .g_video .vid_on_box {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 1px solid #A59EAD;
  backdrop-filter: blur(18px);
}
.g-cell-box1 .g_video .vid_on {
  width: 100%;
  height: 100%;
}
.g-cell-box1 .g_video .vid_on svg,
.g-cell-box1 .g_video .vid_on img {
  width: calc(11/50*100%);
  height: auto;
  color: #fff;
}
.g-cell .cell_nav {
  padding: 0.2rem 0;
  position: sticky;
  position: -webkit-sticky;
  top: 72px;
  z-index: 100;
  text-align: center;
}
@media (max-width: 1580px) {
  .g-cell .cell_nav {
    top: 68px;
  }
}
@media (max-width: 767px) {
  .g-cell .cell_nav {
    top: 1.2rem;
  }
}
.g-cell .cell_nav .cell_nav_box {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin: 0 auto;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF2E;
  padding: 0.12rem 0.09rem;
}
.g-cell .cell_nav .cell_nav_box a {
  cursor: pointer;
  color: #828282;
  margin: 0 0.23rem;
  transition: all 0.4s;
}
.g-cell .cell_nav .cell_nav_box a.on {
  color: #fff;
}
.g-cell-box5 {
  margin: 0.7rem 0 0.84rem;
}
.g-cell-box5 .box {
  margin-top: 0.72rem;
}
.g-cell-box5 .box .home6_cont {
  width: auto;
}
.g-cell-box5 .box .home6_cont .swiper-slide {
  flex-shrink: initial;
  padding: 0 0.13rem;
  width: 100%;
  transition: all 0.4s;
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}
@media (max-width: 767px) {
  .g-cell-box5 .box .home6_cont .swiper-slide {
    flex-shrink: 0;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
  }
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.22rem;
  display: block;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .f_img {
  position: relative;
  height: 4.54rem;
}
@media (max-width: 1580px) {
  .g-cell-box5 .box .home6_cont .swiper-slide .f_list .f_img {
    height: 6.4rem;
  }
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .f_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .f_img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .gxs {
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  padding: 0.3rem 0.15rem 0.34rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .gyr {
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0.3rem 0.34rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .gyr .txt_box {
  transition: all 0.4s;
  opacity: 0;
  transition-delay: 0.4s;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_tit {
  width: 100%;
  min-width: 6em;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen {
  overflow: hidden;
  display: none;
}
@media (max-width: 767px) {
  .g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen {
    display: block;
  }
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .f_text {
  opacity: 0.7;
  margin-top: 0.17rem;
  line-height: 1.44444444;
}
@media (max-width: 1199px) {
  .g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .f_text {
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .f_text {
    padding-right: 0;
  }
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .g_lab {
  margin-top: 0.35rem;
  display: flex;
  flex-wrap: wrap;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .g_lab span {
  border-radius: 100px;
  padding: 0.1rem 0.16rem;
  background: #FFFFFF0D;
  margin: 0 0.12rem 0.1rem 0;
}
.g-cell-box5 .box .home6_cont .swiper-slide .f_list .font .f_wen .g_lab span:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  .g-cell-box5 .box .home6_cont .swiper-slide {
    transition: all 0.4s;
  }
  .g-cell-box5 .box .home6_cont .swiper-slide.on {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
    flex-shrink: 0;
    width: 56.21468927%;
  }
  .g-cell-box5 .box .home6_cont .swiper-slide.on .font .gxs {
    opacity: 0;
  }
  .g-cell-box5 .box .home6_cont .swiper-slide.on .font .gyr {
    opacity: 1;
  }
  .g-cell-box5 .box .home6_cont .swiper-slide.on .font .gyr .txt_box {
    opacity: 1;
  }
}
.g-cell-box5 .box .home6_cont .swiper-pagination {
  margin-top: 0.54rem;
}
@media (min-width: 768px) {
  .g-cell-box5 .box .home6_cont .swiper-pagination {
    display: none;
  }
}
.g-cell-box4 {
  padding: 0.7rem 0 0.47rem;
}
.g-cell-box4 .gnav {
  margin-top: 0.52rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .g-cell-box4 .gnav {
    flex-direction: column;
    align-items: center;
  }
}
.g-cell-box4 .gnav a {
  display: inline-flex;
  width: auto;
  margin-right: 0.12rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 40px;
  transition: all 0.4s;
  padding: 8px 24px;
}
@media (max-width: 1580px) {
  .g-cell-box4 .gnav a {
    padding: 6px 22px;
  }
}
.g-cell-box4 .gnav a:last-child {
  margin-right: 0;
}
.g-cell-box4 .gnav a.on {
  background: rgba(255, 255, 255, 0.07);
}
.g-cell-box4 .gnav a.on span {
  color: #fff;
  /* 不支持渐变时的备选色 */
  background: linear-gradient(90deg, #53429A 0%, #5D479E 9.12%, #9F6AC2 23.01%, #ED7E7E 45.3%, #F0B657 62.58%, #A7C362 77.14%, #6CB8C7 97.69%, #6CB8C7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.g-cell-box4 .gnav a span {
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.g-cell-box4 .box {
  position: relative;
  margin-top: 0.36rem;
}
.g-cell-box4 .box .item {
  position: absolute;
  transition: all 0.4s;
  top: 0.5rem;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.2rem;
  background: #000;
  padding: 0.22rem 0.26rem;
}
@media (max-width: 767px) {
  .g-cell-box4 .box .item {
    flex-direction: column;
  }
}
.g-cell-box4 .box .item.on {
  position: relative;
  opacity: 1;
  top: 0;
  z-index: 10;
}
.g-cell-box4 .box .item .public-img {
  width: 54.94350282%;
  border: 1px solid #343434;
  border-radius: 0.12rem;
}
@media (max-width: 767px) {
  .g-cell-box4 .box .item .public-img {
    width: 100%;
  }
}
.g-cell-box4 .box .item .public-img:before {
  padding-top: 63.11053985%;
}
.g-cell-box4 .box .item .gr {
  margin-right: 0.2rem;
  width: 37.42937853%;
}
@media (max-width: 767px) {
  .g-cell-box4 .box .item .gr {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.g-cell-box4 .box .item .gr .txt p {
  text-align: justify;
  margin-top: 0.24rem;
  color: #828282;
}
.g-cell-box4 .box .item .gr .g_lab {
  margin-top: 0.78rem;
}
.g-cell-box4 .box .item .gr .g_lab .g_it {
  margin-top: 0.24rem;
  display: flex;
  align-items: center;
}
.g-cell-box4 .box .item .gr .g_lab .g_it img {
  width: 0.24rem;
  height: auto;
  margin-right: 0.08rem;
}
@media (max-width: 767px) {
  .g-cell-box4 .box .item .gr .g_lab .g_it img {
    width: 0.4rem;
    margin-right: 0.2rem;
  }
}
.g-cell-box2 {
  margin: 0.83rem 0 1.16rem;
}
.g-cell-box2 .box {
  margin-top: 0.92rem;
}
.g-cell-box2 .box .gt {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .g-cell-box2 .box .gt {
    flex-direction: column;
  }
}
.g-cell-box2 .box .gt .gl {
  width: 40.96045198%;
}
@media (max-width: 991px) {
  .g-cell-box2 .box .gt .gl {
    width: 100%;
  }
}
.g-cell-box2 .box .gt .gl .gtit {
  display: flex;
  justify-content: center;
  text-align: center;
}
.g-cell-box2 .box .gt .gl .gtit p {
  color: #FFFFFF99;
}
.g-cell-box2 .box .gt .gl .gtit .p1 {
  padding-right: 0.12rem;
  margin-right: 0.12rem;
  position: relative;
}
.g-cell-box2 .box .gt .gl .gtit .p1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.6);
  width: 1px;
  height: 0.2rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item1 {
  margin-top: 0.22rem;
  display: flex;
  justify-content: center;
}
.g-cell-box2 .box .gt .gl .g_fz .item1 .gts {
  padding: 0.15rem 0.69rem;
  border: 1px solid #383838;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
}
.g-cell-box2 .box .gt .gl .g_fz .item1 .gts img,
.g-cell-box2 .box .gt .gl .g_fz .item1 .gts svg {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.11rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.24rem;
  padding: 0.22rem 0.23rem 0.28rem;
  border: 1px solid #383838;
  border-radius: 0.2rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /* &::before  {
							    content: "";
							    display: block;
							    position: relative;
							    z-index: 0;
							    padding-top: 100%;
							} */
}
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box {
  /* position: absolute; */
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box .gts_img {
  width: 100%;
  height: 1.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #383838;
  border-radius: 0.12rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box .gts_img img,
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box .gts_img svg {
  width: 0.44rem;
  height: 0.44rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box p {
  margin-top: 0.14rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gl .g_fz .item2 .gts .gts_box p {
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
  }
}
.g-cell-box2 .box .gt .gl .g_fz .item3 {
  margin-bottom: 0.27rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.28rem;
}
.g-cell-box2 .box .gt .gl .g_fz .item3 .gtxt {
  padding: 0.17rem 0.19rem;
  border: 1px solid #383838;
  border-radius: 0.2rem;
  text-align: center;
}
.g-cell-box2 .box .gt .gl .g_fz .item4 {
  border: 1px solid #383838;
  border-radius: 0.2rem;
  padding: 0.22rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 20px;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gl .g_fz .item4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.g-cell-box2 .box .gt .gl .g_fz .item4 .g_it {
  padding: 0.15rem 0.2rem;
  border: 1px solid #383838;
  border-radius: 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-cell-box2 .box .gt .gl .g_fz .item4 .g_it img,
.g-cell-box2 .box .gt .gl .g_fz .item4 .g_it svg {
  flex-shrink: 0;
  margin-right: 0.24rem;
  width: 0.24rem;
  height: 0.24rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gl .g_fz .item4 .g_it img,
  .g-cell-box2 .box .gt .gl .g_fz .item4 .g_it svg {
    width: 0.34rem;
    height: 0.34rem;
  }
}
.g-cell-box2 .box .gt .gl .g_fz .item4 .g_it p {
  line-height: 1.2;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gl .g_fz .item4 .g_it p {
    font-size: 12px;
  }
}
.g-cell-box2 .box .gt .gl .g_fz .g_line {
  display: flex;
  justify-content: center;
  margin: 0.1rem 0;
  /* &.g_line3{
							img,svg{
								width: (545/676*100%);
							}
						} */
}
.g-cell-box2 .box .gt .gl .g_fz .g_line.g_line1 img,
.g-cell-box2 .box .gt .gl .g_fz .g_line.g_line1 svg {
  width: 6px;
}
.g-cell-box2 .box .gt .gl .g_fz .g_line.g_line2 img,
.g-cell-box2 .box .gt .gl .g_fz .g_line.g_line2 svg {
  width: 6px;
}
.g-cell-box2 .box .gt .gm {
  padding-top: 0.21rem;
  width: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .g-cell-box2 .box .gt .gm {
    flex-direction: row;
    width: 100%;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gm {
    padding: 15px 0 ;
  }
}
.g-cell-box2 .box .gt .gm i {
  background: rgba(255, 255, 255, 0.2);
  width: 1px;
  height: calc(274/621*100%);
}
@media (max-width: 991px) {
  .g-cell-box2 .box .gt .gm i {
    width: calc(274/621*100%);
    height: 1px;
  }
}
.g-cell-box2 .box .gt .gm img {
  width: 35px;
  height: auto;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gm img {
    width: 20px;
  }
}
.g-cell-box2 .box .gt .gr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 53.95480226%;
}
@media (max-width: 991px) {
  .g-cell-box2 .box .gt .gr {
    width: 100%;
  }
}
.g-cell-box2 .box .gt .gr .gtit {
  display: flex;
  justify-content: center;
  text-align: center;
}
.g-cell-box2 .box .gt .gr .gtit p {
  color: #FFFFFF99;
}
.g-cell-box2 .box .gt .gr .gtit .p1 {
  background-image: linear-gradient(to right, #5D479E 0%, #9F6AC2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 0.12rem;
  margin-right: 0.12rem;
  position: relative;
}
.g-cell-box2 .box .gt .gr .gtit .p1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #9F6AC2;
  width: 1px;
  height: 0.2rem;
}
.g-cell-box2 .box .gt .gr .gtit .p2 {
  background-image: linear-gradient(to right, #9F6AC2 0%, #F0B657 33%, #A7C362 66%, #6CB8C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box2 .box .gt .gr .item5 {
  margin-top: 0.22rem;
  display: flex;
  justify-content: center;
}
.g-cell-box2 .box .gt .gr .item5 .gts {
  padding: 0.15rem 0.69rem;
  display: flex;
  align-items: center;
  position: relative;
}
.g-cell-box2 .box .gt .gr .item5 .gts::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(70deg, #5D479E, #9E78F1, #ED7E7E, #F0B657, #A7C362, #6CB8C7);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 0.2rem;
  z-index: -1;
  transition: all 0.4s;
}
.g-cell-box2 .box .gt .gr .item5 .gts img,
.g-cell-box2 .box .gt .gr .item5 .gts svg {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.11rem;
}
.g-cell-box2 .box .gt .gr .g_line_two {
  display: flex;
  justify-content: center;
  margin: 0.08rem 0;
}
.g-cell-box2 .box .gt .gr .g_line_two.g_line4 img,
.g-cell-box2 .box .gt .gr .g_line_two.g_line4 svg {
  width: 8px;
}
.g-cell-box2 .box .gt .gr .grvideo {
  padding: 0.24rem 0.23rem 0.2rem;
  position: relative;
}
.g-cell-box2 .box .gt .gr .grvideo::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(70deg, #5D479E, #9E78F1, #ED7E7E, #F0B657, #A7C362, #6CB8C7);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 0.2rem;
  z-index: -1;
  transition: all 0.4s;
}
.g-cell-box2 .box .gt .gr .grvideo .g_h3 {
  text-align: center;
}
.g-cell-box2 .box .gt .gr .grvideo .g_h3 h3 {
  display: inline-flex;
  background-image: linear-gradient(to right, #F0B657 0%, #A7C362 50%, #6CB8C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box {
    flex-direction: column;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l {
  position: relative;
  width: 26.40901771%;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l {
    width: 100%;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l::after {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 1.36rem;
  background: url(../images/celIAura_svg19.svg) no-repeat;
  background-size: 100% 100%;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l::after {
    transform: translate(0, -50%) rotate(90deg);
    left: 50%;
    top: 100%;
    display: none;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw {
  min-height: 1.28rem;
  border-radius: 0.12rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0.12rem 0;
  padding: 0.1rem 0.05rem 0.1rem 0.1rem;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw:nth-child(2) .g_p {
  margin-top: 0.21rem;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw .gltw_tit {
  display: flex;
  align-items: center;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw .gltw_tit img {
  width: 0.28rem;
  height: auto;
  margin-right: 0.21rem;
}
@media (max-width: 1199px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw .gltw_tit img {
    margin-right: 0.1rem;
  }
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw .gltw_tit img {
    width: 0.4rem;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_l .gltw .g_p {
  margin-top: 0.08rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.35714286;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m {
  text-align: center;
  width: 35.42673108%;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m {
    width: 100%;
    margin: 0.3rem 0;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .public-img {
  border-radius: 0.2rem;
  /* margin: 0.24rem auto 0; */
  width: 96%;
  position: absolute;
  top: 2%;
  left: 2%;
  height: 96%;
  z-index: -1;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .public-img img,
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .public-img video {
  object-fit: contain;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .txt {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  margin-top: 0.15rem;
  text-align: center;
  padding: 0 0 0.2rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .txt {
    height: 3rem;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .txt h4 {
  display: inline-flex;
  background-image: linear-gradient(to right, #F0B657 0%, #A7C362 50%, #6CB8C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_m .txt p {
  line-height: 1.2;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r {
  position: relative;
  width: 26.57004831%;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r {
    width: 100%;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r::after {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 1.82rem;
  background: url(../images/celIAura_svg20.svg) no-repeat;
  background-size: 100% 100%;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r::after {
    display: none;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw {
  border-radius: 0.12rem;
  margin: 0.12rem 0;
  padding: 0.14rem 0.13rem;
  position: relative;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(70deg, #5D479E, #9E78F1, #ED7E7E, #F0B657, #A7C362, #6CB8C7);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 0.12rem;
  z-index: -1;
  transition: all 0.4s;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw .gltw_tit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw .gltw_tit img {
  width: 0.28rem;
  height: auto;
  margin-right: 0.21rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw .gltw_tit img {
    width: 0.4rem;
  }
}
.g-cell-box2 .box .gt .gr .grvideo .grvideo_box .grvideo_r .gltw .g_p {
  margin-top: 0.08rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.35714286;
}
.g-cell-box2 .box .gt .gr .gbp {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.12rem;
  height: 0.66rem;
  background: linear-gradient(90deg, #53429B 0%, #A16AC4 24.04%, #F37E7E 44.71%, #F2B857 68.75%, #A9C563 82.21%, #6DBAC9 97.12%);
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gt .gr .gbp {
    height: auto;
    padding: 0.1rem 0.2rem;
  }
}
.g-cell-box2 .box .gb {
  display: flex;
  margin-top: 0.49rem;
  border: 1px solid #383838;
  border-radius: 0.2rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gb {
    flex-wrap: wrap;
  }
}
.g-cell-box2 .box .gb .g_it {
  padding: 0.32rem 0.21rem;
  width: 25%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gb .g_it {
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.g-cell-box2 .box .gb .g_it img,
.g-cell-box2 .box .gb .g_it svg {
  margin-right: 0.26rem;
  width: 0.6rem;
  height: 0.6rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gb .g_it img,
  .g-cell-box2 .box .gb .g_it svg {
    margin: 0 0 0.3rem;
  }
}
.g-cell-box2 .box .gb .g_it .txt p {
  opacity: 0.6;
  line-height: 1.35714286;
  margin-top: 0.11rem;
}
@media (max-width: 767px) {
  .g-cell-box2 .box .gb .g_it .txt p br {
    display: none;
  }
}
.g-cell-box3 {
  margin: 1.16rem 0 1.69rem;
}
.g-cell-box3 .g_h3 {
  text-align: center;
}
.g-cell-box3 .g_h3 h3 span {
  font-weight: 500;
  background-image: linear-gradient(to right, #D17798 0%, #DFB959 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 0.08rem;
}
.g-cell-box3 .box1 {
  margin-top: 0.54rem;
}
.g-cell-box3 .box1 .gcon {
  display: flex;
  margin-top: 0.4rem;
  border: 1px solid #383838;
  border-radius: 0.2rem;
  border-radius: 20px;
  box-shadow: 0 4px 58px 0 rgba(255, 255, 255, 0.1) inset;
}
@media (max-width: 767px) {
  .g-cell-box3 .box1 .gcon {
    flex-wrap: wrap;
  }
}
.g-cell-box3 .box1 .gcon .item {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0.21rem 0.2rem 0.2rem;
  width: 20%;
}
@media (max-width: 767px) {
  .g-cell-box3 .box1 .gcon .item {
    width: 50%;
  }
}
.g-cell-box3 .box1 .gcon .item:last-child .grcon img,
.g-cell-box3 .box1 .gcon .item:last-child .grcon svg {
  display: none;
}
.g-cell-box3 .box1 .gcon .item .glcon {
  padding-right: 0.15rem;
}
.g-cell-box3 .box1 .gcon .item .glcon img,
.g-cell-box3 .box1 .gcon .item .glcon svg {
  margin-right: 0.26rem;
  width: 0.6rem;
  height: 0.6rem;
}
.g-cell-box3 .box1 .gcon .item .glcon .txt {
  margin-top: 0.19rem;
}
.g-cell-box3 .box1 .gcon .item .glcon .txt p {
  opacity: 0.6;
  line-height: 1.35714286;
  margin-top: 0.11rem;
}
.g-cell-box3 .box1 .gcon .item .grcon {
  margin-top: 0.79rem;
}
.g-cell-box3 .box1 .gcon .item .grcon img,
.g-cell-box3 .box1 .gcon .item .grcon svg {
  width: 12px;
  height: auto;
}
.g-cell-box3 .box2 {
  /* margin-top: 0.45rem; */
  /* .gcon2{
			overflow: hidden;
			margin-top: 0.47rem;
			border: 1px solid #383838;
			border-radius: 0.2rem;
			padding: 0.19rem 19px 0.16rem 0.32rem;
			display: flex;
			justify-content: space-between;
			@media @max-xs{
				flex-direction: column;
			}
			.gl{
				width: (664/1387*100%);
				@media @max-xs{
					width: 100%;
				}
				p{
					margin-top: 0.15rem;
					opacity: 0.6;
				}
			}
			.gr{
				width: (701/1387*100%);
				
				position: relative;
				@media @max-xs{
					width: 100%;
					margin-top: 0.3rem;
				}
				.g_jianb {
					display: block;
					position: absolute;
					left: 38%;
					top: 50%;
					transform: translate(-50%,-50%);
					width: 146%;
					height: 262%;
					border-radius: 0.2rem;
					overflow: hidden;
					pointer-events: none;
					img {
						height: 100%;
						width: 100%;
					}
				}
				.gbox{
					padding: 0.23rem 0.26rem 0.23rem 0.3rem;
					border-radius: 0.12rem;
					display: flex;
					justify-content: space-between;
					align-items: center;
					overflow: hidden;
					position: relative;
					z-index: 10;
					background: #000;
					&::before {
						content: '';
						position: absolute;
						inset: 0;
						border-radius: inherit;
						padding: 1px; 
						background: linear-gradient(70deg, #5D479E, #9E78F1,#ED7E7E,#F0B657,#A7C362,#6CB8C7);
						-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: -1;
						transition: all 0.4s;
						
					}
					.txt{
						p{
							margin-top: 4px;
							opacity: 0.6;
						}
					}
					.f_niu {
						// margin-left: auto;
						// margin-right: 16px;
						width: 0.48rem;
						height: 0.48rem;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						box-shadow: inset 0 0 0.14rem rgba(#fff,0.5);
						position: relative;
						z-index: 1;
						@media @max-xs {
							width: 0.5rem;
							height: 0.5rem;
						}
						&:before {
							content: "";
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							border-radius: 50%;
							opacity: 0;
							z-index: -1;
							transition: all 0.4s;
							background: linear-gradient(120.3deg, #53429B 18.44%, #A16AC4 43.12%, #F37E7E 64.35%, #F2B857 89.03%, #A9C563 102.85%, #6DBAC9 118.15%);
						}
						img,svg {
							width: (10/36*100%);
							height: (10/36*100%);
						}
						&:hover {
							&:before {
								opacity: 1;
							}
						}
					}
				}
			}
		} */
}
.g-cell-box3 .box2 .g_h3 {
  margin: 0.18rem 0 0.37rem;
}
.g-cell-box3 .box2 .gcon1 {
  /* margin-top: 0.38rem; */
  border: 1px solid #383838;
  border-radius: 0.2rem;
  padding: 0.19rem 17px;
  box-shadow: 0 4px 58px 0 rgba(255, 255, 255, 0.1) inset;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .gcon1_one {
    flex-direction: column;
  }
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item {
  background: #101010;
  border-radius: 12px;
  overflow: hidden;
  padding: 0.17rem 0.2rem 0.43rem;
  width: 31.98263386%;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .gcon1_one .item {
    width: 100%;
  }
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item img,
.g-cell-box3 .box2 .gcon1 .gcon1_one .item svg {
  flex-shrink: 0;
  margin-right: 0.23rem;
  width: 0.72rem;
  height: 0.72rem;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item .txt p {
  margin-top: 0.09rem;
  opacity: 0.6;
  line-height: 1.46153846;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item1::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  left: -3px;
  top: 0;
  background: linear-gradient(180deg, #53429A 4.51%, #5D479E 27.67%, #9F6AC2 62.95%, #ED7E7E 119.57%, #F0B657 163.46%, #A7C362 200.44%, #6CB8C7 252.64%, #6CB8C7 258.5%);
  box-shadow: 0 0.5rem 0.5rem #885aa6;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item1 .txt h4 {
  background: linear-gradient(90deg, #53429A 0%, #5D479E 28.06%, #9F6AC2 70.82%, #ED7E7E 139.42%, #F0B657 192.6%, #A7C362 237.41%, #6CB8C7 300.65%, #6CB8C7 307.76%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item2::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  left: -3px;
  top: 0;
  background: linear-gradient(180deg, #53429A -159.38%, #5D479E -121.96%, #9F6AC2 -64.92%, #ED7E7E 26.58%, #F0B657 97.51%, #A7C362 157.28%, #6CB8C7 241.64%, #6CB8C7 251.12%);
  box-shadow: 0 0.5rem 0.5rem #f0b657;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item2 .txt h4 {
  background: linear-gradient(90deg, #53429A -120.9%, #5D479E -90.72%, #9F6AC2 -44.73%, #ED7E7E 29.05%, #F0B657 86.25%, #A7C362 134.44%, #6CB8C7 202.47%, #6CB8C7 210.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item3::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  left: -3px;
  top: 0;
  background: linear-gradient(180deg, #53429A -245.34%, #5D479E -213.54%, #9F6AC2 -165.08%, #ED7E7E -87.33%, #F0B657 -27.05%, #A7C362 23.73%, #6CB8C7 103.47%);
  box-shadow: 0 0.5rem 0.5rem #6cb8c7;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .item3 .txt h4 {
  background: linear-gradient(90deg, #53429A -276.82%, #5D479E -241.11%, #9F6AC2 -186.69%, #ED7E7E -99.38%, #F0B657 -31.69%, #A7C362 25.34%, #6CB8C7 114.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.g-cell-box3 .box2 .gcon1 .gcon1_one .img {
  width: 0.13rem;
  height: auto;
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .gcon1_one .img {
    width: 0.26rem;
    transform: rotate(90deg);
    margin: 0.1rem 0;
  }
}
.g-cell-box3 .box2 .gcon1 .gcon1_two {
  text-align: center;
  /* 粒子线段基础样式 */
}
.g-cell-box3 .box2 .gcon1 .gcon1_two .svg-container {
  width: 86%;
  margin: auto;
  display: flex;
}
.g-cell-box3 .box2 .gcon1 .gcon1_two .base-line {
  fill: none;
  stroke: rgba(255, 255, 255, 0.25);
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: round;
}
.g-cell-box3 .box2 .gcon1 .gcon1_two .pulse-segment {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .gcon1_thr {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it {
  border-radius: 0.12rem;
  background: #101010;
  padding: 0.43rem 0.1rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it:last-child {
  border: 1px dashed #333333;
  background: none;
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it img,
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it svg {
  width: 0.6rem;
  height: 0.6rem;
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it img,
  .g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it svg {
    width: 0.9rem;
    height: 0.9rem;
  }
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it .txt {
  margin-left: 0.18rem;
}
.g-cell-box3 .box2 .gcon1 .gcon1_thr .g_it .txt p {
  opacity: 0.6;
  line-height: 1.35714286;
}
.g-cell-box3 .box2 .gcon1 .g_cena {
  text-align: center;
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa {
  margin: 0.3rem 0 0.2rem;
  border: 1px solid #383838;
  padding: 0.13rem 0.12rem 0.13rem 0.21rem;
  border-radius: 100px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 10;
  background: #000;
  min-width: 2.65rem;
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa:hover .f_niu:before {
  opacity: 1;
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .txt {
  margin-right: 0.97rem;
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .txt p {
  margin-top: 4px;
  opacity: 0.6;
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .f_niu {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0.14rem rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .g-cell-box3 .box2 .gcon1 .g_cena .gboxa .f_niu {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .f_niu:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s;
  background: linear-gradient(120.3deg, #53429B 18.44%, #A16AC4 43.12%, #F37E7E 64.35%, #F2B857 89.03%, #A9C563 102.85%, #6DBAC9 118.15%);
}
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .f_niu img,
.g-cell-box3 .box2 .gcon1 .g_cena .gboxa .f_niu svg {
  width: 27.77777778%;
  height: 27.77777778%;
}
/* 初始状态：隐藏且往上偏移 */
.g_ani_hz {
  opacity: 0;
  transform: translateY(-20px);
  /* 初始偏上 20px */
  transition: opacity 0.6s ease, transform 0.6s ease;
  /* 动画显示时长 0.3s */
}
/* 激活状态：完全显示并回到原位 */
.g_ani_hz.active {
  opacity: 1;
  transform: translateY(0);
}
.about_banner .sub_banner_txt .container .ban_r {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991px) {
  .about_banner .sub_banner_txt .container .ban_r {
    position: initial;
  }
}
.about_banner .sub_banner_txt .container .ban_r .public-img:before {
  padding-top: 50%;
}
.vertical-flow-wrapper {
  width: 72%;
  margin: auto;
}
.vertical-flow-svg {
  width: 100%;
  height: 54px;
  display: block;
  transform: rotate(180deg);
}
/* 底线 */
.vertical-flow-line {
  fill: none;
  stroke: rgba(255, 255, 255, 0.15);
  stroke-width: 1.5;
  stroke-linecap: round;
}
/* 粒子基础样式 */
.v-pulse {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  /* CSS 原生 GPU 加速动画，周期 2.5 秒，无限平滑循环 */
  animation: vFlowAnim 1.5s linear infinite;
}
/* 原生 CSS 动画：从最顶端顺滑滑到底端，绝对不跳帧不卡顿 */
@keyframes vFlowAnim {
  0% {
    stroke-dashoffset: 80;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  95% {
    stroke-dashoffset: -80;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: -80;
    opacity: 0;
  }
}
/* 3条线微微错开时间，避免死板 */
.line-0 {
  animation-delay: 0s;
}
.line-1 {
  animation-delay: 0.3s;
}
.line-2 {
  animation-delay: 0.6s;
}