* {
  outline: 0 none !important;
}

html {
  width: 100%;
  font-size: 5.20833vw !important;
  scroll-behavior: initial;
  overflow-x: hidden
}

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}


body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  position: relative;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: 'hmm', Microsoft YaHei, "Source Han Serif", "思源宋体", Arial, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.14rem;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  overflow: hidden;
}

a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  color: #000;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}

textarea {
  resize: none;
  padding: 0;
  border: 0;
  font-family: hmm;
}

img {
  border: none;
  max-width: 100%;
  display: block;
}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
}


/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  outline: none;
  font-family: hmm;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

/* 分享 */
.social-share a {
  margin: 0;
}

.social-share .social-share-icon {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent !important;
}

.social-share .social-share-icon::before {
  display: none;
}

:root {
  --vi: #e10012;
  /* 慢快慢 */
  --ease: cubic-bezier(.4, 0, .2, 1);
  /* 匀速-慢   */
  --ease1: cubic-bezier(.39, .575, .565, 1);
  /* 快慢 */
  --ease2: cubic-bezier(.25, .74, .22, .99);
  /* 慢快 */
  --picEase: cubic-bezier(.76, 0, .24, 1)
}

@font-face {
  font-family: 'hmm';
  src: url("../fonts/HarmonyOS_Sans_SC_Bold.woff") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hmm';
  src: url("../fonts/HarmonyOS_Sans_SC_Medium.woff") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hmm';
  src: url("../fonts/HarmonyOS_Sans_SC_Regular.woff") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hmm';
  src: url("../fonts/HarmonyOS_Sans_SC_Light.woff") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'mic';
  src: url("../fonts/Michroma-Regular.woff2") format("truetype");
  font-display: swap;
  font-style: normal;
}




::-webkit-scrollbar {
  width: 3px;
  background-color: #0000001a
}

::-webkit-scrollbar-thumb {
  border: solid 1px transparent;
  width: 3px;
  border-radius: 4px;
  background-color: var(--vi)
}

::-webkit-scrollbar-corner {
  background-color: transparent
}

::-webkit-scrollbar:horizontal {
  height: 9px;
  border-radius: 4px;
}

::-webkit-selection {
  background: transparent;
  color: transparent
}

::-moz-selection {
  background: transparent;
  color: transparent
}

::selection {
  background-color: #0151CE;
  color: #fff;
  -webkit-text-fill-color: #fff
}

.pd11 .con .right::-webkit-scrollbar {
  opacity: 0;
  width: 0;
}

/* 弹窗 */

.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10;
}

.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {
  background: white;
  padding: 5px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 90%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff url(../img/out3.webp) center no-repeat;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer;
  transition: all 0.5s var(--ease);
}

.z_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.z_tanchuang .tbox .modal2 {
  padding: 20px;
}

.z_tanchuang .tbox .modal .img {
  max-width: 1200px;
}

/* 弹窗选中 */

.z_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out .tbox .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* 弹窗动画 */

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}




.f-200 {
  font-size: 2rem
}

.f-160 {
  font-size: 1.6rem
}

.f-150 {
  font-size: 1.5rem
}

.f-140 {
  font-size: 1.4rem
}

.f-120 {
  font-size: 1.2rem
}

.f-100 {
  font-size: 1rem
}

.f-90 {
  font-size: .9rem
}

.f-80 {
  font-size: .8rem
}

.f-72 {
  font-size: .72rem
}

.f-70 {
  font-size: .7rem
}

.f-64 {
  font-size: .64rem
}

.f-62 {
  font-size: .62rem
}

.f-60 {
  font-size: .6rem
}

.f-58 {
  font-size: .58rem
}

.f-56 {
  font-size: .56rem
}

.f-54 {
  font-size: .54rem
}

.f-52 {
  font-size: .52rem
}

.f-50 {
  font-size: .5rem
}

.f-48 {
  font-size: .48rem
}

.f-46 {
  font-size: .46rem
}

.f-44 {
  font-size: .44rem
}

.f-42 {
  font-size: .42rem
}

.f-40 {
  font-size: .4rem
}

.f-38 {
  font-size: .38rem
}

.f-36 {
  font-size: .36rem
}

.f-34 {
  font-size: .34rem
}

.f-32 {
  font-size: .32rem
}

.f-30 {
  font-size: .3rem
}

.f-28 {
  font-size: .28rem
}

.f-26 {
  font-size: .26rem
}

.f-24 {
  font-size: .24rem
}

.f-22 {
  font-size: .22rem
}

.f-20 {
  font-size: .2rem
}

.f-18 {
  font-size: .18rem
}

.f-16 {
  font-size: .16rem
}

.f-14 {
  font-size: .14rem
}

.f-12 {
  font-size: .12rem
}

/* 分享 */
.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;
}

/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.5s;
  padding: 0.4rem 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header.ny.on {
  background-color: #fff;
}

.header.ny1 {
  background-color: #fff;
}

.header.on {
  padding: 0.2rem 0.7rem;
}

.header .img2 {
  display: none;
}

.header.ny.on .img2 {
  display: block;
}

.header.ny.on .img1 {
  display: none;
}

.header.ny1 .img2 {
  display: block;
}

.header.ny1 .img1 {
  display: none;
}

.header .logo {
  display: block;
  width: 1.66rem;
  position: relative;
  z-index: 5;
}

.header .logo img {
  width: 100%;
}

.header .h_right {
  display: flex;
  align-items: center;
  gap: 0.46rem;
}

.header .h_right .cat {
  font-weight: 400;
  line-height: 1.06;
  color: #fff;
}

.header.ny.on .h_right .cat {
  color: #333343;
}

.header.ny1 .h_right .cat {
  color: #333343;
}

.header .h_right .hmean {
  cursor: pointer;
  width: fit-content;
  color: #fff;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.14rem;
  padding:0.03rem 0.14rem;
  border-radius: 0.04rem;background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(11.5px);
}

.header.ny.on .h_right .hmean{
    color: #ffffff;
    background-color: #333343;
}
.header .h_right .lang-switch {
  color: #fff;
  font-weight: 400;
  line-height: 1.06;
  transition: opacity 0.3s;
}

.header .h_right .lang-switch:hover {
  opacity: 0.65;
}

.header.ny.on .h_right .lang-switch,
.header.ny1 .h_right .lang-switch {
  color: #333343;
}

.header.ny.on .h_right .hmean .img1{display: block!important;}
.header.ny.on .h_right .hmean .img2{display: none!important;}

.header .h_right .hmean img {
  width: 0.32rem;
}

.header .xl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background: url(../img/xlbj.webp)no-repeat top center;
  background-size: 100% 100vh;
  height: 0;
  transition: all 0.6s 0.3s;
  overflow: hidden;
}

.header .xl.on {
  height: 100vh;
  transition: all 0.6s 0s;
}

.header .xl .close {
  position: absolute;
  top: 0.63rem;
  right: 0.7rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.19rem;
  cursor: pointer;
}

.header .xl .close img {
  width: 0.18rem;
  height: 0.18rem;
  transition: all 0.5s;
}

.header .xl .close:hover img {
  transform: rotate(180deg);
}

.header .xl .con {
  /*padding: 23.88vh 3rem 0 0.7rem;*/
  padding: 13.88vh 3rem 0 0.7rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header .xl .con .left {
  width: 8.9rem;
}

.header .xl .con .left a {
  display: block;
  /*font-size: 0.76rem;*/
  font-size: 0.66rem;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.65;
  /*margin-bottom: 0.2rem;*/
  opacity: 0;
  transform: translateX(-1.2rem);
}

.header .xl .con .left a:nth-child(1) {
  transition: all 0.8s 0.3s;
}

.header .xl .con .left a:nth-child(2) {
  transition: all 0.8s 0.2s;
}

.header .xl .con .left a:nth-child(3) {
  transition: all 0.8s 0.1s;
}

.header .xl .con .left a:nth-child(4) {
  transition: all 0.8s 0s;
}

.header .xl.on .con .left a {
  transform: translateX(0);
  opacity: 1;
}

.header .xl.on .con .left a:nth-child(1) {
  transition: all 0.8s 0s;
}

.header .xl.on .con .left a:nth-child(2) {
  transition: all 0.8s 0.1s;
}

.header .xl.on .con .left a:nth-child(3) {
  transition: all 0.8s 0.2s;
}

.header .xl.on .con .left a:nth-child(4) {
  transition: all 0.8s 0.3s;
}

.header .xl .con .left a:last-child {
  margin-bottom: 0;
}

.header .xl .con .right {
  width: 5.4rem;
}

.header .xl .con .right .rtop {
  display: flex;
  gap: 0.43rem;
  padding-bottom: 0.64rem;
  transform: translateX(1.2rem);
  opacity: 0;
  transition: all 0.8s 0.2s;
}

.header .xl.on .con .right .rtop {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.8s 0s;
}

.header .xl .con .right .rtop .p {
  display: flex;
  align-items: center;
  gap: 0.09rem;
  color: rgba(255, 255, 255, 0.60);
  line-height: 1.33;
  font-weight: 400;
  margin-bottom: 0.19rem;
}

.header .xl .con .right .rtop .p .kuai {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

.header .xl .con .right .rtop .p1 {
  display: flex;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.33;
  align-items: flex-start;
  gap: 0.05rem;
  margin-bottom: 0.16rem;
}

.header .xl .con .right .rtop .p1 img {
  width: .21rem;
}

.header .xl .con .right .rcenter {
  margin-bottom: 0.8rem;
  transform: translateX(1.2rem);
  opacity: 0;
  transition: all 0.8s 0.1s;
}

.header .xl.on .con .right .rcenter {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.8s 0.1s;
}

.header .xl .con .right .rcenter .h {
  color: #ffffff;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.26rem;
}

.header .xl .con .right .rcenter form {
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.45rem;
  padding: 0 0.18rem 0 0.27rem;
  width: 3.8rem;
}

.header .xl .con .right .rcenter form input {
  color: #fff;
  font-weight: 400;
  width: 3.08rem;
  padding-right: 0.2rem;
  line-height: 0.38rem;
  background-color: transparent;
}

.header .xl .con .right .rcenter form button {
  width: 0.26rem;
  border: none;
  background: transparent;
}

.header .xl .con .right .rcenter form button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .xl .con .right .rbottom {
  transform: translateX(1.2rem);
  opacity: 0;
  transition: all 0.8s 0s;
}

.header .xl.on .con .right .rbottom {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.8s 0.2s;
}

.header .xl .con .right .rbottom .p {
  color: rgba(255, 255, 255, 0.60);
  line-height: 1.87;
  font-weight: 400;
  margin-bottom: 0.32rem;
}

/* header end*/

.footer {
  padding: 0.95rem 0.7rem 0 0.7rem;
  position: relative;
  z-index: 50;
}
.footer.zc{
    background: #111;
    
}

.footer .f_top {
  margin-bottom: 0.46rem;
  display: flex;
  gap: 0.92rem;
}

.footer .f_top .item {
  width: 3.2rem;
}

.footer .f_top .item a {
  color: #ffffff;
  font-weight: 400;
  opacity: 0.6;
  line-height: 2.87;
}

.footer .f_top .item .f-20 a {
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.2rem;
  opacity: 1;
}

.footer .f_center {
  line-height: 1.45;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0.73rem;
}

.footer .f_bottom {
  padding: 0.32rem 0;
  border-top: 1px solid #60606043;
  display: flex;
  justify-content: space-between;
}

.footer .f_bottom .bleft {
  display: flex;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.60);
  line-height: 1.12;
  align-items: center;
}

.footer .f_bottom .bleft p {
  margin-right: 0.3rem;
}

.footer .f_bottom .bleft a {
  color: rgba(255, 255, 255, 0.60);
  transition: all 0.5s;
}

.footer .f_bottom .bleft a:hover {
  color: #fff;
}

.footer .f_bottom .bright {
  display: flex;
  gap: 0.22rem;
}

.footer .f_bottom .bright a {
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background-color: #60606040;
  transition: all 0.5s;
}

.footer .f_bottom .bright a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .f_bottom .bright a:hover {
  background-color: var(--vi);
}

.more {
  width: fit-content;
  padding: 0.09rem 0.36rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  display: flex;
  gap: 0.06rem;
  line-height: .26rem;
  z-index: 2;
  overflow: hidden;
  color: #fff;
  position: relative;
}

.more::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--vi);
  z-index: -1;
  transition: all 0.5s var(--ease);
  transform: translateY(105%);
}

.more:hover::after {
  transform: translateY(0);
}

.more:hover {
  border-color: transparent;
}

.more img {
  width: 0.26rem;
  height: 0.26rem;
}

/* 首页 */
.in_con {
  position: relative;
  z-index: 2;
}

.combj {
  width: 100%;
  height: 1px;
  position: sticky;
  top: 0;
  z-index: -1;
}

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

.insc {
  position: absolute;
  z-index: 30;
  left: 0.7rem;
  top: calc(100vh - 1.2rem);
  display: flex;
  gap: 0.17rem;
  font-weight: 400;
  line-height: 1.21;
}

.insc .solid {
  width: 1px;
  height: 0.78rem;
  background: rgba(255, 255, 255, 0.20);
  position: relative;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.21;
}

.insc .solid::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.32rem;
  background-color: var(--vi);
  top: 0;
  left: -0.4px;
}

.insc span {
  color: #fff;
  mix-blend-mode: overlay;
}

.banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.hero3d {
  height: 920vh;
  min-height: 0;
  color: #fff;
  background: #020f20;
}

#ind_model {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  min-height: 640px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 74% 47%, rgba(31, 104, 161, 0.34), transparent 28%),
    radial-gradient(circle at 88% 55%, rgba(195, 20, 31, 0.14), transparent 20%),
    linear-gradient(118deg, #031b35 0%, #041a32 42%, #020f20 100%);
}

#ind_model {
  display: block;
  background-color: #020f20;
  background-image: url("../static/scenes/11541/11541.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner .wrap {
  position: absolute;
  inset: 0;
}

.banner .wrap .list .info {
  color: #fff;
}

.banner .wrap .list .info .tit {
  font-weight: 500;
  line-height: 1.28;
}

.banner .wrap .list .info .txt {
  color: #FFF;
  font-weight: 400;
  line-height: 1.6;
}









/* 旧版 ipart1 分组定位与 on1/on2/on3 样式，已由 style.scss 中的单列表滚动样式替代。
.ipart1{position: relative;height: 350vh;}
.ipart1 .con{position: sticky;top: 0;width: 100%;height: 100vh;mask-image: url(../img/ip2_mask.svg);mask-position: center;mask-size: 26.7rem 11.61rem;mask-repeat: no-repeat;transition: all 0.8s var(--ease);overflow: hidden;}
.ipart1 .con .txt{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);color: #fff;}
.ipart1 .con .txt .tit{font-weight: 500;line-height: 1.28;width: 5.6rem;margin: 0 auto;}
.ipart1 .con .txt .p{font-weight: 400;letter-spacing: 0.02rem;line-height: 1.77;margin-bottom: 0.1rem;}
.ipart1 .con .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;}
.ipart1.on1 .con .list1{opacity: 1;pointer-events: all;transition: all 0.6s var(--ease);}
.ipart1.on2 .con .list2{opacity: 1;pointer-events: all;transition: all 0.6s var(--ease);}
.ipart1 .con .list .item{width: fit-content;white-space: nowrap;padding: 0.11rem 0.28rem;border-radius: 0.12rem;display: flex;align-items: center;gap: 0.2rem;color: #ffffff;font-weight: 500;line-height: 1.87;position: absolute;transform: translateY(1.5rem);opacity: 0;z-index: 2;overflow: hidden;}
.ipart1 .con .list .item::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/ip2_kuai.webp);backdrop-filter: blur(0px); background-size: 110% 110%; z-index: -1;transition: all 0.5s var(--ease);}

.ipart1.on1 .con .list1 .item::after{backdrop-filter: blur(24px);}
.ipart1.on2 .con .list2 .item::after{backdrop-filter: blur(24px);}
.ipart1.on1 .con .list1 .item{transform: translateY(0);opacity: 1;transition: all 0.6s var(--ease);}
.ipart1.on2 .con .list2 .item{transform: translateY(0);opacity: 1;transition: all 0.6s var(--ease);}
.ipart1 .con .list .item .kuai{width: .12rem;height: .12rem;background-color: var(--vi);border-radius: 0.02rem;}
.ipart1.on3 .con{mask-size: 17.8rem 7.74rem;}
*/

.ipart2 {
  padding: 0 0 0.6rem 0;
  width: 100%;
  overflow: hidden;
}

.ipart2 .top {
  padding: 0 0.7rem;
  margin-bottom: 0.66rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.ipart2 .top .txt {
  width: 9.16rem;
  color: #ffffff;
}

.ipart2 .top .txt .p {
  font-weight: 400;
  line-height: 1.77;
  margin-bottom: 0.1rem;
  letter-spacing: 0;
}

.ipart2 .top .txt .tit {
  font-weight: 500;
  line-height: 1.28;
}
.ipart2 .top .more{
    margin-bottom: .54rem;
}

.ipart2 .con {
  position: relative;
  overflow: hidden;
  padding-left: 0.7rem;
  padding-right: .7rem;
  margin-bottom: 0.6rem;
  width: 100%;
}

.ipart2 .con .swiper-slide {
  border-radius: 0.15rem;
  overflow: hidden;
  height: 6.78rem;
  position: relative;
}

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

.ipart2 .con .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s var(--ease);
}

.ipart2 .con .swiper-slide:hover .pic img {
  transform: scale(1.02);
}

.ipart2 .con .swiper-slide .txt {
  position: absolute;
  left: 0.5rem;
  bottom: 0.35rem;
  width: 5.35rem;
  min-height: 2.9rem;
  padding: 0.48rem 0.4rem 0.3rem 0.4rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(35px);
  color: #ffffff;
}

.ipart2 .con .swiper-slide .txt .h {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.24rem;
  font-weight: 500;
  line-height: 1.36;
}

.ipart2 .con .swiper-slide .txt .h .kuai {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

.ipart2 .con .swiper-slide .txt .p {
  font-weight: 400;
  line-height: 1.75;
  opacity: 0.8;
  max-height: 10.5em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.ipart2 .solid {
  width: 3.05rem;
  height: 0.3rem;
  margin: 0 auto;
  position: relative;
}

.ipart2 .solid img {
  width: 100%;
}

.ipart2 .solid .kuai {
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  left: 0;
  top: 0.09rem;
  background-color: var(--vi);
  border-radius: 0.02rem;
  transition: left 1s var(--ease);
}

.ipart3 {
  position: relative;
  height: 230vh;
}

.ipart3 .ipart3_stage {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow-x: clip;
  overflow-y: visible;
}

.ipart3 .con {
  position: absolute;
  inset: 0;
  padding: 0 0.7rem;
  height: 100%;
  display: flex;
  color: #ffffff;
  z-index: 2;
  pointer-events: none;
}
.ipart3 .con .txt{
  pointer-events: auto;
}

.ipart3 .con1 {
  padding-top: 27.78vh;
  justify-content: flex-start;
}

.ipart3 .con1 .txt {
  width: 6.6rem;
  will-change: transform, opacity;
}

.ipart3 .con1 .txt .p {
  line-height: 1.77;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0.05rem;
}

.ipart3 .con1 .txt .tit {
  line-height: 1.28;
  font-weight: 400;
  margin-bottom: 0.46rem;
}

.ipart3 .con1 .txt .p1 {
  color: #fff;
  line-height: 1.87;
  font-weight: 200;
  margin-bottom: 0.75rem;
}

.ipart3 .con1 .txt .p1 strong {
  font-weight: 500;
}

.ipart3 .con2 {
  padding-top: 16.66vh;
  padding-right: 1.4rem;
  justify-content: flex-end;
  will-change: transform, opacity;
}

.ipart3 .con2 .txt {
  width: 5.1rem;
}

.ipart3 .con2 .txt .p {
  font-weight: 500;
  line-height: 1.66;
  position: relative;
  margin-bottom: calc(1.34 / 10.8 * 100vh);
}

.ipart3 .con2 .txt .p::before {
  content: "";
  position: absolute;
  left: -0.32rem;
  width: 0.12rem;
  height: 0.12rem;
  top: 0.09rem;
  background-color: var(--vi);
  border-radius: 0.02rem;
}

.ipart3 .con2 .txt .item {
  margin-bottom: calc(0.76 / 10.8 * 100vh);
}

.ipart3 .con2 .txt .item:last-child {
  margin-bottom: 0;
}

.ipart3 .con2 .txt .item .nums {
  font-family: mic;
  /*margin-bottom: 0.22rem;*/
}

.ipart3 .con2 .txt .item .p1 {
  line-height: 1.87;
  font-weight: 500;
  opacity: 0.6;
}
.ipart3 .earth_box{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: .6rem;
  overflow: visible;
  transform:scale(1);
  z-index: 1;
  will-change: transform;
}

.ipart3 .earth_box canvas{
  width: 100%;
  height: 100%;
  object-fit: contain;
  /*background: transparent url("../static/scenes/11312/11312.webp") center / contain no-repeat;*/
  /*transition: background-image .3s ease;*/
}


.ipart3 .earth_box canvas.is-ready {
  background-image: none;
}





.ipart4 {
  padding: 1.2rem 0.7rem 0.85rem 0.7rem;
}

.ipart4 .top {
  text-align: center;
  margin-bottom: 0.56rem;
  color: #ffffff;
}

.ipart4 .top .p {
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: 0;
  margin-bottom: 0.05rem;
}

.ipart4 .top .tit {
  font-weight: 400;
  line-height: 1.28;
}

.ipart4 .con {
  width: 100%;
  height: 7.3rem;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
}

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

.ipart4 .con .btns {
  position: absolute;
  left: 0;
  bottom: 1.07rem;
  width: 100%;
  display: flex;
  gap: 0.33rem;
  justify-content: center;
}

/* 首页 end */

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.breadcrumbs a {
  color: #333;
  opacity: 0.5;
  font-weight: 400;
  line-height: 1.14;
}

.breadcrumbs a:last-child {
  opacity: 1;
}

.breadcrumbs img.jt {
  display: block;
  width: 0.05rem;
}

/* 新闻中心 */
.nl_con {
  position: relative;
  z-index: 2;
}

.nl1 {
  padding: 1.54rem 0.7rem 0.9rem 0.7rem;
  position: relative;
  z-index: 5;
  background-color: #ffffff;
}

.nl1 .breadcrumbs {
  margin-bottom: 0.8rem;
}

.nl1 .top {
  margin-bottom: 0.5rem;
}

.nl1 .top .p {
  color: #333;
  font-weight: 400;
  line-height: 1.77;
  margin-bottom: 0.1rem;
  letter-spacing: 0;
}

.nl1 .top .tit {
  color: #333;
  font-weight: 500;
  line-height: 1.28;
}

.nl1 .con {
  display: flex;
  gap: 0.2rem;
}

.nl1 .con .pics {
  width: 10rem;
  height: 7rem;
  border-radius: 0.14rem;
  overflow: hidden;
  position: relative;
}

.nl1 .con .pics .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}

.nl1 .con .pics .pic.on {
  pointer-events: all;
  opacity: 1;
}

.nl1 .con .pics .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.nl1 .con .pics .pic:hover img {
  transform: scale(1.05);
}

.nl1 .con .txts {
  width: 7.6rem;
  height: 7rem;
  background: url(../img/nl1_bj.webp)no-repeat center;
  background-size: cover;
  border-radius: 0.14rem;
  overflow: hidden;
  padding: 0.6rem 0.46rem 0 0.46rem;
  /*max-height: 100%;*/
  /*overflow: auto;*/
}

.nl1 .con .txts .txt {
  margin-bottom: 0.8rem;
  color: #ffffff;
}

.nl1 .con .txts .txt:last-child {
  margin-bottom: 0;
}

.nl1 .con .txts .txt .h {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.13rem;
  align-items: center;
  margin-bottom: 0.18rem;
}

.nl1 .con .txts .txt .h img {
  width: 0.18rem;
  transform: translateX(-0.31rem);
  transition: all 0.5s 0.1s;
}

.nl1 .con .txts .txt:hover .h img {
  transform: translateX(0);
}

.nl1 .con .txts .txt .h span {
  width: calc(100% - 0.31rem);
  font-weight: 500;
  line-height: 1.36;
  height: 1.36em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transform: translateX(-0.31rem);
  transition: all 0.5s;
}

.nl1 .con .txts .txt:hover .h span {
  transform: translateX(0);
  color: var(--vi);
}

.nl1 .con .txts .txt .day {
  color: #fff;
  font-weight: 400;
  line-height: 1.16;
  padding-left: 0.2rem;
  position: relative;
  margin-bottom: 0.18rem;
}

.nl1 .con .txts .txt .day::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

.nl1 .con .txts .txt .p {
  line-height: 1.75;
  height: 3.5em;
  opacity: 0.8;
  font-weight: 400;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.nl2 {
  padding: 1.8rem 0.7rem 1.6rem 0.7rem;
}

.nl2 .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.55rem;
}

.nl2 .top .tit {
  color: #ffffff;
  font-weight: 500;
  line-height: 1.28;
}

.nl2 .top .tab {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}

.nl2 .top .tab li a {
  display: block;
  width: fit-content;
  padding: 0 0.52rem;
  line-height: 0.42rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.45rem;
  transition: all 0.5s;
  cursor: pointer;
  color: #fff;
  font-weight: 400;
}

.nl2 .top .tab li:hover a {
  border-color: transparent;
  background-color: var(--vi);
}

.nl2 .top .tab li.on a {
  border-color: transparent;
  background-color: var(--vi);
}

.nl2 .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.75rem;
  margin-bottom: 1rem;
}

.nl2 .list .item {
  display: block;
  width: calc(33.33% - 0.2rem);
  color: #fff;
}

.nl2 .list .item .pic {
  width: 100%;
  height: 3.7rem;
  border-radius: 0.14rem;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.nl2 .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.nl2 .list .item .pic:hover img {
  transform: scale(1.05);
}

.nl2 .list .item .txt .h {
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.13rem;
  align-items: center;
  margin-bottom: 0.18rem;
}

.nl2 .list .item .txt .h img {
  width: 0.18rem;
  transform: translateX(-0.31rem);
  transition: all 0.5s 0.1s;
}

.nl2 .list .item:hover .txt .h img {
  transform: translateX(0);
}

.nl2 .list .item .txt .h span {
  width: calc(100% - 0.31rem);
  font-weight: 500;
  line-height: 1.36;
  height: 1.36em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transform: translateX(-0.31rem);
  transition: all 0.5s;
}

.nl2 .list .item:hover .txt .h span {
  transform: translateX(0);
  color: var(--vi);
}

.nl2 .list .item .txt .day {
  color: #fff;
  font-weight: 400;
  line-height: 1.16;
  padding-left: 0.2rem;
  position: relative;
  margin-bottom: 0.18rem;
}

.nl2 .list .item .txt .day::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

.nl2 .list .item .txt .p {
  line-height: 1.75;
  height: 3.5em;
  opacity: 0.8;
  font-weight: 400;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.42rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.3;
}

.page a {
  color: #fff;
  transition: all 0.5s;
}

.page a:hover {
  color: var(--vi);
  text-decoration: underline !important;
}

.page a.on {
  color: var(--vi);
  text-decoration: underline !important;
}

.page>div {
  display: flex;
  gap: 0.12rem;
  align-items: center;
}

.page>div input {
  background-color: transparent;
  line-height: 0.32rem;
  border-radius: 0.05rem;
  border: 1px solid #FFF;
  text-align: center;
  width: 0.5rem;
  color: #fff;
}

.nd_con {
  position: relative;
  z-index: 2;
}

.nd_con .nd1 {
  padding: 1.54rem 0.7rem 2.2rem 0.7rem;
}

.nd_con .nd1 .breadcrumbs {
  margin-bottom: 0.8rem;
  filter: brightness(0) invert(1);
}

.nd_con .nd1 .con {
  padding: 0 1.75rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.nd_con .nd1 .con .left {
  width: 9.9rem;
}

.nd_con .nd1 .con .left .ltop {
  margin-bottom: 0.6rem;
}

.nd_con .nd1 .con .left .bk {
  display: flex;
  color: #fff;
  align-items: center;
  gap: 0.21rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.88rem;
}

.nd_con .nd1 .con .left .bk img {
  width: 0.39rem;
  height: 0.39rem;
}

.nd_con .nd1 .con .left .tit {
  font-weight: 400;
  line-height: 1.31;
  margin-bottom: 0.41rem;
  color: #ffffff;
}

.nd_con .nd1 .con .left .ps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}

.nd_con .nd1 .con .left .ps .day {
  position: relative;
  padding-left: 0.25rem;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 400;
}

.nd_con .nd1 .con .left .ps .day::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

.nd_con .nd1 .con .left .ps .fx {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.nd_con .nd1 .con .left .ps .fx span {
  color: #fff;
  font-weight: 500;
  line-height: 1.12;
  flex-shrink: 0;
}

.nd_con .nd1 .con .left .ps .fx a {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  transition: all 0.5s;
  position: relative;
}

.nd_con .nd1 .con .left .ps .fx a:hover > img{
  opacity: 0.7;
}

.nd_con .nd1 .con .left .lcenter {
  color: #ffffff;
  font-weight: 400;
  line-height: 1.77;
  padding-bottom: 1.5rem;
}

.nd_con .nd1 .con .left .lcenter img {
  max-width: 100%;
  height: auto !important;
  margin: 0.6rem auto;
}

.nd_con .nd1 .con .left .lbottom {
  padding-top: 0.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.nd_con .nd1 .con .left .lbottom .item {
  display: flex;
  gap: 0.04rem;
  align-items: center;
  margin-bottom: 0.2rem;
  color: rgba(255, 255, 255, 0.7);
}
.nd_con .nd1 .con .left .lbottom .item span{width: 1.7rem;}

.nd_con .nd1 .con .left .lbottom .item:last-child {
  margin-bottom: 0;
}

.nd_con .nd1 .con .left .lbottom .item a {
  color: #fff;
  transition: all 0.5s;
  width: calc(100% - 1.7rem);
  display: block;line-height: 1.3;height: 1.3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}

.nd_con .nd1 .con .left .lbottom .item a:hover {
  color: var(--vi);
}

.nd_con .nd1 .con .right {
  width: 3.37rem;
  padding-top: 1.27rem;
  position: sticky;
  top: 0;
}

.nd_con .nd1 .con .right .tit {
  color: #ffffff;
  font-weight: 500;
  line-height: 1.08;
  margin-bottom: 0.29rem;
}

.nd_con .nd1 .con .right .item {
  display: block;
  margin-bottom: 0.6rem;
}

.nd_con .nd1 .con .right .item .pic {
  width: 100%;
  height: 2.35rem;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.18rem;
}

.nd_con .nd1 .con .right .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.nd_con .nd1 .con .right .item .pic:hover img {
  transform: scale(1.05);
}

.nd_con .nd1 .con .right .item .h {
  color: #fff;
  font-weight: 500;
  line-height: 1.66;
  margin-bottom: 0.12rem;
  height: 1.66em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.nd_con .nd1 .con .right .item .day {
  position: relative;
  padding-left: 0.25rem;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 400;
}

.nd_con .nd1 .con .right .item .day::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
}

/* 新闻中心 end */

/* 服务支持 */
.ser_con {
  background: #111;
}

.ser1 {
  padding: 1.54rem 0.7rem 0 0.7rem;
  background: url(../img/ser_bj.webp)no-repeat center top;
  background-size: 100% auto;
}

.ser1 .breadcrumbs {
  margin-bottom: 0.8rem;
  filter: brightness(0) invert(1);
}

.ser1 .top {
  margin-bottom: 0.37rem;
  color: #fff;
}

.ser1 .top .p {
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: 0;
  margin-bottom: 0.1rem;
}

.ser1 .top .tit {
  font-weight: 500;
  line-height: 1.28;
}

.ser1 .bottom {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.14rem;
  overflow: hidden;
  position: relative;
}

.ser1 .bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ser1 .bottom .txt {
  position: absolute;
  bottom: 0.6rem;
  left: 0.6rem;
  width: 8.8rem;
  padding: 0.43rem 0.4rem 0.5rem 0.4rem;
  color: #ffffff;
  border-radius: 0.14rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.13);
  backdrop-filter: blur(40px);
}

.ser1 .bottom .txt .kuai {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
  margin-bottom: 0.33rem;
}

.ser1 .bottom .txt p {
  font-weight: 500;
  line-height: 1.5;
}

.ser2 {
  padding: 1.95rem 0.7rem 0 0.7rem;
}

.ser2 .top {
  color: #ffffff;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.ser2 .top .tit {
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.1rem;
}

.ser2 .top .p {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.77;
}

.ser2 .top .tab {
  display: flex;
  gap: 0.15rem;
}

.ser2 .top .tab li a {
  width: 1.68rem;
  line-height: 0.42rem;
  border: 1px solid #FFFFFF29;
  border-radius: 0.45rem;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s;
}

.ser2 .top .tab li.on a,
.ser2 .top .tab li:hover a {
  border-color: transparent;
  background-color: var(--vi);
}

.ser2 .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-bottom: 0.6rem;
}

.ser2 .list .item {
  width: calc(25% - 0.15rem);
  border-radius: 0.14rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.13);
  backdrop-filter: blur(40px);
  padding: 0.43rem 0.37rem 0.34rem 0.37rem;
}

.ser2 .list .item .icon {
  width: 0.44rem;
  height: 0.58rem;
  object-fit: contain;
  margin-bottom: 0.44rem;
}

.ser2 .list .item .p {
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.11;
  font-weight: 500;
  margin-bottom: 0.14rem;
}

.ser2 .list .item .h {
  color: #fff;
  font-weight: 500;
  line-height: 1.12;
  margin-bottom: 1.04rem;
}

.ser2 .list .item .p1 {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: #ffffff;
  font-weight: 500;
  opacity: 0.5;
  transition: all 0.5s;
}

.ser2 .list .item .p1 img {
  width: 0.2rem;
}

.ser2 .list .item .p1:hover {
  opacity: 1;
}

.ser3 {
  padding: 1.95rem 0.7rem 0 0.7rem;
}

.ser3 .top {
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.ser3 .top .tit {
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.1rem;
}

.ser3 .top .p {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.77;
}

.ser3 .bottom {
  display: flex;
  gap: 0.2rem;
}

.ser3 .bottom .boxs {
  width: calc(50% - 0.1rem);
}

.ser3 .bottom .boxs .box {
  border-radius: 0.14rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.13);
  backdrop-filter: blur(40px);
  padding: 0.4rem 0.73rem 0.16rem 0.28rem;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
  margin-bottom: 0.2rem;
}

.ser3 .bottom .boxs .box.on {
  background-color: #ffffff;
}

.ser3 .bottom .boxs .box:last-child {
  margin-bottom: 0;
}

.ser3 .bottom .boxs .box .h {
  padding-bottom: 0.24rem;
  color: #ffffff;
  transition: all 0.5s;
  line-height: 1.3;
}

.ser3 .bottom .boxs .box.on .h {
  color: var(--vi);
}

.ser3 .bottom .boxs .box .p {
  padding-top: 0.24rem;
  border-top: 1px solid #E8E8E8;
  font-weight: 400;
  line-height: 1.75;
  color: #666;
  display: none;
}

.ser3 .bottom .boxs .box .icon {
  position: absolute;
  top: 0.37rem;
  right: 0.45rem;
  width: 0.22rem;
  height: 0.22rem;
}

.ser3 .bottom .boxs .box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ser3 .bottom .boxs .box .icon img.img2 {
  display: none;
}

.ser3 .bottom .boxs .box.on .icon img.img2 {
  display: block;
}

.ser3 .bottom .boxs .box.on .icon img.img1 {
  display: none;
}

.ser4 {
  padding: 1.95rem 0.7rem;
}

.ser4 .con {
  width: 100%;
  padding: 0.9rem 0.7rem 0.92rem 0.7rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(40px);
  border-radius: 0.14rem;
  color: #ffffff;
}

.ser4 .con .left {
  width: 5.9rem;
}

.ser4 .con .left .tit {
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.1rem;
}

.ser4 .con .left .p {
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: 0;
  height: 1.28rem;
  margin-bottom: 3rem;
}

.ser4 .con .left .h {
  margin-bottom: 0.4rem;
  font-weight: 500;
  line-height: 1.18;
}

.ser4 .con .left .h_1 {
  display: flex;
  gap: 0.06rem;
  align-items: center;
  font-weight: 400;
  margin-bottom: 0.2rem;
}

.ser4 .con .left .h_1 img {
  width: 0.13rem;
}

.ser4 .con .left .ps {
  display: flex;
  gap: 0.4rem;
  font-weight: 400;
}

.ser4 .con .left .ps a {
  color: #fff;
}

.ser4 .con .right {
  width: 9.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.ser4 .con .right .input {
  width: calc(50% - 0.15rem);
}

.ser4 .con .right .input1 {
  width: 100%;
}

.ser4 .con .right .input .name {
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 0.14rem;
}

.ser4 .con .right .input .name span {
  margin-right: 0.07rem;
  color: var(--vi);
}

.ser4 .con .right .input input {
  width: 100%;
  line-height: 0.58rem;
  padding: 0 0.16rem;
  font-weight: 400;
  color: #fff;
  border-radius: 0.08rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(3px);
}

.ser4 .con .right .input input::placeholder {
  color: rgba(255, 255, 255, 0.36);
}

.ser4 .con .right .input textarea {
  width: 100%;
  line-height: 0.58rem;
  padding: 0 0.16rem;
  font-weight: 400;
  color: #fff;
  border-radius: 0.08rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(3px);
  font-weight: 400;
}

.ser4 .con .right .input textarea::placeholder {
  color: rgba(255, 255, 255, 0.36);
}

.ser4 .con .right .btns {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  width: 100%;
  padding-top: 0.1rem;
}

.ser4 .con .right .btns button {
  width: 2.3rem;
  line-height: .48rem;
  border-radius: 0.24rem;
  text-align: center;
  color: #ffffff;
  border: none;
}

.ser4 .con .right .btns button:nth-child(1) {
  background-color: var(--vi);
}

.ser4 .con .right .btns button:nth-child(2) {
  background-color: #333;
}

/* 服务支持 end */

/* 联系我们 */
.cat_con {
  position: relative;
  z-index: 2;
}

.cat1 {
  padding: 1.6rem 0.7rem 0.73rem 0.7rem;
  position: relative;
  background: url(../img/cat_banner.webp)no-repeat center top;
  background-size: 100% auto;
}

.cat1 .breadcrumbs {
  margin-bottom: 0.72rem;
  filter: brightness(0) invert(1);
}

.cat1 .top {
  padding-bottom: 1.26rem;
  color: #ffffff;
}

.cat1 .top .p {
  font-weight: 400;
  line-height: 1.77;
  margin-bottom: 0.1rem;
  letter-spacing: 0;
}

.cat1 .top .tit {
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.54rem;
}

.cat1 .top .codes {
  display: flex;
  gap: 0.4rem;
}

.cat1 .top .codes .code {
  width: 1.18rem;
  text-align: center;
}

.cat1 .top .codes .code img {
  width: 100%;
  height: 1.18rem;
  border-radius: 0.07rem;
  object-fit: contain;
  margin-bottom: 0.2rem;
}

.cat1 .top .codes .code .h {
  font-weight: 500;
  line-height: 1.5;
}

.cat1 .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}

.cat1 .bottom .item {
  width: calc(50% - 0.08rem);
  border-radius: 0.1rem;
  background-color: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(25px);
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  height: 1.8rem;
}

.cat1 .bottom .item .item1 {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  width: 100%;
}

.cat1 .bottom .item .item1 .icon {
  mix-blend-mode: lighten;
  width: 0.68rem;
  height: 0.67rem;
  object-fit: contain;
}

.cat1 .bottom .item .item1 .txt {
  width: calc(100% - 0.98rem);
  color: #ffffff;
  font-weight: 500;
}

.cat1 .bottom .item .item1 .txt .name {
  color: rgba(255, 255, 255, 0.60);
  line-height: 1.2;
  margin-bottom: 0.1rem;
}

.cat1 .bottom .item .item1 .txt .p {
  line-height: 1.5;
  color: #fff;
  display: flex;
  gap: 0.16rem;
}

.cat1 .bottom .item .item1 .txt .p a {
  color: #fff;
}

.cat1 .bottom .item .item1 .txt ul.p {
  flex-wrap: wrap;
  column-gap: 0.72rem;
  row-gap: 0.09rem;
}

/* 关于我们 */
.ab_con {
  position: relative;
  z-index: 2;
}

.ab1 {
  padding: 1.6rem 0.7rem 0 0.7rem;
  background: url(../img/ab1_bj.webp)no-repeat center top;
  background-size: 100% auto;
  color: #fff;
}

.ab1 .breadcrumbs {
  margin-bottom: 0.8rem;
  filter: brightness(0) invert(1);
}

.ab1 .top {
  width: 10.36rem;
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.45rem;
}

.ab1 .top .p {
  font-weight: 400;
  line-height: 1.77;
  margin-bottom: 0.1rem;
  letter-spacing: 0;
}

.ab1 .top .tit {
  font-weight: 500;
  line-height: 1.28;
}

.ab1 .bottom .pic {
  position: relative;
  width: 100%;
  height: 7.5rem;
  border-radius: 0.14rem;
  overflow: hidden;
  margin-bottom: 0.15rem;
}

.ab1 .bottom .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab1 .bottom .pic .txt {
  position: absolute;
  bottom: 0.58rem;
  left: 0.55rem;
  width: 10.62rem;
  padding: 0.43rem 1.94rem 0.4rem 0.4rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.13);
  backdrop-filter: blur(40px);
}

.ab1 .bottom .pic .txt .dian {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.02rem;
  background-color: var(--vi);
  margin-bottom: 0.18rem;
}

.ab1 .bottom .pic .txt .h {
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 0.21rem;
}

.ab1 .bottom .pic .txt .p {
  line-height: 1.75;
  opacity: 0.8;
  font-weight: 400;
}

.ab1 .bottom .list {
  display: flex;
  gap: 0.15rem;
}

.ab1 .bottom .list .item {
  width: calc(33.33% - 0.1rem);
  border-radius: 0.1rem;
  background: rgba(134, 159, 212, 0.20);
  backdrop-filter: blur(20px);
  padding: 0.35rem;
  color: #ffffff;
}

.ab1 .bottom .list .item .icon {
  width: 0.64rem;
  height: 0.64rem;
  object-fit: contain;
  margin-bottom: 0.55rem;
}

.ab1 .bottom .list .item .nums {
  display: flex;
  align-items: flex-end;
  gap: 0.1rem;
  margin-bottom: 0.12rem;
  font-weight: 500;
}

.ab1 .bottom .list .item .nums .num {
  font-weight: 400;
  font-family: mic;
}

.ab1 .bottom .list .item .p {
  opacity: 0.6;
  font-weight: 500;
  line-height: 1.2;
}

.ab2 {
  padding-top: 1.95rem;
  padding-bottom: 1.37rem;
}

.ab2 .top1 {
  margin-bottom: 0.5rem;
  color: #ffffff;
  padding-left: 0.7rem;
}

.ab2 .top1 .tit1 {
  line-height: 1.28;
  font-weight: 500;
  margin-bottom: 0.1rem;
}

.ab2 .top1 .p1 {
  line-height: 1.77;
  font-weight: 400;
  letter-spacing: 0;
}

.ab2 .con .txt1 {
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  width: 100%;
  padding: 0 0.55rem;
  color: #ffffff;
}

.ab2 .con .txt1 .h_2 {
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 0.2rem;
}

.ab2 .con .txt1 .p_2 {
  line-height: 1.2;
  font-weight: 500;
}

.ab2 .con .tip {
  position: absolute;
  width: fit-content;
  top: 0.55rem;
  left: 0.55rem;
  padding: 0 0.16rem;
  color: #ffffff;
  background-color: var(--vi);
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  line-height: 0.46rem;
  gap: 0.13rem;
  font-weight: 500;
}

.ab2 .con .tip .kuai {
  width: 0.15rem;
  height: 0.15rem;
  background-color: #ffffff;
  border-radius: 0.02rem;
}

.ab3 {
  padding: 1.92rem 0.7rem 0 0.7rem;
  position: relative;
  z-index: 3;
  background-color: #ffffff;
}

.ab3 .top {
  margin-bottom: 0.5rem;
}

.ab3 .top .tit {
  color: #333;
  line-height: 1.28;
  font-weight: 500;
  margin-bottom: 0.1rem;
}

.ab3 .top .p {
  color: #333;
  line-height: 1.77;
  font-weight: 400;
  letter-spacing: 0;
  max-width: 11rem;
}

.ab3 .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
}

.ab3 .list .item {
  width: calc(33.33% - 0.07rem);
  border-radius: 0.12rem;
  background: #F8F9FA;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.44rem 0.4rem;
}

.ab3 .list .item .icon {
  width: 0.64rem;
  height: 0.64rem;
  object-fit: contain;
}

.ab3 .list .item .txt {
  width: calc(100% - 0.94rem);
}

.ab3 .list .item .txt .h {
  color: #333333;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.15rem;
}

.ab3 .list .item .txt .p {
  color: #333;
  font-weight: 400;
  line-height: 1.26;
}

.ab4 {
  padding: 1.5rem 0.7rem 1.5rem 0.7rem;
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}

.ab4 .left {
  width: 5.1rem;
}

.ab4 .left .top {
  margin-bottom: 0.68rem;
  color: #333
}

.ab4 .left .top .tit {
  font-weight: 500;
  line-height: 1.285;
  margin-bottom: 0.1rem;
}

.ab4 .left .top .p {
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: 0;
}

.ab4 .left .list .item {
  width: 0.83rem;
  position: relative;
  text-align: right;
  margin-bottom: 0.25rem;
  transition: all 0.5s;
  cursor: pointer;
}

.ab4 .left .list .item.on {
  width: 5.03rem;
  padding-bottom: 0.05rem;
  margin-bottom: 0.77rem;
  margin-top: -0.4rem;
  pointer-events: none;
}

.ab4 .left .list .item:last-child {
  margin-bottom: 0 !important;
}

.ab4 .left .list .item::before {
  content: "";
  position: absolute;
  top: 0.11rem;
  left: 0;
  width: 0.18rem;
  height: 1px;
  background-color: rgba(118, 128, 148, 0.60);
  ;
}

.ab4 .left .list .item.on::before {
  opacity: 0;
}

.ab4 .left .list .item .solid {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0%;
  background-color: var(--vi);
  transition: all 0.5s;
}

.ab4 .left .list .item.on .solid {
  width: 100%;
}

.ab4 .left .list .item .year {
  color: #333;
  font-weight: 500;
  line-height: 1.15;
  transition: all 0.5s;
}

.ab4 .left .list .item.on .year {
  color: var(--vi);
  font-size: 0.9rem;
}

.ab4 .right {
  width: 8.9rem;
  position: relative;
  min-height: 5.5rem;
  padding-top: .04rem;
}

.ab4 .right .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s
}

.ab4 .right .item.on {
  opacity: 1;
  pointer-events: all;
}

.ab4 .right .item .pic {
  width: 100%;
  height: 4.98rem;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.ab4 .right .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ab4 .right .item .pic:hover img {
  transform: scale(1.05);
}

.ab4 .right .item .txt {
  display: flex;
  justify-content: space-between;
  color: #333;
  font-weight: 400;
  line-height: 1.2;
}

.ab4 .right .item .txt .h {
  max-width: calc(100% - 1rem);
}

.ab5 {
  padding: 1.7rem 0 0 0;
  color: #ffffff;
}

.ab5 .top {
  text-align: center;
  margin-bottom: 0.5rem;
}

.ab5 .top .tit {
  font-weight: 500;
  line-height: 1.28;
  margin-bottom: 0.1rem;
}

.ab5 .top .p {
  font-weight: 400;
  letter-spacing: 0;
}

.ab5 .bottom {
  margin-bottom: 1.7rem;
}

.ab5 .bottom .btop {
  width: 13.6rem;
  margin: 0 auto;
  margin-bottom: 0.32rem;
  padding: 0 1.4rem 0.26rem 1.4rem;
  display: flex;
  gap: 0.14rem;
  position: relative;
  z-index: 2;
}

.ab5 .bottom .btop::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.96rem;
  background: url(../img/ab5_k1.webp);
  background-size: 100% 100%;
}

.ab5 .bottom .btop .item {
  width: calc(33.33% - 0.1rem);
}

.ab5 .bottom .bbottom {
  width: 16.9rem;
  margin: 0 auto;
  margin-bottom: 0.32rem;
  padding: 0 1.4rem 0.26rem 1.4rem;
  display: flex;
  gap: 0.14rem;
  position: relative;
  z-index: 2;
}

.ab5 .bottom .bbottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.96rem;
  background: url(../img/ab5_k2.webp);
  background-size: 100% 100%;
}

.ab5 .bottom .bbottom .item {
  width: calc(25% - 0.11rem);
}

.ab5 .bottom .item .pic {
  width: 100%;
  height: 2.28rem;
  margin-bottom: 0.17rem;
  background-color: rgba(126, 126, 126, 0.38);
}

.ab5 .bottom .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ab5 .bottom .item .h {
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

.ab5 .lobox {
  position: relative;
  overflow: hidden;
}

.ab5 .lobox .swiper-wrapper {
  transition-timing-function: linear;
}

.ab5 .lobox .swiper-slide {
  padding: 0.15rem;
  border-radius: 0.1rem;
  border: 1px solid rgba(134, 159, 212, 0.10);
  background: rgba(134, 159, 212, 0.10);
  backdrop-filter: blur(15px);
}

.ab5 .lobox .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}




/* 横屏 */
@media screen and (orientation: landscape) {}

/* 竖屏 */
@media screen and (orientation: portrait) {
  html {
    font-size: 55px !important
  }

  .f-130,
  .f-120 {
    font-size: 13vw
  }

  .f-90 {
    font-size: 10vw
  }

  .f-80 {
    font-size: 9vw
  }

  .f-70 {
    font-size: 8vw
  }

  .f-60 {
    font-size: 7vw
  }

  .f-54,
  .f-48 {
    font-size: 6vw
  }

  .f-36 {
    font-size: 18px
  }

  .f-32 {
    font-size: 17px
  }

  .f-30,
  .f-28,
  .f-26,
  .f-24,
  .f-22,
  .f-20 {
    font-size: 16px
  }

  .f-18 {
    font-size: 14px
  }

  .f-16 {
    font-size: 14px
  }

  .f-14 {
    font-size: 14px
  }

  .f-12 {
    font-size: 12px
  }
}

@media screen and (max-width: 1100px) {}

@media screen and (max-width: 760px) {}

@media (prefers-reduced-motion: reduce) {}